@internetarchive/collection-browser 2.2.0 → 2.2.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/collection-browser.js +11 -4
- package/dist/src/collection-browser.js.map +1 -1
- package/dist/src/sort-filter-bar/sort-filter-bar.js +2 -0
- package/dist/src/sort-filter-bar/sort-filter-bar.js.map +1 -1
- package/package.json +1 -1
- package/src/collection-browser.ts +5 -0
- package/src/sort-filter-bar/sort-filter-bar.ts +2 -0
|
@@ -235,6 +235,8 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
|
|
|
235
235
|
* @param pageNumber
|
|
236
236
|
*/
|
|
237
237
|
goToPage(pageNumber) {
|
|
238
|
+
var _a;
|
|
239
|
+
console.log('cb goToPage', pageNumber, (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.itemCount);
|
|
238
240
|
this.initialPageNumber = pageNumber;
|
|
239
241
|
this.pagesToRender = pageNumber;
|
|
240
242
|
return this.scrollToPage(pageNumber);
|
|
@@ -1252,22 +1254,27 @@ let CollectionBrowser = class CollectionBrowser extends LitElement {
|
|
|
1252
1254
|
});
|
|
1253
1255
|
}
|
|
1254
1256
|
scrollToPage(pageNumber) {
|
|
1257
|
+
var _a;
|
|
1258
|
+
console.log('cb scrollToPage', pageNumber, (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.itemCount);
|
|
1255
1259
|
return new Promise(resolve => {
|
|
1256
1260
|
const cellIndexToScrollTo = this.pageSize * (pageNumber - 1);
|
|
1261
|
+
console.log('index', cellIndexToScrollTo);
|
|
1257
1262
|
// without this setTimeout, Safari just pauses until the `fetchPage` is complete
|
|
1258
1263
|
// then scrolls to the cell
|
|
1259
1264
|
setTimeout(() => {
|
|
1260
|
-
var _a;
|
|
1265
|
+
var _a, _b;
|
|
1266
|
+
console.log('cb starting scroll', cellIndexToScrollTo, (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.itemCount);
|
|
1261
1267
|
this.isScrollingToCell = true;
|
|
1262
|
-
(
|
|
1268
|
+
(_b = this.infiniteScroller) === null || _b === void 0 ? void 0 : _b.scrollToCell(cellIndexToScrollTo, true);
|
|
1263
1269
|
// This timeout is to give the scroll animation time to finish
|
|
1264
1270
|
// then updating the infinite scroller once we're done scrolling
|
|
1265
1271
|
// There's no scroll animation completion callback so we're
|
|
1266
1272
|
// giving it 0.5s to finish.
|
|
1267
1273
|
setTimeout(() => {
|
|
1268
|
-
var _a;
|
|
1274
|
+
var _a, _b;
|
|
1275
|
+
console.log('cb finishing scroll', cellIndexToScrollTo, (_a = this.infiniteScroller) === null || _a === void 0 ? void 0 : _a.itemCount);
|
|
1269
1276
|
this.isScrollingToCell = false;
|
|
1270
|
-
(
|
|
1277
|
+
(_b = this.infiniteScroller) === null || _b === void 0 ? void 0 : _b.refreshAllVisibleCells();
|
|
1271
1278
|
resolve();
|
|
1272
1279
|
}, 500);
|
|
1273
1280
|
}, 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection-browser.js","sourceRoot":"","sources":["../../src/collection-browser.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport {\n html,\n css,\n LitElement,\n PropertyValues,\n TemplateResult,\n nothing,\n} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { msg } from '@lit/localize';\n\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type {\n InfiniteScroller,\n InfiniteScrollerCellProviderInterface,\n} from '@internetarchive/infinite-scroller';\nimport {\n CollectionExtraInfo,\n PageElementName,\n SearchServiceInterface,\n SearchType,\n SortDirection,\n SortParam,\n} from '@internetarchive/search-service';\nimport type {\n SharedResizeObserverInterface,\n SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport '@internetarchive/infinite-scroller';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';\nimport type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';\nimport {\n SelectedFacets,\n SortField,\n CollectionBrowserContext,\n getDefaultSelectedFacets,\n TileModel,\n CollectionDisplayMode,\n FacetEventDetails,\n sortOptionFromAPIString,\n SORT_OPTIONS,\n defaultProfileElementSorts,\n} from './models';\nimport {\n RestorationStateHandlerInterface,\n RestorationStateHandler,\n RestorationState,\n} from './restoration-state-handler';\nimport { CollectionBrowserDataSource } from './data-source/collection-browser-data-source';\nimport type {\n CollectionBrowserQueryState,\n CollectionBrowserSearchInterface,\n} from './data-source/collection-browser-query-state';\nimport type { CollectionFacets } from './collection-facets';\nimport type { ManageableItem } from './manage/manage-bar';\nimport type { CollectionBrowserDataSourceInterface } from './data-source/collection-browser-data-source-interface';\nimport {\n analyticsActions,\n analyticsCategories,\n} from './utils/analytics-events';\nimport chevronIcon from './assets/img/icons/chevron';\nimport { srOnlyStyle } from './styles/sr-only';\nimport { sha1 } from './utils/sha1';\nimport { formatDate } from './utils/format-date';\nimport { log } from './utils/log';\nimport type { PlaceholderType } from './empty-placeholder';\n\nimport './empty-placeholder';\nimport './tiles/tile-dispatcher';\nimport './tiles/collection-browser-loading-tile';\nimport './sort-filter-bar/sort-filter-bar';\nimport './manage/manage-bar';\nimport './collection-facets';\nimport './circular-activity-indicator';\n\n@customElement('collection-browser')\nexport class CollectionBrowser\n extends LitElement\n implements\n InfiniteScrollerCellProviderInterface,\n SharedResizeObserverResizeHandlerInterface,\n CollectionBrowserSearchInterface\n{\n @property({ type: String }) baseNavigationUrl?: string;\n\n @property({ type: String }) baseImageUrl: string = 'https://archive.org';\n\n @property({ type: Object }) searchService?: SearchServiceInterface;\n\n /**\n * Which backend should be targeted by searches (e.g., metadata or FTS)\n */\n @property({ type: String }) searchType: SearchType = SearchType.METADATA;\n\n /**\n * The identifier of the collection that searches should be performed within\n */\n @property({ type: String }) withinCollection?: string;\n\n /**\n * The identifier (e.g., @person) of the user whose profile is being searched within\n */\n @property({ type: String }) withinProfile?: string;\n\n /**\n * Which section of the profile page searches are for (e.g., uploads, reviews, ...)\n */\n @property({ type: String }) profileElement?: PageElementName;\n\n /**\n * The base query to use for all searches, updated to match the current user query.\n */\n @property({ type: String }) baseQuery?: string;\n\n /**\n * Which mode to display result tiles in (grid, extended list, or compact list)\n */\n @property({ type: String }) displayMode?: CollectionDisplayMode;\n\n @property({ type: Object }) defaultSortParam: SortParam | null = null;\n\n @property({ type: String }) selectedSort: SortField = SortField.default;\n\n @property({ type: String }) selectedTitleFilter: string | null = null;\n\n @property({ type: String }) selectedCreatorFilter: string | null = null;\n\n @property({ type: String }) sortDirection: SortDirection | null = null;\n\n @property({ type: Number }) pageSize = 50;\n\n @property({ type: Number }) currentPage?: number;\n\n @property({ type: String }) minSelectedDate?: string;\n\n @property({ type: String }) maxSelectedDate?: string;\n\n @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n /**\n * Whether to show the date picker (above the facets)\n */\n @property({ type: Boolean }) showHistogramDatePicker = false;\n\n /**\n * Whether placeholder views should be suppressed. If true, searches that produce an\n * error or empty result set will simply show a blank results view instead of a placeholder.\n */\n @property({ type: Boolean }) suppressPlaceholders = false;\n\n /**\n * Whether the result count text should be suppressed.\n * If true, no \"X Results\" message will be shown.\n */\n @property({ type: Boolean }) suppressResultCount = false;\n\n /**\n * Whether the scrolling result view should be suppressed entirely.\n * If true, no infinite scroller (and thus no result tiles) will be rendered.\n */\n @property({ type: Boolean }) suppressResultTiles = false;\n\n /**\n * Whether to suppress persistence of the query to the URL.\n * If true, the `query` param will not be added to the URL or updated on query changes.\n */\n @property({ type: Boolean }) suppressURLQuery = false;\n\n /**\n * Whether to suppress the display of facets entirely.\n * If true, the facet sidebar content will be replaced by a message that facets are\n * temporarily unavailable.\n */\n @property({ type: Boolean }) suppressFacets = false;\n\n /**\n * Whether to suppress display of the sort bar.\n * If true, the entire sort bar (incl. display modes) will be omitted from rendering.\n */\n @property({ type: Boolean }) suppressSortBar = false;\n\n /**\n * Whether to suppress showing the display mode options in the sort bar.\n * If true, those options will be omitted (though the rest of the sort bar may still render).\n */\n @property({ type: Boolean }) suppressDisplayModes = false;\n\n /**\n * Whether facets should be lazy-loaded.\n * If false (default), facet data will be loaded eagerly along with search hits.\n * If true, facet data will only be requested once the facet pane actually becomes visible,\n * either by displaying in desktop mode or by the mobile facet dropdown being opened.\n */\n @property({ type: Boolean }) lazyLoadFacets = false;\n\n @property({ type: Boolean }) clearResultsOnEmptyQuery = false;\n\n @property({ type: String }) collectionPagePath: string = '/details/';\n\n /** describes where this component is being used */\n @property({ type: String, reflect: true }) searchContext: string =\n analyticsCategories.default;\n\n @property({ type: String }) pageContext: CollectionBrowserContext = 'search';\n\n @property({ type: Object })\n restorationStateHandler: RestorationStateHandlerInterface = new RestorationStateHandler(\n {\n context: this.pageContext,\n }\n );\n\n @property({ type: Number }) mobileBreakpoint = 600;\n\n @property({ type: Boolean }) loggedIn = false;\n\n @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n @property({ type: Object }) modalManager?: ModalManagerInterface = undefined;\n\n @property({ type: Object })\n featureFeedbackService?: FeatureFeedbackServiceInterface;\n\n @property({ type: Object }) recaptchaManager?: RecaptchaManagerInterface;\n\n /**\n * If item management UI active\n */\n @property({ type: Boolean }) isManageView = false;\n\n @property({ type: String }) manageViewLabel = 'Select items to remove';\n\n /** Whether to replace the default sort options with a slot for customization (default: false) */\n @property({ type: Boolean }) enableSortOptionsSlot = false;\n\n /**\n * The results per page so we can paginate.\n *\n * This allows us to start in the middle of the search results and\n * fetch data before or after the current page. If we don't have a key\n * for the previous/next page, we'll fetch the next/previous page to populate it\n */\n @property({ type: Object }) dataSource: CollectionBrowserDataSourceInterface =\n new CollectionBrowserDataSource(this, this.pageSize);\n\n /**\n * The page that the consumer wants to load.\n */\n initialPageNumber = 1;\n\n /**\n * This the the number of pages that we want to show.\n *\n * The data isn't necessarily loaded for all of the pages, but this lets us\n * know how many cells we should render.\n */\n @state() private pagesToRender = this.initialPageNumber;\n\n /**\n * Whether the initial page fetch for a new query is currently in progress.\n */\n @state() private searchResultsLoading = false;\n\n @state() private facetsLoading = false;\n\n @state() private totalResults?: number;\n\n @state() private mobileView = false;\n\n @state() private mobileFacetsVisible = false;\n\n @state() private contentWidth?: number;\n\n @state() private defaultSortField: Exclude<SortField, SortField.default> =\n SortField.relevance;\n\n @state() private defaultSortDirection: SortDirection | null = null;\n\n @state() private placeholderType: PlaceholderType = null;\n\n @query('#content-container') private contentContainer!: HTMLDivElement;\n\n @query('#left-column') private leftColumn?: HTMLDivElement;\n\n @query('collection-facets') private collectionFacets?: CollectionFacets;\n\n @property({ type: Object, attribute: false })\n analyticsHandler?: AnalyticsManagerInterface;\n\n /**\n * When we're animated scrolling to the page, we don't want to fetch\n * all of the pages as it scrolls so this lets us know if we're scrolling\n */\n private isScrollingToCell = false;\n\n /**\n * When page width resizes from desktop to mobile, set true to\n * disable expand/collapse transition when loading.\n */\n private isResizeToMobile = false;\n\n /**\n * Flag indicating that a new data source is currently being installed.\n * During the install, any URL persistence operation should replace the current entry\n * instead of creating a new one.\n */\n private dataSourceInstallInProgress = false;\n\n private leftColIntersectionObserver?: IntersectionObserver;\n\n private facetsIntersectionObserver?: IntersectionObserver;\n\n private placeholderCellTemplate = html`<collection-browser-loading-tile></collection-browser-loading-tile>`;\n\n constructor() {\n super();\n this.addController(this.dataSource);\n }\n\n private tileModelAtCellIndex(index: number): TileModel | undefined {\n const model = this.dataSource.getTileModelAt(index);\n /**\n * If we encounter a model we don't have yet and we're not in the middle of an\n * automated scroll, fetch the page and just return undefined.\n * The datasource will be updated once the page is loaded and the cell will be rendered.\n *\n * We disable it during the automated scroll since we don't want to fetch pages for intervening cells the\n * user may never see.\n */\n if (!model && !this.isScrollingToCell && this.dataSource.queryInitialized) {\n const pageNumber = Math.floor(index / this.pageSize) + 1;\n this.dataSource.fetchPage(pageNumber);\n }\n return model;\n }\n\n // this is the total number of tiles we expect if\n // the data returned is a full page worth\n // this is useful for putting in placeholders for the expected number of tiles\n private get estimatedTileCount(): number {\n return this.pagesToRender * this.pageSize;\n }\n\n /**\n * How many tiles to offset the data source by, to account for any removed tiles.\n */\n private tileModelOffset = 0;\n\n @query('infinite-scroller')\n private infiniteScroller?: InfiniteScroller;\n\n private sessionIdGenPromise?: Promise<string>;\n\n /**\n * Returns a promise resolving to a unique string that persists for the current browser session.\n * Used in generating unique IDs for search requests, so that multiple requests coming from the\n * same browser session can be identified.\n */\n async getSessionId(): Promise<string> {\n try {\n const storedSessionId = sessionStorage?.getItem('cb-session');\n if (storedSessionId) {\n return storedSessionId;\n }\n\n // If we enter this method a second time while a first session ID is already being generated,\n // ensure we produce the same ID from both calls instead of generating another one.\n if (this.sessionIdGenPromise) {\n return this.sessionIdGenPromise;\n }\n\n this.sessionIdGenPromise = sha1(Math.random().toString());\n const newSessionId = await this.sessionIdGenPromise;\n\n sessionStorage?.setItem('cb-session', newSessionId);\n return newSessionId;\n } catch (err) {\n // Either we can't generate the hash or we're restricted from accessing sessionStorage\n return '';\n }\n }\n\n /**\n * Go to the given page of results\n *\n * @param pageNumber\n */\n goToPage(pageNumber: number) {\n this.initialPageNumber = pageNumber;\n this.pagesToRender = pageNumber;\n return this.scrollToPage(pageNumber);\n }\n\n /**\n * Sets the state for whether the initial set of search results is loading in.\n */\n setSearchResultsLoading(loading: boolean): void {\n this.searchResultsLoading = loading;\n }\n\n /**\n * Sets the state for whether facet data is loading in\n */\n setFacetsLoading(loading: boolean): void {\n this.facetsLoading = loading;\n }\n\n /**\n * Sets the total number of results to be displayed for the current search\n */\n setTotalResultCount(totalResults: number): void {\n this.totalResults = totalResults;\n }\n\n /**\n * Clears all selected/negated facets, date ranges, and letter filters.\n *\n * By default, the current sort field/direction are not cleared,\n * but this can be overridden by setting the `sort` option to `true`.\n *\n * Similarly, it is possible to finely control what is cleared by\n * setting any of the `facets`, `dateRange`, or `letterFilters` flags\n * in the options object.\n */\n clearFilters({\n facets = true,\n dateRange = true,\n letterFilters = true,\n sort = false,\n } = {}): void {\n // Don't bother clearing facets if none are checked, so that we don't\n // trigger unnecessary update cycles.\n if (facets && this.hasCheckedFacets) {\n this.selectedFacets = getDefaultSelectedFacets();\n }\n\n if (dateRange) {\n this.minSelectedDate = undefined;\n this.maxSelectedDate = undefined;\n }\n\n if (letterFilters) {\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = null;\n }\n\n if (sort) {\n this.sortDirection = null;\n this.selectedSort = SortField.default;\n }\n }\n\n /**\n * Returns true if the current value of `this.selectedFacets` contains\n * any facet buckets than have been selected or negated, or false otherwise.\n */\n private get hasCheckedFacets(): boolean {\n if (!this.selectedFacets) return false;\n\n for (const facetGroup of Object.values(this.selectedFacets)) {\n for (const bucket of Object.values(facetGroup)) {\n if (bucket.state !== 'none') return true;\n }\n }\n\n return false;\n }\n\n /**\n * Returns true if there are any currently selected/negated facet buckets,\n * any selected date range, or any selected letter filters. False otherwise.\n *\n * Ignores sorting options.\n */\n private get hasActiveFilters(): boolean {\n return !!(\n this.hasCheckedFacets ||\n this.minSelectedDate ||\n this.maxSelectedDate ||\n this.selectedTitleFilter ||\n this.selectedCreatorFilter\n );\n }\n\n render() {\n this.setPlaceholderType();\n return html`\n <div\n id=\"content-container\"\n class=${this.mobileView ? 'mobile' : 'desktop'}\n >\n ${this.placeholderType\n ? this.emptyPlaceholderTemplate\n : this.collectionBrowserTemplate}\n </div>\n `;\n }\n\n private setPlaceholderType() {\n const hasQuery = !!this.baseQuery?.trim();\n const isCollection = !!this.withinCollection;\n const isProfile = !!this.withinProfile;\n const noResults =\n !this.searchResultsLoading &&\n (this.dataSource.size === 0 || !this.searchService);\n\n this.placeholderType = null;\n if (this.suppressPlaceholders) return;\n\n if (!hasQuery && !isCollection && !isProfile) {\n this.placeholderType = 'empty-query';\n } else if (noResults) {\n // Within a collection, no query + no results means the collection simply has no viewable items.\n // Otherwise, we must have a user query that produced 0 results.\n this.placeholderType =\n !hasQuery && isCollection ? 'empty-collection' : 'no-results';\n }\n\n if (this.dataSource.queryErrorMessage) {\n this.placeholderType =\n !hasQuery && isCollection ? 'collection-error' : 'query-error';\n }\n }\n\n private get emptyPlaceholderTemplate() {\n return html`\n <empty-placeholder\n .placeholderType=${this.placeholderType}\n ?isMobileView=${this.mobileView}\n ?isCollection=${!!this.withinCollection}\n .detailMessage=${this.dataSource.queryErrorMessage ?? ''}\n .baseNavigationUrl=${this.baseNavigationUrl}\n ></empty-placeholder>\n `;\n }\n\n /**\n * Top-level template for rendering the left (facets) and right (results) columns.\n */\n private get collectionBrowserTemplate() {\n return html`\n <div id=\"left-column-scroll-sentinel\"></div>\n ${this.leftColumnTemplate} ${this.rightColumnTemplate}\n `;\n }\n\n /**\n * Template for either the mobile or desktop version of the left column, depending\n * on current component state.\n */\n private get leftColumnTemplate(): TemplateResult {\n if (this.mobileView) {\n return this.mobileLeftColumnTemplate;\n }\n return this.desktopLeftColumnTemplate;\n }\n\n /**\n * Template for the mobile version of the \"left column\" (which in this case, appears\n * *above* the search results rather than beside them), for rendering the\n * accordion-style facets.\n */\n private get mobileLeftColumnTemplate(): TemplateResult {\n return html`\n <div\n id=\"left-column\"\n class=\"column${this.isResizeToMobile ? ' preload' : ''}\"\n >\n ${this.facetTopViewSlot} ${this.resultsCountTemplate}\n <div id=\"facets-header-container\">${this.mobileFacetsTemplate}</div>\n </div>\n `;\n }\n\n /**\n * Template for the desktop version of the left column, displaying the facets sidebar.\n */\n private get desktopLeftColumnTemplate(): TemplateResult {\n return html`\n <div id=\"left-column\" class=\"column\">\n ${this.facetTopViewSlot}\n <div id=\"facets-header-container\">\n <h2 id=\"facets-header\" class=\"sr-only\">Filters</h2>\n ${this.resultsCountTemplate} ${this.clearFiltersBtnTemplate(false)}\n </div>\n <div id=\"facets-container\" aria-labelledby=\"facets-header\">\n ${this.facetsTemplate}\n <div id=\"facets-scroll-sentinel\"></div>\n </div>\n <div id=\"facets-bottom-fade\"></div>\n </div>\n `;\n }\n\n /**\n * Slot which is placed at top of the facets area for user-profile page\n * - mainly used to render userlists\n */\n private get facetTopViewSlot(): TemplateResult {\n return html`<div id=\"facet-top-view\">\n <slot name=\"facet-top-slot\"></slot>\n </div>`;\n }\n\n /**\n * Template for the \"X Results\" count at the top of the search results.\n * Changes to the \"Searching...\" label if the search results are still loading.\n */\n private get resultsCountTemplate(): TemplateResult | typeof nothing {\n if (this.suppressResultCount) return nothing;\n\n const shouldShowSearching =\n this.searchResultsLoading || this.totalResults === undefined;\n const resultsCount = this.totalResults?.toLocaleString();\n const resultsLabel = this.totalResults === 1 ? 'Result' : 'Results';\n\n return html`\n <div id=\"results-total\">\n <span id=\"big-results-count\">\n ${shouldShowSearching ? html`Searching…` : resultsCount}\n </span>\n <span id=\"big-results-label\">\n ${shouldShowSearching ? nothing : resultsLabel}\n </span>\n </div>\n `;\n }\n\n /**\n * Template for the right column of the collection browser, where the result\n * tiles and sort/filter bar are shown.\n */\n private get rightColumnTemplate(): TemplateResult {\n return html`\n <div id=\"right-column\" class=\"column\">\n <div id=\"cb-top-view\">\n <slot name=\"cb-top-slot\"></slot>\n </div>\n ${this.isManageView\n ? this.manageBarTemplate\n : this.sortFilterBarTemplate}\n <slot name=\"cb-results\"></slot>\n ${this.displayMode === `list-compact` && this.totalResults\n ? this.listHeaderTemplate\n : nothing}\n ${this.suppressResultTiles ? nothing : this.infiniteScrollerTemplate}\n </div>\n `;\n }\n\n private get infiniteScrollerTemplate() {\n return html`<infinite-scroller\n class=${this.infiniteScrollerClasses}\n itemCount=${this.placeholderType ? 0 : nothing}\n ariaLandmarkLabel=\"Search results\"\n .cellProvider=${this}\n .placeholderCellTemplate=${this.placeholderCellTemplate}\n @scrollThresholdReached=${this.scrollThresholdReached}\n @visibleCellsChanged=${this.visibleCellsChanged}\n >${this.displayMode === 'grid'\n ? html`<slot name=\"result-last-tile\" slot=\"result-last-tile\"></slot>`\n : nothing}\n </infinite-scroller>`;\n }\n\n private get infiniteScrollerClasses() {\n return classMap({\n [this.displayMode ?? '']: !!this.displayMode,\n hidden: !!this.placeholderType,\n });\n }\n\n private get sortFilterBarTemplate(): TemplateResult | typeof nothing {\n if (this.suppressSortBar) return nothing;\n\n return html`\n <sort-filter-bar\n .defaultSortField=${this.defaultSortField}\n .defaultSortDirection=${this.defaultSortDirection}\n .selectedSort=${this.selectedSort}\n .sortDirection=${this.sortDirection}\n .showRelevance=${this.isRelevanceSortAvailable}\n .showDateFavorited=${this.withinCollection?.startsWith('fav-')}\n .displayMode=${this.displayMode}\n .selectedTitleFilter=${this.selectedTitleFilter}\n .selectedCreatorFilter=${this.selectedCreatorFilter}\n .prefixFilterCountMap=${this.dataSource.prefixFilterCountMap}\n .resizeObserver=${this.resizeObserver}\n .enableSortOptionsSlot=${this.enableSortOptionsSlot}\n .suppressDisplayModes=${this.suppressDisplayModes}\n @sortChanged=${this.userChangedSort}\n @displayModeChanged=${this.displayModeChanged}\n @titleLetterChanged=${this.titleLetterSelected}\n @creatorLetterChanged=${this.creatorLetterSelected}\n >\n <slot name=\"sort-options-left\" slot=\"sort-options-left\"></slot>\n <slot name=\"sort-options\" slot=\"sort-options\"></slot>\n <slot name=\"sort-options-right\" slot=\"sort-options-right\"></slot>\n </sort-filter-bar>\n `;\n }\n\n private get manageBarTemplate(): TemplateResult {\n return html`\n <manage-bar\n .label=${this.manageViewLabel}\n showSelectAll\n showUnselectAll\n ?removeAllowed=${this.dataSource.checkedTileModels.length !== 0}\n @removeItems=${this.handleRemoveItems}\n @selectAll=${() => this.dataSource.checkAllTiles()}\n @unselectAll=${() => this.dataSource.uncheckAllTiles()}\n @cancel=${() => {\n this.isManageView = false;\n this.dataSource.uncheckAllTiles();\n }}\n ></manage-bar>\n `;\n }\n\n /**\n * Handler for when the user requests to remove all checked items via the manage bar.\n * Emits an `itemRemovalRequested` event with all checked tile models.\n */\n private handleRemoveItems(): void {\n this.dispatchEvent(\n new CustomEvent<{ items: ManageableItem[] }>('itemRemovalRequested', {\n detail: {\n items: this.dataSource.checkedTileModels.map(model => {\n const cloned = model.clone();\n cloned.dateStr = formatDate(model.datePublished, 'long');\n return cloned as ManageableItem;\n }),\n },\n })\n );\n }\n\n /**\n * Removes all tile models that are currently checked & adjusts the paging\n * of the data source to account for any new gaps in the data.\n */\n removeCheckedTiles(): void {\n this.dataSource.removeCheckedTiles();\n }\n\n private userChangedSort(\n e: CustomEvent<{\n selectedSort: SortField;\n sortDirection: SortDirection | null;\n }>\n ) {\n const { selectedSort, sortDirection } = e.detail;\n this.selectedSort = selectedSort;\n this.sortDirection = sortDirection;\n\n if ((this.currentPage ?? 1) > 1) {\n this.goToPage(1);\n }\n this.currentPage = 1;\n }\n\n private sendSortByAnalytics(prevSortDirection: SortDirection | null): void {\n const directionCleared = prevSortDirection && !this.sortDirection;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.sortBy,\n label: `${this.selectedSort}${\n this.sortDirection || directionCleared ? `-${this.sortDirection}` : ''\n }`,\n });\n }\n\n private selectedSortChanged(): void {\n // Lazy-load the alphabet counts for title/creator sort bar as needed\n this.dataSource.updatePrefixFiltersForCurrentSort();\n }\n\n get sortParam(): SortParam | null {\n const sortOption = SORT_OPTIONS[this.selectedSort];\n if (!sortOption?.handledBySearchService) {\n return null;\n }\n\n // If the sort option specified in the URL is unrecognized, we just use it as-is\n const urlSortParam = new URL(window.location.href).searchParams.get('sort');\n const sortField =\n sortOption.searchServiceKey ?? urlSortParam?.replace(/^-/, '');\n\n // If the sort direction is still null at this point, then we assume ascending\n // (i.e., it was unrecognized and had no directional flag)\n if (!this.sortDirection) this.sortDirection = 'asc';\n\n if (!sortField) return null;\n return { field: sortField, direction: this.sortDirection };\n }\n\n private displayModeChanged(\n e: CustomEvent<{ displayMode?: CollectionDisplayMode }>\n ): void {\n this.displayMode = e.detail.displayMode;\n\n if (this.displayMode) {\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.displayMode,\n label: this.displayMode,\n });\n }\n }\n\n /**\n * Returns a query clause identifying the currently selected title filter,\n * e.g., `firstTitle:X`.\n */\n private get titleQuery(): string | undefined {\n return this.selectedTitleFilter\n ? `firstTitle:${this.selectedTitleFilter}`\n : undefined;\n }\n\n /**\n * Returns a query clause identifying the currently selected creator filter,\n * e.g., `firstCreator:X`.\n */\n private get creatorQuery(): string | undefined {\n return this.selectedCreatorFilter\n ? `firstCreator:${this.selectedCreatorFilter}`\n : undefined;\n }\n\n /**\n * Send Analytics when sorting by title's first letter\n * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'\n */\n private sendFilterByTitleAnalytics(prevSelectedLetter: string | null): void {\n if (!prevSelectedLetter && !this.selectedTitleFilter) {\n return;\n }\n const cleared = prevSelectedLetter && !this.selectedTitleFilter;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.filterByTitle,\n label: cleared\n ? `clear-${prevSelectedLetter}`\n : `${prevSelectedLetter || 'start'}-${this.selectedTitleFilter}`,\n });\n }\n\n /**\n * Send Analytics when filtering by creator's first letter\n * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'\n */\n private sendFilterByCreatorAnalytics(\n prevSelectedLetter: string | null\n ): void {\n if (!prevSelectedLetter && !this.selectedCreatorFilter) {\n return;\n }\n const cleared = prevSelectedLetter && !this.selectedCreatorFilter;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.filterByCreator,\n label: cleared\n ? `clear-${prevSelectedLetter}`\n : `${prevSelectedLetter || 'start'}-${this.selectedCreatorFilter}`,\n });\n }\n\n /**\n * Handler for changes to which letter is selected in the title alphabet bar.\n */\n private titleLetterSelected(\n e: CustomEvent<{ selectedLetter: string | null }>\n ): void {\n this.selectedCreatorFilter = null;\n this.selectedTitleFilter = e.detail.selectedLetter;\n }\n\n /**\n * Handler for changes to which letter is selected in the creator alphabet bar.\n */\n private creatorLetterSelected(\n e: CustomEvent<{ selectedLetter: string | null }>\n ): void {\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = e.detail.selectedLetter;\n }\n\n /**\n * The full template for how the facets should be structured in mobile view,\n * including the collapsible container (with header) and the facets themselves.\n */\n private get mobileFacetsTemplate(): TemplateResult {\n const toggleFacetsVisible = (e: Event) => {\n this.isResizeToMobile = false;\n this.mobileFacetsVisible = !this.mobileFacetsVisible;\n\n const target = e.target as HTMLDetailsElement;\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.mobileFacetsToggled,\n label: target.open ? 'open' : 'closed',\n });\n };\n\n return html`\n <details id=\"mobile-filter-collapse\" @toggle=${toggleFacetsVisible}>\n <summary>\n <span class=\"collapser-icon\">${chevronIcon}</span>\n <h2>${msg('Filters')}</h2>\n ${this.clearFiltersBtnTemplate(true)}\n </summary>\n ${this.facetsTemplate}\n </details>\n `;\n }\n\n /**\n * The template for the facets component alone, without any surrounding wrappers.\n */\n private get facetsTemplate() {\n if (this.suppressFacets) {\n return html`\n <p class=\"facets-message\">\n ${msg('Facets are temporarily unavailable.')}\n </p>\n `;\n }\n\n return html`\n <collection-facets\n @facetsChanged=${this.facetsChanged}\n @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n .collectionPagePath=${this.collectionPagePath}\n .parentCollections=${this.dataSource.parentCollections}\n .pageSpecifierParams=${this.dataSource.pageSpecifierParams}\n .searchService=${this.searchService}\n .featureFeedbackService=${this.featureFeedbackService}\n .recaptchaManager=${this.recaptchaManager}\n .resizeObserver=${this.resizeObserver}\n .searchType=${this.searchType}\n .aggregations=${this.dataSource.aggregations}\n .fullYearsHistogramAggregation=${this.dataSource\n .yearHistogramAggregation}\n .minSelectedDate=${this.minSelectedDate}\n .maxSelectedDate=${this.maxSelectedDate}\n .selectedFacets=${this.selectedFacets}\n .baseNavigationUrl=${this.baseNavigationUrl}\n .collectionTitles=${this.dataSource.collectionTitles}\n .showHistogramDatePicker=${this.showHistogramDatePicker}\n .allowExpandingDatePicker=${!this.mobileView}\n .contentWidth=${this.contentWidth}\n .query=${this.baseQuery}\n .filterMap=${this.dataSource.filterMap}\n .isManageView=${this.isManageView}\n .modalManager=${this.modalManager}\n ?collapsableFacets=${this.mobileView}\n ?facetsLoading=${this.facetsLoading}\n ?fullYearAggregationLoading=${this.facetsLoading}\n @facetClick=${this.facetClickHandler}\n .analyticsHandler=${this.analyticsHandler}\n >\n </collection-facets>\n `;\n }\n\n /**\n * The HTML template for the \"Clear all filters\" button, or `nothing` if no\n * filters are currently active.\n *\n * @param mobile Whether to style/shorten the button for mobile view\n */\n private clearFiltersBtnTemplate(\n mobile: boolean\n ): TemplateResult | typeof nothing {\n if (!this.hasActiveFilters) return nothing;\n\n const buttonClasses = classMap({\n 'clear-filters-btn': true,\n mobile,\n });\n\n const buttonText = mobile ? 'Clear all' : 'Clear all filters';\n\n return html`\n <div class=\"clear-filters-btn-row\">\n ${mobile\n ? html`<span class=\"clear-filters-btn-separator\"> </span>`\n : nothing}\n <button class=${buttonClasses} @click=${this.clearFilters}>\n ${buttonText}\n </button>\n </div>\n `;\n }\n\n private get loadingTemplate() {\n return html`\n <div class=\"loading-cover\">\n <circular-activity-indicator></circular-activity-indicator>\n </div>\n `;\n }\n\n private get listHeaderTemplate() {\n return html`\n <div id=\"list-header\">\n <tile-dispatcher\n .tileDisplayMode=${'list-header'}\n .resizeObserver=${this.resizeObserver}\n .sortParam=${this.sortParam}\n .defaultSortParam=${this.defaultSortParam}\n .mobileBreakpoint=${this.mobileBreakpoint}\n .loggedIn=${this.loggedIn}\n >\n </tile-dispatcher>\n </div>\n `;\n }\n\n private histogramDateRangeUpdated(\n e: CustomEvent<{\n minDate: string;\n maxDate: string;\n }>\n ) {\n const { minDate, maxDate } = e.detail;\n [this.minSelectedDate, this.maxSelectedDate] = [minDate, maxDate];\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.histogramChanged,\n label: this.dateRangeQueryClause,\n });\n }\n\n private get dateRangeQueryClause() {\n if (!this.minSelectedDate || !this.maxSelectedDate) {\n return undefined;\n }\n\n return `year:[${this.minSelectedDate} TO ${this.maxSelectedDate}]`;\n }\n\n /**\n * Emits an event indicating a change in whether the manage mode is shown.\n */\n private emitManageModeChangedEvent(): void {\n this.dispatchEvent(\n new CustomEvent<boolean>('manageModeChanged', {\n detail: this.isManageView,\n })\n );\n }\n\n async installDataSourceAndQueryState(\n dataSource: CollectionBrowserDataSourceInterface,\n queryState: CollectionBrowserQueryState\n ): Promise<void> {\n log('Installing data source & query state in CB:', dataSource, queryState);\n if (this.dataSource) this.removeController(this.dataSource);\n this.dataSource = dataSource;\n this.addController(this.dataSource);\n\n this.baseQuery = queryState.baseQuery;\n this.profileElement = queryState.profileElement;\n this.searchType = queryState.searchType;\n this.selectedFacets =\n queryState.selectedFacets ?? getDefaultSelectedFacets();\n this.minSelectedDate = queryState.minSelectedDate;\n this.maxSelectedDate = queryState.maxSelectedDate;\n this.selectedSort = queryState.selectedSort ?? SortField.default;\n this.sortDirection = queryState.sortDirection;\n this.selectedTitleFilter = queryState.selectedTitleFilter;\n this.selectedCreatorFilter = queryState.selectedCreatorFilter;\n\n // We set this flag during the update to prevent the URL state persistence\n // from creating an unwanted extra history entry.\n this.dataSourceInstallInProgress = true;\n this.requestUpdate();\n await this.updateComplete;\n this.dataSourceInstallInProgress = false;\n\n if (!this.searchResultsLoading) {\n this.setTotalResultCount(this.dataSource.totalResults);\n this.setTileCount(this.dataSource.size);\n }\n\n this.refreshVisibleResults();\n }\n\n firstUpdated(): void {\n this.restoreState();\n this.setInitialSize();\n }\n\n setInitialSize(): void {\n this.contentWidth = this.contentContainer.getBoundingClientRect().width;\n this.mobileView =\n this.contentWidth > 0 && this.contentWidth < this.mobileBreakpoint;\n }\n\n updated(changed: PropertyValues) {\n if (changed.has('placeholderType') && this.placeholderType === null) {\n if (!this.leftColIntersectionObserver) {\n this.setupLeftColumnScrollListeners();\n }\n if (!this.facetsIntersectionObserver) {\n this.setupFacetsScrollListeners();\n }\n this.updateLeftColumnHeight();\n }\n\n if (\n changed.has('displayMode') ||\n changed.has('baseNavigationUrl') ||\n changed.has('baseImageUrl') ||\n changed.has('loggedIn')\n ) {\n this.infiniteScroller?.reload();\n }\n\n if (\n changed.has('baseQuery') ||\n changed.has('searchType') ||\n changed.has('withinCollection')\n ) {\n // Unless this query/search type update is from the initial page load or the\n // result of hitting the back button,\n // we need to clear any existing filters since they may no longer be valid for\n // the new set of search results.\n if (!this.historyPopOccurred && this.initialQueryChangeHappened) {\n // Ordinarily, we leave the sort param unchanged between searches.\n // However, if we are changing the target collection itself, we want the sort cleared too,\n // since different collections may have different sorting options available.\n const shouldClearSort =\n changed.has('withinCollection') &&\n !changed.has('selectedSort') &&\n !changed.has('sortDirection');\n\n // Otherwise, only clear filters that haven't been simultaneously applied in this update\n this.clearFilters({\n sort: shouldClearSort,\n facets: !changed.has('selectedFacets'),\n dateRange: !(\n changed.has('minSelectedDate') || changed.has('maxSelectedDate')\n ),\n letterFilters: !(\n changed.has('selectedTitleFilter') ||\n changed.has('selectedCreatorFilter')\n ),\n });\n }\n }\n\n if (changed.has('profileElement')) {\n this.applyDefaultProfileSort();\n }\n\n if (changed.has('baseQuery')) {\n this.emitBaseQueryChanged();\n }\n if (changed.has('searchType')) {\n this.emitSearchTypeChanged();\n }\n\n if (changed.has('currentPage') || changed.has('displayMode')) {\n this.persistState();\n }\n\n if (\n changed.has('baseQuery') ||\n changed.has('minSelectedDate') ||\n changed.has('maxSelectedDate') ||\n changed.has('selectedFacets') ||\n changed.has('searchService') ||\n changed.has('withinCollection') ||\n changed.has('withinProfile') ||\n changed.has('profileElement')\n ) {\n this.dataSource.refreshLetterCounts();\n }\n\n if (changed.has('selectedSort') || changed.has('sortDirection')) {\n const prevSortDirection = changed.get('sortDirection') as SortDirection;\n this.sendSortByAnalytics(prevSortDirection);\n this.selectedSortChanged();\n }\n\n if (changed.has('selectedTitleFilter')) {\n this.sendFilterByTitleAnalytics(\n changed.get('selectedTitleFilter') as string\n );\n }\n if (changed.has('selectedCreatorFilter')) {\n this.sendFilterByCreatorAnalytics(\n changed.get('selectedCreatorFilter') as string\n );\n }\n\n // Facets are always visible in the desktop view.\n // But in the mobile view, their visibility state can be toggled by the user.\n // In either case, inform the data source so that it can determine whether/when to fetch facets.\n this.dataSource.handleFacetVisibilityChange(\n !this.mobileView || this.mobileFacetsVisible\n );\n\n if (\n changed.has('baseQuery') ||\n changed.has('searchType') ||\n changed.has('selectedTitleFilter') ||\n changed.has('selectedCreatorFilter') ||\n changed.has('minSelectedDate') ||\n changed.has('maxSelectedDate') ||\n changed.has('selectedSort') ||\n changed.has('sortDirection') ||\n changed.has('selectedFacets') ||\n changed.has('searchService') ||\n changed.has('withinCollection') ||\n changed.has('withinProfile') ||\n changed.has('profileElement')\n ) {\n this.handleQueryChange();\n }\n\n if (changed.has('searchResultsLoading')) {\n this.emitSearchResultsLoadingChanged();\n }\n\n if (\n changed.has('facetsLoading') &&\n this.facetsLoading &&\n this.collectionFacets\n ) {\n this.collectionFacets.moreLinksVisible =\n this.searchType !== SearchType.FULLTEXT;\n }\n\n if (changed.has('pagesToRender')) {\n if (!this.dataSource.endOfDataReached && this.infiniteScroller) {\n this.infiniteScroller.itemCount = this.estimatedTileCount;\n }\n }\n\n if (changed.has('isManageView')) {\n if (this.isManageView) this.displayMode = 'grid';\n this.infiniteScroller?.refreshAllVisibleCells();\n this.emitManageModeChangedEvent();\n }\n\n if (changed.has('resizeObserver')) {\n const oldObserver = changed.get(\n 'resizeObserver'\n ) as SharedResizeObserverInterface;\n if (oldObserver) this.disconnectResizeObserver(oldObserver);\n this.setupResizeObserver();\n }\n }\n\n connectedCallback(): void {\n super.connectedCallback?.();\n this.setupStateRestorationObserver();\n this.setupResizeObserver();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver) {\n this.disconnectResizeObserver(this.resizeObserver);\n }\n if (this.boundNavigationHandler) {\n window.removeEventListener('popstate', this.boundNavigationHandler);\n }\n\n this.leftColIntersectionObserver?.disconnect();\n this.facetsIntersectionObserver?.disconnect();\n window.removeEventListener('resize', this.updateLeftColumnHeight);\n }\n\n handleResize(entry: ResizeObserverEntry): void {\n const previousView = this.mobileView;\n if (entry.target === this.contentContainer) {\n this.contentWidth = entry.contentRect.width;\n this.mobileView =\n this.contentWidth > 0 && this.contentWidth < this.mobileBreakpoint;\n // If changing from desktop to mobile disable transition\n if (this.mobileView && !previousView) {\n this.isResizeToMobile = true;\n }\n }\n\n // Ensure the facet sidebar remains sized correctly\n this.updateLeftColumnHeight();\n }\n\n /**\n * Sets up listeners for events that may require updating the left column height.\n */\n private setupLeftColumnScrollListeners(): void {\n // We observe intersections between the left column's scroll sentinel and\n // the viewport, so that we can ensure the left column is always sized to\n // match the _available_ viewport height. This should generally be more\n // performant than listening to scroll events on the page or column.\n const leftColumnSentinel = this.shadowRoot?.querySelector(\n '#left-column-scroll-sentinel'\n );\n if (leftColumnSentinel) {\n this.leftColIntersectionObserver = new IntersectionObserver(\n this.updateLeftColumnHeight,\n {\n threshold: [...Array(101).keys()].map(n => n / 100), // Threshold every 1%\n }\n );\n this.leftColIntersectionObserver.observe(leftColumnSentinel);\n }\n\n // We also listen for window resize events, as they are not always captured\n // by the resize observer and can affect the desired height of the left column.\n window.addEventListener('resize', this.updateLeftColumnHeight);\n }\n\n /**\n * Sets up listeners to control whether the facet sidebar shows its bottom fade-out.\n * Note this uses a separate IntersectionObserver from the left column, because we\n * don't need granular intersection thresholds for this.\n */\n private setupFacetsScrollListeners(): void {\n const facetsSentinel = this.shadowRoot?.querySelector(\n '#facets-scroll-sentinel'\n );\n if (facetsSentinel) {\n this.facetsIntersectionObserver = new IntersectionObserver(\n this.updateFacetFadeOut\n );\n this.facetsIntersectionObserver.observe(facetsSentinel);\n }\n }\n\n /**\n * Updates the height of the left column according to its position on the page.\n * Arrow function ensures proper `this` binding.\n */\n private updateLeftColumnHeight = (): void => {\n if (this.mobileView) {\n this.leftColumn?.style?.removeProperty('height');\n } else {\n const clientTop = this.leftColumn?.getBoundingClientRect().top;\n this.leftColumn?.style?.setProperty(\n 'height',\n `${window.innerHeight - (clientTop ?? 0) - 3}px`\n );\n }\n };\n\n /**\n * Toggles whether the fade-out is visible at the bottom of the facets.\n * It should only be visible if the facets are not scrolled to the bottom.\n * Arrow function ensures proper `this` binding.\n */\n private updateFacetFadeOut = (entries: IntersectionObserverEntry[]): void => {\n const fadeElmt = this.shadowRoot?.getElementById('facets-bottom-fade');\n fadeElmt?.classList.toggle('hidden', entries?.[0]?.isIntersecting);\n };\n\n private emitBaseQueryChanged() {\n this.dispatchEvent(\n new CustomEvent<{ baseQuery?: string }>('baseQueryChanged', {\n detail: {\n baseQuery: this.baseQuery,\n },\n })\n );\n }\n\n private emitSearchTypeChanged() {\n this.dispatchEvent(\n new CustomEvent<SearchType>('searchTypeChanged', {\n detail: this.searchType,\n })\n );\n }\n\n emitQueryStateChanged() {\n this.dispatchEvent(\n new CustomEvent<CollectionBrowserQueryState>('queryStateChanged', {\n detail: {\n baseQuery: this.baseQuery,\n withinCollection: this.withinCollection,\n withinProfile: this.withinProfile,\n profileElement: this.profileElement,\n searchType: this.searchType,\n selectedFacets: this.selectedFacets,\n minSelectedDate: this.minSelectedDate,\n maxSelectedDate: this.maxSelectedDate,\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection,\n selectedTitleFilter: this.selectedTitleFilter,\n selectedCreatorFilter: this.selectedCreatorFilter,\n },\n })\n );\n }\n\n emitEmptyResults() {\n this.dispatchEvent(new Event('emptyResults'));\n }\n\n private disconnectResizeObserver(\n resizeObserver: SharedResizeObserverInterface\n ) {\n resizeObserver.removeObserver({\n target: this.contentContainer,\n handler: this,\n });\n }\n\n private setupResizeObserver() {\n if (!this.resizeObserver || !this.contentContainer) return;\n this.resizeObserver.addObserver({\n target: this.contentContainer,\n handler: this,\n });\n }\n\n /**\n * When the visible cells change from the infinite scroller, we want to emit\n * which page is currently visible so the consumer can update its UI or the URL\n *\n * @param e\n * @returns\n */\n private visibleCellsChanged(\n e: CustomEvent<{ visibleCellIndices: number[] }>\n ) {\n if (this.isScrollingToCell) return;\n const { visibleCellIndices } = e.detail;\n if (visibleCellIndices.length === 0) return;\n const lastVisibleCellIndex =\n visibleCellIndices[visibleCellIndices.length - 1];\n const lastVisibleCellPage =\n Math.floor(lastVisibleCellIndex / this.pageSize) + 1;\n if (this.currentPage !== lastVisibleCellPage) {\n this.currentPage = lastVisibleCellPage;\n }\n const event = new CustomEvent('visiblePageChanged', {\n detail: {\n pageNumber: lastVisibleCellPage,\n },\n });\n this.dispatchEvent(event);\n }\n\n // we only want to scroll on the very first query change\n // so this keeps track of whether we've already set the initial query\n private initialQueryChangeHappened = false;\n\n private historyPopOccurred = false;\n\n // this lets us store the query key so we know if it's actually changed or not\n private previousQueryKey?: string;\n\n /**\n * A Promise which, after each query change, resolves once the fetches for the initial\n * search have completed. Waits for *both* the hits and aggregations fetches to finish.\n *\n * Ensure you await this component's `updateComplete` promise before awaiting this\n * one, to ensure you do not await an obsolete promise from the previous update.\n */\n get initialSearchComplete(): Promise<boolean> {\n return this.dataSource.initialSearchComplete;\n }\n\n private async handleQueryChange() {\n // only reset if the query has actually changed\n if (\n !this.searchService ||\n this.dataSource.pageFetchQueryKey === this.previousQueryKey\n )\n return;\n\n // If the new state prevents us from updating the search results, don't reset\n if (\n !this.dataSource.canPerformSearch &&\n !(this.clearResultsOnEmptyQuery && this.baseQuery === '')\n )\n return;\n\n this.previousQueryKey = this.dataSource.pageFetchQueryKey;\n // this.emitQueryStateChanged();\n\n this.tileModelOffset = 0;\n this.totalResults = undefined;\n this.pagesToRender =\n this.initialPageNumber === 1\n ? 2 // First two pages are batched into one request when starting from page 1\n : this.initialPageNumber;\n\n // Reset the infinite scroller's item count, so that it\n // shows tile placeholders until the new query's results load in\n if (this.infiniteScroller) {\n this.infiniteScroller.itemCount = this.estimatedTileCount;\n this.infiniteScroller.reload();\n }\n\n if (this.withinCollection && this.baseQuery?.trim()) {\n this.defaultSortField = SortField.relevance;\n this.defaultSortDirection = null;\n }\n\n if (!this.initialQueryChangeHappened && this.initialPageNumber > 1) {\n this.scrollToPage(this.initialPageNumber);\n }\n this.initialQueryChangeHappened = true;\n\n // if the query changed as part of a window.history pop event, we don't want to\n // persist the state because it overwrites the forward history\n if (!this.historyPopOccurred) {\n this.persistState();\n }\n this.historyPopOccurred = false;\n\n // Fire the initial page and facets requests\n // await this.dataSource.handleQueryChange();\n }\n\n private setupStateRestorationObserver() {\n if (!this.boundNavigationHandler) {\n this.boundNavigationHandler = this.historyNavigationHandler.bind(this);\n }\n // when the user navigates back, we want to update the UI to match the URL\n window.addEventListener('popstate', this.boundNavigationHandler);\n }\n\n private boundNavigationHandler?: () => void;\n\n private historyNavigationHandler() {\n this.historyPopOccurred = true;\n this.restoreState();\n }\n\n private restoreState() {\n const restorationState = this.restorationStateHandler.getRestorationState();\n this.displayMode = restorationState.displayMode;\n if (restorationState.searchType != null)\n this.searchType = restorationState.searchType;\n this.selectedSort = restorationState.selectedSort ?? SortField.default;\n this.sortDirection = restorationState.sortDirection ?? null;\n this.selectedTitleFilter = restorationState.selectedTitleFilter ?? null;\n this.selectedCreatorFilter = restorationState.selectedCreatorFilter ?? null;\n this.selectedFacets = restorationState.selectedFacets;\n if (!this.suppressURLQuery) this.baseQuery = restorationState.baseQuery;\n this.currentPage = restorationState.currentPage ?? 1;\n this.minSelectedDate = restorationState.minSelectedDate;\n this.maxSelectedDate = restorationState.maxSelectedDate;\n if (this.currentPage > 1) {\n this.goToPage(this.currentPage);\n }\n }\n\n private persistState() {\n const restorationState: RestorationState = {\n displayMode: this.displayMode,\n searchType: this.searchType,\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection ?? undefined,\n selectedFacets: this.selectedFacets ?? getDefaultSelectedFacets(),\n baseQuery: this.suppressURLQuery ? undefined : this.baseQuery,\n currentPage: this.currentPage,\n titleQuery: this.titleQuery,\n creatorQuery: this.creatorQuery,\n minSelectedDate: this.minSelectedDate,\n maxSelectedDate: this.maxSelectedDate,\n selectedTitleFilter: this.selectedTitleFilter ?? undefined,\n selectedCreatorFilter: this.selectedCreatorFilter ?? undefined,\n };\n this.restorationStateHandler.persistState(\n restorationState,\n this.dataSourceInstallInProgress\n );\n }\n\n private emitSearchResultsLoadingChanged(): void {\n this.dispatchEvent(\n new CustomEvent<{ loading: boolean }>('searchResultsLoadingChanged', {\n detail: {\n loading: this.searchResultsLoading,\n },\n })\n );\n }\n\n facetsChanged(e: CustomEvent<SelectedFacets>) {\n this.selectedFacets = e.detail;\n }\n\n facetClickHandler({\n detail: { facetType, bucket, negative },\n }: CustomEvent<FacetEventDetails>): void {\n let action: analyticsActions;\n if (negative) {\n action =\n bucket.state !== 'none'\n ? analyticsActions.facetNegativeSelected\n : analyticsActions.facetNegativeDeselected;\n } else {\n action =\n bucket.state !== 'none'\n ? analyticsActions.facetSelected\n : analyticsActions.facetDeselected;\n }\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action,\n label: facetType,\n });\n }\n\n private scrollToPage(pageNumber: number): Promise<void> {\n return new Promise(resolve => {\n const cellIndexToScrollTo = this.pageSize * (pageNumber - 1);\n // without this setTimeout, Safari just pauses until the `fetchPage` is complete\n // then scrolls to the cell\n setTimeout(() => {\n this.isScrollingToCell = true;\n this.infiniteScroller?.scrollToCell(cellIndexToScrollTo, true);\n // This timeout is to give the scroll animation time to finish\n // then updating the infinite scroller once we're done scrolling\n // There's no scroll animation completion callback so we're\n // giving it 0.5s to finish.\n setTimeout(() => {\n this.isScrollingToCell = false;\n this.infiniteScroller?.refreshAllVisibleCells();\n resolve();\n }, 500);\n }, 0);\n });\n }\n\n /**\n * Whether sorting by relevance makes sense for the current state.\n * Currently equivalent to having a non-empty query.\n */\n private get isRelevanceSortAvailable(): boolean {\n return !!this.baseQuery?.trim();\n }\n\n /**\n * Sets the total number of tiles displayed in the infinite scroller.\n */\n setTileCount(count: number): void {\n if (this.infiniteScroller) {\n this.infiniteScroller.itemCount = count;\n }\n }\n\n /**\n * Applies any default sort option for the current collection, by checking\n * for one in the collection's metadata. If none is found, defaults to sorting\n * descending by:\n * - Date Favorited for fav-* collections\n * - Weekly views for all other collections\n */\n applyDefaultCollectionSort(collectionInfo?: CollectionExtraInfo): void {\n if (this.baseQuery) {\n // If there's a query set, then we default to relevance sorting regardless of\n // the collection metadata-specified sort.\n this.defaultSortField = SortField.relevance;\n this.defaultSortDirection = null;\n return;\n }\n\n // Favorite collections sort on Date Favorited by default.\n // Other collections fall back to sorting on weekly views.\n const baseDefaultSort: string =\n collectionInfo?.public_metadata?.identifier?.startsWith('fav-')\n ? '-favoritedate'\n : '-week';\n\n // The collection metadata may override the default sorting with something else\n const metadataSort: string | undefined =\n collectionInfo?.public_metadata?.['sort-by'];\n\n // Prefer the metadata-specified sort if one exists\n const defaultSortToApply = metadataSort ?? baseDefaultSort;\n\n // Account for both -field and field:dir formats\n let [field, dir] = defaultSortToApply.split(':');\n if (field.startsWith('-')) {\n field = field.slice(1);\n dir = 'desc';\n } else if (!['asc', 'desc'].includes(dir)) {\n dir = 'asc';\n }\n\n const sortOption = sortOptionFromAPIString(field);\n const sortField = sortOption.field;\n if (sortField && sortField !== SortField.default) {\n this.defaultSortField = sortField;\n this.defaultSortDirection = dir as SortDirection;\n this.defaultSortParam = {\n field: this.defaultSortField,\n direction: this.defaultSortDirection,\n };\n }\n }\n\n /**\n * Applies the default sort option for the current profile element\n */\n applyDefaultProfileSort(): void {\n if (this.profileElement) {\n const defaultSortField = defaultProfileElementSorts[this.profileElement];\n this.defaultSortField = defaultSortField ?? SortField.weeklyview;\n } else {\n this.defaultSortField = SortField.weeklyview;\n }\n\n this.defaultSortDirection = 'desc';\n this.defaultSortParam = {\n field: this.defaultSortField,\n direction: this.defaultSortDirection,\n };\n }\n\n /**\n * This is useful for determining whether we need to reload the scroller.\n *\n * When the fetch completes, we need to reload the scroller if the cells for that\n * page are visible, but if the page is not currenlty visible, we don't need to reload\n */\n get currentVisiblePageNumbers(): number[] {\n const visibleCells = this.infiniteScroller?.getVisibleCellIndices() ?? [];\n const visiblePages = new Set<number>();\n visibleCells.forEach(cellIndex => {\n const visiblePage = Math.floor(cellIndex / this.pageSize) + 1;\n visiblePages.add(visiblePage);\n });\n return Array.from(visiblePages);\n }\n\n /**\n * Refreshes all visible result cells in the infinite scroller.\n */\n refreshVisibleResults(): void {\n this.infiniteScroller?.refreshAllVisibleCells();\n }\n\n /**\n * Callback when a result is selected\n */\n resultSelected(event: CustomEvent<TileModel>): void {\n if (this.isManageView) {\n // Checked/unchecked state change -- rerender to ensure it propagates\n // this.mapDataSource(model => ({ ...model }));\n const cellIndex = this.dataSource.indexOf(event.detail);\n if (cellIndex >= 0) this.infiniteScroller?.refreshCell(cellIndex);\n\n this.requestUpdate();\n }\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.resultSelected,\n label: event.detail.mediatype,\n });\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.resultSelected,\n label: `page-${this.currentPage}`,\n });\n }\n\n cellForIndex(index: number): TemplateResult | undefined {\n const model = this.tileModelAtCellIndex(index);\n if (!model) return undefined;\n\n return html`\n <tile-dispatcher\n .collectionPagePath=${this.collectionPagePath}\n .baseNavigationUrl=${this.baseNavigationUrl}\n .baseImageUrl=${this.baseImageUrl}\n .model=${model}\n .tileDisplayMode=${this.displayMode}\n .resizeObserver=${this.resizeObserver}\n .collectionTitles=${this.dataSource.collectionTitles}\n .sortParam=${this.sortParam}\n .defaultSortParam=${this.defaultSortParam}\n .creatorFilter=${this.selectedCreatorFilter}\n .mobileBreakpoint=${this.mobileBreakpoint}\n .loggedIn=${this.loggedIn}\n .isManageView=${this.isManageView}\n ?enableHoverPane=${true}\n @resultSelected=${(e: CustomEvent) => this.resultSelected(e)}\n >\n </tile-dispatcher>\n `;\n }\n\n /**\n * When the user scrolls near to the bottom of the page, fetch the next page\n * increase the number of pages to render and start fetching data for the new page\n */\n private scrollThresholdReached() {\n if (!this.dataSource.endOfDataReached && this.dataSource.queryInitialized) {\n this.pagesToRender += 1;\n this.dataSource.fetchPage(this.pagesToRender);\n }\n }\n\n static get styles() {\n return [\n srOnlyStyle,\n css`\n :host {\n display: block;\n --leftColumnWidth: 18rem;\n --leftColumnPaddingRight: 2.5rem;\n }\n\n #facet-top-view {\n display: flex;\n }\n\n /**\n * When page width resizes from desktop to mobile, use this class to\n * disable expand/collapse transition when loading.\n */\n .preload * {\n transition: none !important;\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -ms-transition: none !important;\n -o-transition: none !important;\n }\n\n #content-container {\n display: flex;\n }\n\n empty-placeholder {\n margin-top: var(--placeholderMarginTop, 0);\n }\n\n .collapser-icon {\n display: inline-block;\n }\n\n .collapser-icon svg {\n display: inline-block;\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease-out;\n }\n\n #mobile-filter-collapse {\n width: 100%;\n }\n\n #mobile-filter-collapse > summary {\n cursor: pointer;\n list-style: none;\n }\n\n #mobile-filter-collapse[open] > summary {\n margin-bottom: 10px;\n }\n\n #mobile-filter-collapse h2 {\n display: inline-block;\n margin: 0;\n font-size: 2rem;\n }\n\n #mobile-filter-collapse[open] svg {\n transform: rotate(90deg);\n }\n\n #content-container.mobile {\n display: block;\n }\n\n .column {\n padding-top: 2rem;\n }\n\n #right-column {\n flex: 1;\n position: relative;\n min-height: 90vh;\n border-left: 1px solid rgb(232, 232, 232);\n border-right: 1px solid rgb(232, 232, 232);\n padding-left: 1rem;\n padding-right: 1rem;\n margin-top: var(--rightColumnMarginTop, 0);\n background: #fff;\n }\n\n .mobile #right-column {\n border-left: none;\n padding: 5px 5px 0;\n }\n\n #left-column {\n width: var(--leftColumnWidth, 18rem);\n /* Prevents Safari from shrinking col at first draw */\n min-width: var(--leftColumnWidth, 18rem);\n /* Reduced padding by 0.2rem to add the invisible border in the rule below */\n padding-right: calc(var(--leftColumnPaddingRight, 2.5rem) - 0.2rem);\n border-right: 0.2rem solid transparent; /* Pads to the right of the scrollbar a bit */\n z-index: 1;\n }\n\n .desktop #left-column {\n top: 0;\n position: sticky;\n height: calc(100vh - 2rem);\n max-height: calc(100vh - 2rem);\n overflow-x: hidden;\n overflow-y: scroll;\n\n /*\n * Firefox doesn't support any of the -webkit-scrollbar stuff below, but\n * does at least give us a tiny bit of control over width & color.\n */\n scrollbar-width: thin;\n scrollbar-color: transparent transparent;\n }\n .desktop #left-column:hover {\n scrollbar-color: auto;\n }\n .desktop #left-column::-webkit-scrollbar {\n appearance: none;\n width: 6px;\n }\n .desktop #left-column::-webkit-scrollbar-button {\n height: 3px;\n background: transparent;\n }\n .desktop #left-column::-webkit-scrollbar-corner {\n background: transparent;\n }\n .desktop #left-column::-webkit-scrollbar-thumb {\n border-radius: 4px;\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.2);\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb:active {\n background: rgba(0, 0, 0, 0.3);\n }\n\n #facets-bottom-fade {\n background: linear-gradient(\n to bottom,\n #f5f5f700 0%,\n #f5f5f7c0 50%,\n #f5f5f7 80%,\n #f5f5f7 100%\n );\n position: fixed;\n bottom: 0;\n height: 50px;\n /* Wide enough to cover the content, but leave the scrollbar uncovered */\n width: calc(\n var(--leftColumnWidth) + var(--leftColumnPaddingRight) - 10px\n );\n z-index: 2;\n pointer-events: none;\n transition: height 0.1s ease;\n }\n #facets-bottom-fade.hidden {\n height: 0;\n }\n\n .facets-message {\n font-size: 1.4rem;\n }\n\n .desktop #left-column-scroll-sentinel {\n width: 1px;\n height: 100vh;\n background: transparent;\n }\n\n .desktop #facets-scroll-sentinel {\n width: 1px;\n height: 1px;\n background: transparent;\n }\n\n #facets-header-container {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n .desktop #facets-header-container {\n flex-wrap: wrap;\n }\n\n .mobile #left-column {\n width: 100%;\n min-width: 0;\n padding: 0;\n border: 0;\n }\n\n .clear-filters-btn-row {\n display: inline-block;\n }\n\n .desktop .clear-filters-btn-row {\n width: 100%;\n }\n\n .clear-filters-btn {\n display: inline-block;\n appearance: none;\n margin: 0;\n padding: 0;\n border: 0;\n background: none;\n color: var(--ia-theme-link-color);\n font-size: 1.4rem;\n font-family: inherit;\n cursor: pointer;\n }\n\n .clear-filters-btn:hover {\n text-decoration: underline;\n }\n\n .clear-filters-btn-separator {\n display: inline-block;\n margin-left: 5px;\n border-left: 1px solid #2c2c2c;\n font-size: 1.4rem;\n line-height: 1.3rem;\n }\n\n #facets-container {\n position: relative;\n max-height: 0;\n transition: max-height 0.2s ease-in-out;\n z-index: 1;\n margin-top: 5rem;\n padding-bottom: 2rem;\n }\n\n .desktop #facets-container {\n width: 18rem;\n }\n\n .mobile #facets-container {\n overflow: hidden;\n padding-bottom: 0;\n padding-left: 10px;\n padding-right: 10px;\n }\n\n #facets-container.expanded {\n max-height: 2000px;\n }\n\n #results-total {\n display: flex;\n align-items: baseline;\n }\n\n .mobile #results-total {\n float: right;\n margin-bottom: 0;\n margin-right: 5px;\n }\n\n #big-results-count {\n font-size: 2.4rem;\n font-weight: 500;\n margin-right: 5px;\n }\n\n .mobile #big-results-count {\n font-size: 2rem;\n }\n\n #big-results-label {\n font-size: 1.4rem;\n font-weight: 200;\n }\n\n #list-header {\n max-height: 4.2rem;\n }\n\n .loading-cover {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n z-index: 1;\n padding-top: 50px;\n }\n\n circular-activity-indicator {\n width: 30px;\n height: 30px;\n }\n\n sort-filter-bar {\n display: block;\n margin-bottom: 4rem;\n }\n\n infinite-scroller {\n display: block;\n --infiniteScrollerRowGap: var(--collectionBrowserRowGap, 1.7rem);\n --infiniteScrollerColGap: var(--collectionBrowserColGap, 1.7rem);\n }\n\n infinite-scroller.list-compact {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 100%\n );\n --infiniteScrollerCellMinHeight: 45px; /* override infinite scroller component */\n --infiniteScrollerCellMaxHeight: 56px;\n --infiniteScrollerRowGap: 10px;\n }\n\n infinite-scroller.list-detail {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 100%\n );\n --infiniteScrollerCellMinHeight: var(\n --collectionBrowserCellMinHeight,\n 5rem\n );\n /*\n 30px in spec, compensating for a -4px margin\n to align title with top of item image\n src/tiles/list/tile-list.ts\n */\n --infiniteScrollerRowGap: 34px;\n }\n\n .mobile infinite-scroller.list-detail {\n --infiniteScrollerRowGap: 24px;\n }\n\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 17rem\n );\n --infiniteScrollerCellMaxWidth: var(\n --collectionBrowserCellMaxWidth,\n 1fr\n );\n }\n\n /* Allow tiles to shrink a bit further at smaller viewport widths */\n @media screen and (max-width: 880px) {\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 15rem\n );\n }\n }\n /* At very small widths, maintain a 2-tile layout as far as it can reasonably go */\n @media screen and (max-width: 360px) {\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 12rem\n );\n }\n }\n\n infinite-scroller.hidden {\n display: none;\n }\n `,\n ];\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"collection-browser.js","sourceRoot":"","sources":["../../src/collection-browser.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EACL,IAAI,EACJ,GAAG,EACH,UAAU,EAGV,OAAO,GACR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAOpC,OAAO,EAIL,UAAU,GAGX,MAAM,iCAAiC,CAAC;AAKzC,OAAO,oCAAoC,CAAC;AAI5C,OAAO,EAEL,SAAS,EAET,wBAAwB,EAIxB,uBAAuB,EACvB,YAAY,EACZ,0BAA0B,GAC3B,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,uBAAuB,GAExB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAQ3F,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAGlC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,+BAA+B,CAAC;AAGvC,IAAa,iBAAiB,GAA9B,MAAa,iBACX,SAAQ,UAAU;IA6OlB;QACE,KAAK,EAAE,CAAC;QAtOkB,iBAAY,GAAW,qBAAqB,CAAC;QAIzE;;WAEG;QACyB,eAAU,GAAe,UAAU,CAAC,QAAQ,CAAC;QA2B7C,qBAAgB,GAAqB,IAAI,CAAC;QAE1C,iBAAY,GAAc,SAAS,CAAC,OAAO,CAAC;QAE5C,wBAAmB,GAAkB,IAAI,CAAC;QAE1C,0BAAqB,GAAkB,IAAI,CAAC;QAE5C,kBAAa,GAAyB,IAAI,CAAC;QAE3C,aAAQ,GAAG,EAAE,CAAC;QAU1C;;WAEG;QAC0B,4BAAuB,GAAG,KAAK,CAAC;QAE7D;;;WAGG;QAC0B,yBAAoB,GAAG,KAAK,CAAC;QAE1D;;;WAGG;QAC0B,wBAAmB,GAAG,KAAK,CAAC;QAEzD;;;WAGG;QAC0B,wBAAmB,GAAG,KAAK,CAAC;QAEzD;;;WAGG;QAC0B,qBAAgB,GAAG,KAAK,CAAC;QAEtD;;;;WAIG;QAC0B,mBAAc,GAAG,KAAK,CAAC;QAEpD;;;WAGG;QAC0B,oBAAe,GAAG,KAAK,CAAC;QAErD;;;WAGG;QAC0B,yBAAoB,GAAG,KAAK,CAAC;QAE1D;;;;;WAKG;QAC0B,mBAAc,GAAG,KAAK,CAAC;QAEvB,6BAAwB,GAAG,KAAK,CAAC;QAElC,uBAAkB,GAAW,WAAW,CAAC;QAErE,mDAAmD;QACR,kBAAa,GACtD,mBAAmB,CAAC,OAAO,CAAC;QAEF,gBAAW,GAA6B,QAAQ,CAAC;QAG7E,4BAAuB,GAAqC,IAAI,uBAAuB,CACrF;YACE,OAAO,EAAE,IAAI,CAAC,WAAW;SAC1B,CACF,CAAC;QAE0B,qBAAgB,GAAG,GAAG,CAAC;QAEtB,aAAQ,GAAG,KAAK,CAAC;QAIlB,iBAAY,GAA2B,SAAS,CAAC;QAO7E;;WAEG;QAC0B,iBAAY,GAAG,KAAK,CAAC;QAEtB,oBAAe,GAAG,wBAAwB,CAAC;QAEvE,iGAAiG;QACpE,0BAAqB,GAAG,KAAK,CAAC;QAE3D;;;;;;WAMG;QACyB,eAAU,GACpC,IAAI,2BAA2B,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvD;;WAEG;QACH,sBAAiB,GAAG,CAAC,CAAC;QAEtB;;;;;WAKG;QACc,kBAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAExD;;WAEG;QACc,yBAAoB,GAAG,KAAK,CAAC;QAE7B,kBAAa,GAAG,KAAK,CAAC;QAItB,eAAU,GAAG,KAAK,CAAC;QAEnB,wBAAmB,GAAG,KAAK,CAAC;QAI5B,qBAAgB,GAC/B,SAAS,CAAC,SAAS,CAAC;QAEL,yBAAoB,GAAyB,IAAI,CAAC;QAElD,oBAAe,GAAoB,IAAI,CAAC;QAWzD;;;WAGG;QACK,sBAAiB,GAAG,KAAK,CAAC;QAElC;;;WAGG;QACK,qBAAgB,GAAG,KAAK,CAAC;QAEjC;;;;WAIG;QACK,gCAA2B,GAAG,KAAK,CAAC;QAMpC,4BAAuB,GAAG,IAAI,CAAA,qEAAqE,CAAC;QA+B5G;;WAEG;QACK,oBAAe,GAAG,CAAC,CAAC;QAo+B5B;;;WAGG;QACK,2BAAsB,GAAG,GAAS,EAAE;;YAC1C,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,0CAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;aAClD;iBAAM;gBACL,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,qBAAqB,GAAG,GAAG,CAAC;gBAC/D,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,0CAAE,WAAW,CACjC,QAAQ,EACR,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CACjD,CAAC;aACH;QACH,CAAC,CAAC;QAEF;;;;WAIG;QACK,uBAAkB,GAAG,CAAC,OAAoC,EAAQ,EAAE;;YAC1E,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;YACvE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,0CAAE,cAAc,CAAC,CAAC;QACrE,CAAC,CAAC;QA0FF,wDAAwD;QACxD,qEAAqE;QAC7D,+BAA0B,GAAG,KAAK,CAAC;QAEnC,uBAAkB,GAAG,KAAK,CAAC;QAxnCjC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACpD;;;;;;;WAOG;QACH,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;YACzE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;SACvC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,iDAAiD;IACjD,yCAAyC;IACzC,8EAA8E;IAC9E,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5C,CAAC;IAYD;;;;OAIG;IACH,KAAK,CAAC,YAAY;QAChB,IAAI;YACF,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,YAAY,CAAC,CAAC;YAC9D,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC;aACxB;YAED,6FAA6F;YAC7F,mFAAmF;YACnF,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBAC5B,OAAO,IAAI,CAAC,mBAAmB,CAAC;aACjC;YAED,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1D,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC;YAEpD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YACpD,OAAO,YAAY,CAAC;SACrB;QAAC,OAAO,GAAG,EAAE;YACZ,sFAAsF;YACtF,OAAO,EAAE,CAAC;SACX;IACH,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,UAAkB;;QACzB,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC,CAAC;QACzE,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC;QACpC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC;QAChC,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAED;;OAEG;IACH,uBAAuB,CAAC,OAAgB;QACtC,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC;IACtC,CAAC;IAED;;OAEG;IACH,gBAAgB,CAAC,OAAgB;QAC/B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,mBAAmB,CAAC,YAAoB;QACtC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;;;;;;OASG;IACH,YAAY,CAAC,EACX,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,IAAI,EAChB,aAAa,GAAG,IAAI,EACpB,IAAI,GAAG,KAAK,GACb,GAAG,EAAE;QACJ,qEAAqE;QACrE,qCAAqC;QACrC,IAAI,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACnC,IAAI,CAAC,cAAc,GAAG,wBAAwB,EAAE,CAAC;SAClD;QAED,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;SAClC;QAED,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;SACnC;QAED,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;SACvC;IACH,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO,KAAK,CAAC;QAEvC,KAAK,MAAM,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;YAC3D,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;gBAC9C,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM;oBAAE,OAAO,IAAI,CAAC;aAC1C;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;;;OAKG;IACH,IAAY,gBAAgB;QAC1B,OAAO,CAAC,CAAC,CACP,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,eAAe;YACpB,IAAI,CAAC,eAAe;YACpB,IAAI,CAAC,mBAAmB;YACxB,IAAI,CAAC,qBAAqB,CAC3B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;UAE5C,IAAI,CAAC,eAAe;YACpB,CAAC,CAAC,IAAI,CAAC,wBAAwB;YAC/B,CAAC,CAAC,IAAI,CAAC,yBAAyB;;KAErC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,EAAE,CAAA,CAAC;QAC1C,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAC7C,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;QACvC,MAAM,SAAS,GACb,CAAC,IAAI,CAAC,oBAAoB;YAC1B,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAEtD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAEtC,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,EAAE;YAC5C,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC;SACtC;aAAM,IAAI,SAAS,EAAE;YACpB,gGAAgG;YAChG,gEAAgE;YAChE,IAAI,CAAC,eAAe;gBAClB,CAAC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC;SACjE;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE;YACrC,IAAI,CAAC,eAAe;gBAClB,CAAC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC;SAClE;IACH,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,eAAe;wBACvB,IAAI,CAAC,UAAU;wBACf,CAAC,CAAC,IAAI,CAAC,gBAAgB;yBACtB,MAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,mCAAI,EAAE;6BACnC,IAAI,CAAC,iBAAiB;;KAE9C,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAY,yBAAyB;QACnC,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,mBAAmB;KACtD,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,kBAAkB;QAC5B,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,IAAI,CAAC,wBAAwB,CAAC;SACtC;QACD,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,IAAY,wBAAwB;QAClC,OAAO,IAAI,CAAA;;;uBAGQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;UAEpD,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,oBAAoB;4CAChB,IAAI,CAAC,oBAAoB;;KAEhE,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAY,yBAAyB;QACnC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,gBAAgB;;;YAGnB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;;;YAGhE,IAAI,CAAC,cAAc;;;;;KAK1B,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAA;;WAEJ,CAAC;IACV,CAAC;IAED;;;OAGG;IACH,IAAY,oBAAoB;;QAC9B,IAAI,IAAI,CAAC,mBAAmB;YAAE,OAAO,OAAO,CAAC;QAE7C,MAAM,mBAAmB,GACvB,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC;QAC/D,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,EAAE,CAAC;QACzD,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpE,OAAO,IAAI,CAAA;;;YAGH,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,CAAC,CAAC,CAAC,YAAY;;;YAG5D,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY;;;KAGnD,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAA;;;;;UAKL,IAAI,CAAC,YAAY;YACjB,CAAC,CAAC,IAAI,CAAC,iBAAiB;YACxB,CAAC,CAAC,IAAI,CAAC,qBAAqB;;UAE5B,IAAI,CAAC,WAAW,KAAK,cAAc,IAAI,IAAI,CAAC,YAAY;YACxD,CAAC,CAAC,IAAI,CAAC,kBAAkB;YACzB,CAAC,CAAC,OAAO;UACT,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB;;KAEvE,CAAC;IACJ,CAAC;IAED,IAAY,wBAAwB;QAClC,OAAO,IAAI,CAAA;cACD,IAAI,CAAC,uBAAuB;kBACxB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;;sBAE9B,IAAI;iCACO,IAAI,CAAC,uBAAuB;gCAC7B,IAAI,CAAC,sBAAsB;6BAC9B,IAAI,CAAC,mBAAmB;SAC5C,IAAI,CAAC,WAAW,KAAK,MAAM;YAC5B,CAAC,CAAC,IAAI,CAAA,+DAA+D;YACrE,CAAC,CAAC,OAAO;yBACQ,CAAC;IACxB,CAAC;IAED,IAAY,uBAAuB;;QACjC,OAAO,QAAQ,CAAC;YACd,CAAC,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW;YAC5C,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;SAC/B,CAAC,CAAC;IACL,CAAC;IAED,IAAY,qBAAqB;;QAC/B,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO,OAAO,CAAC;QAEzC,OAAO,IAAI,CAAA;;4BAEa,IAAI,CAAC,gBAAgB;gCACjB,IAAI,CAAC,oBAAoB;wBACjC,IAAI,CAAC,YAAY;yBAChB,IAAI,CAAC,aAAa;yBAClB,IAAI,CAAC,wBAAwB;6BACzB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,CAAC,MAAM,CAAC;uBAC/C,IAAI,CAAC,WAAW;+BACR,IAAI,CAAC,mBAAmB;iCACtB,IAAI,CAAC,qBAAqB;gCAC3B,IAAI,CAAC,UAAU,CAAC,oBAAoB;0BAC1C,IAAI,CAAC,cAAc;iCACZ,IAAI,CAAC,qBAAqB;gCAC3B,IAAI,CAAC,oBAAoB;uBAClC,IAAI,CAAC,eAAe;8BACb,IAAI,CAAC,kBAAkB;8BACvB,IAAI,CAAC,mBAAmB;gCACtB,IAAI,CAAC,qBAAqB;;;;;;KAMrD,CAAC;IACJ,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,eAAe;;;yBAGZ,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,KAAK,CAAC;uBAChD,IAAI,CAAC,iBAAiB;qBACxB,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;uBACnC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE;kBAC5C,GAAG,EAAE;YACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;QACpC,CAAC;;KAEJ,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA8B,sBAAsB,EAAE;YACnE,MAAM,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBACnD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;oBAC7B,MAAM,CAAC,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;oBACzD,OAAO,MAAwB,CAAC;gBAClC,CAAC,CAAC;aACH;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,kBAAkB;QAChB,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE,CAAC;IACvC,CAAC;IAEO,eAAe,CACrB,CAGE;;QAEF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACjD,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QAEnC,IAAI,CAAC,MAAA,IAAI,CAAC,WAAW,mCAAI,CAAC,CAAC,GAAG,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SAClB;QACD,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IACvB,CAAC;IAEO,mBAAmB,CAAC,iBAAuC;;QACjE,MAAM,gBAAgB,GAAG,iBAAiB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;QAElE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,MAAM;YAC/B,KAAK,EAAE,GAAG,IAAI,CAAC,YAAY,GACzB,IAAI,CAAC,aAAa,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EACtE,EAAE;SACH,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB;QACzB,qEAAqE;QACrE,IAAI,CAAC,UAAU,CAAC,iCAAiC,EAAE,CAAC;IACtD,CAAC;IAED,IAAI,SAAS;;QACX,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACnD,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,sBAAsB,CAAA,EAAE;YACvC,OAAO,IAAI,CAAC;SACb;QAED,gFAAgF;QAChF,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC5E,MAAM,SAAS,GACb,MAAA,UAAU,CAAC,gBAAgB,mCAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAEjE,8EAA8E;QAC9E,0DAA0D;QAC1D,IAAI,CAAC,IAAI,CAAC,aAAa;YAAE,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAEpD,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC;QAC5B,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7D,CAAC;IAEO,kBAAkB,CACxB,CAAuD;;QAEvD,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;QAExC,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;gBAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;gBAC5B,MAAM,EAAE,gBAAgB,CAAC,WAAW;gBACpC,KAAK,EAAE,IAAI,CAAC,WAAW;aACxB,CAAC,CAAC;SACJ;IACH,CAAC;IAED;;;OAGG;IACH,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,mBAAmB;YAC7B,CAAC,CAAC,cAAc,IAAI,CAAC,mBAAmB,EAAE;YAC1C,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,qBAAqB;YAC/B,CAAC,CAAC,gBAAgB,IAAI,CAAC,qBAAqB,EAAE;YAC9C,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAED;;;OAGG;IACK,0BAA0B,CAAC,kBAAiC;;QAClE,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YACpD,OAAO;SACR;QACD,MAAM,OAAO,GAAG,kBAAkB,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC;QAEhE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,aAAa;YACtC,KAAK,EAAE,OAAO;gBACZ,CAAC,CAAC,SAAS,kBAAkB,EAAE;gBAC/B,CAAC,CAAC,GAAG,kBAAkB,IAAI,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE;SACnE,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACK,4BAA4B,CAClC,kBAAiC;;QAEjC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;YACtD,OAAO;SACR;QACD,MAAM,OAAO,GAAG,kBAAkB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC;QAElE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,eAAe;YACxC,KAAK,EAAE,OAAO;gBACZ,CAAC,CAAC,SAAS,kBAAkB,EAAE;gBAC/B,CAAC,CAAC,GAAG,kBAAkB,IAAI,OAAO,IAAI,IAAI,CAAC,qBAAqB,EAAE;SACrE,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,mBAAmB,CACzB,CAAiD;QAEjD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;IACrD,CAAC;IAED;;OAEG;IACK,qBAAqB,CAC3B,CAAiD;QAEjD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;IACvD,CAAC;IAED;;;OAGG;IACH,IAAY,oBAAoB;QAC9B,MAAM,mBAAmB,GAAG,CAAC,CAAQ,EAAE,EAAE;;YACvC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC;YAErD,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;YAC9C,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;gBAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;gBAC5B,MAAM,EAAE,gBAAgB,CAAC,mBAAmB;gBAC5C,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;aACvC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;qDACsC,mBAAmB;;yCAE/B,WAAW;gBACpC,GAAG,CAAC,SAAS,CAAC;YAClB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;;UAEpC,IAAI,CAAC,cAAc;;KAExB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAY,cAAc;QACxB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,OAAO,IAAI,CAAA;;YAEL,GAAG,CAAC,qCAAqC,CAAC;;OAE/C,CAAC;SACH;QAED,OAAO,IAAI,CAAA;;yBAEU,IAAI,CAAC,aAAa;qCACN,IAAI,CAAC,yBAAyB;8BACrC,IAAI,CAAC,kBAAkB;6BACxB,IAAI,CAAC,UAAU,CAAC,iBAAiB;+BAC/B,IAAI,CAAC,UAAU,CAAC,mBAAmB;yBACzC,IAAI,CAAC,aAAa;kCACT,IAAI,CAAC,sBAAsB;4BACjC,IAAI,CAAC,gBAAgB;0BACvB,IAAI,CAAC,cAAc;sBACvB,IAAI,CAAC,UAAU;wBACb,IAAI,CAAC,UAAU,CAAC,YAAY;yCACX,IAAI,CAAC,UAAU;aAC7C,wBAAwB;2BACR,IAAI,CAAC,eAAe;2BACpB,IAAI,CAAC,eAAe;0BACrB,IAAI,CAAC,cAAc;6BAChB,IAAI,CAAC,iBAAiB;4BACvB,IAAI,CAAC,UAAU,CAAC,gBAAgB;mCACzB,IAAI,CAAC,uBAAuB;oCAC3B,CAAC,IAAI,CAAC,UAAU;wBAC5B,IAAI,CAAC,YAAY;iBACxB,IAAI,CAAC,SAAS;qBACV,IAAI,CAAC,UAAU,CAAC,SAAS;wBACtB,IAAI,CAAC,YAAY;wBACjB,IAAI,CAAC,YAAY;6BACZ,IAAI,CAAC,UAAU;yBACnB,IAAI,CAAC,aAAa;sCACL,IAAI,CAAC,aAAa;sBAClC,IAAI,CAAC,iBAAiB;4BAChB,IAAI,CAAC,gBAAgB;;;KAG5C,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACK,uBAAuB,CAC7B,MAAe;QAEf,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO,OAAO,CAAC;QAE3C,MAAM,aAAa,GAAG,QAAQ,CAAC;YAC7B,mBAAmB,EAAE,IAAI;YACzB,MAAM;SACP,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC;QAE9D,OAAO,IAAI,CAAA;;UAEL,MAAM;YACN,CAAC,CAAC,IAAI,CAAA,yDAAyD;YAC/D,CAAC,CAAC,OAAO;wBACK,aAAa,WAAW,IAAI,CAAC,YAAY;YACrD,UAAU;;;KAGjB,CAAC;IACJ,CAAC;IAED,IAAY,eAAe;QACzB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAA;;;6BAGc,aAAa;4BACd,IAAI,CAAC,cAAc;uBACxB,IAAI,CAAC,SAAS;8BACP,IAAI,CAAC,gBAAgB;8BACrB,IAAI,CAAC,gBAAgB;sBAC7B,IAAI,CAAC,QAAQ;;;;KAI9B,CAAC;IACJ,CAAC;IAEO,yBAAyB,CAC/B,CAGE;;QAEF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACtC,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAElE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,gBAAgB;YACzC,KAAK,EAAE,IAAI,CAAC,oBAAoB;SACjC,CAAC,CAAC;IACL,CAAC;IAED,IAAY,oBAAoB;QAC9B,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YAClD,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,IAAI,CAAC,eAAe,OAAO,IAAI,CAAC,eAAe,GAAG,CAAC;IACrE,CAAC;IAED;;OAEG;IACK,0BAA0B;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAU,mBAAmB,EAAE;YAC5C,MAAM,EAAE,IAAI,CAAC,YAAY;SAC1B,CAAC,CACH,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,8BAA8B,CAClC,UAAgD,EAChD,UAAuC;;QAEvC,GAAG,CAAC,6CAA6C,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QAC3E,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;QACtC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC;QAChD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,cAAc;YACjB,MAAA,UAAU,CAAC,cAAc,mCAAI,wBAAwB,EAAE,CAAC;QAC1D,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;QAClD,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;QAClD,IAAI,CAAC,YAAY,GAAG,MAAA,UAAU,CAAC,YAAY,mCAAI,SAAS,CAAC,OAAO,CAAC;QACjE,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC;QAC9C,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;QAC1D,IAAI,CAAC,qBAAqB,GAAG,UAAU,CAAC,qBAAqB,CAAC;QAE9D,0EAA0E;QAC1E,iDAAiD;QACjD,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;QACxC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,2BAA2B,GAAG,KAAK,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC9B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACzC;QAED,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QACxE,IAAI,CAAC,UAAU;YACb,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC;IACvE,CAAC;IAED,OAAO,CAAC,OAAuB;;QAC7B,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;YACnE,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;gBACrC,IAAI,CAAC,8BAA8B,EAAE,CAAC;aACvC;YACD,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE;gBACpC,IAAI,CAAC,0BAA0B,EAAE,CAAC;aACnC;YACD,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;QAED,IACE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC;YAC1B,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;YAC3B,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EACvB;YACA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,MAAM,EAAE,CAAC;SACjC;QAED,IACE,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;YACzB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAC/B;YACA,4EAA4E;YAC5E,qCAAqC;YACrC,8EAA8E;YAC9E,iCAAiC;YACjC,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,0BAA0B,EAAE;gBAC/D,kEAAkE;gBAClE,0FAA0F;gBAC1F,4EAA4E;gBAC5E,MAAM,eAAe,GACnB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;oBAC/B,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;oBAC5B,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;gBAEhC,wFAAwF;gBACxF,IAAI,CAAC,YAAY,CAAC;oBAChB,IAAI,EAAE,eAAe;oBACrB,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;oBACtC,SAAS,EAAE,CAAC,CACV,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CACjE;oBACD,aAAa,EAAE,CAAC,CACd,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC;wBAClC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CACrC;iBACF,CAAC,CAAC;aACJ;SACF;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;YACjC,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAC5B,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;SAC9B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;YAC5D,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IACE,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;YAC7B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC/B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAC7B;YACA,IAAI,CAAC,UAAU,CAAC,mBAAmB,EAAE,CAAC;SACvC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YAC/D,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAkB,CAAC;YACxE,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;YAC5C,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE;YACtC,IAAI,CAAC,0BAA0B,CAC7B,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAW,CAC7C,CAAC;SACH;QACD,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE;YACxC,IAAI,CAAC,4BAA4B,CAC/B,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAW,CAC/C,CAAC;SACH;QAED,iDAAiD;QACjD,6EAA6E;QAC7E,gGAAgG;QAChG,IAAI,CAAC,UAAU,CAAC,2BAA2B,CACzC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,CAC7C,CAAC;QAEF,IACE,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;YACzB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC;YAClC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC;YACpC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;YAC3B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;YAC7B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAC/B,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAC7B;YACA,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE;YACvC,IAAI,CAAC,+BAA+B,EAAE,CAAC;SACxC;QAED,IACE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;YAC5B,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,gBAAgB,EACrB;YACA,IAAI,CAAC,gBAAgB,CAAC,gBAAgB;gBACpC,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,CAAC;SAC3C;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YAChC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAC9D,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC;aAC3D;SACF;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE;YAC/B,IAAI,IAAI,CAAC,YAAY;gBAAE,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;YACjD,MAAA,IAAI,CAAC,gBAAgB,0CAAE,sBAAsB,EAAE,CAAC;YAChD,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACnC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;YACjC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAC7B,gBAAgB,CACgB,CAAC;YACnC,IAAI,WAAW;gBAAE,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;YAC5D,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;IACH,CAAC;IAED,iBAAiB;;QACf,MAAA,KAAK,CAAC,iBAAiB,oDAAI,CAAC;QAC5B,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACrC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,oBAAoB;;QAClB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SACpD;QACD,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACrE;QAED,MAAA,IAAI,CAAC,2BAA2B,0CAAE,UAAU,EAAE,CAAC;QAC/C,MAAA,IAAI,CAAC,0BAA0B,0CAAE,UAAU,EAAE,CAAC;QAC9C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACpE,CAAC;IAED,YAAY,CAAC,KAA0B;QACrC,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,gBAAgB,EAAE;YAC1C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAC5C,IAAI,CAAC,UAAU;gBACb,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACrE,wDAAwD;YACxD,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,EAAE;gBACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;aAC9B;SACF;QAED,mDAAmD;QACnD,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED;;OAEG;IACK,8BAA8B;;QACpC,yEAAyE;QACzE,yEAAyE;QACzE,uEAAuE;QACvE,oEAAoE;QACpE,MAAM,kBAAkB,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CACvD,8BAA8B,CAC/B,CAAC;QACF,IAAI,kBAAkB,EAAE;YACtB,IAAI,CAAC,2BAA2B,GAAG,IAAI,oBAAoB,CACzD,IAAI,CAAC,sBAAsB,EAC3B;gBACE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,EAAE,qBAAqB;aAC3E,CACF,CAAC;YACF,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;SAC9D;QAED,2EAA2E;QAC3E,+EAA+E;QAC/E,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACK,0BAA0B;;QAChC,MAAM,cAAc,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CACnD,yBAAyB,CAC1B,CAAC;QACF,IAAI,cAAc,EAAE;YAClB,IAAI,CAAC,0BAA0B,GAAG,IAAI,oBAAoB,CACxD,IAAI,CAAC,kBAAkB,CACxB,CAAC;YACF,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;SACzD;IACH,CAAC;IA4BO,oBAAoB;QAC1B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAyB,kBAAkB,EAAE;YAC1D,MAAM,EAAE;gBACN,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAa,mBAAmB,EAAE;YAC/C,MAAM,EAAE,IAAI,CAAC,UAAU;SACxB,CAAC,CACH,CAAC;IACJ,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAA8B,mBAAmB,EAAE;YAChE,MAAM,EAAE;gBACN,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;gBAC7C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;aAClD;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAChD,CAAC;IAEO,wBAAwB,CAC9B,cAA6C;QAE7C,cAAc,CAAC,cAAc,CAAC;YAC5B,MAAM,EAAE,IAAI,CAAC,gBAAgB;YAC7B,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC3D,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;YAC9B,MAAM,EAAE,IAAI,CAAC,gBAAgB;YAC7B,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACK,mBAAmB,CACzB,CAAgD;QAEhD,IAAI,IAAI,CAAC,iBAAiB;YAAE,OAAO;QACnC,MAAM,EAAE,kBAAkB,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;QACxC,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC5C,MAAM,oBAAoB,GACxB,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpD,MAAM,mBAAmB,GACvB,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvD,IAAI,IAAI,CAAC,WAAW,KAAK,mBAAmB,EAAE;YAC5C,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;SACxC;QACD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,oBAAoB,EAAE;YAClD,MAAM,EAAE;gBACN,UAAU,EAAE,mBAAmB;aAChC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAWD;;;;;;OAMG;IACH,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC;IAC/C,CAAC;IAEO,KAAK,CAAC,iBAAiB;;QAC7B,+CAA+C;QAC/C,IACE,CAAC,IAAI,CAAC,aAAa;YACnB,IAAI,CAAC,UAAU,CAAC,iBAAiB,KAAK,IAAI,CAAC,gBAAgB;YAE3D,OAAO;QAET,6EAA6E;QAC7E,IACE,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB;YACjC,CAAC,CAAC,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;YAEzD,OAAO;QAET,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;QAC1D,gCAAgC;QAEhC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,aAAa;YAChB,IAAI,CAAC,iBAAiB,KAAK,CAAC;gBAC1B,CAAC,CAAC,CAAC,CAAC,yEAAyE;gBAC7E,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;QAE7B,uDAAuD;QACvD,gEAAgE;QAChE,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC;YAC1D,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;SAChC;QAED,IAAI,IAAI,CAAC,gBAAgB,KAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,EAAE,CAAA,EAAE;YACnD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;YAC5C,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;SAClC;QAED,IAAI,CAAC,IAAI,CAAC,0BAA0B,IAAI,IAAI,CAAC,iBAAiB,GAAG,CAAC,EAAE;YAClE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC3C;QACD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;QAEvC,+EAA+E;QAC/E,8DAA8D;QAC9D,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QACD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAEhC,4CAA4C;QAC5C,6CAA6C;IAC/C,CAAC;IAEO,6BAA6B;QACnC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAChC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACxE;QACD,0EAA0E;QAC1E,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC;IAIO,wBAAwB;QAC9B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,YAAY;;QAClB,MAAM,gBAAgB,GAAG,IAAI,CAAC,uBAAuB,CAAC,mBAAmB,EAAE,CAAC;QAC5E,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC;QAChD,IAAI,gBAAgB,CAAC,UAAU,IAAI,IAAI;YACrC,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,UAAU,CAAC;QAChD,IAAI,CAAC,YAAY,GAAG,MAAA,gBAAgB,CAAC,YAAY,mCAAI,SAAS,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,aAAa,GAAG,MAAA,gBAAgB,CAAC,aAAa,mCAAI,IAAI,CAAC;QAC5D,IAAI,CAAC,mBAAmB,GAAG,MAAA,gBAAgB,CAAC,mBAAmB,mCAAI,IAAI,CAAC;QACxE,IAAI,CAAC,qBAAqB,GAAG,MAAA,gBAAgB,CAAC,qBAAqB,mCAAI,IAAI,CAAC;QAC5E,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;QACtD,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;QACxE,IAAI,CAAC,WAAW,GAAG,MAAA,gBAAgB,CAAC,WAAW,mCAAI,CAAC,CAAC;QACrD,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC,eAAe,CAAC;QACxD,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC,eAAe,CAAC;QACxD,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACjC;IACH,CAAC;IAEO,YAAY;;QAClB,MAAM,gBAAgB,GAAqB;YACzC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,aAAa,EAAE,MAAA,IAAI,CAAC,aAAa,mCAAI,SAAS;YAC9C,cAAc,EAAE,MAAA,IAAI,CAAC,cAAc,mCAAI,wBAAwB,EAAE;YACjE,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS;YAC7D,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,mBAAmB,EAAE,MAAA,IAAI,CAAC,mBAAmB,mCAAI,SAAS;YAC1D,qBAAqB,EAAE,MAAA,IAAI,CAAC,qBAAqB,mCAAI,SAAS;SAC/D,CAAC;QACF,IAAI,CAAC,uBAAuB,CAAC,YAAY,CACvC,gBAAgB,EAChB,IAAI,CAAC,2BAA2B,CACjC,CAAC;IACJ,CAAC;IAEO,+BAA+B;QACrC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAuB,6BAA6B,EAAE;YACnE,MAAM,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,oBAAoB;aACnC;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,aAAa,CAAC,CAA8B;QAC1C,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,CAAC;IAED,iBAAiB,CAAC,EAChB,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GACR;;QAC/B,IAAI,MAAwB,CAAC;QAC7B,IAAI,QAAQ,EAAE;YACZ,MAAM;gBACJ,MAAM,CAAC,KAAK,KAAK,MAAM;oBACrB,CAAC,CAAC,gBAAgB,CAAC,qBAAqB;oBACxC,CAAC,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;SAChD;aAAM;YACL,MAAM;gBACJ,MAAM,CAAC,KAAK,KAAK,MAAM;oBACrB,CAAC,CAAC,gBAAgB,CAAC,aAAa;oBAChC,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC;SACxC;QAED,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM;YACN,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,UAAkB;;QACrC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,UAAU,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC,CAAC;QAC7E,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAC7D,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;YAC1C,gFAAgF;YAChF,2BAA2B;YAC3B,UAAU,CAAC,GAAG,EAAE;;gBACd,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC,CAAC;gBACzF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;gBAC/D,8DAA8D;gBAC9D,gEAAgE;gBAChE,2DAA2D;gBAC3D,4BAA4B;gBAC5B,UAAU,CAAC,GAAG,EAAE;;oBACd,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,mBAAmB,EAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC,CAAC;oBAC1F,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;oBAC/B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,sBAAsB,EAAE,CAAC;oBAChD,OAAO,EAAE,CAAC;gBACZ,CAAC,EAAE,GAAG,CAAC,CAAC;YACV,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,IAAY,wBAAwB;;QAClC,OAAO,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,EAAE,CAAA,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,YAAY,CAAC,KAAa;QACxB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,KAAK,CAAC;SACzC;IACH,CAAC;IAED;;;;;;OAMG;IACH,0BAA0B,CAAC,cAAoC;;QAC7D,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,6EAA6E;YAC7E,0CAA0C;YAC1C,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;YAC5C,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjC,OAAO;SACR;QAED,0DAA0D;QAC1D,0DAA0D;QAC1D,MAAM,eAAe,GACnB,CAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAE,UAAU,0CAAE,UAAU,CAAC,MAAM,CAAC;YAC7D,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,OAAO,CAAC;QAEd,+EAA+E;QAC/E,MAAM,YAAY,GAChB,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,0CAAG,SAAS,CAAC,CAAC;QAE/C,mDAAmD;QACnD,MAAM,kBAAkB,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,eAAe,CAAC;QAE3D,gDAAgD;QAChD,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACzB,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACvB,GAAG,GAAG,MAAM,CAAC;SACd;aAAM,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACzC,GAAG,GAAG,KAAK,CAAC;SACb;QAED,MAAM,UAAU,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC;QACnC,IAAI,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YAChD,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;YAClC,IAAI,CAAC,oBAAoB,GAAG,GAAoB,CAAC;YACjD,IAAI,CAAC,gBAAgB,GAAG;gBACtB,KAAK,EAAE,IAAI,CAAC,gBAAgB;gBAC5B,SAAS,EAAE,IAAI,CAAC,oBAAoB;aACrC,CAAC;SACH;IACH,CAAC;IAED;;OAEG;IACH,uBAAuB;QACrB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,MAAM,gBAAgB,GAAG,0BAA0B,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACzE,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,SAAS,CAAC,UAAU,CAAC;SAClE;aAAM;YACL,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,UAAU,CAAC;SAC9C;QAED,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG;YACtB,KAAK,EAAE,IAAI,CAAC,gBAAgB;YAC5B,SAAS,EAAE,IAAI,CAAC,oBAAoB;SACrC,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACH,IAAI,yBAAyB;;QAC3B,MAAM,YAAY,GAAG,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,qBAAqB,EAAE,mCAAI,EAAE,CAAC;QAC1E,MAAM,YAAY,GAAG,IAAI,GAAG,EAAU,CAAC;QACvC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9D,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,qBAAqB;;QACnB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,sBAAsB,EAAE,CAAC;IAClD,CAAC;IAED;;OAEG;IACH,cAAc,CAAC,KAA6B;;QAC1C,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,qEAAqE;YACrE,+CAA+C;YAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACxD,IAAI,SAAS,IAAI,CAAC;gBAAE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,WAAW,CAAC,SAAS,CAAC,CAAC;YAElE,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;QAED,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,cAAc;YACvC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;SAC9B,CAAC,CAAC;QAEH,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,CAAC;YAC/B,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,MAAM,EAAE,gBAAgB,CAAC,cAAc;YACvC,KAAK,EAAE,QAAQ,IAAI,CAAC,WAAW,EAAE;SAClC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAE7B,OAAO,IAAI,CAAA;;8BAEe,IAAI,CAAC,kBAAkB;6BACxB,IAAI,CAAC,iBAAiB;wBAC3B,IAAI,CAAC,YAAY;iBACxB,KAAK;2BACK,IAAI,CAAC,WAAW;0BACjB,IAAI,CAAC,cAAc;4BACjB,IAAI,CAAC,UAAU,CAAC,gBAAgB;qBACvC,IAAI,CAAC,SAAS;4BACP,IAAI,CAAC,gBAAgB;yBACxB,IAAI,CAAC,qBAAqB;4BACvB,IAAI,CAAC,gBAAgB;oBAC7B,IAAI,CAAC,QAAQ;wBACT,IAAI,CAAC,YAAY;2BACd,IAAI;0BACL,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;;;KAG/D,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,sBAAsB;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE;YACzE,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC;YACxB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SAC/C;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyXF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAvkE6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA4B;AAE3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAA8C;AAE7C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAwC;AAKvC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAA8C;AAK7C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAA2B;AAK1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAwB;AAKvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAkC;AAKjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAoB;AAKnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAqC;AAEpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAA2C;AAE1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAA6C;AAE5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DAA2C;AAE1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gEAA6C;AAE5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAA4C;AAE3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAe;AAEd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAsB;AAErB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA0B;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA0B;AAEzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAiC;AAK/B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kEAAiC;AAMhC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DAA8B;AAM7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DAA6B;AAM5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DAA6B;AAM5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAA0B;AAOzB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDAAwB;AAMvB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DAAyB;AAMxB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DAA8B;AAQ7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDAAwB;AAEvB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mEAAkC;AAElC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAA0C;AAG1B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACZ;AAEF;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAkD;AAG7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kEAKzB;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAAwB;AAEtB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAAkB;AAElB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAgD;AAE/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAkD;AAG7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iEAC8B;AAE7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAA8C;AAK5C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAsB;AAEtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA4C;AAG1C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gEAA+B;AAS/B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAC4B;AAa9C;IAAR,KAAK,EAAE;wDAAgD;AAK/C;IAAR,KAAK,EAAE;+DAAsC;AAErC;IAAR,KAAK,EAAE;wDAA+B;AAE9B;IAAR,KAAK,EAAE;uDAA+B;AAE9B;IAAR,KAAK,EAAE;qDAA4B;AAE3B;IAAR,KAAK,EAAE;8DAAqC;AAEpC;IAAR,KAAK,EAAE;uDAA+B;AAE9B;IAAR,KAAK,EAAE;2DACc;AAEb;IAAR,KAAK,EAAE;+DAA2D;AAE1D;IAAR,KAAK,EAAE;0DAAiD;AAE5B;IAA5B,KAAK,CAAC,oBAAoB,CAAC;2DAA2C;AAEhD;IAAtB,KAAK,CAAC,cAAc,CAAC;qDAAqC;AAE/B;IAA3B,KAAK,CAAC,mBAAmB,CAAC;2DAA6C;AAGxE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DACA;AA8D7C;IADC,KAAK,CAAC,mBAAmB,CAAC;2DACiB;AAjRjC,iBAAiB;IAD7B,aAAa,CAAC,oBAAoB,CAAC;GACvB,iBAAiB,CA8kE7B;SA9kEY,iBAAiB","sourcesContent":["/* eslint-disable import/no-duplicates */\nimport {\n html,\n css,\n LitElement,\n PropertyValues,\n TemplateResult,\n nothing,\n} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { msg } from '@lit/localize';\n\nimport type { AnalyticsManagerInterface } from '@internetarchive/analytics-manager';\nimport type {\n InfiniteScroller,\n InfiniteScrollerCellProviderInterface,\n} from '@internetarchive/infinite-scroller';\nimport {\n CollectionExtraInfo,\n PageElementName,\n SearchServiceInterface,\n SearchType,\n SortDirection,\n SortParam,\n} from '@internetarchive/search-service';\nimport type {\n SharedResizeObserverInterface,\n SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport '@internetarchive/infinite-scroller';\nimport type { ModalManagerInterface } from '@internetarchive/modal-manager';\nimport type { FeatureFeedbackServiceInterface } from '@internetarchive/feature-feedback';\nimport type { RecaptchaManagerInterface } from '@internetarchive/recaptcha-manager';\nimport {\n SelectedFacets,\n SortField,\n CollectionBrowserContext,\n getDefaultSelectedFacets,\n TileModel,\n CollectionDisplayMode,\n FacetEventDetails,\n sortOptionFromAPIString,\n SORT_OPTIONS,\n defaultProfileElementSorts,\n} from './models';\nimport {\n RestorationStateHandlerInterface,\n RestorationStateHandler,\n RestorationState,\n} from './restoration-state-handler';\nimport { CollectionBrowserDataSource } from './data-source/collection-browser-data-source';\nimport type {\n CollectionBrowserQueryState,\n CollectionBrowserSearchInterface,\n} from './data-source/collection-browser-query-state';\nimport type { CollectionFacets } from './collection-facets';\nimport type { ManageableItem } from './manage/manage-bar';\nimport type { CollectionBrowserDataSourceInterface } from './data-source/collection-browser-data-source-interface';\nimport {\n analyticsActions,\n analyticsCategories,\n} from './utils/analytics-events';\nimport chevronIcon from './assets/img/icons/chevron';\nimport { srOnlyStyle } from './styles/sr-only';\nimport { sha1 } from './utils/sha1';\nimport { formatDate } from './utils/format-date';\nimport { log } from './utils/log';\nimport type { PlaceholderType } from './empty-placeholder';\n\nimport './empty-placeholder';\nimport './tiles/tile-dispatcher';\nimport './tiles/collection-browser-loading-tile';\nimport './sort-filter-bar/sort-filter-bar';\nimport './manage/manage-bar';\nimport './collection-facets';\nimport './circular-activity-indicator';\n\n@customElement('collection-browser')\nexport class CollectionBrowser\n extends LitElement\n implements\n InfiniteScrollerCellProviderInterface,\n SharedResizeObserverResizeHandlerInterface,\n CollectionBrowserSearchInterface\n{\n @property({ type: String }) baseNavigationUrl?: string;\n\n @property({ type: String }) baseImageUrl: string = 'https://archive.org';\n\n @property({ type: Object }) searchService?: SearchServiceInterface;\n\n /**\n * Which backend should be targeted by searches (e.g., metadata or FTS)\n */\n @property({ type: String }) searchType: SearchType = SearchType.METADATA;\n\n /**\n * The identifier of the collection that searches should be performed within\n */\n @property({ type: String }) withinCollection?: string;\n\n /**\n * The identifier (e.g., @person) of the user whose profile is being searched within\n */\n @property({ type: String }) withinProfile?: string;\n\n /**\n * Which section of the profile page searches are for (e.g., uploads, reviews, ...)\n */\n @property({ type: String }) profileElement?: PageElementName;\n\n /**\n * The base query to use for all searches, updated to match the current user query.\n */\n @property({ type: String }) baseQuery?: string;\n\n /**\n * Which mode to display result tiles in (grid, extended list, or compact list)\n */\n @property({ type: String }) displayMode?: CollectionDisplayMode;\n\n @property({ type: Object }) defaultSortParam: SortParam | null = null;\n\n @property({ type: String }) selectedSort: SortField = SortField.default;\n\n @property({ type: String }) selectedTitleFilter: string | null = null;\n\n @property({ type: String }) selectedCreatorFilter: string | null = null;\n\n @property({ type: String }) sortDirection: SortDirection | null = null;\n\n @property({ type: Number }) pageSize = 50;\n\n @property({ type: Number }) currentPage?: number;\n\n @property({ type: String }) minSelectedDate?: string;\n\n @property({ type: String }) maxSelectedDate?: string;\n\n @property({ type: Object }) selectedFacets?: SelectedFacets;\n\n /**\n * Whether to show the date picker (above the facets)\n */\n @property({ type: Boolean }) showHistogramDatePicker = false;\n\n /**\n * Whether placeholder views should be suppressed. If true, searches that produce an\n * error or empty result set will simply show a blank results view instead of a placeholder.\n */\n @property({ type: Boolean }) suppressPlaceholders = false;\n\n /**\n * Whether the result count text should be suppressed.\n * If true, no \"X Results\" message will be shown.\n */\n @property({ type: Boolean }) suppressResultCount = false;\n\n /**\n * Whether the scrolling result view should be suppressed entirely.\n * If true, no infinite scroller (and thus no result tiles) will be rendered.\n */\n @property({ type: Boolean }) suppressResultTiles = false;\n\n /**\n * Whether to suppress persistence of the query to the URL.\n * If true, the `query` param will not be added to the URL or updated on query changes.\n */\n @property({ type: Boolean }) suppressURLQuery = false;\n\n /**\n * Whether to suppress the display of facets entirely.\n * If true, the facet sidebar content will be replaced by a message that facets are\n * temporarily unavailable.\n */\n @property({ type: Boolean }) suppressFacets = false;\n\n /**\n * Whether to suppress display of the sort bar.\n * If true, the entire sort bar (incl. display modes) will be omitted from rendering.\n */\n @property({ type: Boolean }) suppressSortBar = false;\n\n /**\n * Whether to suppress showing the display mode options in the sort bar.\n * If true, those options will be omitted (though the rest of the sort bar may still render).\n */\n @property({ type: Boolean }) suppressDisplayModes = false;\n\n /**\n * Whether facets should be lazy-loaded.\n * If false (default), facet data will be loaded eagerly along with search hits.\n * If true, facet data will only be requested once the facet pane actually becomes visible,\n * either by displaying in desktop mode or by the mobile facet dropdown being opened.\n */\n @property({ type: Boolean }) lazyLoadFacets = false;\n\n @property({ type: Boolean }) clearResultsOnEmptyQuery = false;\n\n @property({ type: String }) collectionPagePath: string = '/details/';\n\n /** describes where this component is being used */\n @property({ type: String, reflect: true }) searchContext: string =\n analyticsCategories.default;\n\n @property({ type: String }) pageContext: CollectionBrowserContext = 'search';\n\n @property({ type: Object })\n restorationStateHandler: RestorationStateHandlerInterface = new RestorationStateHandler(\n {\n context: this.pageContext,\n }\n );\n\n @property({ type: Number }) mobileBreakpoint = 600;\n\n @property({ type: Boolean }) loggedIn = false;\n\n @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n @property({ type: Object }) modalManager?: ModalManagerInterface = undefined;\n\n @property({ type: Object })\n featureFeedbackService?: FeatureFeedbackServiceInterface;\n\n @property({ type: Object }) recaptchaManager?: RecaptchaManagerInterface;\n\n /**\n * If item management UI active\n */\n @property({ type: Boolean }) isManageView = false;\n\n @property({ type: String }) manageViewLabel = 'Select items to remove';\n\n /** Whether to replace the default sort options with a slot for customization (default: false) */\n @property({ type: Boolean }) enableSortOptionsSlot = false;\n\n /**\n * The results per page so we can paginate.\n *\n * This allows us to start in the middle of the search results and\n * fetch data before or after the current page. If we don't have a key\n * for the previous/next page, we'll fetch the next/previous page to populate it\n */\n @property({ type: Object }) dataSource: CollectionBrowserDataSourceInterface =\n new CollectionBrowserDataSource(this, this.pageSize);\n\n /**\n * The page that the consumer wants to load.\n */\n initialPageNumber = 1;\n\n /**\n * This the the number of pages that we want to show.\n *\n * The data isn't necessarily loaded for all of the pages, but this lets us\n * know how many cells we should render.\n */\n @state() private pagesToRender = this.initialPageNumber;\n\n /**\n * Whether the initial page fetch for a new query is currently in progress.\n */\n @state() private searchResultsLoading = false;\n\n @state() private facetsLoading = false;\n\n @state() private totalResults?: number;\n\n @state() private mobileView = false;\n\n @state() private mobileFacetsVisible = false;\n\n @state() private contentWidth?: number;\n\n @state() private defaultSortField: Exclude<SortField, SortField.default> =\n SortField.relevance;\n\n @state() private defaultSortDirection: SortDirection | null = null;\n\n @state() private placeholderType: PlaceholderType = null;\n\n @query('#content-container') private contentContainer!: HTMLDivElement;\n\n @query('#left-column') private leftColumn?: HTMLDivElement;\n\n @query('collection-facets') private collectionFacets?: CollectionFacets;\n\n @property({ type: Object, attribute: false })\n analyticsHandler?: AnalyticsManagerInterface;\n\n /**\n * When we're animated scrolling to the page, we don't want to fetch\n * all of the pages as it scrolls so this lets us know if we're scrolling\n */\n private isScrollingToCell = false;\n\n /**\n * When page width resizes from desktop to mobile, set true to\n * disable expand/collapse transition when loading.\n */\n private isResizeToMobile = false;\n\n /**\n * Flag indicating that a new data source is currently being installed.\n * During the install, any URL persistence operation should replace the current entry\n * instead of creating a new one.\n */\n private dataSourceInstallInProgress = false;\n\n private leftColIntersectionObserver?: IntersectionObserver;\n\n private facetsIntersectionObserver?: IntersectionObserver;\n\n private placeholderCellTemplate = html`<collection-browser-loading-tile></collection-browser-loading-tile>`;\n\n constructor() {\n super();\n this.addController(this.dataSource);\n }\n\n private tileModelAtCellIndex(index: number): TileModel | undefined {\n const model = this.dataSource.getTileModelAt(index);\n /**\n * If we encounter a model we don't have yet and we're not in the middle of an\n * automated scroll, fetch the page and just return undefined.\n * The datasource will be updated once the page is loaded and the cell will be rendered.\n *\n * We disable it during the automated scroll since we don't want to fetch pages for intervening cells the\n * user may never see.\n */\n if (!model && !this.isScrollingToCell && this.dataSource.queryInitialized) {\n const pageNumber = Math.floor(index / this.pageSize) + 1;\n this.dataSource.fetchPage(pageNumber);\n }\n return model;\n }\n\n // this is the total number of tiles we expect if\n // the data returned is a full page worth\n // this is useful for putting in placeholders for the expected number of tiles\n private get estimatedTileCount(): number {\n return this.pagesToRender * this.pageSize;\n }\n\n /**\n * How many tiles to offset the data source by, to account for any removed tiles.\n */\n private tileModelOffset = 0;\n\n @query('infinite-scroller')\n private infiniteScroller?: InfiniteScroller;\n\n private sessionIdGenPromise?: Promise<string>;\n\n /**\n * Returns a promise resolving to a unique string that persists for the current browser session.\n * Used in generating unique IDs for search requests, so that multiple requests coming from the\n * same browser session can be identified.\n */\n async getSessionId(): Promise<string> {\n try {\n const storedSessionId = sessionStorage?.getItem('cb-session');\n if (storedSessionId) {\n return storedSessionId;\n }\n\n // If we enter this method a second time while a first session ID is already being generated,\n // ensure we produce the same ID from both calls instead of generating another one.\n if (this.sessionIdGenPromise) {\n return this.sessionIdGenPromise;\n }\n\n this.sessionIdGenPromise = sha1(Math.random().toString());\n const newSessionId = await this.sessionIdGenPromise;\n\n sessionStorage?.setItem('cb-session', newSessionId);\n return newSessionId;\n } catch (err) {\n // Either we can't generate the hash or we're restricted from accessing sessionStorage\n return '';\n }\n }\n\n /**\n * Go to the given page of results\n *\n * @param pageNumber\n */\n goToPage(pageNumber: number) {\n console.log('cb goToPage', pageNumber, this.infiniteScroller?.itemCount);\n this.initialPageNumber = pageNumber;\n this.pagesToRender = pageNumber;\n return this.scrollToPage(pageNumber);\n }\n\n /**\n * Sets the state for whether the initial set of search results is loading in.\n */\n setSearchResultsLoading(loading: boolean): void {\n this.searchResultsLoading = loading;\n }\n\n /**\n * Sets the state for whether facet data is loading in\n */\n setFacetsLoading(loading: boolean): void {\n this.facetsLoading = loading;\n }\n\n /**\n * Sets the total number of results to be displayed for the current search\n */\n setTotalResultCount(totalResults: number): void {\n this.totalResults = totalResults;\n }\n\n /**\n * Clears all selected/negated facets, date ranges, and letter filters.\n *\n * By default, the current sort field/direction are not cleared,\n * but this can be overridden by setting the `sort` option to `true`.\n *\n * Similarly, it is possible to finely control what is cleared by\n * setting any of the `facets`, `dateRange`, or `letterFilters` flags\n * in the options object.\n */\n clearFilters({\n facets = true,\n dateRange = true,\n letterFilters = true,\n sort = false,\n } = {}): void {\n // Don't bother clearing facets if none are checked, so that we don't\n // trigger unnecessary update cycles.\n if (facets && this.hasCheckedFacets) {\n this.selectedFacets = getDefaultSelectedFacets();\n }\n\n if (dateRange) {\n this.minSelectedDate = undefined;\n this.maxSelectedDate = undefined;\n }\n\n if (letterFilters) {\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = null;\n }\n\n if (sort) {\n this.sortDirection = null;\n this.selectedSort = SortField.default;\n }\n }\n\n /**\n * Returns true if the current value of `this.selectedFacets` contains\n * any facet buckets than have been selected or negated, or false otherwise.\n */\n private get hasCheckedFacets(): boolean {\n if (!this.selectedFacets) return false;\n\n for (const facetGroup of Object.values(this.selectedFacets)) {\n for (const bucket of Object.values(facetGroup)) {\n if (bucket.state !== 'none') return true;\n }\n }\n\n return false;\n }\n\n /**\n * Returns true if there are any currently selected/negated facet buckets,\n * any selected date range, or any selected letter filters. False otherwise.\n *\n * Ignores sorting options.\n */\n private get hasActiveFilters(): boolean {\n return !!(\n this.hasCheckedFacets ||\n this.minSelectedDate ||\n this.maxSelectedDate ||\n this.selectedTitleFilter ||\n this.selectedCreatorFilter\n );\n }\n\n render() {\n this.setPlaceholderType();\n return html`\n <div\n id=\"content-container\"\n class=${this.mobileView ? 'mobile' : 'desktop'}\n >\n ${this.placeholderType\n ? this.emptyPlaceholderTemplate\n : this.collectionBrowserTemplate}\n </div>\n `;\n }\n\n private setPlaceholderType() {\n const hasQuery = !!this.baseQuery?.trim();\n const isCollection = !!this.withinCollection;\n const isProfile = !!this.withinProfile;\n const noResults =\n !this.searchResultsLoading &&\n (this.dataSource.size === 0 || !this.searchService);\n\n this.placeholderType = null;\n if (this.suppressPlaceholders) return;\n\n if (!hasQuery && !isCollection && !isProfile) {\n this.placeholderType = 'empty-query';\n } else if (noResults) {\n // Within a collection, no query + no results means the collection simply has no viewable items.\n // Otherwise, we must have a user query that produced 0 results.\n this.placeholderType =\n !hasQuery && isCollection ? 'empty-collection' : 'no-results';\n }\n\n if (this.dataSource.queryErrorMessage) {\n this.placeholderType =\n !hasQuery && isCollection ? 'collection-error' : 'query-error';\n }\n }\n\n private get emptyPlaceholderTemplate() {\n return html`\n <empty-placeholder\n .placeholderType=${this.placeholderType}\n ?isMobileView=${this.mobileView}\n ?isCollection=${!!this.withinCollection}\n .detailMessage=${this.dataSource.queryErrorMessage ?? ''}\n .baseNavigationUrl=${this.baseNavigationUrl}\n ></empty-placeholder>\n `;\n }\n\n /**\n * Top-level template for rendering the left (facets) and right (results) columns.\n */\n private get collectionBrowserTemplate() {\n return html`\n <div id=\"left-column-scroll-sentinel\"></div>\n ${this.leftColumnTemplate} ${this.rightColumnTemplate}\n `;\n }\n\n /**\n * Template for either the mobile or desktop version of the left column, depending\n * on current component state.\n */\n private get leftColumnTemplate(): TemplateResult {\n if (this.mobileView) {\n return this.mobileLeftColumnTemplate;\n }\n return this.desktopLeftColumnTemplate;\n }\n\n /**\n * Template for the mobile version of the \"left column\" (which in this case, appears\n * *above* the search results rather than beside them), for rendering the\n * accordion-style facets.\n */\n private get mobileLeftColumnTemplate(): TemplateResult {\n return html`\n <div\n id=\"left-column\"\n class=\"column${this.isResizeToMobile ? ' preload' : ''}\"\n >\n ${this.facetTopViewSlot} ${this.resultsCountTemplate}\n <div id=\"facets-header-container\">${this.mobileFacetsTemplate}</div>\n </div>\n `;\n }\n\n /**\n * Template for the desktop version of the left column, displaying the facets sidebar.\n */\n private get desktopLeftColumnTemplate(): TemplateResult {\n return html`\n <div id=\"left-column\" class=\"column\">\n ${this.facetTopViewSlot}\n <div id=\"facets-header-container\">\n <h2 id=\"facets-header\" class=\"sr-only\">Filters</h2>\n ${this.resultsCountTemplate} ${this.clearFiltersBtnTemplate(false)}\n </div>\n <div id=\"facets-container\" aria-labelledby=\"facets-header\">\n ${this.facetsTemplate}\n <div id=\"facets-scroll-sentinel\"></div>\n </div>\n <div id=\"facets-bottom-fade\"></div>\n </div>\n `;\n }\n\n /**\n * Slot which is placed at top of the facets area for user-profile page\n * - mainly used to render userlists\n */\n private get facetTopViewSlot(): TemplateResult {\n return html`<div id=\"facet-top-view\">\n <slot name=\"facet-top-slot\"></slot>\n </div>`;\n }\n\n /**\n * Template for the \"X Results\" count at the top of the search results.\n * Changes to the \"Searching...\" label if the search results are still loading.\n */\n private get resultsCountTemplate(): TemplateResult | typeof nothing {\n if (this.suppressResultCount) return nothing;\n\n const shouldShowSearching =\n this.searchResultsLoading || this.totalResults === undefined;\n const resultsCount = this.totalResults?.toLocaleString();\n const resultsLabel = this.totalResults === 1 ? 'Result' : 'Results';\n\n return html`\n <div id=\"results-total\">\n <span id=\"big-results-count\">\n ${shouldShowSearching ? html`Searching…` : resultsCount}\n </span>\n <span id=\"big-results-label\">\n ${shouldShowSearching ? nothing : resultsLabel}\n </span>\n </div>\n `;\n }\n\n /**\n * Template for the right column of the collection browser, where the result\n * tiles and sort/filter bar are shown.\n */\n private get rightColumnTemplate(): TemplateResult {\n return html`\n <div id=\"right-column\" class=\"column\">\n <div id=\"cb-top-view\">\n <slot name=\"cb-top-slot\"></slot>\n </div>\n ${this.isManageView\n ? this.manageBarTemplate\n : this.sortFilterBarTemplate}\n <slot name=\"cb-results\"></slot>\n ${this.displayMode === `list-compact` && this.totalResults\n ? this.listHeaderTemplate\n : nothing}\n ${this.suppressResultTiles ? nothing : this.infiniteScrollerTemplate}\n </div>\n `;\n }\n\n private get infiniteScrollerTemplate() {\n return html`<infinite-scroller\n class=${this.infiniteScrollerClasses}\n itemCount=${this.placeholderType ? 0 : nothing}\n ariaLandmarkLabel=\"Search results\"\n .cellProvider=${this}\n .placeholderCellTemplate=${this.placeholderCellTemplate}\n @scrollThresholdReached=${this.scrollThresholdReached}\n @visibleCellsChanged=${this.visibleCellsChanged}\n >${this.displayMode === 'grid'\n ? html`<slot name=\"result-last-tile\" slot=\"result-last-tile\"></slot>`\n : nothing}\n </infinite-scroller>`;\n }\n\n private get infiniteScrollerClasses() {\n return classMap({\n [this.displayMode ?? '']: !!this.displayMode,\n hidden: !!this.placeholderType,\n });\n }\n\n private get sortFilterBarTemplate(): TemplateResult | typeof nothing {\n if (this.suppressSortBar) return nothing;\n\n return html`\n <sort-filter-bar\n .defaultSortField=${this.defaultSortField}\n .defaultSortDirection=${this.defaultSortDirection}\n .selectedSort=${this.selectedSort}\n .sortDirection=${this.sortDirection}\n .showRelevance=${this.isRelevanceSortAvailable}\n .showDateFavorited=${this.withinCollection?.startsWith('fav-')}\n .displayMode=${this.displayMode}\n .selectedTitleFilter=${this.selectedTitleFilter}\n .selectedCreatorFilter=${this.selectedCreatorFilter}\n .prefixFilterCountMap=${this.dataSource.prefixFilterCountMap}\n .resizeObserver=${this.resizeObserver}\n .enableSortOptionsSlot=${this.enableSortOptionsSlot}\n .suppressDisplayModes=${this.suppressDisplayModes}\n @sortChanged=${this.userChangedSort}\n @displayModeChanged=${this.displayModeChanged}\n @titleLetterChanged=${this.titleLetterSelected}\n @creatorLetterChanged=${this.creatorLetterSelected}\n >\n <slot name=\"sort-options-left\" slot=\"sort-options-left\"></slot>\n <slot name=\"sort-options\" slot=\"sort-options\"></slot>\n <slot name=\"sort-options-right\" slot=\"sort-options-right\"></slot>\n </sort-filter-bar>\n `;\n }\n\n private get manageBarTemplate(): TemplateResult {\n return html`\n <manage-bar\n .label=${this.manageViewLabel}\n showSelectAll\n showUnselectAll\n ?removeAllowed=${this.dataSource.checkedTileModels.length !== 0}\n @removeItems=${this.handleRemoveItems}\n @selectAll=${() => this.dataSource.checkAllTiles()}\n @unselectAll=${() => this.dataSource.uncheckAllTiles()}\n @cancel=${() => {\n this.isManageView = false;\n this.dataSource.uncheckAllTiles();\n }}\n ></manage-bar>\n `;\n }\n\n /**\n * Handler for when the user requests to remove all checked items via the manage bar.\n * Emits an `itemRemovalRequested` event with all checked tile models.\n */\n private handleRemoveItems(): void {\n this.dispatchEvent(\n new CustomEvent<{ items: ManageableItem[] }>('itemRemovalRequested', {\n detail: {\n items: this.dataSource.checkedTileModels.map(model => {\n const cloned = model.clone();\n cloned.dateStr = formatDate(model.datePublished, 'long');\n return cloned as ManageableItem;\n }),\n },\n })\n );\n }\n\n /**\n * Removes all tile models that are currently checked & adjusts the paging\n * of the data source to account for any new gaps in the data.\n */\n removeCheckedTiles(): void {\n this.dataSource.removeCheckedTiles();\n }\n\n private userChangedSort(\n e: CustomEvent<{\n selectedSort: SortField;\n sortDirection: SortDirection | null;\n }>\n ) {\n const { selectedSort, sortDirection } = e.detail;\n this.selectedSort = selectedSort;\n this.sortDirection = sortDirection;\n\n if ((this.currentPage ?? 1) > 1) {\n this.goToPage(1);\n }\n this.currentPage = 1;\n }\n\n private sendSortByAnalytics(prevSortDirection: SortDirection | null): void {\n const directionCleared = prevSortDirection && !this.sortDirection;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.sortBy,\n label: `${this.selectedSort}${\n this.sortDirection || directionCleared ? `-${this.sortDirection}` : ''\n }`,\n });\n }\n\n private selectedSortChanged(): void {\n // Lazy-load the alphabet counts for title/creator sort bar as needed\n this.dataSource.updatePrefixFiltersForCurrentSort();\n }\n\n get sortParam(): SortParam | null {\n const sortOption = SORT_OPTIONS[this.selectedSort];\n if (!sortOption?.handledBySearchService) {\n return null;\n }\n\n // If the sort option specified in the URL is unrecognized, we just use it as-is\n const urlSortParam = new URL(window.location.href).searchParams.get('sort');\n const sortField =\n sortOption.searchServiceKey ?? urlSortParam?.replace(/^-/, '');\n\n // If the sort direction is still null at this point, then we assume ascending\n // (i.e., it was unrecognized and had no directional flag)\n if (!this.sortDirection) this.sortDirection = 'asc';\n\n if (!sortField) return null;\n return { field: sortField, direction: this.sortDirection };\n }\n\n private displayModeChanged(\n e: CustomEvent<{ displayMode?: CollectionDisplayMode }>\n ): void {\n this.displayMode = e.detail.displayMode;\n\n if (this.displayMode) {\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.displayMode,\n label: this.displayMode,\n });\n }\n }\n\n /**\n * Returns a query clause identifying the currently selected title filter,\n * e.g., `firstTitle:X`.\n */\n private get titleQuery(): string | undefined {\n return this.selectedTitleFilter\n ? `firstTitle:${this.selectedTitleFilter}`\n : undefined;\n }\n\n /**\n * Returns a query clause identifying the currently selected creator filter,\n * e.g., `firstCreator:X`.\n */\n private get creatorQuery(): string | undefined {\n return this.selectedCreatorFilter\n ? `firstCreator:${this.selectedCreatorFilter}`\n : undefined;\n }\n\n /**\n * Send Analytics when sorting by title's first letter\n * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'\n */\n private sendFilterByTitleAnalytics(prevSelectedLetter: string | null): void {\n if (!prevSelectedLetter && !this.selectedTitleFilter) {\n return;\n }\n const cleared = prevSelectedLetter && !this.selectedTitleFilter;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.filterByTitle,\n label: cleared\n ? `clear-${prevSelectedLetter}`\n : `${prevSelectedLetter || 'start'}-${this.selectedTitleFilter}`,\n });\n }\n\n /**\n * Send Analytics when filtering by creator's first letter\n * labels: 'start-<ToLetter>' | 'clear-<FromLetter>' | '<FromLetter>-<ToLetter>'\n */\n private sendFilterByCreatorAnalytics(\n prevSelectedLetter: string | null\n ): void {\n if (!prevSelectedLetter && !this.selectedCreatorFilter) {\n return;\n }\n const cleared = prevSelectedLetter && !this.selectedCreatorFilter;\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.filterByCreator,\n label: cleared\n ? `clear-${prevSelectedLetter}`\n : `${prevSelectedLetter || 'start'}-${this.selectedCreatorFilter}`,\n });\n }\n\n /**\n * Handler for changes to which letter is selected in the title alphabet bar.\n */\n private titleLetterSelected(\n e: CustomEvent<{ selectedLetter: string | null }>\n ): void {\n this.selectedCreatorFilter = null;\n this.selectedTitleFilter = e.detail.selectedLetter;\n }\n\n /**\n * Handler for changes to which letter is selected in the creator alphabet bar.\n */\n private creatorLetterSelected(\n e: CustomEvent<{ selectedLetter: string | null }>\n ): void {\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = e.detail.selectedLetter;\n }\n\n /**\n * The full template for how the facets should be structured in mobile view,\n * including the collapsible container (with header) and the facets themselves.\n */\n private get mobileFacetsTemplate(): TemplateResult {\n const toggleFacetsVisible = (e: Event) => {\n this.isResizeToMobile = false;\n this.mobileFacetsVisible = !this.mobileFacetsVisible;\n\n const target = e.target as HTMLDetailsElement;\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.mobileFacetsToggled,\n label: target.open ? 'open' : 'closed',\n });\n };\n\n return html`\n <details id=\"mobile-filter-collapse\" @toggle=${toggleFacetsVisible}>\n <summary>\n <span class=\"collapser-icon\">${chevronIcon}</span>\n <h2>${msg('Filters')}</h2>\n ${this.clearFiltersBtnTemplate(true)}\n </summary>\n ${this.facetsTemplate}\n </details>\n `;\n }\n\n /**\n * The template for the facets component alone, without any surrounding wrappers.\n */\n private get facetsTemplate() {\n if (this.suppressFacets) {\n return html`\n <p class=\"facets-message\">\n ${msg('Facets are temporarily unavailable.')}\n </p>\n `;\n }\n\n return html`\n <collection-facets\n @facetsChanged=${this.facetsChanged}\n @histogramDateRangeUpdated=${this.histogramDateRangeUpdated}\n .collectionPagePath=${this.collectionPagePath}\n .parentCollections=${this.dataSource.parentCollections}\n .pageSpecifierParams=${this.dataSource.pageSpecifierParams}\n .searchService=${this.searchService}\n .featureFeedbackService=${this.featureFeedbackService}\n .recaptchaManager=${this.recaptchaManager}\n .resizeObserver=${this.resizeObserver}\n .searchType=${this.searchType}\n .aggregations=${this.dataSource.aggregations}\n .fullYearsHistogramAggregation=${this.dataSource\n .yearHistogramAggregation}\n .minSelectedDate=${this.minSelectedDate}\n .maxSelectedDate=${this.maxSelectedDate}\n .selectedFacets=${this.selectedFacets}\n .baseNavigationUrl=${this.baseNavigationUrl}\n .collectionTitles=${this.dataSource.collectionTitles}\n .showHistogramDatePicker=${this.showHistogramDatePicker}\n .allowExpandingDatePicker=${!this.mobileView}\n .contentWidth=${this.contentWidth}\n .query=${this.baseQuery}\n .filterMap=${this.dataSource.filterMap}\n .isManageView=${this.isManageView}\n .modalManager=${this.modalManager}\n ?collapsableFacets=${this.mobileView}\n ?facetsLoading=${this.facetsLoading}\n ?fullYearAggregationLoading=${this.facetsLoading}\n @facetClick=${this.facetClickHandler}\n .analyticsHandler=${this.analyticsHandler}\n >\n </collection-facets>\n `;\n }\n\n /**\n * The HTML template for the \"Clear all filters\" button, or `nothing` if no\n * filters are currently active.\n *\n * @param mobile Whether to style/shorten the button for mobile view\n */\n private clearFiltersBtnTemplate(\n mobile: boolean\n ): TemplateResult | typeof nothing {\n if (!this.hasActiveFilters) return nothing;\n\n const buttonClasses = classMap({\n 'clear-filters-btn': true,\n mobile,\n });\n\n const buttonText = mobile ? 'Clear all' : 'Clear all filters';\n\n return html`\n <div class=\"clear-filters-btn-row\">\n ${mobile\n ? html`<span class=\"clear-filters-btn-separator\"> </span>`\n : nothing}\n <button class=${buttonClasses} @click=${this.clearFilters}>\n ${buttonText}\n </button>\n </div>\n `;\n }\n\n private get loadingTemplate() {\n return html`\n <div class=\"loading-cover\">\n <circular-activity-indicator></circular-activity-indicator>\n </div>\n `;\n }\n\n private get listHeaderTemplate() {\n return html`\n <div id=\"list-header\">\n <tile-dispatcher\n .tileDisplayMode=${'list-header'}\n .resizeObserver=${this.resizeObserver}\n .sortParam=${this.sortParam}\n .defaultSortParam=${this.defaultSortParam}\n .mobileBreakpoint=${this.mobileBreakpoint}\n .loggedIn=${this.loggedIn}\n >\n </tile-dispatcher>\n </div>\n `;\n }\n\n private histogramDateRangeUpdated(\n e: CustomEvent<{\n minDate: string;\n maxDate: string;\n }>\n ) {\n const { minDate, maxDate } = e.detail;\n [this.minSelectedDate, this.maxSelectedDate] = [minDate, maxDate];\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.histogramChanged,\n label: this.dateRangeQueryClause,\n });\n }\n\n private get dateRangeQueryClause() {\n if (!this.minSelectedDate || !this.maxSelectedDate) {\n return undefined;\n }\n\n return `year:[${this.minSelectedDate} TO ${this.maxSelectedDate}]`;\n }\n\n /**\n * Emits an event indicating a change in whether the manage mode is shown.\n */\n private emitManageModeChangedEvent(): void {\n this.dispatchEvent(\n new CustomEvent<boolean>('manageModeChanged', {\n detail: this.isManageView,\n })\n );\n }\n\n async installDataSourceAndQueryState(\n dataSource: CollectionBrowserDataSourceInterface,\n queryState: CollectionBrowserQueryState\n ): Promise<void> {\n log('Installing data source & query state in CB:', dataSource, queryState);\n if (this.dataSource) this.removeController(this.dataSource);\n this.dataSource = dataSource;\n this.addController(this.dataSource);\n\n this.baseQuery = queryState.baseQuery;\n this.profileElement = queryState.profileElement;\n this.searchType = queryState.searchType;\n this.selectedFacets =\n queryState.selectedFacets ?? getDefaultSelectedFacets();\n this.minSelectedDate = queryState.minSelectedDate;\n this.maxSelectedDate = queryState.maxSelectedDate;\n this.selectedSort = queryState.selectedSort ?? SortField.default;\n this.sortDirection = queryState.sortDirection;\n this.selectedTitleFilter = queryState.selectedTitleFilter;\n this.selectedCreatorFilter = queryState.selectedCreatorFilter;\n\n // We set this flag during the update to prevent the URL state persistence\n // from creating an unwanted extra history entry.\n this.dataSourceInstallInProgress = true;\n this.requestUpdate();\n await this.updateComplete;\n this.dataSourceInstallInProgress = false;\n\n if (!this.searchResultsLoading) {\n this.setTotalResultCount(this.dataSource.totalResults);\n this.setTileCount(this.dataSource.size);\n }\n\n this.refreshVisibleResults();\n }\n\n firstUpdated(): void {\n this.restoreState();\n this.setInitialSize();\n }\n\n setInitialSize(): void {\n this.contentWidth = this.contentContainer.getBoundingClientRect().width;\n this.mobileView =\n this.contentWidth > 0 && this.contentWidth < this.mobileBreakpoint;\n }\n\n updated(changed: PropertyValues) {\n if (changed.has('placeholderType') && this.placeholderType === null) {\n if (!this.leftColIntersectionObserver) {\n this.setupLeftColumnScrollListeners();\n }\n if (!this.facetsIntersectionObserver) {\n this.setupFacetsScrollListeners();\n }\n this.updateLeftColumnHeight();\n }\n\n if (\n changed.has('displayMode') ||\n changed.has('baseNavigationUrl') ||\n changed.has('baseImageUrl') ||\n changed.has('loggedIn')\n ) {\n this.infiniteScroller?.reload();\n }\n\n if (\n changed.has('baseQuery') ||\n changed.has('searchType') ||\n changed.has('withinCollection')\n ) {\n // Unless this query/search type update is from the initial page load or the\n // result of hitting the back button,\n // we need to clear any existing filters since they may no longer be valid for\n // the new set of search results.\n if (!this.historyPopOccurred && this.initialQueryChangeHappened) {\n // Ordinarily, we leave the sort param unchanged between searches.\n // However, if we are changing the target collection itself, we want the sort cleared too,\n // since different collections may have different sorting options available.\n const shouldClearSort =\n changed.has('withinCollection') &&\n !changed.has('selectedSort') &&\n !changed.has('sortDirection');\n\n // Otherwise, only clear filters that haven't been simultaneously applied in this update\n this.clearFilters({\n sort: shouldClearSort,\n facets: !changed.has('selectedFacets'),\n dateRange: !(\n changed.has('minSelectedDate') || changed.has('maxSelectedDate')\n ),\n letterFilters: !(\n changed.has('selectedTitleFilter') ||\n changed.has('selectedCreatorFilter')\n ),\n });\n }\n }\n\n if (changed.has('profileElement')) {\n this.applyDefaultProfileSort();\n }\n\n if (changed.has('baseQuery')) {\n this.emitBaseQueryChanged();\n }\n if (changed.has('searchType')) {\n this.emitSearchTypeChanged();\n }\n\n if (changed.has('currentPage') || changed.has('displayMode')) {\n this.persistState();\n }\n\n if (\n changed.has('baseQuery') ||\n changed.has('minSelectedDate') ||\n changed.has('maxSelectedDate') ||\n changed.has('selectedFacets') ||\n changed.has('searchService') ||\n changed.has('withinCollection') ||\n changed.has('withinProfile') ||\n changed.has('profileElement')\n ) {\n this.dataSource.refreshLetterCounts();\n }\n\n if (changed.has('selectedSort') || changed.has('sortDirection')) {\n const prevSortDirection = changed.get('sortDirection') as SortDirection;\n this.sendSortByAnalytics(prevSortDirection);\n this.selectedSortChanged();\n }\n\n if (changed.has('selectedTitleFilter')) {\n this.sendFilterByTitleAnalytics(\n changed.get('selectedTitleFilter') as string\n );\n }\n if (changed.has('selectedCreatorFilter')) {\n this.sendFilterByCreatorAnalytics(\n changed.get('selectedCreatorFilter') as string\n );\n }\n\n // Facets are always visible in the desktop view.\n // But in the mobile view, their visibility state can be toggled by the user.\n // In either case, inform the data source so that it can determine whether/when to fetch facets.\n this.dataSource.handleFacetVisibilityChange(\n !this.mobileView || this.mobileFacetsVisible\n );\n\n if (\n changed.has('baseQuery') ||\n changed.has('searchType') ||\n changed.has('selectedTitleFilter') ||\n changed.has('selectedCreatorFilter') ||\n changed.has('minSelectedDate') ||\n changed.has('maxSelectedDate') ||\n changed.has('selectedSort') ||\n changed.has('sortDirection') ||\n changed.has('selectedFacets') ||\n changed.has('searchService') ||\n changed.has('withinCollection') ||\n changed.has('withinProfile') ||\n changed.has('profileElement')\n ) {\n this.handleQueryChange();\n }\n\n if (changed.has('searchResultsLoading')) {\n this.emitSearchResultsLoadingChanged();\n }\n\n if (\n changed.has('facetsLoading') &&\n this.facetsLoading &&\n this.collectionFacets\n ) {\n this.collectionFacets.moreLinksVisible =\n this.searchType !== SearchType.FULLTEXT;\n }\n\n if (changed.has('pagesToRender')) {\n if (!this.dataSource.endOfDataReached && this.infiniteScroller) {\n this.infiniteScroller.itemCount = this.estimatedTileCount;\n }\n }\n\n if (changed.has('isManageView')) {\n if (this.isManageView) this.displayMode = 'grid';\n this.infiniteScroller?.refreshAllVisibleCells();\n this.emitManageModeChangedEvent();\n }\n\n if (changed.has('resizeObserver')) {\n const oldObserver = changed.get(\n 'resizeObserver'\n ) as SharedResizeObserverInterface;\n if (oldObserver) this.disconnectResizeObserver(oldObserver);\n this.setupResizeObserver();\n }\n }\n\n connectedCallback(): void {\n super.connectedCallback?.();\n this.setupStateRestorationObserver();\n this.setupResizeObserver();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver) {\n this.disconnectResizeObserver(this.resizeObserver);\n }\n if (this.boundNavigationHandler) {\n window.removeEventListener('popstate', this.boundNavigationHandler);\n }\n\n this.leftColIntersectionObserver?.disconnect();\n this.facetsIntersectionObserver?.disconnect();\n window.removeEventListener('resize', this.updateLeftColumnHeight);\n }\n\n handleResize(entry: ResizeObserverEntry): void {\n const previousView = this.mobileView;\n if (entry.target === this.contentContainer) {\n this.contentWidth = entry.contentRect.width;\n this.mobileView =\n this.contentWidth > 0 && this.contentWidth < this.mobileBreakpoint;\n // If changing from desktop to mobile disable transition\n if (this.mobileView && !previousView) {\n this.isResizeToMobile = true;\n }\n }\n\n // Ensure the facet sidebar remains sized correctly\n this.updateLeftColumnHeight();\n }\n\n /**\n * Sets up listeners for events that may require updating the left column height.\n */\n private setupLeftColumnScrollListeners(): void {\n // We observe intersections between the left column's scroll sentinel and\n // the viewport, so that we can ensure the left column is always sized to\n // match the _available_ viewport height. This should generally be more\n // performant than listening to scroll events on the page or column.\n const leftColumnSentinel = this.shadowRoot?.querySelector(\n '#left-column-scroll-sentinel'\n );\n if (leftColumnSentinel) {\n this.leftColIntersectionObserver = new IntersectionObserver(\n this.updateLeftColumnHeight,\n {\n threshold: [...Array(101).keys()].map(n => n / 100), // Threshold every 1%\n }\n );\n this.leftColIntersectionObserver.observe(leftColumnSentinel);\n }\n\n // We also listen for window resize events, as they are not always captured\n // by the resize observer and can affect the desired height of the left column.\n window.addEventListener('resize', this.updateLeftColumnHeight);\n }\n\n /**\n * Sets up listeners to control whether the facet sidebar shows its bottom fade-out.\n * Note this uses a separate IntersectionObserver from the left column, because we\n * don't need granular intersection thresholds for this.\n */\n private setupFacetsScrollListeners(): void {\n const facetsSentinel = this.shadowRoot?.querySelector(\n '#facets-scroll-sentinel'\n );\n if (facetsSentinel) {\n this.facetsIntersectionObserver = new IntersectionObserver(\n this.updateFacetFadeOut\n );\n this.facetsIntersectionObserver.observe(facetsSentinel);\n }\n }\n\n /**\n * Updates the height of the left column according to its position on the page.\n * Arrow function ensures proper `this` binding.\n */\n private updateLeftColumnHeight = (): void => {\n if (this.mobileView) {\n this.leftColumn?.style?.removeProperty('height');\n } else {\n const clientTop = this.leftColumn?.getBoundingClientRect().top;\n this.leftColumn?.style?.setProperty(\n 'height',\n `${window.innerHeight - (clientTop ?? 0) - 3}px`\n );\n }\n };\n\n /**\n * Toggles whether the fade-out is visible at the bottom of the facets.\n * It should only be visible if the facets are not scrolled to the bottom.\n * Arrow function ensures proper `this` binding.\n */\n private updateFacetFadeOut = (entries: IntersectionObserverEntry[]): void => {\n const fadeElmt = this.shadowRoot?.getElementById('facets-bottom-fade');\n fadeElmt?.classList.toggle('hidden', entries?.[0]?.isIntersecting);\n };\n\n private emitBaseQueryChanged() {\n this.dispatchEvent(\n new CustomEvent<{ baseQuery?: string }>('baseQueryChanged', {\n detail: {\n baseQuery: this.baseQuery,\n },\n })\n );\n }\n\n private emitSearchTypeChanged() {\n this.dispatchEvent(\n new CustomEvent<SearchType>('searchTypeChanged', {\n detail: this.searchType,\n })\n );\n }\n\n emitQueryStateChanged() {\n this.dispatchEvent(\n new CustomEvent<CollectionBrowserQueryState>('queryStateChanged', {\n detail: {\n baseQuery: this.baseQuery,\n withinCollection: this.withinCollection,\n withinProfile: this.withinProfile,\n profileElement: this.profileElement,\n searchType: this.searchType,\n selectedFacets: this.selectedFacets,\n minSelectedDate: this.minSelectedDate,\n maxSelectedDate: this.maxSelectedDate,\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection,\n selectedTitleFilter: this.selectedTitleFilter,\n selectedCreatorFilter: this.selectedCreatorFilter,\n },\n })\n );\n }\n\n emitEmptyResults() {\n this.dispatchEvent(new Event('emptyResults'));\n }\n\n private disconnectResizeObserver(\n resizeObserver: SharedResizeObserverInterface\n ) {\n resizeObserver.removeObserver({\n target: this.contentContainer,\n handler: this,\n });\n }\n\n private setupResizeObserver() {\n if (!this.resizeObserver || !this.contentContainer) return;\n this.resizeObserver.addObserver({\n target: this.contentContainer,\n handler: this,\n });\n }\n\n /**\n * When the visible cells change from the infinite scroller, we want to emit\n * which page is currently visible so the consumer can update its UI or the URL\n *\n * @param e\n * @returns\n */\n private visibleCellsChanged(\n e: CustomEvent<{ visibleCellIndices: number[] }>\n ) {\n if (this.isScrollingToCell) return;\n const { visibleCellIndices } = e.detail;\n if (visibleCellIndices.length === 0) return;\n const lastVisibleCellIndex =\n visibleCellIndices[visibleCellIndices.length - 1];\n const lastVisibleCellPage =\n Math.floor(lastVisibleCellIndex / this.pageSize) + 1;\n if (this.currentPage !== lastVisibleCellPage) {\n this.currentPage = lastVisibleCellPage;\n }\n const event = new CustomEvent('visiblePageChanged', {\n detail: {\n pageNumber: lastVisibleCellPage,\n },\n });\n this.dispatchEvent(event);\n }\n\n // we only want to scroll on the very first query change\n // so this keeps track of whether we've already set the initial query\n private initialQueryChangeHappened = false;\n\n private historyPopOccurred = false;\n\n // this lets us store the query key so we know if it's actually changed or not\n private previousQueryKey?: string;\n\n /**\n * A Promise which, after each query change, resolves once the fetches for the initial\n * search have completed. Waits for *both* the hits and aggregations fetches to finish.\n *\n * Ensure you await this component's `updateComplete` promise before awaiting this\n * one, to ensure you do not await an obsolete promise from the previous update.\n */\n get initialSearchComplete(): Promise<boolean> {\n return this.dataSource.initialSearchComplete;\n }\n\n private async handleQueryChange() {\n // only reset if the query has actually changed\n if (\n !this.searchService ||\n this.dataSource.pageFetchQueryKey === this.previousQueryKey\n )\n return;\n\n // If the new state prevents us from updating the search results, don't reset\n if (\n !this.dataSource.canPerformSearch &&\n !(this.clearResultsOnEmptyQuery && this.baseQuery === '')\n )\n return;\n\n this.previousQueryKey = this.dataSource.pageFetchQueryKey;\n // this.emitQueryStateChanged();\n\n this.tileModelOffset = 0;\n this.totalResults = undefined;\n this.pagesToRender =\n this.initialPageNumber === 1\n ? 2 // First two pages are batched into one request when starting from page 1\n : this.initialPageNumber;\n\n // Reset the infinite scroller's item count, so that it\n // shows tile placeholders until the new query's results load in\n if (this.infiniteScroller) {\n this.infiniteScroller.itemCount = this.estimatedTileCount;\n this.infiniteScroller.reload();\n }\n\n if (this.withinCollection && this.baseQuery?.trim()) {\n this.defaultSortField = SortField.relevance;\n this.defaultSortDirection = null;\n }\n\n if (!this.initialQueryChangeHappened && this.initialPageNumber > 1) {\n this.scrollToPage(this.initialPageNumber);\n }\n this.initialQueryChangeHappened = true;\n\n // if the query changed as part of a window.history pop event, we don't want to\n // persist the state because it overwrites the forward history\n if (!this.historyPopOccurred) {\n this.persistState();\n }\n this.historyPopOccurred = false;\n\n // Fire the initial page and facets requests\n // await this.dataSource.handleQueryChange();\n }\n\n private setupStateRestorationObserver() {\n if (!this.boundNavigationHandler) {\n this.boundNavigationHandler = this.historyNavigationHandler.bind(this);\n }\n // when the user navigates back, we want to update the UI to match the URL\n window.addEventListener('popstate', this.boundNavigationHandler);\n }\n\n private boundNavigationHandler?: () => void;\n\n private historyNavigationHandler() {\n this.historyPopOccurred = true;\n this.restoreState();\n }\n\n private restoreState() {\n const restorationState = this.restorationStateHandler.getRestorationState();\n this.displayMode = restorationState.displayMode;\n if (restorationState.searchType != null)\n this.searchType = restorationState.searchType;\n this.selectedSort = restorationState.selectedSort ?? SortField.default;\n this.sortDirection = restorationState.sortDirection ?? null;\n this.selectedTitleFilter = restorationState.selectedTitleFilter ?? null;\n this.selectedCreatorFilter = restorationState.selectedCreatorFilter ?? null;\n this.selectedFacets = restorationState.selectedFacets;\n if (!this.suppressURLQuery) this.baseQuery = restorationState.baseQuery;\n this.currentPage = restorationState.currentPage ?? 1;\n this.minSelectedDate = restorationState.minSelectedDate;\n this.maxSelectedDate = restorationState.maxSelectedDate;\n if (this.currentPage > 1) {\n this.goToPage(this.currentPage);\n }\n }\n\n private persistState() {\n const restorationState: RestorationState = {\n displayMode: this.displayMode,\n searchType: this.searchType,\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection ?? undefined,\n selectedFacets: this.selectedFacets ?? getDefaultSelectedFacets(),\n baseQuery: this.suppressURLQuery ? undefined : this.baseQuery,\n currentPage: this.currentPage,\n titleQuery: this.titleQuery,\n creatorQuery: this.creatorQuery,\n minSelectedDate: this.minSelectedDate,\n maxSelectedDate: this.maxSelectedDate,\n selectedTitleFilter: this.selectedTitleFilter ?? undefined,\n selectedCreatorFilter: this.selectedCreatorFilter ?? undefined,\n };\n this.restorationStateHandler.persistState(\n restorationState,\n this.dataSourceInstallInProgress\n );\n }\n\n private emitSearchResultsLoadingChanged(): void {\n this.dispatchEvent(\n new CustomEvent<{ loading: boolean }>('searchResultsLoadingChanged', {\n detail: {\n loading: this.searchResultsLoading,\n },\n })\n );\n }\n\n facetsChanged(e: CustomEvent<SelectedFacets>) {\n this.selectedFacets = e.detail;\n }\n\n facetClickHandler({\n detail: { facetType, bucket, negative },\n }: CustomEvent<FacetEventDetails>): void {\n let action: analyticsActions;\n if (negative) {\n action =\n bucket.state !== 'none'\n ? analyticsActions.facetNegativeSelected\n : analyticsActions.facetNegativeDeselected;\n } else {\n action =\n bucket.state !== 'none'\n ? analyticsActions.facetSelected\n : analyticsActions.facetDeselected;\n }\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action,\n label: facetType,\n });\n }\n\n private scrollToPage(pageNumber: number): Promise<void> {\n console.log('cb scrollToPage', pageNumber, this.infiniteScroller?.itemCount);\n return new Promise(resolve => {\n const cellIndexToScrollTo = this.pageSize * (pageNumber - 1);\n console.log('index', cellIndexToScrollTo);\n // without this setTimeout, Safari just pauses until the `fetchPage` is complete\n // then scrolls to the cell\n setTimeout(() => {\n console.log('cb starting scroll', cellIndexToScrollTo, this.infiniteScroller?.itemCount);\n this.isScrollingToCell = true;\n this.infiniteScroller?.scrollToCell(cellIndexToScrollTo, true);\n // This timeout is to give the scroll animation time to finish\n // then updating the infinite scroller once we're done scrolling\n // There's no scroll animation completion callback so we're\n // giving it 0.5s to finish.\n setTimeout(() => {\n console.log('cb finishing scroll', cellIndexToScrollTo, this.infiniteScroller?.itemCount);\n this.isScrollingToCell = false;\n this.infiniteScroller?.refreshAllVisibleCells();\n resolve();\n }, 500);\n }, 0);\n });\n }\n\n /**\n * Whether sorting by relevance makes sense for the current state.\n * Currently equivalent to having a non-empty query.\n */\n private get isRelevanceSortAvailable(): boolean {\n return !!this.baseQuery?.trim();\n }\n\n /**\n * Sets the total number of tiles displayed in the infinite scroller.\n */\n setTileCount(count: number): void {\n if (this.infiniteScroller) {\n this.infiniteScroller.itemCount = count;\n }\n }\n\n /**\n * Applies any default sort option for the current collection, by checking\n * for one in the collection's metadata. If none is found, defaults to sorting\n * descending by:\n * - Date Favorited for fav-* collections\n * - Weekly views for all other collections\n */\n applyDefaultCollectionSort(collectionInfo?: CollectionExtraInfo): void {\n if (this.baseQuery) {\n // If there's a query set, then we default to relevance sorting regardless of\n // the collection metadata-specified sort.\n this.defaultSortField = SortField.relevance;\n this.defaultSortDirection = null;\n return;\n }\n\n // Favorite collections sort on Date Favorited by default.\n // Other collections fall back to sorting on weekly views.\n const baseDefaultSort: string =\n collectionInfo?.public_metadata?.identifier?.startsWith('fav-')\n ? '-favoritedate'\n : '-week';\n\n // The collection metadata may override the default sorting with something else\n const metadataSort: string | undefined =\n collectionInfo?.public_metadata?.['sort-by'];\n\n // Prefer the metadata-specified sort if one exists\n const defaultSortToApply = metadataSort ?? baseDefaultSort;\n\n // Account for both -field and field:dir formats\n let [field, dir] = defaultSortToApply.split(':');\n if (field.startsWith('-')) {\n field = field.slice(1);\n dir = 'desc';\n } else if (!['asc', 'desc'].includes(dir)) {\n dir = 'asc';\n }\n\n const sortOption = sortOptionFromAPIString(field);\n const sortField = sortOption.field;\n if (sortField && sortField !== SortField.default) {\n this.defaultSortField = sortField;\n this.defaultSortDirection = dir as SortDirection;\n this.defaultSortParam = {\n field: this.defaultSortField,\n direction: this.defaultSortDirection,\n };\n }\n }\n\n /**\n * Applies the default sort option for the current profile element\n */\n applyDefaultProfileSort(): void {\n if (this.profileElement) {\n const defaultSortField = defaultProfileElementSorts[this.profileElement];\n this.defaultSortField = defaultSortField ?? SortField.weeklyview;\n } else {\n this.defaultSortField = SortField.weeklyview;\n }\n\n this.defaultSortDirection = 'desc';\n this.defaultSortParam = {\n field: this.defaultSortField,\n direction: this.defaultSortDirection,\n };\n }\n\n /**\n * This is useful for determining whether we need to reload the scroller.\n *\n * When the fetch completes, we need to reload the scroller if the cells for that\n * page are visible, but if the page is not currenlty visible, we don't need to reload\n */\n get currentVisiblePageNumbers(): number[] {\n const visibleCells = this.infiniteScroller?.getVisibleCellIndices() ?? [];\n const visiblePages = new Set<number>();\n visibleCells.forEach(cellIndex => {\n const visiblePage = Math.floor(cellIndex / this.pageSize) + 1;\n visiblePages.add(visiblePage);\n });\n return Array.from(visiblePages);\n }\n\n /**\n * Refreshes all visible result cells in the infinite scroller.\n */\n refreshVisibleResults(): void {\n this.infiniteScroller?.refreshAllVisibleCells();\n }\n\n /**\n * Callback when a result is selected\n */\n resultSelected(event: CustomEvent<TileModel>): void {\n if (this.isManageView) {\n // Checked/unchecked state change -- rerender to ensure it propagates\n // this.mapDataSource(model => ({ ...model }));\n const cellIndex = this.dataSource.indexOf(event.detail);\n if (cellIndex >= 0) this.infiniteScroller?.refreshCell(cellIndex);\n\n this.requestUpdate();\n }\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.resultSelected,\n label: event.detail.mediatype,\n });\n\n this.analyticsHandler?.sendEvent({\n category: this.searchContext,\n action: analyticsActions.resultSelected,\n label: `page-${this.currentPage}`,\n });\n }\n\n cellForIndex(index: number): TemplateResult | undefined {\n const model = this.tileModelAtCellIndex(index);\n if (!model) return undefined;\n\n return html`\n <tile-dispatcher\n .collectionPagePath=${this.collectionPagePath}\n .baseNavigationUrl=${this.baseNavigationUrl}\n .baseImageUrl=${this.baseImageUrl}\n .model=${model}\n .tileDisplayMode=${this.displayMode}\n .resizeObserver=${this.resizeObserver}\n .collectionTitles=${this.dataSource.collectionTitles}\n .sortParam=${this.sortParam}\n .defaultSortParam=${this.defaultSortParam}\n .creatorFilter=${this.selectedCreatorFilter}\n .mobileBreakpoint=${this.mobileBreakpoint}\n .loggedIn=${this.loggedIn}\n .isManageView=${this.isManageView}\n ?enableHoverPane=${true}\n @resultSelected=${(e: CustomEvent) => this.resultSelected(e)}\n >\n </tile-dispatcher>\n `;\n }\n\n /**\n * When the user scrolls near to the bottom of the page, fetch the next page\n * increase the number of pages to render and start fetching data for the new page\n */\n private scrollThresholdReached() {\n if (!this.dataSource.endOfDataReached && this.dataSource.queryInitialized) {\n this.pagesToRender += 1;\n this.dataSource.fetchPage(this.pagesToRender);\n }\n }\n\n static get styles() {\n return [\n srOnlyStyle,\n css`\n :host {\n display: block;\n --leftColumnWidth: 18rem;\n --leftColumnPaddingRight: 2.5rem;\n }\n\n #facet-top-view {\n display: flex;\n }\n\n /**\n * When page width resizes from desktop to mobile, use this class to\n * disable expand/collapse transition when loading.\n */\n .preload * {\n transition: none !important;\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -ms-transition: none !important;\n -o-transition: none !important;\n }\n\n #content-container {\n display: flex;\n }\n\n empty-placeholder {\n margin-top: var(--placeholderMarginTop, 0);\n }\n\n .collapser-icon {\n display: inline-block;\n }\n\n .collapser-icon svg {\n display: inline-block;\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease-out;\n }\n\n #mobile-filter-collapse {\n width: 100%;\n }\n\n #mobile-filter-collapse > summary {\n cursor: pointer;\n list-style: none;\n }\n\n #mobile-filter-collapse[open] > summary {\n margin-bottom: 10px;\n }\n\n #mobile-filter-collapse h2 {\n display: inline-block;\n margin: 0;\n font-size: 2rem;\n }\n\n #mobile-filter-collapse[open] svg {\n transform: rotate(90deg);\n }\n\n #content-container.mobile {\n display: block;\n }\n\n .column {\n padding-top: 2rem;\n }\n\n #right-column {\n flex: 1;\n position: relative;\n min-height: 90vh;\n border-left: 1px solid rgb(232, 232, 232);\n border-right: 1px solid rgb(232, 232, 232);\n padding-left: 1rem;\n padding-right: 1rem;\n margin-top: var(--rightColumnMarginTop, 0);\n background: #fff;\n }\n\n .mobile #right-column {\n border-left: none;\n padding: 5px 5px 0;\n }\n\n #left-column {\n width: var(--leftColumnWidth, 18rem);\n /* Prevents Safari from shrinking col at first draw */\n min-width: var(--leftColumnWidth, 18rem);\n /* Reduced padding by 0.2rem to add the invisible border in the rule below */\n padding-right: calc(var(--leftColumnPaddingRight, 2.5rem) - 0.2rem);\n border-right: 0.2rem solid transparent; /* Pads to the right of the scrollbar a bit */\n z-index: 1;\n }\n\n .desktop #left-column {\n top: 0;\n position: sticky;\n height: calc(100vh - 2rem);\n max-height: calc(100vh - 2rem);\n overflow-x: hidden;\n overflow-y: scroll;\n\n /*\n * Firefox doesn't support any of the -webkit-scrollbar stuff below, but\n * does at least give us a tiny bit of control over width & color.\n */\n scrollbar-width: thin;\n scrollbar-color: transparent transparent;\n }\n .desktop #left-column:hover {\n scrollbar-color: auto;\n }\n .desktop #left-column::-webkit-scrollbar {\n appearance: none;\n width: 6px;\n }\n .desktop #left-column::-webkit-scrollbar-button {\n height: 3px;\n background: transparent;\n }\n .desktop #left-column::-webkit-scrollbar-corner {\n background: transparent;\n }\n .desktop #left-column::-webkit-scrollbar-thumb {\n border-radius: 4px;\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.15);\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.2);\n }\n .desktop #left-column:hover::-webkit-scrollbar-thumb:active {\n background: rgba(0, 0, 0, 0.3);\n }\n\n #facets-bottom-fade {\n background: linear-gradient(\n to bottom,\n #f5f5f700 0%,\n #f5f5f7c0 50%,\n #f5f5f7 80%,\n #f5f5f7 100%\n );\n position: fixed;\n bottom: 0;\n height: 50px;\n /* Wide enough to cover the content, but leave the scrollbar uncovered */\n width: calc(\n var(--leftColumnWidth) + var(--leftColumnPaddingRight) - 10px\n );\n z-index: 2;\n pointer-events: none;\n transition: height 0.1s ease;\n }\n #facets-bottom-fade.hidden {\n height: 0;\n }\n\n .facets-message {\n font-size: 1.4rem;\n }\n\n .desktop #left-column-scroll-sentinel {\n width: 1px;\n height: 100vh;\n background: transparent;\n }\n\n .desktop #facets-scroll-sentinel {\n width: 1px;\n height: 1px;\n background: transparent;\n }\n\n #facets-header-container {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n .desktop #facets-header-container {\n flex-wrap: wrap;\n }\n\n .mobile #left-column {\n width: 100%;\n min-width: 0;\n padding: 0;\n border: 0;\n }\n\n .clear-filters-btn-row {\n display: inline-block;\n }\n\n .desktop .clear-filters-btn-row {\n width: 100%;\n }\n\n .clear-filters-btn {\n display: inline-block;\n appearance: none;\n margin: 0;\n padding: 0;\n border: 0;\n background: none;\n color: var(--ia-theme-link-color);\n font-size: 1.4rem;\n font-family: inherit;\n cursor: pointer;\n }\n\n .clear-filters-btn:hover {\n text-decoration: underline;\n }\n\n .clear-filters-btn-separator {\n display: inline-block;\n margin-left: 5px;\n border-left: 1px solid #2c2c2c;\n font-size: 1.4rem;\n line-height: 1.3rem;\n }\n\n #facets-container {\n position: relative;\n max-height: 0;\n transition: max-height 0.2s ease-in-out;\n z-index: 1;\n margin-top: 5rem;\n padding-bottom: 2rem;\n }\n\n .desktop #facets-container {\n width: 18rem;\n }\n\n .mobile #facets-container {\n overflow: hidden;\n padding-bottom: 0;\n padding-left: 10px;\n padding-right: 10px;\n }\n\n #facets-container.expanded {\n max-height: 2000px;\n }\n\n #results-total {\n display: flex;\n align-items: baseline;\n }\n\n .mobile #results-total {\n float: right;\n margin-bottom: 0;\n margin-right: 5px;\n }\n\n #big-results-count {\n font-size: 2.4rem;\n font-weight: 500;\n margin-right: 5px;\n }\n\n .mobile #big-results-count {\n font-size: 2rem;\n }\n\n #big-results-label {\n font-size: 1.4rem;\n font-weight: 200;\n }\n\n #list-header {\n max-height: 4.2rem;\n }\n\n .loading-cover {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n z-index: 1;\n padding-top: 50px;\n }\n\n circular-activity-indicator {\n width: 30px;\n height: 30px;\n }\n\n sort-filter-bar {\n display: block;\n margin-bottom: 4rem;\n }\n\n infinite-scroller {\n display: block;\n --infiniteScrollerRowGap: var(--collectionBrowserRowGap, 1.7rem);\n --infiniteScrollerColGap: var(--collectionBrowserColGap, 1.7rem);\n }\n\n infinite-scroller.list-compact {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 100%\n );\n --infiniteScrollerCellMinHeight: 45px; /* override infinite scroller component */\n --infiniteScrollerCellMaxHeight: 56px;\n --infiniteScrollerRowGap: 10px;\n }\n\n infinite-scroller.list-detail {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 100%\n );\n --infiniteScrollerCellMinHeight: var(\n --collectionBrowserCellMinHeight,\n 5rem\n );\n /*\n 30px in spec, compensating for a -4px margin\n to align title with top of item image\n src/tiles/list/tile-list.ts\n */\n --infiniteScrollerRowGap: 34px;\n }\n\n .mobile infinite-scroller.list-detail {\n --infiniteScrollerRowGap: 24px;\n }\n\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 17rem\n );\n --infiniteScrollerCellMaxWidth: var(\n --collectionBrowserCellMaxWidth,\n 1fr\n );\n }\n\n /* Allow tiles to shrink a bit further at smaller viewport widths */\n @media screen and (max-width: 880px) {\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 15rem\n );\n }\n }\n /* At very small widths, maintain a 2-tile layout as far as it can reasonably go */\n @media screen and (max-width: 360px) {\n infinite-scroller.grid {\n --infiniteScrollerCellMinWidth: var(\n --collectionBrowserCellMinWidth,\n 12rem\n );\n }\n }\n\n infinite-scroller.hidden {\n display: none;\n }\n `,\n ];\n }\n}\n"]}
|
|
@@ -103,6 +103,7 @@ let SortFilterBar = class SortFilterBar extends LitElement {
|
|
|
103
103
|
`;
|
|
104
104
|
}
|
|
105
105
|
willUpdate(changed) {
|
|
106
|
+
console.log('will update', '\n' + [...changed.entries()].map(([k, v]) => `${String(k)}: ${v} -> ${this[k]}`).join('\n'));
|
|
106
107
|
if (changed.has('selectedSort') || changed.has('defaultSortField')) {
|
|
107
108
|
// If the sort is changed from its default without a direction set,
|
|
108
109
|
// we adopt the default sort direction for that sort type.
|
|
@@ -127,6 +128,7 @@ let SortFilterBar = class SortFilterBar extends LitElement {
|
|
|
127
128
|
}
|
|
128
129
|
}
|
|
129
130
|
updated(changed) {
|
|
131
|
+
console.log('updated', '\n' + [...changed.entries()].map(([k, v]) => `${String(k)}: ${v} -> ${this[k]}`).join('\n'));
|
|
130
132
|
if (changed.has('displayMode')) {
|
|
131
133
|
this.displayModeChanged();
|
|
132
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-filter-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/sort-filter-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,GAAG,EACH,OAAO,GAGR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAKpC,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAIL,YAAY,EACZ,SAAS,GACV,MAAM,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,IAAa,aAAa,GAA1B,MAAa,aACX,SAAQ,UAAU;IADpB;;QAOE,uDAAuD;QAC3B,yBAAoB,GAAyB,IAAI,CAAC;QAE9E,mDAAmD;QACvB,qBAAgB,GAGxC,SAAS,CAAC,SAAS,CAAC;QAExB,oEAAoE;QACxC,kBAAa,GAAyB,IAAI,CAAC;QAEvE,kFAAkF;QACtD,iBAAY,GAAc,SAAS,CAAC,OAAO,CAAC;QAExE,yEAAyE;QAC7C,wBAAmB,GAAkB,IAAI,CAAC;QAEtE,2EAA2E;QAC/C,0BAAqB,GAAkB,IAAI,CAAC;QAExE,iEAAiE;QACpC,kBAAa,GAAY,IAAI,CAAC;QAE3D,mHAAmH;QACtF,sBAAiB,GAAY,KAAK,CAAC;QAEhE,kGAAkG;QACtD,0BAAqB,GAC/D,KAAK,CAAC;QAER,2GAA2G;QAE3G,yBAAoB,GAAY,KAAK,CAAC;QAUtC;;WAEG;QACc,yBAAoB,GAAG,SAAS,CAAC,UAAU,CAAC;QAE7D;;WAEG;QACc,yBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAElE;;;WAGG;QACM,yBAAoB,GAAyB,IAAI,CAAC;QAE3D;;;WAGG;QACM,4BAAuB,GAAG,KAAK,CAAC;QAEzC;;;WAGG;QACM,8BAAyB,GAAG,CAAC,CAAC;QAEvC;;;WAGG;QACM,8BAAyB,GAAG,CAAC,CAAC;QAoI/B,uCAAkC,GAAG,CAAC,CAAgB,EAAE,EAAE;YAChE,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACtB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;QACH,CAAC,CAAC;IAk6BJ,CAAC;IA9gCC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;cAKD,CAAC,IAAI,CAAC,qBAAqB;YAC3B,CAAC,CAAC,IAAI,CAAA;;sBAEE,IAAI,CAAC,6BAA6B;;+CAET,GAAG,CAAC,UAAU,CAAC;;sBAExC,IAAI,CAAC,0BAA0B;sBAC/B,IAAI,CAAC,2BAA2B;;iBAErC;YACH,CAAC,CAAC,IAAI,CAAA,mCAAmC;;;;YAI3C,IAAI,CAAC,oBAAoB;YACzB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;kBACA,IAAI,CAAC,qBAAqB;qBACvB;;;UAGX,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO;UAC9D,IAAI,CAAC,gBAAgB;;KAE1B,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE;YAClE,mEAAmE;YACnE,0DAA0D;YAC1D,IACE,IAAI,CAAC,YAAY;gBACjB,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,OAAO;gBACvC,IAAI,CAAC,aAAa,KAAK,IAAI,EAC3B;gBACA,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACzD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC;aACtD;YAED,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBAC3B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC;aACrD;iBAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBAClC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC;aACrD;SACF;QAED,kGAAkG;QAClG,2FAA2F;QAC3F,IACE,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC,iBAAiB,EAC3D;YACA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;SACvD;IACH,CAAC;IAED,OAAO,CAAC,OAAuB;QAC7B,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;YAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAClE,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC;SACrC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACtE,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE;YAC1C,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE;YACzE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAC7B,gBAAgB,CACgB,CAAC;YACnC,IAAI,WAAW;gBAAE,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;YAC5D,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,QAAQ,CAAC,gBAAgB,CACvB,SAAS,EACT,IAAI,CAAC,kCAAkC,CACxC,CAAC;SACH;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAC1B,SAAS,EACT,IAAI,CAAC,kCAAkC,CACxC,CAAC;SACH;IACH,CAAC;IAQD,iBAAiB;;QACf,MAAA,KAAK,CAAC,iBAAiB,oDAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SACpD;IACH,CAAC;IAEO,wBAAwB,CAC9B,cAA6C;QAE7C,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,cAAc,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,IAAI,CAAC,qBAAqB;gBAClC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,cAAc,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,IAAI,CAAC,oBAAoB;gBACjC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QAEjC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;gBAC9B,MAAM,EAAE,IAAI,CAAC,qBAAqB;gBAClC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;gBAC9B,MAAM,EAAE,IAAI,CAAC,oBAAoB;gBACjC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAED,YAAY,CAAC,KAA0B;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,oBAAoB,EAAE;YAC9C,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;SAC1D;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,qBAAqB,EAAE;YACtD,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;SAC1D;IACH,CAAC;IAED;;;OAGG;IACH,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAC,yBAAyB,GAAG,EAAE,GAAG,IAAI,CAAC,yBAAyB,CAAC;IAC9E,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,IAAI,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;YAAE,OAAO,OAAO,CAAC;QAEtE,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;YACtC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS;gBAAE,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACpE,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC,gBAAgB,CAAC;SACjE;aAAM;YACL,OAAO,IAAI,CAAC,oBAAoB,KAAK,SAAS;gBAC5C,CAAC,CAAC,IAAI,CAAC,kBAAkB;gBACzB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;SAC3B;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,0DAA0D;IAC1D,IAAY,6BAA6B;QACvC,MAAM,6BAA6B,GACjC,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5D,MAAM,OAAO,GAAG,aAAa,6BAA6B,OAAO,CAAC;QAElE,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,sBAAsB;iBAC/B,IAAI,CAAC,0BAA0B;;gCAEhB,OAAO;UAC7B,IAAI,CAAC,iBAAiB;;KAE3B,CAAC;IACJ,CAAC;IAED,uFAAuF;IACvF,IAAY,iBAAiB;QAC3B,wEAAwE;QACxE,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAChC,OAAO,IAAI,CAAA,oCAAoC,gBAAgB,QAAQ,CAAC;SACzE;QAED,+DAA+D;QAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,sBAAsB,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;;KAEtE,CAAC;IACJ,CAAC;IAED,kEAAkE;IAClE,IAAY,2BAA2B;QACrC,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;;YAGrD,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAA;kBACA,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,SAAS,EAAE;gBAC/C,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;oBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,SAAS,EAAE;wBACnD,IAAI,CAAC,oBAAoB,EAAE,CAAC;wBAC5B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;qBAC3C;gBACH,CAAC;aACF,CAAC;oBACE;YACR,CAAC,CAAC,OAAO;gBACL,IAAI,CAAC,qBAAqB;;cAE5B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,KAAK,EAAE;YAC3C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;gBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,KAAK,EAAE;oBAC/C,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC;oBACpC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;oBAClC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACtC,IAAI,CAAC,6BAA6B,EAAE,CAAC;iBACtC;YACH,CAAC;SACF,CAAC;;gBAEE,IAAI,CAAC,oBAAoB;;cAE3B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;gBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,OAAO,EAAE;oBACjD,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;oBACtC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;oBAChC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;oBACxC,IAAI,CAAC,2BAA2B,EAAE,CAAC;iBACpC;YACH,CAAC;SACF,CAAC;;;;KAIT,CAAC;IACJ,CAAC;IAED,iEAAiE;IACjE,IAAY,0BAA0B;QACpC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;aACjD,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC;aACjC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,SAAS,CAAC;aACtE,MAAM,CACL,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,aAAa,CACvE,CAAC;QAEJ,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;;UAEvD,IAAI,CAAC,eAAe,CAAC;YACrB,WAAW,EAAE,IAAI,CAAA,GAAG,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC;iBACtD,WAAW,EAAE;YAChB,EAAE,EAAE,iBAAiB;YACrB,QAAQ,EAAE,IAAI;YACd,eAAe,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAC1C,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAClC;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB;YACvC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;YACxC,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACxD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAClC,MAAM,EACN,IAAI,CAAC,cAAc,CAAC,IAAI,CACzB,CAAC;YACJ,CAAC;SACF,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;OAYG;IACK,oBAAoB,CAC1B,SAAoB,EACpB,OAIC;;QAED,MAAM,UAAU,GACd,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC;QAC7D,MAAM,WAAW,GACf,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,YAAY,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC;QAC9D,OAAO,IAAI,CAAA;;gBAEC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;sBAC3B,WAAW;iBAChB,CAAC,CAAQ,EAAE,EAAE;;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,wDAAG,CAAC,CAAC,CAAC;QACxB,CAAC;;UAEC,WAAW;;KAEhB,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;;OAaG;IACK,eAAe,CAAC,OASvB;;QACC,OAAO,IAAI,CAAA;;aAEF,MAAA,OAAO,CAAC,EAAE,mCAAI,OAAO;gBAClB,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;;;;yBAI9B,OAAO,CAAC,QAAQ;mBACtB,OAAO,CAAC,eAAe;0BAChB,MAAA,OAAO,CAAC,cAAc,mCAAI,EAAE;0BAC5B,MAAA,OAAO,CAAC,gBAAgB,mCAAI,OAAO;iBAC5C,MAAA,OAAO,CAAC,eAAe,mCAAI,OAAO;;;;;wBAK3B,OAAO,CAAC,WAAW,CAAC,MAAM;mBAC/B,MAAA,OAAO,CAAC,kBAAkB,mCAAI,OAAO;qBACnC,OAAO,CAAC,kBAAkB;YACnC,CAAC,CAAC,CAAC,CAAgB,EAAE,EAAE;;gBACnB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,MAAA,OAAO,CAAC,kBAAkB,wDAAG,CAAC,CAAC,CAAC;iBACjC;YACH,CAAC;YACH,CAAC,CAAC,OAAO;;YAET,OAAO,CAAC,WAAW;;;KAG1B,CAAC;IACJ,CAAC;IAED,yEAAyE;IACjE,iBAAiB,CAAC,SAAoB;QAC5C,OAAO;YACL,EAAE,EAAE,SAAS;YACb,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;YAC1C,CAAC;YACD,KAAK,EAAE,IAAI,CAAA;;YAEL,YAAY,CAAC,SAAS,CAAC,CAAC,WAAW;;OAExC;SACF,CAAC;IACJ,CAAC;IAED,4DAA4D;IACpD,sBAAsB,CAAC,CAA2C;QACxE,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE5B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAe,CAAC;QAClD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAClC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;IACH,CAAC;IAED,oDAAoD;IACpD,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC1B,WAAW,EAAE,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE;YAC9C,EAAE,EAAE,gBAAgB;YACpB,QAAQ,EAAE,IAAI,CAAC,kBAAkB;YACjC,eAAe,EAAE;gBACf,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC;gBAC5C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC;aAC9C;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YACtE,gBAAgB,EAAE,IAAI,CAAC,sBAAsB;YAC7C,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC/B,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACvD,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACvE,CAAC;YACD,kBAAkB,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAC/B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACxD,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;iBACjD;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,mDAAmD;IACnD,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC1B,WAAW,EAAE,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE;YAC9C,EAAE,EAAE,eAAe;YACnB,QAAQ,EAAE,IAAI,CAAC,kBAAkB;YACjC,eAAe,EAAE;gBACf,GAAG,CAAC,IAAI,CAAC,iBAAiB;oBACxB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;oBACnD,CAAC,CAAC,EAAE,CAAC;gBACP,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;gBACtC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,YAAY,CAAC;gBAC9C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,YAAY,CAAC;gBAC9C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC;aAC5C;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YACtE,gBAAgB,EAAE,IAAI,CAAC,sBAAsB;YAC7C,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACtD,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrE,CAAC;YACD,kBAAkB,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACvD,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;iBACjD;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,qEAAqE;IAC7D,iBAAiB,CAAC,CAA2C;QACnE,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QAErC,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAe,CAAC;QAClD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEhC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE;YACrD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,2BAA2B,EAAE,CAAC;SACpC;QACD,IAAI,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACzD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAClC,IAAI,CAAC,6BAA6B,EAAE,CAAC;SACtC;IACH,CAAC;IAED,4DAA4D;IAC5D,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAA;;;;;qBAKM,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC5B,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGjD,QAAQ;;;;;;qBAMD,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;QACnC,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGxD,QAAQ;;;;;;qBAMD,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;QACpC,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGzD,WAAW;;;;KAIpB,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,cAAc;iBACnB,IAAI,CAAC,cAAc;;KAE/B,CAAC;IACJ,CAAC;IAED,2DAA2D;IACnD,cAAc;QACpB,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,MAAM,YAAY,GAAG;YACnB,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB,CAAC;QACF,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE;YACnC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;YACtB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACnC;IACH,CAAC;IAEO,uBAAuB,CAAC,SAAoB;QAClD,sFAAsF;QACtF,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAEO,gBAAgB,CAAC,aAA4B;QACnD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,kEAAkE;IAC1D,mBAAmB;QACzB,IAAI,CAAC,gBAAgB,CACnB,IAAI,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CACxD,CAAC;IACJ,CAAC;IAEO,0BAA0B;QAChC,IACE,CAAC,IAAI,CAAC,aAAa;YACnB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,oBAAoB,EACzB;YACA,8EAA8E;YAC9E,gFAAgF;YAChF,+BAA+B;YAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC1C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC;SAChD;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,eAAe,CAAC,IAAe;QACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,4CAA4C;QAC5C,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC;QACrD,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,4EAA4E;IAC5E,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,OAAO;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IACxB,CAAC;IAED,qFAAqF;IACrF,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI;YAChC,CAAC,CAAC,IAAI,CAAC,oBAAoB;YAC3B,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IACzB,CAAC;IAED,+EAA+E;IAC/E,IAAY,sBAAsB;QAChC,OAAO,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC;IAC/D,CAAC;IAED;;;;;;;;;OASG;IACH,IAAY,kBAAkB;QAC5B,MAAM,cAAc,GAAgB;YAClC,SAAS,CAAC,aAAa;YACvB,SAAS,CAAC,YAAY;YACtB,SAAS,CAAC,IAAI;YACd,SAAS,CAAC,YAAY;YACtB,SAAS,CAAC,SAAS;SACpB,CAAC;QACF,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED;;;;;;;;;OASG;IACH,IAAY,kBAAkB;QAC5B,MAAM,cAAc,GAAgB;YAClC,SAAS,CAAC,WAAW;YACrB,SAAS,CAAC,UAAU;SACrB,CAAC;QACF,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED;;;OAGG;IACH,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3E,CAAC;IAED;;;;;;;OAOG;IACH,IAAY,mBAAmB;QAC7B,OAAO,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED;;;;;;;OAOG;IACH,IAAY,mBAAmB;QAC7B,OAAO,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED,IAAY,gBAAgB;;QAC1B,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,mBAAmB;sBAC1B,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK;;uBAE/B,IAAI,CAAC,kBAAkB;kBAC5B,CAAC;IACjB,CAAC;IAED,IAAY,kBAAkB;;QAC5B,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,qBAAqB;sBAC5B,MAAA,IAAI,CAAC,oBAAoB,0CAAE,OAAO;;uBAEjC,IAAI,CAAC,oBAAoB;kBAC9B,CAAC;IACjB,CAAC;IAEO,kBAAkB,CACxB,CAAsD;;QAEtD,IAAI,CAAC,mBAAmB,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,cAAc,mCAAI,IAAI,CAAC;QAC3D,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAEO,oBAAoB,CAC1B,CAAsD;;QAEtD,IAAI,CAAC,qBAAqB,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,cAAc,mCAAI,IAAI,CAAC;QAC7D,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAEO,2BAA2B;QACjC,MAAM,KAAK,GAAG,IAAI,WAAW,CAC3B,oBAAoB,EACpB;YACE,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE;SACrD,CACF,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,6BAA6B;QACnC,MAAM,KAAK,GAAG,IAAI,WAAW,CAC3B,sBAAsB,EACtB;YACE,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAAE;SACvD,CACF,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,kBAAkB;QACxB,MAAM,KAAK,GAAG,IAAI,WAAW,CAE1B,oBAAoB,EAAE;YACvB,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAC1C,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,aAAa,EAAE;YAChB,MAAM,EAAE;gBACN,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,aAAa,EAAE,IAAI,CAAC,aAAa;aAClC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAsOF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAvnC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAqC;AAGpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAAmD;AAGlD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAGH;AAGI;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAA4C;AAG3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA6C;AAG5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA2C;AAG1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA6C;AAG3C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAA+B;AAG9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAoC;AAGpB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACnC;AAIR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACL;AAGV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAGzB;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAgD;AAKlE;IAAR,KAAK,EAAE;2DAAqD;AAKpD;IAAR,KAAK,EAAE;2DAA0D;AAMzD;IAAR,KAAK,EAAE;2DAAmD;AAMlD;IAAR,KAAK,EAAE;8DAAiC;AAMhC;IAAR,KAAK,EAAE;gEAA+B;AAM9B;IAAR,KAAK,EAAE;gEAA+B;AAOvC;IADC,KAAK,CAAC,yBAAyB,CAAC;2DACe;AAOhD;IADC,KAAK,CAAC,0BAA0B,CAAC;4DACa;AAI/C;IADC,KAAK,CAAC,iBAAiB,CAAC;oDACU;AAInC;IADC,KAAK,CAAC,gBAAgB,CAAC;mDACU;AAIlC;IADC,KAAK,CAAC,kBAAkB,CAAC;qDACU;AA5GzB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA4nCzB;SA5nCY,aAAa","sourcesContent":["import {\n LitElement,\n html,\n css,\n nothing,\n PropertyValues,\n TemplateResult,\n} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport type {\n SharedResizeObserverInterface,\n SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport '@internetarchive/ia-dropdown';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { SortDirection } from '@internetarchive/search-service';\nimport {\n CollectionDisplayMode,\n PrefixFilterCounts,\n PrefixFilterType,\n SORT_OPTIONS,\n SortField,\n} from '../models';\nimport './alpha-bar';\n\nimport { sortUpIcon } from './img/sort-toggle-up';\nimport { sortDownIcon } from './img/sort-toggle-down';\nimport { sortDisabledIcon } from './img/sort-toggle-disabled';\nimport { tileIcon } from './img/tile';\nimport { listIcon } from './img/list';\nimport { compactIcon } from './img/compact';\nimport { srOnlyStyle } from '../styles/sr-only';\n\ntype AlphaSelector = 'creator' | 'title';\n\n@customElement('sort-filter-bar')\nexport class SortFilterBar\n extends LitElement\n implements SharedResizeObserverResizeHandlerInterface\n{\n /** Which display mode the tiles are being rendered with (grid/list-detail/list-compact) */\n @property({ type: String }) displayMode?: CollectionDisplayMode;\n\n /** The default sort direction to use if none is set */\n @property({ type: String }) defaultSortDirection: SortDirection | null = null;\n\n /** The default sort field to use if none is set */\n @property({ type: String }) defaultSortField: Exclude<\n SortField,\n SortField.default\n > = SortField.relevance;\n\n /** The current sort direction (asc/desc), or null if none is set */\n @property({ type: String }) sortDirection: SortDirection | null = null;\n\n /** The field currently being sorted on (e.g., 'title'). Defaults to relevance. */\n @property({ type: String }) selectedSort: SortField = SortField.default;\n\n /** The currently selected title letter filter, or null if none is set */\n @property({ type: String }) selectedTitleFilter: string | null = null;\n\n /** The currently selected creator letter filter, or null if none is set */\n @property({ type: String }) selectedCreatorFilter: string | null = null;\n\n /** Whether to show the Relevance sort option (default `true`) */\n @property({ type: Boolean }) showRelevance: boolean = true;\n\n /** Whether to show the Date Favorited sort option instead of Date Published/Archived/Reviewed (default `false`) */\n @property({ type: Boolean }) showDateFavorited: boolean = false;\n\n /** Whether to replace the default sort options with a slot for customization (default `false`) */\n @property({ type: Boolean, reflect: true }) enableSortOptionsSlot: boolean =\n false;\n\n /** Whether to suppress showing the three display mode options on the right of the bar (default `false`) */\n @property({ type: Boolean, reflect: true })\n suppressDisplayModes: boolean = false;\n\n /** Maps of result counts for letters on the alphabet bar, for each letter filter type */\n @property({ type: Object }) prefixFilterCountMap?: Record<\n PrefixFilterType,\n PrefixFilterCounts\n >;\n\n @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n /**\n * The Views sort option that was most recently selected (or the default, if none has been selected yet)\n */\n @state() private lastSelectedViewSort = SortField.weeklyview;\n\n /**\n * The Date sort option that was most recently selected (or the default, if none has been selected yet)\n */\n @state() private lastSelectedDateSort = this.defaultDateSortField;\n\n /**\n * Which of the alphabet bars (title/creator) should be shown, or null if one\n * should not currently be rendered.\n */\n @state() alphaSelectorVisible: AlphaSelector | null = null;\n\n /**\n * Whether the transparent backdrop to catch clicks outside the dropdown menu\n * should be rendered.\n */\n @state() dropdownBackdropVisible = false;\n\n /**\n * The width of the desktop view sort option container, updated upon each resize.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @state() desktopSortContainerWidth = 0;\n\n /**\n * The width of the full sort bar, updated upon each resize.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @state() selectorBarContainerWidth = 0;\n\n /**\n * The container for all the desktop view's sort options.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @query('#desktop-sort-container')\n private desktopSortContainer!: HTMLUListElement;\n\n /**\n * The container for the full sort bar.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @query('#sort-selector-container')\n private sortSelectorContainer!: HTMLDivElement;\n\n /** The dropdown component containing options for weekly and all-time views */\n @query('#views-dropdown')\n private viewsDropdown!: IaDropdown;\n\n /** The dropdown component containing the four date options */\n @query('#date-dropdown')\n private dateDropdown!: IaDropdown;\n\n /** The single, consolidated dropdown component shown in mobile view */\n @query('#mobile-dropdown')\n private mobileDropdown!: IaDropdown;\n\n render() {\n return html`\n <div id=\"container\">\n <section id=\"sort-bar\" aria-label=\"Sorting options\">\n <slot name=\"sort-options-left\"></slot>\n <div id=\"sort-options\">\n ${!this.enableSortOptionsSlot\n ? html`\n <div class=\"sort-direction-container\">\n ${this.sortDirectionSelectorTemplate}\n </div>\n <span class=\"sort-by-text\">${msg('Sort by:')}</span>\n <div id=\"sort-selector-container\">\n ${this.mobileSortSelectorTemplate}\n ${this.desktopSortSelectorTemplate}\n </div>\n `\n : html`<slot name=\"sort-options\"></slot>`}\n </div>\n <slot name=\"sort-options-right\"></slot>\n\n ${this.suppressDisplayModes\n ? nothing\n : html`<div id=\"display-style-selector\">\n ${this.displayOptionTemplate}\n </div>`}\n </section>\n\n ${this.dropdownBackdropVisible ? this.dropdownBackdrop : nothing}\n ${this.alphaBarTemplate}\n </div>\n `;\n }\n\n willUpdate(changed: PropertyValues) {\n if (changed.has('selectedSort') || changed.has('defaultSortField')) {\n // If the sort is changed from its default without a direction set,\n // we adopt the default sort direction for that sort type.\n if (\n this.selectedSort &&\n this.selectedSort !== SortField.default &&\n this.sortDirection === null\n ) {\n const sortOption = SORT_OPTIONS[this.finalizedSortField];\n this.sortDirection = sortOption.defaultSortDirection;\n }\n\n if (this.viewOptionSelected) {\n this.lastSelectedViewSort = this.finalizedSortField;\n } else if (this.dateOptionSelected) {\n this.lastSelectedDateSort = this.finalizedSortField;\n }\n }\n\n // If we change which dropdown options are available, ensure the correct default becomes selected.\n // Currently, Date Favorited is the only dropdown option whose presence/absence can change.\n if (\n changed.has('showDateFavorited') &&\n changed.get('showDateFavorited') !== this.showDateFavorited\n ) {\n this.lastSelectedDateSort = this.defaultDateSortField;\n }\n }\n\n updated(changed: PropertyValues) {\n if (changed.has('displayMode')) {\n this.displayModeChanged();\n }\n\n if (changed.has('selectedTitleFilter') && this.selectedTitleFilter) {\n this.alphaSelectorVisible = 'title';\n }\n\n if (changed.has('selectedCreatorFilter') && this.selectedCreatorFilter) {\n this.alphaSelectorVisible = 'creator';\n }\n\n if (changed.has('dropdownBackdropVisible')) {\n this.setupEscapeListeners();\n }\n\n if (changed.has('resizeObserver') || changed.has('enableSortOptionsSlot')) {\n const oldObserver = changed.get(\n 'resizeObserver'\n ) as SharedResizeObserverInterface;\n if (oldObserver) this.disconnectResizeObserver(oldObserver);\n this.setupResizeObserver();\n }\n }\n\n private setupEscapeListeners() {\n if (this.dropdownBackdropVisible) {\n document.addEventListener(\n 'keydown',\n this.boundSortBarSelectorEscapeListener\n );\n } else {\n document.removeEventListener(\n 'keydown',\n this.boundSortBarSelectorEscapeListener\n );\n }\n }\n\n private boundSortBarSelectorEscapeListener = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n this.closeDropdowns();\n }\n };\n\n connectedCallback(): void {\n super.connectedCallback?.();\n this.setupResizeObserver();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver) {\n this.disconnectResizeObserver(this.resizeObserver);\n }\n }\n\n private disconnectResizeObserver(\n resizeObserver: SharedResizeObserverInterface\n ) {\n if (this.sortSelectorContainer) {\n resizeObserver.removeObserver({\n target: this.sortSelectorContainer,\n handler: this,\n });\n }\n\n if (this.desktopSortContainer) {\n resizeObserver.removeObserver({\n target: this.desktopSortContainer,\n handler: this,\n });\n }\n }\n\n private setupResizeObserver() {\n if (!this.resizeObserver) return;\n\n if (this.sortSelectorContainer) {\n this.resizeObserver.addObserver({\n target: this.sortSelectorContainer,\n handler: this,\n });\n }\n\n if (this.desktopSortContainer) {\n this.resizeObserver.addObserver({\n target: this.desktopSortContainer,\n handler: this,\n });\n }\n }\n\n handleResize(entry: ResizeObserverEntry): void {\n if (entry.target === this.desktopSortContainer) {\n this.desktopSortContainerWidth = entry.contentRect.width;\n } else if (entry.target === this.sortSelectorContainer) {\n this.selectorBarContainerWidth = entry.contentRect.width;\n }\n }\n\n /**\n * Whether to show the mobile sort bar because there is not enough space\n * for the desktop sort bar.\n */\n private get mobileSelectorVisible() {\n return this.selectorBarContainerWidth - 10 < this.desktopSortContainerWidth;\n }\n\n /**\n * Template to render the alphabet bar, or `nothing` if it should not be rendered\n * for the current sort\n */\n private get alphaBarTemplate(): TemplateResult | typeof nothing {\n if (!['title', 'creator'].includes(this.selectedSort)) return nothing;\n\n if (this.alphaSelectorVisible === null) {\n if (this.selectedSort === 'creator') return this.creatorSelectorBar;\n if (this.selectedSort === 'title') return this.titleSelectorBar;\n } else {\n return this.alphaSelectorVisible === 'creator'\n ? this.creatorSelectorBar\n : this.titleSelectorBar;\n }\n\n return nothing;\n }\n\n /** Template to render the sort direction toggle button */\n private get sortDirectionSelectorTemplate(): TemplateResult {\n const oppositeSortDirectionReadable =\n this.sortDirection === 'asc' ? 'descending' : 'ascending';\n const srLabel = `Change to ${oppositeSortDirectionReadable} sort`;\n\n return html`\n <button\n class=\"sort-direction-selector\"\n ?disabled=${!this.canChangeSortDirection}\n @click=${this.handleSortDirectionClicked}\n >\n <span class=\"sr-only\">${srLabel}</span>\n ${this.sortDirectionIcon}\n </button>\n `;\n }\n\n /** Template to render the sort direction button's icon in the correct current state */\n private get sortDirectionIcon(): TemplateResult {\n // Show a fully disabled icon for sort options without direction support\n if (!this.canChangeSortDirection) {\n return html`<div class=\"sort-direction-icon\">${sortDisabledIcon}</div>`;\n }\n\n // For all other sorts, show the ascending/descending direction\n return html`\n <div class=\"sort-direction-icon\">\n ${this.finalizedSortDirection === 'asc' ? sortUpIcon : sortDownIcon}\n </div>\n `;\n }\n\n /** The template to render all the sort options in desktop view */\n private get desktopSortSelectorTemplate() {\n return html`\n <div\n id=\"desktop-sort-container\"\n class=${this.mobileSelectorVisible ? 'hidden' : 'visible'}\n >\n <ul id=\"desktop-sort-selector\">\n ${this.showRelevance\n ? html`<li>\n ${this.getSortDisplayOption(SortField.relevance, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.relevance) {\n this.clearAlphaBarFilters();\n this.setSelectedSort(SortField.relevance);\n }\n },\n })}\n </li>`\n : nothing}\n <li>${this.viewsDropdownTemplate}</li>\n <li>\n ${this.getSortDisplayOption(SortField.title, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.title) {\n this.alphaSelectorVisible = 'title';\n this.selectedCreatorFilter = null;\n this.setSelectedSort(SortField.title);\n this.emitCreatorLetterChangedEvent();\n }\n },\n })}\n </li>\n <li>${this.dateDropdownTemplate}</li>\n <li>\n ${this.getSortDisplayOption(SortField.creator, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.creator) {\n this.alphaSelectorVisible = 'creator';\n this.selectedTitleFilter = null;\n this.setSelectedSort(SortField.creator);\n this.emitTitleLetterChangedEvent();\n }\n },\n })}\n </li>\n </ul>\n </div>\n `;\n }\n\n /** The template to render all the sort options in mobile view */\n private get mobileSortSelectorTemplate() {\n const displayedOptions = Object.values(SORT_OPTIONS)\n .filter(opt => opt.shownInSortBar)\n .filter(opt => this.showRelevance || opt.field !== SortField.relevance)\n .filter(\n opt => this.showDateFavorited || opt.field !== SortField.datefavorited\n );\n\n return html`\n <div\n id=\"mobile-sort-container\"\n class=${this.mobileSelectorVisible ? 'visible' : 'hidden'}\n >\n ${this.getSortDropdown({\n displayName: html`${SORT_OPTIONS[this.finalizedSortField]\n .displayName}`,\n id: 'mobile-dropdown',\n selected: true,\n dropdownOptions: displayedOptions.map(opt =>\n this.getDropdownOption(opt.field)\n ),\n selectedOption: this.finalizedSortField,\n onOptionSelected: this.mobileSortChanged,\n onDropdownClick: () => {\n this.dropdownBackdropVisible = this.mobileDropdown.open;\n this.mobileDropdown.classList.toggle(\n 'open',\n this.mobileDropdown.open\n );\n },\n })}\n </div>\n `;\n }\n\n /**\n * This generates each of the non-dropdown sort option links.\n *\n * It manages the display value and the selected state of the option.\n *\n * @param sortField\n * @param options {\n * onClick?: (e: Event) => void; If this is provided, it will also be called when the option is clicked.\n * displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.\n * selected?: boolean; true if the option is selected. Defaults to the selectedSort === sortField.\n * }\n * @returns\n */\n private getSortDisplayOption(\n sortField: SortField,\n options?: {\n displayName?: TemplateResult;\n selected?: boolean;\n onClick?: (e: Event) => void;\n }\n ): TemplateResult {\n const isSelected =\n options?.selected ?? this.finalizedSortField === sortField;\n const displayName =\n options?.displayName ?? SORT_OPTIONS[sortField].displayName;\n return html`\n <button\n class=${isSelected ? 'selected' : nothing}\n data-title=\"${displayName}\"\n @click=${(e: Event) => {\n e.preventDefault();\n options?.onClick?.(e);\n }}\n >\n ${displayName}\n </button>\n `;\n }\n\n /**\n * Generates a dropdown component containing multiple grouped sort options.\n *\n * @param options.displayName The name to use for the dropdown's visible label\n * @param options.id The id to apply to the dropdown element\n * @param options.dropdownOptions An array of option objects used to populate the dropdown\n * @param options.selectedOption The id of the option that should be initially selected\n * @param options.selected A boolean indicating whether this dropdown should use its\n * selected appearance\n * @param options.onOptionSelected A handler for optionSelected events coming from the dropdown\n * @param options.onDropdownClick A handler for click events on the dropdown\n * @param options.onLabelInteraction A handler for click events and Enter/Space keydown events\n * on the dropdown's label\n */\n private getSortDropdown(options: {\n displayName: TemplateResult;\n id?: string;\n dropdownOptions: optionInterface[];\n selectedOption?: string;\n selected: boolean;\n onOptionSelected?: (e: CustomEvent<{ option: optionInterface }>) => void;\n onDropdownClick?: (e: PointerEvent) => void;\n onLabelInteraction?: (e: Event) => void;\n }): TemplateResult {\n return html`\n <ia-dropdown\n id=${options.id ?? nothing}\n class=${options.selected ? 'selected' : nothing}\n displayCaret\n closeOnSelect\n includeSelectedOption\n .openViaButton=${options.selected}\n .options=${options.dropdownOptions}\n .selectedOption=${options.selectedOption ?? ''}\n @optionSelected=${options.onOptionSelected ?? nothing}\n @click=${options.onDropdownClick ?? nothing}\n >\n <span\n class=\"dropdown-label\"\n slot=\"dropdown-label\"\n data-title=\"${options.displayName.values}\"\n @click=${options.onLabelInteraction ?? nothing}\n @keydown=${options.onLabelInteraction\n ? (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n options.onLabelInteraction?.(e);\n }\n }\n : nothing}\n >\n ${options.displayName}\n </span>\n </ia-dropdown>\n `;\n }\n\n /** Generates a single dropdown option object for the given sort field */\n private getDropdownOption(sortField: SortField): optionInterface {\n return {\n id: sortField,\n selectedHandler: () => {\n this.selectDropdownSortField(sortField);\n },\n label: html`\n <span class=\"dropdown-option-label\">\n ${SORT_OPTIONS[sortField].displayName}\n </span>\n `,\n };\n }\n\n /** Handler for when any sort dropdown option is selected */\n private dropdownOptionSelected(e: CustomEvent<{ option: optionInterface }>) {\n this.dropdownBackdropVisible = false;\n this.clearAlphaBarFilters();\n\n const sortField = e.detail.option.id as SortField;\n this.setSelectedSort(sortField);\n if (this.viewOptionSelected) {\n this.lastSelectedViewSort = sortField;\n } else if (this.dateOptionSelected) {\n this.lastSelectedDateSort = sortField;\n }\n }\n\n /** The template to render for the views dropdown */\n private get viewsDropdownTemplate(): TemplateResult {\n return this.getSortDropdown({\n displayName: html`${this.viewSortDisplayName}`,\n id: 'views-dropdown',\n selected: this.viewOptionSelected,\n dropdownOptions: [\n this.getDropdownOption(SortField.weeklyview),\n this.getDropdownOption(SortField.alltimeview),\n ],\n selectedOption: this.viewOptionSelected ? this.finalizedSortField : '',\n onOptionSelected: this.dropdownOptionSelected,\n onDropdownClick: () => {\n this.dateDropdown.open = false;\n this.dropdownBackdropVisible = this.viewsDropdown.open;\n this.viewsDropdown.classList.toggle('open', this.viewsDropdown.open);\n },\n onLabelInteraction: (e: Event) => {\n if (!this.viewsDropdown.open && !this.viewOptionSelected) {\n e.stopPropagation();\n this.clearAlphaBarFilters();\n this.setSelectedSort(this.lastSelectedViewSort);\n }\n },\n });\n }\n\n /** The template to render for the date dropdown */\n private get dateDropdownTemplate(): TemplateResult {\n return this.getSortDropdown({\n displayName: html`${this.dateSortDisplayName}`,\n id: 'date-dropdown',\n selected: this.dateOptionSelected,\n dropdownOptions: [\n ...(this.showDateFavorited\n ? [this.getDropdownOption(SortField.datefavorited)]\n : []),\n this.getDropdownOption(SortField.date),\n this.getDropdownOption(SortField.datearchived),\n this.getDropdownOption(SortField.datereviewed),\n this.getDropdownOption(SortField.dateadded),\n ],\n selectedOption: this.dateOptionSelected ? this.finalizedSortField : '',\n onOptionSelected: this.dropdownOptionSelected,\n onDropdownClick: () => {\n this.viewsDropdown.open = false;\n this.dropdownBackdropVisible = this.dateDropdown.open;\n this.dateDropdown.classList.toggle('open', this.dateDropdown.open);\n },\n onLabelInteraction: (e: Event) => {\n if (!this.dateDropdown.open && !this.dateOptionSelected) {\n e.stopPropagation();\n this.clearAlphaBarFilters();\n this.setSelectedSort(this.lastSelectedDateSort);\n }\n },\n });\n }\n\n /** Handler for when a new mobile sort dropdown option is selected */\n private mobileSortChanged(e: CustomEvent<{ option: optionInterface }>) {\n this.dropdownBackdropVisible = false;\n\n const sortField = e.detail.option.id as SortField;\n this.setSelectedSort(sortField);\n\n this.alphaSelectorVisible = null;\n if (sortField !== 'title' && this.selectedTitleFilter) {\n this.selectedTitleFilter = null;\n this.emitTitleLetterChangedEvent();\n }\n if (sortField !== 'creator' && this.selectedCreatorFilter) {\n this.selectedCreatorFilter = null;\n this.emitCreatorLetterChangedEvent();\n }\n }\n\n /** Template for rendering the three display mode options */\n private get displayOptionTemplate() {\n return html`\n <ul>\n <li>\n <button\n id=\"grid-button\"\n @click=${() => {\n this.displayMode = 'grid';\n }}\n class=${this.displayMode === 'grid' ? 'active' : ''}\n title=\"Tile view\"\n >\n ${tileIcon}\n </button>\n </li>\n <li>\n <button\n id=\"list-detail-button\"\n @click=${() => {\n this.displayMode = 'list-detail';\n }}\n class=${this.displayMode === 'list-detail' ? 'active' : ''}\n title=\"List view\"\n >\n ${listIcon}\n </button>\n </li>\n <li>\n <button\n id=\"list-compact-button\"\n @click=${() => {\n this.displayMode = 'list-compact';\n }}\n class=${this.displayMode === 'list-compact' ? 'active' : ''}\n title=\"Compact list view\"\n >\n ${compactIcon}\n </button>\n </li>\n </ul>\n `;\n }\n\n /**\n * Template for rendering the transparent backdrop to capture clicks outside the\n * dropdown menu while it is open.\n */\n private get dropdownBackdrop() {\n return html`\n <div\n id=\"sort-selector-backdrop\"\n @keyup=${this.closeDropdowns}\n @click=${this.closeDropdowns}\n ></div>\n `;\n }\n\n /** Closes all of the sorting dropdown components' menus */\n private closeDropdowns() {\n this.dropdownBackdropVisible = false;\n const allDropdowns = [\n this.viewsDropdown,\n this.dateDropdown,\n this.mobileDropdown,\n ];\n for (const dropdown of allDropdowns) {\n dropdown.open = false;\n dropdown.classList.remove('open');\n }\n }\n\n private selectDropdownSortField(sortField: SortField) {\n // When a dropdown sort option is selected, we additionally need to clear the backdrop\n this.dropdownBackdropVisible = false;\n this.setSelectedSort(sortField);\n }\n\n private clearAlphaBarFilters() {\n this.alphaSelectorVisible = null;\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = null;\n this.emitTitleLetterChangedEvent();\n this.emitCreatorLetterChangedEvent();\n }\n\n private setSortDirection(sortDirection: SortDirection) {\n this.sortDirection = sortDirection;\n this.emitSortChangedEvent();\n }\n\n /** Toggles the current sort direction between 'asc' and 'desc' */\n private toggleSortDirection() {\n this.setSortDirection(\n this.finalizedSortDirection === 'desc' ? 'asc' : 'desc'\n );\n }\n\n private handleSortDirectionClicked(): void {\n if (\n !this.sortDirection &&\n this.defaultSortField &&\n this.defaultSortDirection\n ) {\n // When the sort direction is merely defaulted (not set by the user), clicking\n // the toggled button should \"promote\" the default sort to an explicitly-set one\n // and then toggle it as usual.\n this.selectedSort = this.defaultSortField;\n this.sortDirection = this.defaultSortDirection;\n }\n\n this.toggleSortDirection();\n }\n\n private setSelectedSort(sort: SortField) {\n this.selectedSort = sort;\n // Apply this field's default sort direction\n const sortOption = SORT_OPTIONS[sort];\n this.sortDirection = sortOption.defaultSortDirection;\n this.emitSortChangedEvent();\n }\n\n /** The current sort field, or the default one if no explicit sort is set */\n private get finalizedSortField(): SortField {\n return this.selectedSort === SortField.default\n ? this.defaultSortField\n : this.selectedSort;\n }\n\n /** The current sort direction, or the default one if no explicit direction is set */\n private get finalizedSortDirection(): SortDirection | null {\n return this.sortDirection === null\n ? this.defaultSortDirection\n : this.sortDirection;\n }\n\n /** Whether the sort direction button should be enabled for the current sort */\n private get canChangeSortDirection(): boolean {\n return SORT_OPTIONS[this.finalizedSortField].canSetDirection;\n }\n\n /**\n * There are four date sort options.\n *\n * This checks to see if the current sort is one of them.\n *\n * @readonly\n * @private\n * @type {boolean}\n * @memberof SortFilterBar\n */\n private get dateOptionSelected(): boolean {\n const dateSortFields: SortField[] = [\n SortField.datefavorited,\n SortField.datearchived,\n SortField.date,\n SortField.datereviewed,\n SortField.dateadded,\n ];\n return dateSortFields.includes(this.finalizedSortField);\n }\n\n /**\n * There are two view sort options.\n *\n * This checks to see if the current sort is one of them.\n *\n * @readonly\n * @private\n * @type {boolean}\n * @memberof SortFilterBar\n */\n private get viewOptionSelected(): boolean {\n const viewSortFields: SortField[] = [\n SortField.alltimeview,\n SortField.weeklyview,\n ];\n return viewSortFields.includes(this.finalizedSortField);\n }\n\n /**\n * The default field for the date sort dropdown.\n * This is Date Favorited when that option is available, or Date Published otherwise.\n */\n private get defaultDateSortField(): SortField {\n return this.showDateFavorited ? SortField.datefavorited : SortField.date;\n }\n\n /**\n * The display name of the last selected date field\n *\n * @readonly\n * @private\n * @type {string}\n * @memberof SortFilterBar\n */\n private get dateSortDisplayName(): string {\n return SORT_OPTIONS[this.lastSelectedDateSort].displayName;\n }\n\n /**\n * The display name of the last selected view field\n *\n * @readonly\n * @private\n * @type {string}\n * @memberof SortFilterBar\n */\n private get viewSortDisplayName(): string {\n return SORT_OPTIONS[this.lastSelectedViewSort].displayName;\n }\n\n private get titleSelectorBar() {\n return html` <alpha-bar\n .selectedLetter=${this.selectedTitleFilter}\n .letterCounts=${this.prefixFilterCountMap?.title}\n ariaLandmarkLabel=\"Filter by title letter\"\n @letterChanged=${this.titleLetterChanged}\n ></alpha-bar>`;\n }\n\n private get creatorSelectorBar() {\n return html` <alpha-bar\n .selectedLetter=${this.selectedCreatorFilter}\n .letterCounts=${this.prefixFilterCountMap?.creator}\n ariaLandmarkLabel=\"Filter by creator letter\"\n @letterChanged=${this.creatorLetterChanged}\n ></alpha-bar>`;\n }\n\n private titleLetterChanged(\n e: CustomEvent<{ selectedLetter: string | undefined }>\n ) {\n this.selectedTitleFilter = e.detail.selectedLetter ?? null;\n this.emitTitleLetterChangedEvent();\n }\n\n private creatorLetterChanged(\n e: CustomEvent<{ selectedLetter: string | undefined }>\n ) {\n this.selectedCreatorFilter = e.detail.selectedLetter ?? null;\n this.emitCreatorLetterChangedEvent();\n }\n\n private emitTitleLetterChangedEvent() {\n const event = new CustomEvent<{ selectedLetter: string | null }>(\n 'titleLetterChanged',\n {\n detail: { selectedLetter: this.selectedTitleFilter },\n }\n );\n this.dispatchEvent(event);\n }\n\n private emitCreatorLetterChangedEvent() {\n const event = new CustomEvent<{ selectedLetter: string | null }>(\n 'creatorLetterChanged',\n {\n detail: { selectedLetter: this.selectedCreatorFilter },\n }\n );\n this.dispatchEvent(event);\n }\n\n private displayModeChanged() {\n const event = new CustomEvent<{\n displayMode?: CollectionDisplayMode;\n }>('displayModeChanged', {\n detail: { displayMode: this.displayMode },\n });\n this.dispatchEvent(event);\n }\n\n private emitSortChangedEvent() {\n const event = new CustomEvent<{\n selectedSort: SortField;\n sortDirection: SortDirection | null;\n }>('sortChanged', {\n detail: {\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection,\n },\n });\n this.dispatchEvent(event);\n }\n\n static get styles() {\n return [\n srOnlyStyle,\n css`\n #container {\n position: relative;\n }\n\n #sort-bar {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-bottom: 1px solid #2c2c2c;\n font-size: 1.4rem;\n }\n\n #sort-options {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n\n ul {\n list-style: none;\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n }\n\n li {\n padding: 0;\n }\n\n .sort-by-text {\n margin-right: 5px;\n font-weight: bold;\n white-space: nowrap;\n }\n\n .sort-direction-container {\n display: flex;\n align-self: stretch;\n flex: 0;\n margin: 0 5px;\n }\n\n .sort-direction-selector {\n padding: 0;\n border: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n }\n\n .sort-direction-selector:disabled {\n cursor: default;\n }\n\n .sort-direction-icon {\n display: flex;\n align-items: center;\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n outline: inherit;\n width: 14px;\n height: 14px;\n }\n\n .sort-direction-icon > svg {\n flex: 1;\n }\n\n #date-sort-selector,\n #view-sort-selector {\n position: absolute;\n left: 150px;\n top: 45px;\n\n z-index: 1;\n padding: 1rem;\n background-color: white;\n border-radius: 2.5rem;\n border: 1px solid #404142;\n }\n\n #sort-selector-container {\n flex: 1;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n #desktop-sort-container,\n #mobile-sort-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n /*\n we move the desktop sort selector offscreen instead of display: none\n because we need to observe the width of it vs its container to determine\n if it's wide enough to display the desktop version and if you display: none,\n the width becomes 0\n */\n #desktop-sort-container.hidden {\n position: absolute;\n top: -9999px;\n left: -9999px;\n visibility: hidden;\n }\n\n #mobile-sort-container.hidden {\n display: none;\n }\n\n #sort-selector-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1;\n background-color: transparent;\n }\n\n #desktop-sort-selector {\n display: inline-flex;\n }\n\n #desktop-sort-selector li {\n display: flex;\n align-items: center;\n padding-left: 5px;\n padding-right: 5px;\n }\n\n #desktop-sort-selector li a {\n padding: 0 5px;\n text-decoration: none;\n color: #333;\n line-height: 2;\n }\n\n #desktop-sort-selector li button {\n padding: 0px 5px;\n border: none;\n background: none;\n font-family: inherit;\n font-size: inherit;\n color: #333;\n line-height: 2;\n cursor: pointer;\n appearance: none;\n }\n\n #desktop-sort-selector li button.selected {\n font-weight: bold;\n }\n\n /**\n * Fix to not shift the sort-bar options when get selected\n */\n #desktop-sort-selector li button::before,\n #desktop-sort-selector .dropdown-label::before {\n display: block;\n content: attr(data-title);\n font-weight: bold;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n #display-style-selector {\n flex: 0;\n }\n\n #display-style-selector button {\n background: none;\n color: inherit;\n border: none;\n appearance: none;\n cursor: pointer;\n -webkit-appearance: none;\n fill: #bbbbbb;\n }\n\n #display-style-selector button.active {\n fill: var(--ia-theme-primary-text-color, #2c2c2c);\n }\n\n #display-style-selector button svg {\n width: 24px;\n height: 24px;\n }\n\n ia-dropdown {\n --dropdownTextColor: white;\n --dropdownOffsetTop: 0;\n --dropdownBorderTopWidth: 0;\n --dropdownBorderTopLeftRadius: 0;\n --dropdownBorderTopRightRadius: 0;\n --dropdownWhiteSpace: nowrap;\n --dropdownListZIndex: 2;\n --dropdownCaretColor: var(--ia-theme-primary-text-color, #2c2c2c);\n --dropdownSelectedTextColor: white;\n --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);\n --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);\n --caretHeight: 9px;\n --caretWidth: 12px;\n --caretPadding: 0 5px 0 0;\n }\n ia-dropdown.selected .dropdown-label {\n font-weight: bold;\n }\n ia-dropdown.open {\n z-index: 2;\n }\n\n .dropdown-label {\n display: inline-block;\n height: 100%;\n padding-left: 5px;\n font-size: 1.4rem;\n font-family: var(--ia-theme-base-font-family);\n line-height: 2;\n color: var(--ia-theme-primary-text-color, #2c2c2c);\n white-space: nowrap;\n user-select: none;\n }\n `,\n ];\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"sort-filter-bar.js","sourceRoot":"","sources":["../../../src/sort-filter-bar/sort-filter-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,GAAG,EACH,OAAO,GAGR,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAKpC,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EAIL,YAAY,EACZ,SAAS,GACV,MAAM,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,IAAa,aAAa,GAA1B,MAAa,aACX,SAAQ,UAAU;IADpB;;QAOE,uDAAuD;QAC3B,yBAAoB,GAAyB,IAAI,CAAC;QAE9E,mDAAmD;QACvB,qBAAgB,GAGxC,SAAS,CAAC,SAAS,CAAC;QAExB,oEAAoE;QACxC,kBAAa,GAAyB,IAAI,CAAC;QAEvE,kFAAkF;QACtD,iBAAY,GAAc,SAAS,CAAC,OAAO,CAAC;QAExE,yEAAyE;QAC7C,wBAAmB,GAAkB,IAAI,CAAC;QAEtE,2EAA2E;QAC/C,0BAAqB,GAAkB,IAAI,CAAC;QAExE,iEAAiE;QACpC,kBAAa,GAAY,IAAI,CAAC;QAE3D,mHAAmH;QACtF,sBAAiB,GAAY,KAAK,CAAC;QAEhE,kGAAkG;QACtD,0BAAqB,GAC/D,KAAK,CAAC;QAER,2GAA2G;QAE3G,yBAAoB,GAAY,KAAK,CAAC;QAUtC;;WAEG;QACc,yBAAoB,GAAG,SAAS,CAAC,UAAU,CAAC;QAE7D;;WAEG;QACc,yBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAElE;;;WAGG;QACM,yBAAoB,GAAyB,IAAI,CAAC;QAE3D;;;WAGG;QACM,4BAAuB,GAAG,KAAK,CAAC;QAEzC;;;WAGG;QACM,8BAAyB,GAAG,CAAC,CAAC;QAEvC;;;WAGG;QACM,8BAAyB,GAAG,CAAC,CAAC;QAsI/B,uCAAkC,GAAG,CAAC,CAAgB,EAAE,EAAE;YAChE,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACtB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;QACH,CAAC,CAAC;IAk6BJ,CAAC;IAhhCC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;cAKD,CAAC,IAAI,CAAC,qBAAqB;YAC3B,CAAC,CAAC,IAAI,CAAA;;sBAEE,IAAI,CAAC,6BAA6B;;+CAET,GAAG,CAAC,UAAU,CAAC;;sBAExC,IAAI,CAAC,0BAA0B;sBAC/B,IAAI,CAAC,2BAA2B;;iBAErC;YACH,CAAC,CAAC,IAAI,CAAA,mCAAmC;;;;YAI3C,IAAI,CAAC,oBAAoB;YACzB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA;kBACA,IAAI,CAAC,qBAAqB;qBACvB;;;UAGX,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO;UAC9D,IAAI,CAAC,gBAAgB;;KAE1B,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAe,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtI,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE;YAClE,mEAAmE;YACnE,0DAA0D;YAC1D,IACE,IAAI,CAAC,YAAY;gBACjB,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,OAAO;gBACvC,IAAI,CAAC,aAAa,KAAK,IAAI,EAC3B;gBACA,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACzD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC;aACtD;YAED,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBAC3B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC;aACrD;iBAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBAClC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC;aACrD;SACF;QAED,kGAAkG;QAClG,2FAA2F;QAC3F,IACE,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;YAChC,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC,iBAAiB,EAC3D;YACA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;SACvD;IACH,CAAC;IAED,OAAO,CAAC,OAAuB;QAC7B,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAe,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClI,IAAI,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;YAC9B,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAClE,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC;SACrC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACtE,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE;YAC1C,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE;YACzE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAC7B,gBAAgB,CACgB,CAAC;YACnC,IAAI,WAAW;gBAAE,IAAI,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;YAC5D,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,QAAQ,CAAC,gBAAgB,CACvB,SAAS,EACT,IAAI,CAAC,kCAAkC,CACxC,CAAC;SACH;aAAM;YACL,QAAQ,CAAC,mBAAmB,CAC1B,SAAS,EACT,IAAI,CAAC,kCAAkC,CACxC,CAAC;SACH;IACH,CAAC;IAQD,iBAAiB;;QACf,MAAA,KAAK,CAAC,iBAAiB,oDAAI,CAAC;QAC5B,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SACpD;IACH,CAAC;IAEO,wBAAwB,CAC9B,cAA6C;QAE7C,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,cAAc,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,IAAI,CAAC,qBAAqB;gBAClC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,cAAc,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,IAAI,CAAC,oBAAoB;gBACjC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QAEjC,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;gBAC9B,MAAM,EAAE,IAAI,CAAC,qBAAqB;gBAClC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;gBAC9B,MAAM,EAAE,IAAI,CAAC,oBAAoB;gBACjC,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;SACJ;IACH,CAAC;IAED,YAAY,CAAC,KAA0B;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,oBAAoB,EAAE;YAC9C,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;SAC1D;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,qBAAqB,EAAE;YACtD,IAAI,CAAC,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;SAC1D;IACH,CAAC;IAED;;;OAGG;IACH,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAC,yBAAyB,GAAG,EAAE,GAAG,IAAI,CAAC,yBAAyB,CAAC;IAC9E,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,IAAI,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;YAAE,OAAO,OAAO,CAAC;QAEtE,IAAI,IAAI,CAAC,oBAAoB,KAAK,IAAI,EAAE;YACtC,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS;gBAAE,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACpE,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC,gBAAgB,CAAC;SACjE;aAAM;YACL,OAAO,IAAI,CAAC,oBAAoB,KAAK,SAAS;gBAC5C,CAAC,CAAC,IAAI,CAAC,kBAAkB;gBACzB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;SAC3B;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,0DAA0D;IAC1D,IAAY,6BAA6B;QACvC,MAAM,6BAA6B,GACjC,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5D,MAAM,OAAO,GAAG,aAAa,6BAA6B,OAAO,CAAC;QAElE,OAAO,IAAI,CAAA;;;oBAGK,CAAC,IAAI,CAAC,sBAAsB;iBAC/B,IAAI,CAAC,0BAA0B;;gCAEhB,OAAO;UAC7B,IAAI,CAAC,iBAAiB;;KAE3B,CAAC;IACJ,CAAC;IAED,uFAAuF;IACvF,IAAY,iBAAiB;QAC3B,wEAAwE;QACxE,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAChC,OAAO,IAAI,CAAA,oCAAoC,gBAAgB,QAAQ,CAAC;SACzE;QAED,+DAA+D;QAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,sBAAsB,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;;KAEtE,CAAC;IACJ,CAAC;IAED,kEAAkE;IAClE,IAAY,2BAA2B;QACrC,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;;;YAGrD,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAA;kBACA,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,SAAS,EAAE;gBAC/C,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;oBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,SAAS,EAAE;wBACnD,IAAI,CAAC,oBAAoB,EAAE,CAAC;wBAC5B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;qBAC3C;gBACH,CAAC;aACF,CAAC;oBACE;YACR,CAAC,CAAC,OAAO;gBACL,IAAI,CAAC,qBAAqB;;cAE5B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,KAAK,EAAE;YAC3C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;gBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,KAAK,EAAE;oBAC/C,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC;oBACpC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;oBAClC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACtC,IAAI,CAAC,6BAA6B,EAAE,CAAC;iBACtC;YACH,CAAC;SACF,CAAC;;gBAEE,IAAI,CAAC,oBAAoB;;cAE3B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;gBACrC,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,OAAO,EAAE;oBACjD,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;oBACtC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;oBAChC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;oBACxC,IAAI,CAAC,2BAA2B,EAAE,CAAC;iBACpC;YACH,CAAC;SACF,CAAC;;;;KAIT,CAAC;IACJ,CAAC;IAED,iEAAiE;IACjE,IAAY,0BAA0B;QACpC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;aACjD,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC;aACjC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,SAAS,CAAC;aACtE,MAAM,CACL,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,aAAa,CACvE,CAAC;QAEJ,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;;UAEvD,IAAI,CAAC,eAAe,CAAC;YACrB,WAAW,EAAE,IAAI,CAAA,GAAG,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC;iBACtD,WAAW,EAAE;YAChB,EAAE,EAAE,iBAAiB;YACrB,QAAQ,EAAE,IAAI;YACd,eAAe,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAC1C,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAClC;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB;YACvC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;YACxC,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACxD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAClC,MAAM,EACN,IAAI,CAAC,cAAc,CAAC,IAAI,CACzB,CAAC;YACJ,CAAC;SACF,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;OAYG;IACK,oBAAoB,CAC1B,SAAoB,EACpB,OAIC;;QAED,MAAM,UAAU,GACd,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC;QAC7D,MAAM,WAAW,GACf,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,YAAY,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC;QAC9D,OAAO,IAAI,CAAA;;gBAEC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;sBAC3B,WAAW;iBAChB,CAAC,CAAQ,EAAE,EAAE;;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,wDAAG,CAAC,CAAC,CAAC;QACxB,CAAC;;UAEC,WAAW;;KAEhB,CAAC;IACJ,CAAC;IAED;;;;;;;;;;;;;OAaG;IACK,eAAe,CAAC,OASvB;;QACC,OAAO,IAAI,CAAA;;aAEF,MAAA,OAAO,CAAC,EAAE,mCAAI,OAAO;gBAClB,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;;;;yBAI9B,OAAO,CAAC,QAAQ;mBACtB,OAAO,CAAC,eAAe;0BAChB,MAAA,OAAO,CAAC,cAAc,mCAAI,EAAE;0BAC5B,MAAA,OAAO,CAAC,gBAAgB,mCAAI,OAAO;iBAC5C,MAAA,OAAO,CAAC,eAAe,mCAAI,OAAO;;;;;wBAK3B,OAAO,CAAC,WAAW,CAAC,MAAM;mBAC/B,MAAA,OAAO,CAAC,kBAAkB,mCAAI,OAAO;qBACnC,OAAO,CAAC,kBAAkB;YACnC,CAAC,CAAC,CAAC,CAAgB,EAAE,EAAE;;gBACnB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,MAAA,OAAO,CAAC,kBAAkB,wDAAG,CAAC,CAAC,CAAC;iBACjC;YACH,CAAC;YACH,CAAC,CAAC,OAAO;;YAET,OAAO,CAAC,WAAW;;;KAG1B,CAAC;IACJ,CAAC;IAED,yEAAyE;IACjE,iBAAiB,CAAC,SAAoB;QAC5C,OAAO;YACL,EAAE,EAAE,SAAS;YACb,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;YAC1C,CAAC;YACD,KAAK,EAAE,IAAI,CAAA;;YAEL,YAAY,CAAC,SAAS,CAAC,CAAC,WAAW;;OAExC;SACF,CAAC;IACJ,CAAC;IAED,4DAA4D;IACpD,sBAAsB,CAAC,CAA2C;QACxE,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE5B,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAe,CAAC;QAClD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAChC,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAClC,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;IACH,CAAC;IAED,oDAAoD;IACpD,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC1B,WAAW,EAAE,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE;YAC9C,EAAE,EAAE,gBAAgB;YACpB,QAAQ,EAAE,IAAI,CAAC,kBAAkB;YACjC,eAAe,EAAE;gBACf,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC;gBAC5C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,WAAW,CAAC;aAC9C;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YACtE,gBAAgB,EAAE,IAAI,CAAC,sBAAsB;YAC7C,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC/B,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;gBACvD,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACvE,CAAC;YACD,kBAAkB,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAC/B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACxD,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;iBACjD;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,mDAAmD;IACnD,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC1B,WAAW,EAAE,IAAI,CAAA,GAAG,IAAI,CAAC,mBAAmB,EAAE;YAC9C,EAAE,EAAE,eAAe;YACnB,QAAQ,EAAE,IAAI,CAAC,kBAAkB;YACjC,eAAe,EAAE;gBACf,GAAG,CAAC,IAAI,CAAC,iBAAiB;oBACxB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;oBACnD,CAAC,CAAC,EAAE,CAAC;gBACP,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;gBACtC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,YAAY,CAAC;gBAC9C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,YAAY,CAAC;gBAC9C,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC;aAC5C;YACD,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YACtE,gBAAgB,EAAE,IAAI,CAAC,sBAAsB;YAC7C,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACtD,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrE,CAAC;YACD,kBAAkB,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACvD,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;oBAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;iBACjD;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,qEAAqE;IAC7D,iBAAiB,CAAC,CAA2C;QACnE,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QAErC,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAe,CAAC;QAClD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEhC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,mBAAmB,EAAE;YACrD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;YAChC,IAAI,CAAC,2BAA2B,EAAE,CAAC;SACpC;QACD,IAAI,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,qBAAqB,EAAE;YACzD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;YAClC,IAAI,CAAC,6BAA6B,EAAE,CAAC;SACtC;IACH,CAAC;IAED,4DAA4D;IAC5D,IAAY,qBAAqB;QAC/B,OAAO,IAAI,CAAA;;;;;qBAKM,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC5B,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGjD,QAAQ;;;;;;qBAMD,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;QACnC,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGxD,QAAQ;;;;;;qBAMD,GAAG,EAAE;YACZ,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;QACpC,CAAC;oBACO,IAAI,CAAC,WAAW,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;cAGzD,WAAW;;;;KAIpB,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,cAAc;iBACnB,IAAI,CAAC,cAAc;;KAE/B,CAAC;IACJ,CAAC;IAED,2DAA2D;IACnD,cAAc;QACpB,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,MAAM,YAAY,GAAG;YACnB,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,YAAY;YACjB,IAAI,CAAC,cAAc;SACpB,CAAC;QACF,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE;YACnC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;YACtB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACnC;IACH,CAAC;IAEO,uBAAuB,CAAC,SAAoB;QAClD,sFAAsF;QACtF,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACrC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAEO,gBAAgB,CAAC,aAA4B;QACnD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,kEAAkE;IAC1D,mBAAmB;QACzB,IAAI,CAAC,gBAAgB,CACnB,IAAI,CAAC,sBAAsB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CACxD,CAAC;IACJ,CAAC;IAEO,0BAA0B;QAChC,IACE,CAAC,IAAI,CAAC,aAAa;YACnB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,oBAAoB,EACzB;YACA,8EAA8E;YAC9E,gFAAgF;YAChF,+BAA+B;YAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC1C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC;SAChD;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,eAAe,CAAC,IAAe;QACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,4CAA4C;QAC5C,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC;QACrD,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,4EAA4E;IAC5E,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,OAAO;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IACxB,CAAC;IAED,qFAAqF;IACrF,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI;YAChC,CAAC,CAAC,IAAI,CAAC,oBAAoB;YAC3B,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;IACzB,CAAC;IAED,+EAA+E;IAC/E,IAAY,sBAAsB;QAChC,OAAO,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC;IAC/D,CAAC;IAED;;;;;;;;;OASG;IACH,IAAY,kBAAkB;QAC5B,MAAM,cAAc,GAAgB;YAClC,SAAS,CAAC,aAAa;YACvB,SAAS,CAAC,YAAY;YACtB,SAAS,CAAC,IAAI;YACd,SAAS,CAAC,YAAY;YACtB,SAAS,CAAC,SAAS;SACpB,CAAC;QACF,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED;;;;;;;;;OASG;IACH,IAAY,kBAAkB;QAC5B,MAAM,cAAc,GAAgB;YAClC,SAAS,CAAC,WAAW;YACrB,SAAS,CAAC,UAAU;SACrB,CAAC;QACF,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED;;;OAGG;IACH,IAAY,oBAAoB;QAC9B,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3E,CAAC;IAED;;;;;;;OAOG;IACH,IAAY,mBAAmB;QAC7B,OAAO,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED;;;;;;;OAOG;IACH,IAAY,mBAAmB;QAC7B,OAAO,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED,IAAY,gBAAgB;;QAC1B,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,mBAAmB;sBAC1B,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK;;uBAE/B,IAAI,CAAC,kBAAkB;kBAC5B,CAAC;IACjB,CAAC;IAED,IAAY,kBAAkB;;QAC5B,OAAO,IAAI,CAAA;wBACS,IAAI,CAAC,qBAAqB;sBAC5B,MAAA,IAAI,CAAC,oBAAoB,0CAAE,OAAO;;uBAEjC,IAAI,CAAC,oBAAoB;kBAC9B,CAAC;IACjB,CAAC;IAEO,kBAAkB,CACxB,CAAsD;;QAEtD,IAAI,CAAC,mBAAmB,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,cAAc,mCAAI,IAAI,CAAC;QAC3D,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAEO,oBAAoB,CAC1B,CAAsD;;QAEtD,IAAI,CAAC,qBAAqB,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,cAAc,mCAAI,IAAI,CAAC;QAC7D,IAAI,CAAC,6BAA6B,EAAE,CAAC;IACvC,CAAC;IAEO,2BAA2B;QACjC,MAAM,KAAK,GAAG,IAAI,WAAW,CAC3B,oBAAoB,EACpB;YACE,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,mBAAmB,EAAE;SACrD,CACF,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,6BAA6B;QACnC,MAAM,KAAK,GAAG,IAAI,WAAW,CAC3B,sBAAsB,EACtB;YACE,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAAE;SACvD,CACF,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,kBAAkB;QACxB,MAAM,KAAK,GAAG,IAAI,WAAW,CAE1B,oBAAoB,EAAE;YACvB,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;SAC1C,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,oBAAoB;QAC1B,MAAM,KAAK,GAAG,IAAI,WAAW,CAG1B,aAAa,EAAE;YAChB,MAAM,EAAE;gBACN,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,aAAa,EAAE,IAAI,CAAC,aAAa;aAClC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,WAAW;YACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAsOF;SACF,CAAC;IACJ,CAAC;CACF,CAAA;AAznC6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAqC;AAGpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAAmD;AAGlD;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAGH;AAGI;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAA4C;AAG3C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAA6C;AAG5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAA2C;AAG1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA6C;AAG3C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAA+B;AAG9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAoC;AAGpB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACnC;AAIR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACL;AAGV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DAGzB;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAgD;AAKlE;IAAR,KAAK,EAAE;2DAAqD;AAKpD;IAAR,KAAK,EAAE;2DAA0D;AAMzD;IAAR,KAAK,EAAE;2DAAmD;AAMlD;IAAR,KAAK,EAAE;8DAAiC;AAMhC;IAAR,KAAK,EAAE;gEAA+B;AAM9B;IAAR,KAAK,EAAE;gEAA+B;AAOvC;IADC,KAAK,CAAC,yBAAyB,CAAC;2DACe;AAOhD;IADC,KAAK,CAAC,0BAA0B,CAAC;4DACa;AAI/C;IADC,KAAK,CAAC,iBAAiB,CAAC;oDACU;AAInC;IADC,KAAK,CAAC,gBAAgB,CAAC;mDACU;AAIlC;IADC,KAAK,CAAC,kBAAkB,CAAC;qDACU;AA5GzB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8nCzB;SA9nCY,aAAa","sourcesContent":["import {\n LitElement,\n html,\n css,\n nothing,\n PropertyValues,\n TemplateResult,\n} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { msg } from '@lit/localize';\nimport type {\n SharedResizeObserverInterface,\n SharedResizeObserverResizeHandlerInterface,\n} from '@internetarchive/shared-resize-observer';\nimport '@internetarchive/ia-dropdown';\nimport type { IaDropdown, optionInterface } from '@internetarchive/ia-dropdown';\nimport type { SortDirection } from '@internetarchive/search-service';\nimport {\n CollectionDisplayMode,\n PrefixFilterCounts,\n PrefixFilterType,\n SORT_OPTIONS,\n SortField,\n} from '../models';\nimport './alpha-bar';\n\nimport { sortUpIcon } from './img/sort-toggle-up';\nimport { sortDownIcon } from './img/sort-toggle-down';\nimport { sortDisabledIcon } from './img/sort-toggle-disabled';\nimport { tileIcon } from './img/tile';\nimport { listIcon } from './img/list';\nimport { compactIcon } from './img/compact';\nimport { srOnlyStyle } from '../styles/sr-only';\n\ntype AlphaSelector = 'creator' | 'title';\n\n@customElement('sort-filter-bar')\nexport class SortFilterBar\n extends LitElement\n implements SharedResizeObserverResizeHandlerInterface\n{\n /** Which display mode the tiles are being rendered with (grid/list-detail/list-compact) */\n @property({ type: String }) displayMode?: CollectionDisplayMode;\n\n /** The default sort direction to use if none is set */\n @property({ type: String }) defaultSortDirection: SortDirection | null = null;\n\n /** The default sort field to use if none is set */\n @property({ type: String }) defaultSortField: Exclude<\n SortField,\n SortField.default\n > = SortField.relevance;\n\n /** The current sort direction (asc/desc), or null if none is set */\n @property({ type: String }) sortDirection: SortDirection | null = null;\n\n /** The field currently being sorted on (e.g., 'title'). Defaults to relevance. */\n @property({ type: String }) selectedSort: SortField = SortField.default;\n\n /** The currently selected title letter filter, or null if none is set */\n @property({ type: String }) selectedTitleFilter: string | null = null;\n\n /** The currently selected creator letter filter, or null if none is set */\n @property({ type: String }) selectedCreatorFilter: string | null = null;\n\n /** Whether to show the Relevance sort option (default `true`) */\n @property({ type: Boolean }) showRelevance: boolean = true;\n\n /** Whether to show the Date Favorited sort option instead of Date Published/Archived/Reviewed (default `false`) */\n @property({ type: Boolean }) showDateFavorited: boolean = false;\n\n /** Whether to replace the default sort options with a slot for customization (default `false`) */\n @property({ type: Boolean, reflect: true }) enableSortOptionsSlot: boolean =\n false;\n\n /** Whether to suppress showing the three display mode options on the right of the bar (default `false`) */\n @property({ type: Boolean, reflect: true })\n suppressDisplayModes: boolean = false;\n\n /** Maps of result counts for letters on the alphabet bar, for each letter filter type */\n @property({ type: Object }) prefixFilterCountMap?: Record<\n PrefixFilterType,\n PrefixFilterCounts\n >;\n\n @property({ type: Object }) resizeObserver?: SharedResizeObserverInterface;\n\n /**\n * The Views sort option that was most recently selected (or the default, if none has been selected yet)\n */\n @state() private lastSelectedViewSort = SortField.weeklyview;\n\n /**\n * The Date sort option that was most recently selected (or the default, if none has been selected yet)\n */\n @state() private lastSelectedDateSort = this.defaultDateSortField;\n\n /**\n * Which of the alphabet bars (title/creator) should be shown, or null if one\n * should not currently be rendered.\n */\n @state() alphaSelectorVisible: AlphaSelector | null = null;\n\n /**\n * Whether the transparent backdrop to catch clicks outside the dropdown menu\n * should be rendered.\n */\n @state() dropdownBackdropVisible = false;\n\n /**\n * The width of the desktop view sort option container, updated upon each resize.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @state() desktopSortContainerWidth = 0;\n\n /**\n * The width of the full sort bar, updated upon each resize.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @state() selectorBarContainerWidth = 0;\n\n /**\n * The container for all the desktop view's sort options.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @query('#desktop-sort-container')\n private desktopSortContainer!: HTMLUListElement;\n\n /**\n * The container for the full sort bar.\n * Used for dynamically determining whether to use desktop or mobile view.\n */\n @query('#sort-selector-container')\n private sortSelectorContainer!: HTMLDivElement;\n\n /** The dropdown component containing options for weekly and all-time views */\n @query('#views-dropdown')\n private viewsDropdown!: IaDropdown;\n\n /** The dropdown component containing the four date options */\n @query('#date-dropdown')\n private dateDropdown!: IaDropdown;\n\n /** The single, consolidated dropdown component shown in mobile view */\n @query('#mobile-dropdown')\n private mobileDropdown!: IaDropdown;\n\n render() {\n return html`\n <div id=\"container\">\n <section id=\"sort-bar\" aria-label=\"Sorting options\">\n <slot name=\"sort-options-left\"></slot>\n <div id=\"sort-options\">\n ${!this.enableSortOptionsSlot\n ? html`\n <div class=\"sort-direction-container\">\n ${this.sortDirectionSelectorTemplate}\n </div>\n <span class=\"sort-by-text\">${msg('Sort by:')}</span>\n <div id=\"sort-selector-container\">\n ${this.mobileSortSelectorTemplate}\n ${this.desktopSortSelectorTemplate}\n </div>\n `\n : html`<slot name=\"sort-options\"></slot>`}\n </div>\n <slot name=\"sort-options-right\"></slot>\n\n ${this.suppressDisplayModes\n ? nothing\n : html`<div id=\"display-style-selector\">\n ${this.displayOptionTemplate}\n </div>`}\n </section>\n\n ${this.dropdownBackdropVisible ? this.dropdownBackdrop : nothing}\n ${this.alphaBarTemplate}\n </div>\n `;\n }\n\n willUpdate(changed: PropertyValues) {\n console.log('will update', '\\n' + [...changed.entries()].map(([k,v]) => `${String(k)}: ${v} -> ${this[k as keyof this]}`).join('\\n'));\n if (changed.has('selectedSort') || changed.has('defaultSortField')) {\n // If the sort is changed from its default without a direction set,\n // we adopt the default sort direction for that sort type.\n if (\n this.selectedSort &&\n this.selectedSort !== SortField.default &&\n this.sortDirection === null\n ) {\n const sortOption = SORT_OPTIONS[this.finalizedSortField];\n this.sortDirection = sortOption.defaultSortDirection;\n }\n\n if (this.viewOptionSelected) {\n this.lastSelectedViewSort = this.finalizedSortField;\n } else if (this.dateOptionSelected) {\n this.lastSelectedDateSort = this.finalizedSortField;\n }\n }\n\n // If we change which dropdown options are available, ensure the correct default becomes selected.\n // Currently, Date Favorited is the only dropdown option whose presence/absence can change.\n if (\n changed.has('showDateFavorited') &&\n changed.get('showDateFavorited') !== this.showDateFavorited\n ) {\n this.lastSelectedDateSort = this.defaultDateSortField;\n }\n }\n\n updated(changed: PropertyValues) {\n console.log('updated', '\\n' + [...changed.entries()].map(([k,v]) => `${String(k)}: ${v} -> ${this[k as keyof this]}`).join('\\n'));\n if (changed.has('displayMode')) {\n this.displayModeChanged();\n }\n\n if (changed.has('selectedTitleFilter') && this.selectedTitleFilter) {\n this.alphaSelectorVisible = 'title';\n }\n\n if (changed.has('selectedCreatorFilter') && this.selectedCreatorFilter) {\n this.alphaSelectorVisible = 'creator';\n }\n\n if (changed.has('dropdownBackdropVisible')) {\n this.setupEscapeListeners();\n }\n\n if (changed.has('resizeObserver') || changed.has('enableSortOptionsSlot')) {\n const oldObserver = changed.get(\n 'resizeObserver'\n ) as SharedResizeObserverInterface;\n if (oldObserver) this.disconnectResizeObserver(oldObserver);\n this.setupResizeObserver();\n }\n }\n\n private setupEscapeListeners() {\n if (this.dropdownBackdropVisible) {\n document.addEventListener(\n 'keydown',\n this.boundSortBarSelectorEscapeListener\n );\n } else {\n document.removeEventListener(\n 'keydown',\n this.boundSortBarSelectorEscapeListener\n );\n }\n }\n\n private boundSortBarSelectorEscapeListener = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n this.closeDropdowns();\n }\n };\n\n connectedCallback(): void {\n super.connectedCallback?.();\n this.setupResizeObserver();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver) {\n this.disconnectResizeObserver(this.resizeObserver);\n }\n }\n\n private disconnectResizeObserver(\n resizeObserver: SharedResizeObserverInterface\n ) {\n if (this.sortSelectorContainer) {\n resizeObserver.removeObserver({\n target: this.sortSelectorContainer,\n handler: this,\n });\n }\n\n if (this.desktopSortContainer) {\n resizeObserver.removeObserver({\n target: this.desktopSortContainer,\n handler: this,\n });\n }\n }\n\n private setupResizeObserver() {\n if (!this.resizeObserver) return;\n\n if (this.sortSelectorContainer) {\n this.resizeObserver.addObserver({\n target: this.sortSelectorContainer,\n handler: this,\n });\n }\n\n if (this.desktopSortContainer) {\n this.resizeObserver.addObserver({\n target: this.desktopSortContainer,\n handler: this,\n });\n }\n }\n\n handleResize(entry: ResizeObserverEntry): void {\n if (entry.target === this.desktopSortContainer) {\n this.desktopSortContainerWidth = entry.contentRect.width;\n } else if (entry.target === this.sortSelectorContainer) {\n this.selectorBarContainerWidth = entry.contentRect.width;\n }\n }\n\n /**\n * Whether to show the mobile sort bar because there is not enough space\n * for the desktop sort bar.\n */\n private get mobileSelectorVisible() {\n return this.selectorBarContainerWidth - 10 < this.desktopSortContainerWidth;\n }\n\n /**\n * Template to render the alphabet bar, or `nothing` if it should not be rendered\n * for the current sort\n */\n private get alphaBarTemplate(): TemplateResult | typeof nothing {\n if (!['title', 'creator'].includes(this.selectedSort)) return nothing;\n\n if (this.alphaSelectorVisible === null) {\n if (this.selectedSort === 'creator') return this.creatorSelectorBar;\n if (this.selectedSort === 'title') return this.titleSelectorBar;\n } else {\n return this.alphaSelectorVisible === 'creator'\n ? this.creatorSelectorBar\n : this.titleSelectorBar;\n }\n\n return nothing;\n }\n\n /** Template to render the sort direction toggle button */\n private get sortDirectionSelectorTemplate(): TemplateResult {\n const oppositeSortDirectionReadable =\n this.sortDirection === 'asc' ? 'descending' : 'ascending';\n const srLabel = `Change to ${oppositeSortDirectionReadable} sort`;\n\n return html`\n <button\n class=\"sort-direction-selector\"\n ?disabled=${!this.canChangeSortDirection}\n @click=${this.handleSortDirectionClicked}\n >\n <span class=\"sr-only\">${srLabel}</span>\n ${this.sortDirectionIcon}\n </button>\n `;\n }\n\n /** Template to render the sort direction button's icon in the correct current state */\n private get sortDirectionIcon(): TemplateResult {\n // Show a fully disabled icon for sort options without direction support\n if (!this.canChangeSortDirection) {\n return html`<div class=\"sort-direction-icon\">${sortDisabledIcon}</div>`;\n }\n\n // For all other sorts, show the ascending/descending direction\n return html`\n <div class=\"sort-direction-icon\">\n ${this.finalizedSortDirection === 'asc' ? sortUpIcon : sortDownIcon}\n </div>\n `;\n }\n\n /** The template to render all the sort options in desktop view */\n private get desktopSortSelectorTemplate() {\n return html`\n <div\n id=\"desktop-sort-container\"\n class=${this.mobileSelectorVisible ? 'hidden' : 'visible'}\n >\n <ul id=\"desktop-sort-selector\">\n ${this.showRelevance\n ? html`<li>\n ${this.getSortDisplayOption(SortField.relevance, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.relevance) {\n this.clearAlphaBarFilters();\n this.setSelectedSort(SortField.relevance);\n }\n },\n })}\n </li>`\n : nothing}\n <li>${this.viewsDropdownTemplate}</li>\n <li>\n ${this.getSortDisplayOption(SortField.title, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.title) {\n this.alphaSelectorVisible = 'title';\n this.selectedCreatorFilter = null;\n this.setSelectedSort(SortField.title);\n this.emitCreatorLetterChangedEvent();\n }\n },\n })}\n </li>\n <li>${this.dateDropdownTemplate}</li>\n <li>\n ${this.getSortDisplayOption(SortField.creator, {\n onClick: () => {\n this.dropdownBackdropVisible = false;\n if (this.finalizedSortField !== SortField.creator) {\n this.alphaSelectorVisible = 'creator';\n this.selectedTitleFilter = null;\n this.setSelectedSort(SortField.creator);\n this.emitTitleLetterChangedEvent();\n }\n },\n })}\n </li>\n </ul>\n </div>\n `;\n }\n\n /** The template to render all the sort options in mobile view */\n private get mobileSortSelectorTemplate() {\n const displayedOptions = Object.values(SORT_OPTIONS)\n .filter(opt => opt.shownInSortBar)\n .filter(opt => this.showRelevance || opt.field !== SortField.relevance)\n .filter(\n opt => this.showDateFavorited || opt.field !== SortField.datefavorited\n );\n\n return html`\n <div\n id=\"mobile-sort-container\"\n class=${this.mobileSelectorVisible ? 'visible' : 'hidden'}\n >\n ${this.getSortDropdown({\n displayName: html`${SORT_OPTIONS[this.finalizedSortField]\n .displayName}`,\n id: 'mobile-dropdown',\n selected: true,\n dropdownOptions: displayedOptions.map(opt =>\n this.getDropdownOption(opt.field)\n ),\n selectedOption: this.finalizedSortField,\n onOptionSelected: this.mobileSortChanged,\n onDropdownClick: () => {\n this.dropdownBackdropVisible = this.mobileDropdown.open;\n this.mobileDropdown.classList.toggle(\n 'open',\n this.mobileDropdown.open\n );\n },\n })}\n </div>\n `;\n }\n\n /**\n * This generates each of the non-dropdown sort option links.\n *\n * It manages the display value and the selected state of the option.\n *\n * @param sortField\n * @param options {\n * onClick?: (e: Event) => void; If this is provided, it will also be called when the option is clicked.\n * displayName?: TemplateResult; The name to display for the option. Defaults to the sortField display name.\n * selected?: boolean; true if the option is selected. Defaults to the selectedSort === sortField.\n * }\n * @returns\n */\n private getSortDisplayOption(\n sortField: SortField,\n options?: {\n displayName?: TemplateResult;\n selected?: boolean;\n onClick?: (e: Event) => void;\n }\n ): TemplateResult {\n const isSelected =\n options?.selected ?? this.finalizedSortField === sortField;\n const displayName =\n options?.displayName ?? SORT_OPTIONS[sortField].displayName;\n return html`\n <button\n class=${isSelected ? 'selected' : nothing}\n data-title=\"${displayName}\"\n @click=${(e: Event) => {\n e.preventDefault();\n options?.onClick?.(e);\n }}\n >\n ${displayName}\n </button>\n `;\n }\n\n /**\n * Generates a dropdown component containing multiple grouped sort options.\n *\n * @param options.displayName The name to use for the dropdown's visible label\n * @param options.id The id to apply to the dropdown element\n * @param options.dropdownOptions An array of option objects used to populate the dropdown\n * @param options.selectedOption The id of the option that should be initially selected\n * @param options.selected A boolean indicating whether this dropdown should use its\n * selected appearance\n * @param options.onOptionSelected A handler for optionSelected events coming from the dropdown\n * @param options.onDropdownClick A handler for click events on the dropdown\n * @param options.onLabelInteraction A handler for click events and Enter/Space keydown events\n * on the dropdown's label\n */\n private getSortDropdown(options: {\n displayName: TemplateResult;\n id?: string;\n dropdownOptions: optionInterface[];\n selectedOption?: string;\n selected: boolean;\n onOptionSelected?: (e: CustomEvent<{ option: optionInterface }>) => void;\n onDropdownClick?: (e: PointerEvent) => void;\n onLabelInteraction?: (e: Event) => void;\n }): TemplateResult {\n return html`\n <ia-dropdown\n id=${options.id ?? nothing}\n class=${options.selected ? 'selected' : nothing}\n displayCaret\n closeOnSelect\n includeSelectedOption\n .openViaButton=${options.selected}\n .options=${options.dropdownOptions}\n .selectedOption=${options.selectedOption ?? ''}\n @optionSelected=${options.onOptionSelected ?? nothing}\n @click=${options.onDropdownClick ?? nothing}\n >\n <span\n class=\"dropdown-label\"\n slot=\"dropdown-label\"\n data-title=\"${options.displayName.values}\"\n @click=${options.onLabelInteraction ?? nothing}\n @keydown=${options.onLabelInteraction\n ? (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n options.onLabelInteraction?.(e);\n }\n }\n : nothing}\n >\n ${options.displayName}\n </span>\n </ia-dropdown>\n `;\n }\n\n /** Generates a single dropdown option object for the given sort field */\n private getDropdownOption(sortField: SortField): optionInterface {\n return {\n id: sortField,\n selectedHandler: () => {\n this.selectDropdownSortField(sortField);\n },\n label: html`\n <span class=\"dropdown-option-label\">\n ${SORT_OPTIONS[sortField].displayName}\n </span>\n `,\n };\n }\n\n /** Handler for when any sort dropdown option is selected */\n private dropdownOptionSelected(e: CustomEvent<{ option: optionInterface }>) {\n this.dropdownBackdropVisible = false;\n this.clearAlphaBarFilters();\n\n const sortField = e.detail.option.id as SortField;\n this.setSelectedSort(sortField);\n if (this.viewOptionSelected) {\n this.lastSelectedViewSort = sortField;\n } else if (this.dateOptionSelected) {\n this.lastSelectedDateSort = sortField;\n }\n }\n\n /** The template to render for the views dropdown */\n private get viewsDropdownTemplate(): TemplateResult {\n return this.getSortDropdown({\n displayName: html`${this.viewSortDisplayName}`,\n id: 'views-dropdown',\n selected: this.viewOptionSelected,\n dropdownOptions: [\n this.getDropdownOption(SortField.weeklyview),\n this.getDropdownOption(SortField.alltimeview),\n ],\n selectedOption: this.viewOptionSelected ? this.finalizedSortField : '',\n onOptionSelected: this.dropdownOptionSelected,\n onDropdownClick: () => {\n this.dateDropdown.open = false;\n this.dropdownBackdropVisible = this.viewsDropdown.open;\n this.viewsDropdown.classList.toggle('open', this.viewsDropdown.open);\n },\n onLabelInteraction: (e: Event) => {\n if (!this.viewsDropdown.open && !this.viewOptionSelected) {\n e.stopPropagation();\n this.clearAlphaBarFilters();\n this.setSelectedSort(this.lastSelectedViewSort);\n }\n },\n });\n }\n\n /** The template to render for the date dropdown */\n private get dateDropdownTemplate(): TemplateResult {\n return this.getSortDropdown({\n displayName: html`${this.dateSortDisplayName}`,\n id: 'date-dropdown',\n selected: this.dateOptionSelected,\n dropdownOptions: [\n ...(this.showDateFavorited\n ? [this.getDropdownOption(SortField.datefavorited)]\n : []),\n this.getDropdownOption(SortField.date),\n this.getDropdownOption(SortField.datearchived),\n this.getDropdownOption(SortField.datereviewed),\n this.getDropdownOption(SortField.dateadded),\n ],\n selectedOption: this.dateOptionSelected ? this.finalizedSortField : '',\n onOptionSelected: this.dropdownOptionSelected,\n onDropdownClick: () => {\n this.viewsDropdown.open = false;\n this.dropdownBackdropVisible = this.dateDropdown.open;\n this.dateDropdown.classList.toggle('open', this.dateDropdown.open);\n },\n onLabelInteraction: (e: Event) => {\n if (!this.dateDropdown.open && !this.dateOptionSelected) {\n e.stopPropagation();\n this.clearAlphaBarFilters();\n this.setSelectedSort(this.lastSelectedDateSort);\n }\n },\n });\n }\n\n /** Handler for when a new mobile sort dropdown option is selected */\n private mobileSortChanged(e: CustomEvent<{ option: optionInterface }>) {\n this.dropdownBackdropVisible = false;\n\n const sortField = e.detail.option.id as SortField;\n this.setSelectedSort(sortField);\n\n this.alphaSelectorVisible = null;\n if (sortField !== 'title' && this.selectedTitleFilter) {\n this.selectedTitleFilter = null;\n this.emitTitleLetterChangedEvent();\n }\n if (sortField !== 'creator' && this.selectedCreatorFilter) {\n this.selectedCreatorFilter = null;\n this.emitCreatorLetterChangedEvent();\n }\n }\n\n /** Template for rendering the three display mode options */\n private get displayOptionTemplate() {\n return html`\n <ul>\n <li>\n <button\n id=\"grid-button\"\n @click=${() => {\n this.displayMode = 'grid';\n }}\n class=${this.displayMode === 'grid' ? 'active' : ''}\n title=\"Tile view\"\n >\n ${tileIcon}\n </button>\n </li>\n <li>\n <button\n id=\"list-detail-button\"\n @click=${() => {\n this.displayMode = 'list-detail';\n }}\n class=${this.displayMode === 'list-detail' ? 'active' : ''}\n title=\"List view\"\n >\n ${listIcon}\n </button>\n </li>\n <li>\n <button\n id=\"list-compact-button\"\n @click=${() => {\n this.displayMode = 'list-compact';\n }}\n class=${this.displayMode === 'list-compact' ? 'active' : ''}\n title=\"Compact list view\"\n >\n ${compactIcon}\n </button>\n </li>\n </ul>\n `;\n }\n\n /**\n * Template for rendering the transparent backdrop to capture clicks outside the\n * dropdown menu while it is open.\n */\n private get dropdownBackdrop() {\n return html`\n <div\n id=\"sort-selector-backdrop\"\n @keyup=${this.closeDropdowns}\n @click=${this.closeDropdowns}\n ></div>\n `;\n }\n\n /** Closes all of the sorting dropdown components' menus */\n private closeDropdowns() {\n this.dropdownBackdropVisible = false;\n const allDropdowns = [\n this.viewsDropdown,\n this.dateDropdown,\n this.mobileDropdown,\n ];\n for (const dropdown of allDropdowns) {\n dropdown.open = false;\n dropdown.classList.remove('open');\n }\n }\n\n private selectDropdownSortField(sortField: SortField) {\n // When a dropdown sort option is selected, we additionally need to clear the backdrop\n this.dropdownBackdropVisible = false;\n this.setSelectedSort(sortField);\n }\n\n private clearAlphaBarFilters() {\n this.alphaSelectorVisible = null;\n this.selectedTitleFilter = null;\n this.selectedCreatorFilter = null;\n this.emitTitleLetterChangedEvent();\n this.emitCreatorLetterChangedEvent();\n }\n\n private setSortDirection(sortDirection: SortDirection) {\n this.sortDirection = sortDirection;\n this.emitSortChangedEvent();\n }\n\n /** Toggles the current sort direction between 'asc' and 'desc' */\n private toggleSortDirection() {\n this.setSortDirection(\n this.finalizedSortDirection === 'desc' ? 'asc' : 'desc'\n );\n }\n\n private handleSortDirectionClicked(): void {\n if (\n !this.sortDirection &&\n this.defaultSortField &&\n this.defaultSortDirection\n ) {\n // When the sort direction is merely defaulted (not set by the user), clicking\n // the toggled button should \"promote\" the default sort to an explicitly-set one\n // and then toggle it as usual.\n this.selectedSort = this.defaultSortField;\n this.sortDirection = this.defaultSortDirection;\n }\n\n this.toggleSortDirection();\n }\n\n private setSelectedSort(sort: SortField) {\n this.selectedSort = sort;\n // Apply this field's default sort direction\n const sortOption = SORT_OPTIONS[sort];\n this.sortDirection = sortOption.defaultSortDirection;\n this.emitSortChangedEvent();\n }\n\n /** The current sort field, or the default one if no explicit sort is set */\n private get finalizedSortField(): SortField {\n return this.selectedSort === SortField.default\n ? this.defaultSortField\n : this.selectedSort;\n }\n\n /** The current sort direction, or the default one if no explicit direction is set */\n private get finalizedSortDirection(): SortDirection | null {\n return this.sortDirection === null\n ? this.defaultSortDirection\n : this.sortDirection;\n }\n\n /** Whether the sort direction button should be enabled for the current sort */\n private get canChangeSortDirection(): boolean {\n return SORT_OPTIONS[this.finalizedSortField].canSetDirection;\n }\n\n /**\n * There are four date sort options.\n *\n * This checks to see if the current sort is one of them.\n *\n * @readonly\n * @private\n * @type {boolean}\n * @memberof SortFilterBar\n */\n private get dateOptionSelected(): boolean {\n const dateSortFields: SortField[] = [\n SortField.datefavorited,\n SortField.datearchived,\n SortField.date,\n SortField.datereviewed,\n SortField.dateadded,\n ];\n return dateSortFields.includes(this.finalizedSortField);\n }\n\n /**\n * There are two view sort options.\n *\n * This checks to see if the current sort is one of them.\n *\n * @readonly\n * @private\n * @type {boolean}\n * @memberof SortFilterBar\n */\n private get viewOptionSelected(): boolean {\n const viewSortFields: SortField[] = [\n SortField.alltimeview,\n SortField.weeklyview,\n ];\n return viewSortFields.includes(this.finalizedSortField);\n }\n\n /**\n * The default field for the date sort dropdown.\n * This is Date Favorited when that option is available, or Date Published otherwise.\n */\n private get defaultDateSortField(): SortField {\n return this.showDateFavorited ? SortField.datefavorited : SortField.date;\n }\n\n /**\n * The display name of the last selected date field\n *\n * @readonly\n * @private\n * @type {string}\n * @memberof SortFilterBar\n */\n private get dateSortDisplayName(): string {\n return SORT_OPTIONS[this.lastSelectedDateSort].displayName;\n }\n\n /**\n * The display name of the last selected view field\n *\n * @readonly\n * @private\n * @type {string}\n * @memberof SortFilterBar\n */\n private get viewSortDisplayName(): string {\n return SORT_OPTIONS[this.lastSelectedViewSort].displayName;\n }\n\n private get titleSelectorBar() {\n return html` <alpha-bar\n .selectedLetter=${this.selectedTitleFilter}\n .letterCounts=${this.prefixFilterCountMap?.title}\n ariaLandmarkLabel=\"Filter by title letter\"\n @letterChanged=${this.titleLetterChanged}\n ></alpha-bar>`;\n }\n\n private get creatorSelectorBar() {\n return html` <alpha-bar\n .selectedLetter=${this.selectedCreatorFilter}\n .letterCounts=${this.prefixFilterCountMap?.creator}\n ariaLandmarkLabel=\"Filter by creator letter\"\n @letterChanged=${this.creatorLetterChanged}\n ></alpha-bar>`;\n }\n\n private titleLetterChanged(\n e: CustomEvent<{ selectedLetter: string | undefined }>\n ) {\n this.selectedTitleFilter = e.detail.selectedLetter ?? null;\n this.emitTitleLetterChangedEvent();\n }\n\n private creatorLetterChanged(\n e: CustomEvent<{ selectedLetter: string | undefined }>\n ) {\n this.selectedCreatorFilter = e.detail.selectedLetter ?? null;\n this.emitCreatorLetterChangedEvent();\n }\n\n private emitTitleLetterChangedEvent() {\n const event = new CustomEvent<{ selectedLetter: string | null }>(\n 'titleLetterChanged',\n {\n detail: { selectedLetter: this.selectedTitleFilter },\n }\n );\n this.dispatchEvent(event);\n }\n\n private emitCreatorLetterChangedEvent() {\n const event = new CustomEvent<{ selectedLetter: string | null }>(\n 'creatorLetterChanged',\n {\n detail: { selectedLetter: this.selectedCreatorFilter },\n }\n );\n this.dispatchEvent(event);\n }\n\n private displayModeChanged() {\n const event = new CustomEvent<{\n displayMode?: CollectionDisplayMode;\n }>('displayModeChanged', {\n detail: { displayMode: this.displayMode },\n });\n this.dispatchEvent(event);\n }\n\n private emitSortChangedEvent() {\n const event = new CustomEvent<{\n selectedSort: SortField;\n sortDirection: SortDirection | null;\n }>('sortChanged', {\n detail: {\n selectedSort: this.selectedSort,\n sortDirection: this.sortDirection,\n },\n });\n this.dispatchEvent(event);\n }\n\n static get styles() {\n return [\n srOnlyStyle,\n css`\n #container {\n position: relative;\n }\n\n #sort-bar {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n border-bottom: 1px solid #2c2c2c;\n font-size: 1.4rem;\n }\n\n #sort-options {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n\n ul {\n list-style: none;\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n }\n\n li {\n padding: 0;\n }\n\n .sort-by-text {\n margin-right: 5px;\n font-weight: bold;\n white-space: nowrap;\n }\n\n .sort-direction-container {\n display: flex;\n align-self: stretch;\n flex: 0;\n margin: 0 5px;\n }\n\n .sort-direction-selector {\n padding: 0;\n border: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n }\n\n .sort-direction-selector:disabled {\n cursor: default;\n }\n\n .sort-direction-icon {\n display: flex;\n align-items: center;\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n outline: inherit;\n width: 14px;\n height: 14px;\n }\n\n .sort-direction-icon > svg {\n flex: 1;\n }\n\n #date-sort-selector,\n #view-sort-selector {\n position: absolute;\n left: 150px;\n top: 45px;\n\n z-index: 1;\n padding: 1rem;\n background-color: white;\n border-radius: 2.5rem;\n border: 1px solid #404142;\n }\n\n #sort-selector-container {\n flex: 1;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n #desktop-sort-container,\n #mobile-sort-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n /*\n we move the desktop sort selector offscreen instead of display: none\n because we need to observe the width of it vs its container to determine\n if it's wide enough to display the desktop version and if you display: none,\n the width becomes 0\n */\n #desktop-sort-container.hidden {\n position: absolute;\n top: -9999px;\n left: -9999px;\n visibility: hidden;\n }\n\n #mobile-sort-container.hidden {\n display: none;\n }\n\n #sort-selector-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1;\n background-color: transparent;\n }\n\n #desktop-sort-selector {\n display: inline-flex;\n }\n\n #desktop-sort-selector li {\n display: flex;\n align-items: center;\n padding-left: 5px;\n padding-right: 5px;\n }\n\n #desktop-sort-selector li a {\n padding: 0 5px;\n text-decoration: none;\n color: #333;\n line-height: 2;\n }\n\n #desktop-sort-selector li button {\n padding: 0px 5px;\n border: none;\n background: none;\n font-family: inherit;\n font-size: inherit;\n color: #333;\n line-height: 2;\n cursor: pointer;\n appearance: none;\n }\n\n #desktop-sort-selector li button.selected {\n font-weight: bold;\n }\n\n /**\n * Fix to not shift the sort-bar options when get selected\n */\n #desktop-sort-selector li button::before,\n #desktop-sort-selector .dropdown-label::before {\n display: block;\n content: attr(data-title);\n font-weight: bold;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n }\n\n #display-style-selector {\n flex: 0;\n }\n\n #display-style-selector button {\n background: none;\n color: inherit;\n border: none;\n appearance: none;\n cursor: pointer;\n -webkit-appearance: none;\n fill: #bbbbbb;\n }\n\n #display-style-selector button.active {\n fill: var(--ia-theme-primary-text-color, #2c2c2c);\n }\n\n #display-style-selector button svg {\n width: 24px;\n height: 24px;\n }\n\n ia-dropdown {\n --dropdownTextColor: white;\n --dropdownOffsetTop: 0;\n --dropdownBorderTopWidth: 0;\n --dropdownBorderTopLeftRadius: 0;\n --dropdownBorderTopRightRadius: 0;\n --dropdownWhiteSpace: nowrap;\n --dropdownListZIndex: 2;\n --dropdownCaretColor: var(--ia-theme-primary-text-color, #2c2c2c);\n --dropdownSelectedTextColor: white;\n --dropdownSelectedBgColor: rgba(255, 255, 255, 0.3);\n --dropdownHoverBgColor: rgba(255, 255, 255, 0.3);\n --caretHeight: 9px;\n --caretWidth: 12px;\n --caretPadding: 0 5px 0 0;\n }\n ia-dropdown.selected .dropdown-label {\n font-weight: bold;\n }\n ia-dropdown.open {\n z-index: 2;\n }\n\n .dropdown-label {\n display: inline-block;\n height: 100%;\n padding-left: 5px;\n font-size: 1.4rem;\n font-family: var(--ia-theme-base-font-family);\n line-height: 2;\n color: var(--ia-theme-primary-text-color, #2c2c2c);\n white-space: nowrap;\n user-select: none;\n }\n `,\n ];\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -389,6 +389,7 @@ export class CollectionBrowser
|
|
|
389
389
|
* @param pageNumber
|
|
390
390
|
*/
|
|
391
391
|
goToPage(pageNumber: number) {
|
|
392
|
+
console.log('cb goToPage', pageNumber, this.infiniteScroller?.itemCount);
|
|
392
393
|
this.initialPageNumber = pageNumber;
|
|
393
394
|
this.pagesToRender = pageNumber;
|
|
394
395
|
return this.scrollToPage(pageNumber);
|
|
@@ -1623,11 +1624,14 @@ export class CollectionBrowser
|
|
|
1623
1624
|
}
|
|
1624
1625
|
|
|
1625
1626
|
private scrollToPage(pageNumber: number): Promise<void> {
|
|
1627
|
+
console.log('cb scrollToPage', pageNumber, this.infiniteScroller?.itemCount);
|
|
1626
1628
|
return new Promise(resolve => {
|
|
1627
1629
|
const cellIndexToScrollTo = this.pageSize * (pageNumber - 1);
|
|
1630
|
+
console.log('index', cellIndexToScrollTo);
|
|
1628
1631
|
// without this setTimeout, Safari just pauses until the `fetchPage` is complete
|
|
1629
1632
|
// then scrolls to the cell
|
|
1630
1633
|
setTimeout(() => {
|
|
1634
|
+
console.log('cb starting scroll', cellIndexToScrollTo, this.infiniteScroller?.itemCount);
|
|
1631
1635
|
this.isScrollingToCell = true;
|
|
1632
1636
|
this.infiniteScroller?.scrollToCell(cellIndexToScrollTo, true);
|
|
1633
1637
|
// This timeout is to give the scroll animation time to finish
|
|
@@ -1635,6 +1639,7 @@ export class CollectionBrowser
|
|
|
1635
1639
|
// There's no scroll animation completion callback so we're
|
|
1636
1640
|
// giving it 0.5s to finish.
|
|
1637
1641
|
setTimeout(() => {
|
|
1642
|
+
console.log('cb finishing scroll', cellIndexToScrollTo, this.infiniteScroller?.itemCount);
|
|
1638
1643
|
this.isScrollingToCell = false;
|
|
1639
1644
|
this.infiniteScroller?.refreshAllVisibleCells();
|
|
1640
1645
|
resolve();
|
|
@@ -180,6 +180,7 @@ export class SortFilterBar
|
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
willUpdate(changed: PropertyValues) {
|
|
183
|
+
console.log('will update', '\n' + [...changed.entries()].map(([k,v]) => `${String(k)}: ${v} -> ${this[k as keyof this]}`).join('\n'));
|
|
183
184
|
if (changed.has('selectedSort') || changed.has('defaultSortField')) {
|
|
184
185
|
// If the sort is changed from its default without a direction set,
|
|
185
186
|
// we adopt the default sort direction for that sort type.
|
|
@@ -210,6 +211,7 @@ export class SortFilterBar
|
|
|
210
211
|
}
|
|
211
212
|
|
|
212
213
|
updated(changed: PropertyValues) {
|
|
214
|
+
console.log('updated', '\n' + [...changed.entries()].map(([k,v]) => `${String(k)}: ${v} -> ${this[k as keyof this]}`).join('\n'));
|
|
213
215
|
if (changed.has('displayMode')) {
|
|
214
216
|
this.displayModeChanged();
|
|
215
217
|
}
|