@smartsoft001-mobilems/public-collections-shell-angular 2.118.0 → 2.120.0

package/fesm2022/smartsoft001-mobilems-public-collections-shell-angular.mjs

@@ -1,12 +1,17 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, contentChild, ChangeDetectionStrategy, Component, NgModule, Directive, effect } from '@angular/core';
-import { FILE_SERVICE_CONFIG } from '@smartsoft001/angular';
+import { Injectable, inject, contentChild, ChangeDetectionStrategy, Component, NgModule, signal, Directive, effect, PLATFORM_ID, viewChild, computed, LOCALE_ID, afterNextRender } from '@angular/core';
+import { FILE_SERVICE_CONFIG, PaginationMode, ListMode, StorageService } from '@smartsoft001/angular';
 import { CrudFacade, initialState as initialState$1, getReducer as getReducer$1, CrudService, CrudConfig, CrudFullConfig, CrudFullModule, CrudModule, CrudListPageBaseComponent, CrudItemPageBaseComponent } from '@smartsoft001/crud-shell-angular';
-import { CrudBaseService, FiltersBaseComponent, provideInheritedSharedConfig, SharedModule, SeoService, TranslationService } from '@smartsoft001-mobilems/angular';
-import { NgTemplateOutlet, CommonModule } from '@angular/common';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { CrudBaseService, FiltersBaseComponent, provideInheritedSharedConfig, SharedModule, SeoService, TranslationService, MuseumSeoService, createSafeTimeouts, dictionaryFilterItems, createCycleTagSearch, createCatalog, mergeSelectedTags, createCatalogLoadMore, toggleDictionaryFilterItem, normalizeMetaText, FileUrlService, MasonryGridComponent, pageToOffset } from '@smartsoft001-mobilems/angular';
+import { NgTemplateOutlet, CommonModule, isPlatformBrowser, DOCUMENT, formatDate } from '@angular/common';
+import { HttpErrorResponse } from '@angular/common/http';
+import { toObservable, toSignal } from '@angular/core/rxjs-interop';
+import { switchMap, map, catchError, of, finalize } from 'rxjs';
 import { ActivatedRoute } from '@angular/router';
 import { createFeatureSelector } from '@ngrx/store';
+import { TranslateService } from '@ngx-translate/core';
+import { capitalize } from '@smartsoft001/utils';
+import { PublicCollectionItemType } from '@smartsoft001-mobilems/public-collections-domain';
 
 class PublicCollectionsService extends CrudBaseService {
     getUrlNameForDetails() {
@@ -95,8 +100,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }] });
 
+/** How many related articles a collection page shows. */
+const PUBLIC_COLLECTION_RELATED_ARTICLES_LIMIT = 20;
+class PublicCollectionItemsService extends PublicCollectionsService {
+    constructor() {
+        super(...arguments);
+        /**
+         * Status of the last failed page load. `getItems` yields `null` both for no
+         * data and for an error, so without it a page cannot tell a 404 from a load
+         * in progress.
+         */
+        this.loadErrorStatus = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadErrorStatus" }] : /* istanbul ignore next */ []));
+        /** A collection page is loading (paging, sorting and "load more" go through `getItems`). */
+        this.loading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Fetches a page of the collection items. Call in an injection context.
+     * The URL (parameter order included) is the transfer cache key: keep it as is.
+     */
+    getItems(collectionId, filter) {
+        const data$ = toObservable(filter).pipe(switchMap((value) => {
+            this.loadErrorStatus.set(null);
+            this.loading.set(true);
+            const url = this.collectionItemsBuildUrl(collectionId, value);
+            return this.http.get(url).pipe(map((response) => {
+                this.loadErrorStatus.set(null);
+                return response?.data ?? null;
+            }), catchError((error) => {
+                this.loadErrorStatus.set(error instanceof HttpErrorResponse ? error.status : 0);
+                return of(null);
+            }), finalize(() => this.loading.set(false)));
+        }));
+        return toSignal(data$, {
+            initialValue: null,
+        });
+    }
+    /**
+     * Articles related to the collection. The API answers 404
+     * (`NO_RESULTS_FOR_GIVEN_QUERY`) when there are none; that, like any error,
+     * is an empty list.
+     */
+    getRelatedArticles(collectionId) {
+        return this.http
+            .get(`${this.config.apiUrl}search/Article/page/1?maxPerPage=${PUBLIC_COLLECTION_RELATED_ARTICLES_LIMIT}&filter[relatedEntryCollections]=${encodeURIComponent(collectionId)}`)
+            .pipe(map((response) => response?.data?.items ?? []), catchError(() => of([])));
+    }
+    collectionItemsBuildUrl(collectionId, filter) {
+        let page = 1;
+        if (filter?.offset && filter?.limit) {
+            page = filter.offset / filter.limit;
+        }
+        let url = `${this.config.apiUrl}public-collections/${collectionId}?currentPage=${page}&maxPerPage=${filter?.limit ?? 20}`;
+        if (filter?.searchText) {
+            url += `&filter[phrase]=${filter.searchText}`;
+        }
+        if (filter?.sortBy) {
+            url += `&sort=${filter.sortBy}-${filter.sortDesc ? 'desc' : 'asc'}`;
+        }
+        filter?.query?.forEach((q) => {
+            if (Array.isArray(q.value)) {
+                q.value.forEach((value) => {
+                    url += `&filter[${q.key}]${this.getQueryType(q.type, true)}=${value.id}`;
+                });
+            }
+            else {
+                url += `&filter[${q.key}]${this.getQueryType(q.type, false)}=${q.value}`;
+            }
+        });
+        return url;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PublicCollectionItemsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PublicCollectionItemsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PublicCollectionItemsService, decorators: [{
+            type: Injectable
+        }] });
+
 const SERVICES = [
     PublicCollectionsService,
+    PublicCollectionItemsService,
     {
         provide: CrudService,
         useClass: PublicCollectionsService,
@@ -211,9 +295,616 @@ const getPublicCollectionsState = createFeatureSelector('publicCollections');
 //  (state) => state.test
 //);
 
+/**
+ * Filter defaults of the collections list (Muzeum Podlasia): a 3x4 grid, 12
+ * collections per page. `sortBy`/`sortDesc` match the toolbar's default label
+ * ('Name A to Z'); without them `CrudBaseService` sends `sort=random`.
+ */
+const COLLECTIONS_CATALOG_DEFAULTS = {
+    paginationMode: PaginationMode.singlePage,
+    offset: 0,
+    limit: 12,
+    sortBy: 'name',
+    sortDesc: false,
+};
+/**
+ * Query key of the theme tags — cycles (`filter[cycles][]=<id>`; checked on
+ * the API: the forms with and without `[]` filter the same, an empty result
+ * is a 404).
+ */
+const COLLECTIONS_CYCLES_FILTER_KEY = 'cycles';
+/** Former tag key (the `Keyword` dictionary) — dropped from restored filters. */
+const COLLECTIONS_CATALOG_LEGACY_KEYWORDS_KEY = 'keywords';
+/**
+ * Cleans a persisted collections filter: the collections API ignores tags of
+ * the former `Keyword` dictionary, so they are not restored as an invisible
+ * filter.
+ */
+function dropLegacyCollectionKeywords(saved) {
+    return {
+        ...saved,
+        query: (saved.query ?? []).filter((q) => q.key !== COLLECTIONS_CATALOG_LEGACY_KEYWORDS_KEY),
+    };
+}
+const COLLECTIONS_CATALOG_SEO = {
+    titleKey: 'PAGE_TITLES.collections',
+    descriptionKey: 'HOME.collectionsDescription',
+    siteNameKey: 'MODEL.mainTitle',
+    url: '/kolekcje',
+};
+const COLLECTIONS_CATALOG_ITEM_SELECTOR = '[data-testid="collection-grid-item"], [data-testid="collection-list-item"]';
+const COLLECTIONS_CATALOG_LOADED_MORE_KEY = 'COMMON.loadedMore';
+/**
+ * Base of a collections list page on the shared catalog engine
+ * (`createCatalog`): first read (also in SSR when the route carries the
+ * filter), persistence, sort/size/page, the read guard, cycle tags,
+ * „więcej ↓” and the list SEO. The page keeps its template.
+ *
+ * ```ts
+ * export class ListComponent extends CollectionsCatalogBaseComponent {
+ *   constructor() {
+ *     super({ cycleTags: { debounceMs: 300 } });
+ *   }
+ * }
+ * ```
+ *
+ * A `#listContainer` element in the template is scrolled to after a page
+ * change from the bottom pagination and holds the cards focused by load more.
+ */
+class CollectionsCatalogBaseComponent extends PublicCollectionsListComponent {
+    constructor(options = {}) {
+        super();
+        this.ListMode = ListMode;
+        /** Screen reader message after cards were appended. */
+        this.loadMoreStatus = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadMoreStatus" }] : /* istanbul ignore next */ []));
+        this.collectionsCatalogTranslate = inject(TranslateService);
+        this.collectionsCatalogSeoService = inject(MuseumSeoService);
+        this.collectionsCatalogBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        this.collectionsCatalogTimeouts = createSafeTimeouts();
+        this.collectionsCatalogListContainer = viewChild('listContainer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collectionsCatalogListContainer" }] : /* istanbul ignore next */ []));
+        this.collectionsCatalogScrollAfterLoad = false;
+        /**
+         * Selected cycles — the `cycles` item of the current filter, numeric ids
+         * without repeats (`"7"` from a deep link = `7` from the dictionary,
+         * review MOB-1815).
+         */
+        this.collectionsCatalogSelectedTags = computed(() => dictionaryFilterItems((this.facade.filter()?.query ?? []).find((q) => q.key === COLLECTIONS_CYCLES_FILTER_KEY)?.value), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collectionsCatalogSelectedTags" }] : /* istanbul ignore next */ []));
+        const { seo = COLLECTIONS_CATALOG_SEO, cycleTags, loadMore = {}, ...catalogOptions } = options;
+        const defaults = catalogOptions.defaults ?? COLLECTIONS_CATALOG_DEFAULTS;
+        // Cycle tags first: Podlasie requests the dictionary before the list.
+        if (cycleTags) {
+            const search = createCycleTagSearch(cycleTags);
+            this.tagQuery = search.query;
+            this.cycleTags = search.tags;
+        }
+        else {
+            this.tagQuery = signal('', /* @ts-ignore */
+            ...(ngDevMode ? [{ debugName: "tagQuery" }] : /* istanbul ignore next */ []));
+            this.cycleTags = signal([]).asReadonly();
+        }
+        this.catalog = createCatalog({
+            persistKey: 'MUSEUM_COLLECTIONS_FILTER',
+            listPath: '/kolekcje',
+            searchTab: 'kolekcje',
+            listModeKey: 'MUSEUM_COLLECTIONS_LIST_MODE',
+            restoreSaved: dropLegacyCollectionKeywords,
+            ssrRead: 'route',
+            ...catalogOptions,
+            defaults,
+            facade: this.facade,
+        });
+        this.isBrowser = this.catalog.isBrowser;
+        this.routeList = this.catalog.routeList;
+        this.listMode = this.catalog.listMode;
+        this.searchEnabled = this.catalog.searchEnabled;
+        this.barPhrase = this.catalog.barPhrase;
+        this.isLoading = this.catalog.isLoading;
+        this.hasError = this.catalog.hasError;
+        this.totalCount = this.catalog.totalCount;
+        this.sortKey = this.catalog.sortKey;
+        this.selectedPage = this.catalog.selectedPage;
+        this.selectedTagIds = computed(() => this.collectionsCatalogSelectedTags().map((item) => item.id), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedTagIds" }] : /* istanbul ignore next */ []));
+        this.tagChips = computed(() => mergeSelectedTags(this.collectionsCatalogSelectedTags(), this.cycleTags()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tagChips" }] : /* istanbul ignore next */ []));
+        // The focus moves to the first appended card.
+        this.loadMore = createCatalogLoadMore({
+            list: this.list,
+            filter: this.facade.filter,
+            totalCount: this.totalCount,
+            loading: this.isLoading,
+            read: (filter) => this.facade.read(filter),
+            defaultLimit: defaults.limit || 12,
+            onAppended: (added, firstIndex) => {
+                this.loadMoreStatus.set(this.collectionsCatalogTranslate.instant(loadMore.loadedMoreKey ?? COLLECTIONS_CATALOG_LOADED_MORE_KEY, { count: added }));
+                if (!added || !this.collectionsCatalogBrowser)
+                    return;
+                this.collectionsCatalogTimeouts.later(() => this.listContainerElement
+                    ?.querySelectorAll(loadMore.itemSelector ?? COLLECTIONS_CATALOG_ITEM_SELECTOR)[firstIndex]?.focus({ preventScroll: true }), 0);
+            },
+        });
+        // After a page change from the bottom pagination scroll to the list top
+        // once the data has loaded.
+        effect(() => {
+            const loading = this.isLoading();
+            if (!loading &&
+                this.collectionsCatalogScrollAfterLoad &&
+                this.collectionsCatalogBrowser) {
+                this.collectionsCatalogScrollAfterLoad = false;
+                this.collectionsCatalogTimeouts.later(() => this.listContainerElement?.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start',
+                }), 0);
+            }
+        });
+        if (seo)
+            this.applyListSeo(seo);
+    }
+    /** The list root element (`#listContainer`). */
+    get listContainerElement() {
+        return this.collectionsCatalogListContainer()?.nativeElement;
+    }
+    retryLoad() {
+        this.catalog.retry();
+    }
+    pageChange(page) {
+        this.catalog.setPage(page);
+    }
+    /** Page change from the bottom pagination — scrolls to the list once loaded. */
+    bottomPageChange(page) {
+        this.collectionsCatalogScrollAfterLoad = true;
+        this.pageChange(page);
+    }
+    onSortChange(sort) {
+        this.catalog.setSort(sort);
+    }
+    /** Sort by key (`name-desc`, `random`). */
+    sortChange(key) {
+        this.catalog.setSortKey(key);
+    }
+    onLimitChange(limit) {
+        this.catalog.setLimit(limit);
+    }
+    /**
+     * Toggles one cycle in the `cycles` item (filter bar and tile pills);
+     * unselecting the last one removes the whole query item. Compared by the
+     * normalised id: a click on `7` also removes `"7"` from a deep link
+     * instead of adding a second filter (review MOB-1815); an added cycle is
+     * stored with its numeric id.
+     */
+    onTagToggle(entry) {
+        const current = this.facade.filter()?.query ?? [];
+        const next = toggleDictionaryFilterItem(current.find((q) => q.key === COLLECTIONS_CYCLES_FILTER_KEY)?.value, entry);
+        if (!next)
+            return;
+        const query = current.filter((q) => q.key !== COLLECTIONS_CYCLES_FILTER_KEY);
+        if (next.length) {
+            query.push({
+                key: COLLECTIONS_CYCLES_FILTER_KEY,
+                value: next,
+                type: '=',
+                hidden: true,
+            });
+        }
+        this.catalog.update({ query });
+    }
+    /**
+     * Search from the filter bar. In the catalog it patches the filter; in a
+     * search tab the phrase lives in the address (MOB-1818) — a new one opens
+     * `/wyszukaj/:text/kolekcje`, a blank one `/kolekcje` with the other filters.
+     */
+    onFilterBarSearch(phrase) {
+        this.catalog.search(phrase);
+    }
+    onListModeChange(mode) {
+        this.catalog.setListMode(mode);
+    }
+    clearAllFilters() {
+        this.catalog.clearAll();
+    }
+    /**
+     * Full list meta (title, description, canonical, og), not in a search tab —
+     * there the search page sets them, and the canonical of the list must not
+     * point at a phrase url. The description goes out as translated.
+     */
+    applyListSeo(seo) {
+        if (this.catalog.searchEnabled())
+            return;
+        const t = (key) => this.collectionsCatalogTranslate.instant(key);
+        this.collectionsCatalogSeoService.apply({
+            title: `${capitalize(t(seo.titleKey))} - ${capitalize(t(seo.siteNameKey ?? 'MODEL.mainTitle'))}`,
+            description: t(seo.descriptionKey),
+            type: 'website',
+            url: seo.url,
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionsCatalogBaseComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: CollectionsCatalogBaseComponent, isStandalone: true, viewQueries: [{ propertyName: "collectionsCatalogListContainer", first: true, predicate: ["listContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionsCatalogBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { collectionsCatalogListContainer: [{ type: i0.ViewChild, args: ['listContainer', { isSignal: true }] }] } });
+
+/** Local filter of a collection page (Muzeum Podlasia): 20 objects per page, unsorted. */
+const COLLECTION_DETAILS_DEFAULTS = {
+    limit: 20,
+    offset: 0,
+    sortBy: '',
+    sortDesc: false,
+    searchText: '',
+    query: [],
+};
+const COLLECTION_DETAILS_LIST_MODE_KEY = 'MUSEUM_OBJECTS_LIST_MODE';
+const COLLECTION_DETAILS_SITE_NAME_KEY = 'MODEL.mainTitle';
+const COLLECTION_DETAILS_ITEM_SELECTOR = '[data-testid="objects-grid-item-link"], [data-testid="objects-list-item"]';
+const COLLECTION_DETAILS_LOADED_MORE_KEY = 'COMMON.loadedMore';
+/**
+ * Plain text of a CMS article title: tags become spaces, entities are decoded
+ * without `DOMParser` (the same result in SSR), whitespace collapsed.
+ */
+function collectionDetailsArticleTitle(title) {
+    return normalizeMetaText((title ?? '').replace(/<[^>]*>/g, ' '));
+}
+function collectionDetailsStripHtml(html) {
+    if (!html)
+        return '';
+    return html.replace(/<\/?[^>]+(>|$)/g, '');
+}
+/**
+ * Base of a collection page: the collection with a locally paged list of its
+ * items (`PublicCollectionItemsService.getItems`), sort/size/page, 404 vs
+ * other load errors, SEO (also in SSR), hero image and meta, opt-in related
+ * articles, „więcej ↓” and the grid/list mode. The page keeps its template.
+ *
+ * ```ts
+ * // Muzeum Podlasia
+ * export class ItemComponent extends CollectionDetailsBaseComponent {
+ *   constructor() {
+ *     super({ relatedArticles: true });
+ *   }
+ * }
+ * ```
+ *
+ * A `#listContainer` element in the template is scrolled to after a page
+ * change from the bottom pagination and holds the cards focused by load more.
+ */
+class CollectionDetailsBaseComponent extends PublicCollectionsItemComponent {
+    constructor(options = {}) {
+        super();
+        this.collectionDetailsService = inject(PublicCollectionItemsService);
+        this.collectionDetailsSeo = inject(MuseumSeoService);
+        this.collectionDetailsFileUrl = inject(FileUrlService);
+        this.collectionDetailsStorage = inject(StorageService);
+        this.collectionDetailsTranslate = inject(TranslateService);
+        this.collectionDetailsLocale = inject(LOCALE_ID);
+        this.collectionDetailsDocument = inject(DOCUMENT);
+        this.collectionDetailsBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        this.collectionDetailsTimeouts = createSafeTimeouts();
+        this.collectionDetailsListContainer = viewChild('listContainer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collectionDetailsListContainer" }] : /* istanbul ignore next */ []));
+        this.collectionDetailsMasonry = viewChild(MasonryGridComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collectionDetailsMasonry" }] : /* istanbul ignore next */ []));
+        this.collectionDetailsScrollAfterLoad = false;
+        /** The collection read by the facade or a page of objects by the service. */
+        this.isLoading = computed(() => this.facade.loading() || this.collectionDetailsService.loading(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        /** Mode of the objects list — tiles (masonry) or a vertical list. */
+        this.listMode = signal(ListMode.masonryGrid, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listMode" }] : /* istanbul ignore next */ []));
+        /** The current filter as a toolbar option key (e.g. `name-desc`). */
+        this.toolbarSortKey = computed(() => {
+            const filter = this.localFilter();
+            return !filter.sortBy
+                ? 'random'
+                : `${filter.sortBy}-${filter.sortDesc ? 'desc' : 'asc'}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toolbarSortKey" }] : /* istanbul ignore next */ []));
+        /**
+         * The hero straight from the real file (`noCache` = `filePath` without the
+         * extension swap). `FileUrlService.get()` in `cache` mode forces `.jpg` for
+         * paths outside `media/dictionaries`/`media/articles`, and the CDN has no
+         * preset for `entry_collections` — the `.jpg` ended in 404 /
+         * ERR_BLOCKED_BY_ORB (MOB-1564), and the real `.png` came only after
+         * hydration through `(error)` (Lighthouse: collection LCP 20 s, MOB-1850).
+         */
+        this.heroImageSrc = computed(() => {
+            const collection = this.data();
+            if (!collection?.image) {
+                return '';
+            }
+            const src = this.collectionDetailsFileUrl.get(collection.image, this.collectionDetailsOptions.heroImageMode ?? 'noCache');
+            return src.includes('assets/no-image.svg') ? '/gfx/no-image.png' : src;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "heroImageSrc" }] : /* istanbul ignore next */ []));
+        this.description = computed(() => this.data()?.description || '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        /**
+         * „author | date” row under the hero title. `undefined` when there is
+         * nothing to show — the hero then renders no paragraph at all.
+         */
+        this.heroMeta = computed(() => {
+            const collection = this.data();
+            const parts = [
+                collection?.author,
+                this.collectionDetailsFormatDate(collection?.publicationDate),
+            ].filter((part) => !!part);
+            return parts.length ? parts.join(' | ') : undefined;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "heroMeta" }] : /* istanbul ignore next */ []));
+        /** The API answered 404 — the page shows „not found” instead of nothing. */
+        this.notFound = computed(() => this.collectionDetailsService.loadErrorStatus() === 404, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "notFound" }] : /* istanbul ignore next */ []));
+        /** Other load errors — a message with a retry. */
+        this.hasLoadError = computed(() => {
+            const status = this.collectionDetailsService.loadErrorStatus();
+            return status !== null && status !== 404;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasLoadError" }] : /* istanbul ignore next */ []));
+        this.selectedPage = computed(() => {
+            const filter = this.localFilter();
+            return filter?.offset ? filter.offset / (filter.limit || 20) : 1;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedPage" }] : /* istanbul ignore next */ []));
+        this.totalCount = computed(() => this.data()?.paginatorDetails?.totalItemsCount ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "totalCount" }] : /* istanbul ignore next */ []));
+        this.list = computed(() => (this.data()?.items ?? []), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []));
+        /** The collection's objects — the grid under „Objects in the collection”. */
+        this.objectItems = computed(() => this.list().filter((item) => this.isObject(item.type)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "objectItems" }] : /* istanbul ignore next */ []));
+        /** Screen reader message after cards were appended („więcej ↓”). */
+        this.loadMoreStatus = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadMoreStatus" }] : /* istanbul ignore next */ []));
+        this.collectionDetailsOptions = options;
+        const defaults = options.defaults ?? COLLECTION_DETAILS_DEFAULTS;
+        const collectionId = this.route.snapshot.params['id'];
+        this.localFilter = signal({ ...defaults }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "localFilter" }] : /* istanbul ignore next */ []));
+        // Reacts to filter changes (paging).
+        this.data = this.collectionDetailsService.getItems(collectionId, this.localFilter);
+        this.relatedArticles = options.relatedArticles
+            ? toSignal(this.collectionDetailsService.getRelatedArticles(collectionId).pipe(map((articles) => articles
+                .map((article) => ({
+                id: article.id,
+                title: collectionDetailsArticleTitle(article.title),
+            }))
+                // A title made of markup only would give a link without an accessible name.
+                .filter((article) => !!article.title))), { initialValue: [] })
+            : signal([]).asReadonly();
+        const loadMore = options.loadMore ?? {};
+        this.loadMore = createCatalogLoadMore({
+            list: this.objectItems,
+            filter: this.localFilter,
+            totalCount: this.totalCount,
+            loading: this.collectionDetailsService.loading,
+            read: (filter) => this.localFilter.set(filter),
+            defaultLimit: defaults.limit ?? 20,
+            onAppended: (added, firstIndex) => {
+                this.loadMoreStatus.set(this.collectionDetailsTranslate.instant(loadMore.loadedMoreKey ?? COLLECTION_DETAILS_LOADED_MORE_KEY, { count: added }));
+                if (!added || !this.collectionDetailsBrowser) {
+                    return;
+                }
+                this.collectionDetailsTimeouts.later(() => this.collectionDetailsListContainer()
+                    ?.nativeElement.querySelectorAll(loadMore.itemSelector ?? COLLECTION_DETAILS_ITEM_SELECTOR)[firstIndex]?.focus({ preventScroll: true }), 0);
+            },
+        });
+        this.collectionDetailsSeo.applyForSsr(() => this.collectionDetailsFetchSsrSeo());
+        effect(() => {
+            const collection = this.data();
+            if (collection) {
+                this.collectionDetailsSeo.apply(this.buildSeoMetadata(collection));
+                if (this.collectionDetailsBrowser) {
+                    this.collectionDetailsDocument.defaultView?.scrollTo({
+                        top: 0,
+                        behavior: 'instant',
+                    });
+                }
+            }
+        });
+        // On a 404 the document title must not stay the plain museum name.
+        effect(() => {
+            if (!this.notFound())
+                return;
+            this.collectionDetailsSeo.apply({
+                title: `${this.translationService.get('NOT_FOUND.title')} - ${this.translationService.get(this.collectionDetailsSiteNameKey)}`,
+            });
+        });
+        // After a page change from the bottom pagination scroll to the list top
+        // once the data has loaded.
+        effect(() => {
+            const loading = this.isLoading();
+            if (!loading &&
+                this.collectionDetailsScrollAfterLoad &&
+                this.collectionDetailsBrowser) {
+                this.collectionDetailsScrollAfterLoad = false;
+                this.collectionDetailsTimeouts.later(() => this.collectionDetailsListContainer()?.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start' }), 0);
+            }
+        });
+        // Restores the view mode from the shared key (mobile forces its mode).
+        afterNextRender(() => this.collectionDetailsInitListMode());
+    }
+    onListMode(value) {
+        // On mobile the mode is forced — the toggle is hidden and inactive.
+        if (this.collectionDetailsIsMobile()) {
+            return;
+        }
+        const newMode = value === ListMode.masonryGrid ? ListMode.masonryGrid : ListMode.desktop;
+        this.listMode.set(newMode);
+        this.collectionDetailsStorage.setItem(this.collectionDetailsOptions.listModeKey ??
+            COLLECTION_DETAILS_LIST_MODE_KEY, value);
+        if (newMode !== ListMode.masonryGrid) {
+            this.collectionDetailsMasonry()?.destroyMasonry();
+        }
+        else {
+            this.collectionDetailsTimeouts.later(() => {
+                if (this.listMode() !== ListMode.masonryGrid)
+                    return;
+                this.collectionDetailsMasonry()?.initMasonry();
+            }, 100);
+        }
+    }
+    onToolbarSortChange({ by, desc }) {
+        // „random” = no sort (consistent with /obiekty).
+        const sortBy = by === 'random' ? '' : by;
+        this.localFilter.update((filter) => ({
+            ...filter,
+            sortBy,
+            sortDesc: desc,
+            offset: 0,
+        }));
+    }
+    /** Sort by a dropdown key (`name-desc`, `random`). */
+    sortChange(key) {
+        const sortDesc = key.endsWith('-desc');
+        let sortBy = key.replace(/-asc$/, '').replace(/-desc$/, '');
+        // „random” = no sort (consistent with /obiekty).
+        if (sortBy === 'random') {
+            sortBy = '';
+        }
+        this.localFilter.update((filter) => ({
+            ...filter,
+            sortBy,
+            sortDesc,
+            offset: 0,
+        }));
+    }
+    /** Repeats the last request — a new filter reference forces another call. */
+    retryLoad() {
+        this.localFilter.update((filter) => ({ ...filter }));
+    }
+    limitChange(value) {
+        this.localFilter.update((filter) => ({
+            ...filter,
+            limit: Number(value),
+            offset: 0,
+        }));
+    }
+    pageChange(page) {
+        const currentLimit = this.localFilter().limit ?? 20;
+        this.localFilter.update((filter) => ({
+            ...filter,
+            offset: pageToOffset(page, currentLimit),
+        }));
+    }
+    /** Page change from the bottom pagination — scrolls to the list once loaded. */
+    bottomPageChange(page) {
+        this.collectionDetailsScrollAfterLoad = true;
+        this.pageChange(page);
+    }
+    isObject(type) {
+        return type === PublicCollectionItemType.object;
+    }
+    $MsObject(item) {
+        return item;
+    }
+    /** SEO of the collection: `<title> - <site>`, description, image alt. */
+    buildSeoMetadata(item) {
+        const strippedTitle = collectionDetailsStripHtml(item.title);
+        const siteName = this.translationService.get(this.collectionDetailsSiteNameKey);
+        return {
+            title: `${strippedTitle} - ${siteName}`,
+            description: item.description
+                ? collectionDetailsStripHtml(item.description)
+                : undefined,
+            imageAlt: strippedTitle,
+            type: 'article',
+        };
+    }
+    get collectionDetailsSiteNameKey() {
+        return (this.collectionDetailsOptions.siteNameKey ??
+            COLLECTION_DETAILS_SITE_NAME_KEY);
+    }
+    collectionDetailsIsMobile() {
+        const width = this.collectionDetailsDocument.defaultView?.innerWidth;
+        return (width !== undefined &&
+            width < (this.collectionDetailsOptions.mobileBreakpoint ?? 768));
+    }
+    collectionDetailsInitListMode() {
+        if (!this.collectionDetailsBrowser) {
+            return;
+        }
+        // The mobile mock-up (2290:10471) has only the two-column grid — the
+        // view toggle is hidden below md, as on /obiekty.
+        if (this.collectionDetailsIsMobile()) {
+            this.listMode.set(this.collectionDetailsOptions.mobileListMode ?? ListMode.masonryGrid);
+        }
+        else {
+            this.listMode.set(this.collectionDetailsStorage.getItem(this.collectionDetailsOptions.listModeKey ??
+                COLLECTION_DETAILS_LIST_MODE_KEY) === ListMode.desktop
+                ? ListMode.desktop
+                : ListMode.masonryGrid);
+        }
+    }
+    async collectionDetailsFetchSsrSeo() {
+        const id = this.route.snapshot.paramMap.get('id');
+        if (!id)
+            return null;
+        try {
+            const item = await this.collectionDetailsService.getById(id);
+            return item ? this.buildSeoMetadata(item) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    collectionDetailsFormatDate(value) {
+        if (!value)
+            return undefined;
+        return formatDate(value, 'dd.MM.yyyy', this.collectionDetailsLocale);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionDetailsBaseComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: CollectionDetailsBaseComponent, isStandalone: true, viewQueries: [{ propertyName: "collectionDetailsListContainer", first: true, predicate: ["listContainer"], descendants: true, isSignal: true }, { propertyName: "collectionDetailsMasonry", first: true, predicate: MasonryGridComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionDetailsBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { collectionDetailsListContainer: [{ type: i0.ViewChild, args: ['listContainer', { isSignal: true }] }], collectionDetailsMasonry: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MasonryGridComponent), { isSignal: true }] }] } });
+
+/** How long (ms) the "link copied" message stays after a click. */
+const COLLECTION_SHARE_COPIED_TIMEOUT = 3000;
+/**
+ * Logic of the "Share collection" button: the native share sheet, or a
+ * clipboard copy with a "link copied" flag when the browser has no share sheet.
+ * The template stays in the app.
+ */
+class CollectionShareButtonBaseComponent {
+    constructor() {
+        this.collectionShareButtonPlatformId = inject(PLATFORM_ID);
+        this.collectionShareButtonDocument = inject(DOCUMENT);
+        this.collectionShareButtonTimeouts = createSafeTimeouts();
+        this.copied = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
+        /** How long (ms) "copied" stays on; overridable, read inside `share`. */
+        this.collectionShareButtonCopiedTimeout = COLLECTION_SHARE_COPIED_TIMEOUT;
+    }
+    async share() {
+        if (!isPlatformBrowser(this.collectionShareButtonPlatformId)) {
+            return;
+        }
+        const doc = this.collectionShareButtonDocument;
+        const url = doc.defaultView?.location.href ?? '';
+        const title = doc.title;
+        if (navigator.share) {
+            // Cancelling the share sheet rejects with AbortError — not an error.
+            await navigator.share({ title, url }).catch(() => undefined);
+            return;
+        }
+        await navigator.clipboard.writeText(url);
+        this.copied.set(true);
+        this.collectionShareButtonTimeouts.later(() => this.copied.set(false), this.collectionShareButtonCopiedTimeout);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionShareButtonBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: CollectionShareButtonBaseComponent, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CollectionShareButtonBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentsModule, FiltersComponent, ListComponent, PublicCollectionsFacade, PublicCollectionsItemComponent, PublicCollectionsListComponent, PublicCollectionsModule, PublicCollectionsService, PublicCollectionsSharedModule, SERVICES, getPublicCollectionsState, getReducer, initialState };
+export { COLLECTIONS_CATALOG_DEFAULTS, COLLECTIONS_CATALOG_SEO, COLLECTIONS_CYCLES_FILTER_KEY, COLLECTION_DETAILS_DEFAULTS, COLLECTION_SHARE_COPIED_TIMEOUT, CollectionDetailsBaseComponent, CollectionShareButtonBaseComponent, CollectionsCatalogBaseComponent, ComponentsModule, FiltersComponent, ListComponent, PUBLIC_COLLECTION_RELATED_ARTICLES_LIMIT, PublicCollectionItemsService, PublicCollectionsFacade, PublicCollectionsItemComponent, PublicCollectionsListComponent, PublicCollectionsModule, PublicCollectionsService, PublicCollectionsSharedModule, SERVICES, dropLegacyCollectionKeywords, getPublicCollectionsState, getReducer, initialState };
 //# sourceMappingURL=smartsoft001-mobilems-public-collections-shell-angular.mjs.map