@smartsoft001-mobilems/objects-shell-angular 2.129.0 → 2.131.0

package/fesm2022/smartsoft001-mobilems-objects-shell-angular.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, contentChild, ChangeDetectionStrategy, Component, NgModule, PLATFORM_ID, isDevMode, Directive, signal, effect, viewChild, computed, untracked, input, output, linkedSignal } from '@angular/core';
+import { Injectable, inject, contentChild, ChangeDetectionStrategy, Component, NgModule, PLATFORM_ID, isDevMode, Directive, signal, effect, viewChild, computed, untracked, input, output, linkedSignal, DestroyRef } from '@angular/core';
 import { FILE_SERVICE_CONFIG, PaginationMode, ListMode } from '@smartsoft001/angular';
 import { CrudFacade, initialState as initialState$1, getReducer as getReducer$1, CrudService, CrudConfig, CrudFullConfig, CrudCoreModule, CrudModule, CrudListPageBaseComponent, CrudItemPageBaseComponent } from '@smartsoft001/crud-shell-angular';
-import { CrudBaseService, FiltersBaseComponent, DICTIONARY_PAGE_SIZE, FileUrlService, provideInheritedSharedConfig, SharedModule, SeoService, TranslationService, MuseumSeoService, WcagChangesService, createSafeTimeouts, MasonryGridComponent, createCatalog, createCatalogLoadMore, toPlainText, namedEntryParts, serializeCatalogFilter, createCycleTagSearch, mergeSelectedTags, dictionaryFilterItems, dictionaryEntryKey, dictionaryEntries, SHARE_LINK_COPIED_TIMEOUT, ShareLinkBaseComponent } from '@smartsoft001-mobilems/angular';
+import { CrudBaseService, FiltersBaseComponent, DICTIONARY_PAGE_SIZE, FileUrlService, provideInheritedSharedConfig, SharedModule, SeoService, TranslationService, MuseumSeoService, WcagChangesService, createSafeTimeouts, MasonryGridComponent, createCatalog, createCatalogLoadMore, toPlainText, namedEntryParts, serializeCatalogFilter, createCycleTagSearch, mergeSelectedTags, dictionaryFilterItems, dictionaryEntryKey, dictionaryEntries, SHARE_LINK_COPIED_TIMEOUT, ShareLinkBaseComponent, createLazyLoader } from '@smartsoft001-mobilems/angular';
 import { NgTemplateOutlet, CommonModule, isPlatformServer, isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { firstValueFrom, retry, timer, throwError, map, tap, catchError, of, expand, reduce, switchMap, from, mergeMap, toArray, filter, takeUntil } from 'rxjs';
 import { createFeatureSelector } from '@ngrx/store';
@@ -10,6 +10,7 @@ import { toSignal, toObservable, rxResource } from '@angular/core/rxjs-interop';
 import { ActivatedRoute } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { capitalize } from '@smartsoft001/utils';
+import { DomSanitizer } from '@angular/platform-browser';
 
 class ObjectsService extends CrudBaseService {
     getUrlNameForDetails() {
@@ -1741,9 +1742,1001 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
             type: Directive
         }], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }] } });
 
+/**
+ * Logic-only base of an object media tab (MOB-1801), from Muzeum Podlasia's
+ * `components/tabs`: the `item` and `formFeatureTypes` inputs and `models` —
+ * the object's `additionalImages` of the given form feature types, sorted by
+ * `position`. The tab keeps its template, styles and `host`.
+ *
+ * `mediaTabFilterModels(models)` is a hook (identity by default) that a tab
+ * overrides to narrow the list further.
+ *
+ * ```ts
+ * export class OtherFilesTabComponent extends ObjectMediaTabBaseComponent<IAnimationObject> {}
+ * ```
+ */
+class ObjectMediaTabBaseComponent {
+    constructor() {
+        this.mediaTabFileUrl = inject(FileUrlService);
+        this.mediaTabTranslate = inject(TranslateService);
+        /** The object whose media the tab shows. */
+        this.item = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+        /** The form feature types (`FormFeatureType`) the tab shows. */
+        this.formFeatureTypes = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "formFeatureTypes" }] : /* istanbul ignore next */ []));
+        /** The object's media of `formFeatureTypes`, sorted by `position`, then through `mediaTabFilterModels`. */
+        this.models = computed(() => {
+            const obj = this.item();
+            let filtered = [];
+            if (obj.additionalImages && Array.isArray(obj.additionalImages)) {
+                filtered = obj.additionalImages
+                    .filter((img) => this.formFeatureTypes().includes(img?.formFeature))
+                    .sort((a, b) => (a?.position ?? 0) - (b?.position ?? 0));
+            }
+            return this.mediaTabFilterModels(filtered);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "models" }] : /* istanbul ignore next */ []));
+    }
+    /** Narrows the sorted list. Identity by default. */
+    mediaTabFilterModels(models) {
+        return models;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMediaTabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ObjectMediaTabBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, formFeatureTypes: { classPropertyName: "formFeatureTypes", publicName: "formFeatureTypes", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMediaTabBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], formFeatureTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFeatureTypes", required: true }] }] } });
+
+/**
+ * Logic-only base of the media tabs' download button, from Muzeum Podlasia's
+ * `download-button`: `download()` fetches `url`, saves the blob as `filename`
+ * through a temporary `<a download>` and revokes the object URL. It runs only
+ * from a click, so never on the server. The button keeps its template.
+ *
+ * ```ts
+ * export class DownloadButtonComponent extends ObjectDownloadButtonBaseComponent {}
+ * ```
+ */
+class ObjectDownloadButtonBaseComponent {
+    constructor() {
+        this.downloadButtonDocument = inject(DOCUMENT);
+        /** The file URL. An empty URL does nothing. */
+        this.url = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
+        /** The name the file is saved under. */
+        this.filename = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filename" }] : /* istanbul ignore next */ []));
+        /** `true` while the file is being fetched. */
+        this.isDownloading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDownloading" }] : /* istanbul ignore next */ []));
+    }
+    async download() {
+        const url = this.url();
+        const filename = this.filename();
+        if (!url)
+            return;
+        this.isDownloading.set(true);
+        try {
+            const response = await fetch(url);
+            const blob = await response.blob();
+            const blobUrl = URL.createObjectURL(blob);
+            const link = this.downloadButtonDocument.createElement('a');
+            link.href = blobUrl;
+            link.download = filename;
+            link.click();
+            URL.revokeObjectURL(blobUrl);
+        }
+        catch (error) {
+            console.error('Failed to download file:', error);
+        }
+        finally {
+            this.isDownloading.set(false);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectDownloadButtonBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ObjectDownloadButtonBaseComponent, isStandalone: true, inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectDownloadButtonBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }], filename: [{ type: i0.Input, args: [{ isSignal: true, alias: "filename", required: true }] }] } });
+
+/**
+ * Logic-only base of the object map tab, from Muzeum Podlasia's `map-tab`:
+ * the object's `archeoMap` coordinates. The tab keeps its template (the map
+ * component and its zoom).
+ *
+ * ```ts
+ * export class MapTabComponent extends ObjectMapTabBaseComponent {}
+ * ```
+ */
+class ObjectMapTabBaseComponent {
+    constructor() {
+        /** The object whose `archeoMap` the tab shows. */
+        this.item = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+        this.mapTabArcheoMap = computed(() => {
+            const obj = this.item();
+            return obj?.archeoMap;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mapTabArcheoMap" }] : /* istanbul ignore next */ []));
+        /** Truthy (the longitude string) when both coordinates are set. */
+        this.hasCoordinates = computed(() => {
+            const map = this.mapTabArcheoMap();
+            return map?.latitude && map?.longitude;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasCoordinates" }] : /* istanbul ignore next */ []));
+        /** `parseFloat(latitude)`, `0` when missing. */
+        this.latitude = computed(() => {
+            const map = this.mapTabArcheoMap();
+            return map?.latitude ? parseFloat(map.latitude) : 0;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "latitude" }] : /* istanbul ignore next */ []));
+        /** `parseFloat(longitude)`, `0` when missing. */
+        this.longitude = computed(() => {
+            const map = this.mapTabArcheoMap();
+            return map?.longitude ? parseFloat(map.longitude) : 0;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "longitude" }] : /* istanbul ignore next */ []));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMapTabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ObjectMapTabBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMapTabBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }] } });
+
+/**
+ * Logic-only base of an object tab with native `<audio>` players (MOB-1801):
+ * the file URL, title, aria label and download file name of each recording,
+ * shared by `ObjectAudioTabBaseComponent` and
+ * `ObjectAudioDescriptionTabBaseComponent`. The fallback label comes from
+ * `audioMediaTabLabelKey`, read lazily, so a subclass overrides it with a
+ * field.
+ *
+ * ```ts
+ * protected override readonly audioMediaTabLabelKey = 'DETAILS_PAGE.tabs.audio';
+ * ```
+ */
+class ObjectAudioMediaTabBaseComponent extends ObjectMediaTabBaseComponent {
+    constructor() {
+        super(...arguments);
+        /** Translation key of the player label; read lazily, so a subclass can override it. */
+        this.audioMediaTabLabelKey = 'OBJECTS.filters.multimedia.audio';
+    }
+    /** The recording's file URL (`noCache`). */
+    getAudioUrl(audio) {
+        return this.mediaTabFileUrl.get(audio, 'noCache');
+    }
+    /** Alt text in the current language, then the description, then the label key. */
+    getAudioTitle(audio) {
+        const currentLang = this.mediaTabTranslate.currentLang;
+        const altText = currentLang === 'en' ? audio.altTextEn : audio.altText;
+        return (altText ||
+            audio.description ||
+            this.mediaTabTranslate.instant(this.audioMediaTabLabelKey));
+    }
+    /** `<label>: <title>`. */
+    getAudioAriaLabel(audio) {
+        const title = this.getAudioTitle(audio);
+        const audioLabel = this.mediaTabTranslate.instant(this.audioMediaTabLabelKey);
+        return `${audioLabel}: ${title}`;
+    }
+    /** The object title, alt text, description or `audio`, plus the extension (`mp3` by default). */
+    getDownloadFilename(audio) {
+        const name = this.item()?.title || audio.altText || audio.description || 'audio';
+        const ext = audio.extension || 'mp3';
+        return `${name}.${ext}`;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioMediaTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectAudioMediaTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioMediaTabBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Logic-only base of the object audio tab (MOB-1801). Muzeum Podlasia renders
+ * the article player (`app-widget-audio` on `WidgetAudioBaseComponent`,
+ * MOB-1805 / MOB-1872) through `widgetItem` and `trackName`; sztuki-2 and the
+ * template render a native `<audio>` with a download button through
+ * `getAudioUrl`, `getAudioTitle`, `getAudioAriaLabel` and
+ * `getDownloadFilename` (`ObjectAudioMediaTabBaseComponent`, label
+ * `DETAILS_PAGE.tabs.audio`), with `playableOnly: false`. The tab keeps its
+ * template, styles and `host`.
+ *
+ * ```ts
+ * export class AudioTabComponent extends ObjectAudioTabBaseComponent {
+ *   constructor() {
+ *     super(); // sztuki-2 / template: super({ playableOnly: false })
+ *   }
+ * }
+ * ```
+ */
+class ObjectAudioTabBaseComponent extends ObjectAudioMediaTabBaseComponent {
+    constructor(options = {}) {
+        super();
+        this.audioMediaTabLabelKey = 'DETAILS_PAGE.tabs.audio';
+        this.audioTabOptions = options;
+    }
+    /** With `playableOnly` (default) only recordings with a file. */
+    mediaTabFilterModels(models) {
+        if (this.audioTabOptions.playableOnly === false)
+            return models;
+        // Only recordings with a file — the "Audio 1, 2…" numbering counts what
+        // is shown (MOB-1872 review).
+        return models.filter((audio) => !!audio.filePath);
+    }
+    /**
+     * The recording in the audio widget's shape: the file in `file`, the
+     * heading from the description (without one — a player without a heading,
+     * as in the mock-up).
+     */
+    widgetItem(audio) {
+        return {
+            file: audio,
+            title: audio.description ?? '',
+        };
+    }
+    /**
+     * The recording's name for screen readers (the player's button and
+     * slider): the alt text in the current language or the description;
+     * several recordings without names — "Audio 1", "Audio 2"… (MOB-1872
+     * review); a single one — `null`.
+     */
+    trackName(audio, index) {
+        const altText = this.mediaTabTranslate.currentLang === 'en'
+            ? audio.altTextEn
+            : audio.altText;
+        const name = (altText || audio.description || '').trim();
+        if (name)
+            return name;
+        return this.models().length > 1
+            ? `${this.mediaTabTranslate.instant(this.audioMediaTabLabelKey)} ${index + 1}`
+            : null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioTabBaseComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectAudioTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioTabBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }] });
+
+/**
+ * Logic-only base of the object audio description tab (MOB-1801), from Muzeum
+ * Podlasia's `audio-description-tab.component.ts` (sztuki-2 and the template
+ * differ by one template class only): the main image above the players and
+ * the names of each recording (`ObjectAudioMediaTabBaseComponent`, label
+ * `OBJECTS.filters.multimedia.audio`). The tab keeps its template, styles and `host`.
+ *
+ * ```ts
+ * export class AudioDescriptionTabComponent extends ObjectAudioDescriptionTabBaseComponent {}
+ * ```
+ */
+class ObjectAudioDescriptionTabBaseComponent extends ObjectAudioMediaTabBaseComponent {
+    constructor() {
+        super(...arguments);
+        /** The object's main image (`big` = full resolution without cache); `null` without one or for the no-image placeholder. */
+        this.mainImageUrl = computed(() => {
+            const obj = this.item();
+            if (obj?.image) {
+                const url = this.mediaTabFileUrl.get(obj.image, 'big');
+                if (url && !url.includes('assets/no-image.svg')) {
+                    return url;
+                }
+            }
+            return null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mainImageUrl" }] : /* istanbul ignore next */ []));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioDescriptionTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectAudioDescriptionTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAudioDescriptionTabBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Logic-only base of the object documents tab (MOB-1801), from Muzeum
+ * Podlasia's `documents-tab.component.ts` (sztuki-2 and the template differ by
+ * one template class only): each document's URL, display name and download
+ * file name. The tab keeps its template, styles and `host`.
+ *
+ * ```ts
+ * export class DocumentsTabComponent extends ObjectDocumentsTabBaseComponent {}
+ * ```
+ */
+class ObjectDocumentsTabBaseComponent extends ObjectMediaTabBaseComponent {
+    /** The document's file URL (`noCache`). */
+    getDocumentUrl(doc) {
+        return this.mediaTabFileUrl.get(doc, 'noCache');
+    }
+    /** Alt text in the current language, then the description, then the upper-case extension (`PDF` by default). */
+    getDocumentDisplayName(doc) {
+        const currentLang = this.mediaTabTranslate.currentLang;
+        const altText = currentLang === 'en' ? doc.altTextEn : doc.altText;
+        if (altText)
+            return altText;
+        if (doc.description)
+            return doc.description;
+        // Show the extension name when there is no description
+        const extension = doc.extension || 'pdf';
+        return extension.toUpperCase();
+    }
+    /** Alt text in the current language, description or `document`, plus the extension (`pdf` by default). */
+    getDocumentFileName(doc) {
+        const currentLang = this.mediaTabTranslate.currentLang;
+        const altText = currentLang === 'en' ? doc.altTextEn : doc.altText;
+        const name = altText || doc.description || 'document';
+        const extension = doc.extension || 'pdf';
+        return `${name}.${extension}`;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectDocumentsTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectDocumentsTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectDocumentsTabBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Creates the selector state of a media tab, 1:1 from Muzeum Podlasia's
+ * animation tab. `fallbackLabel` gets the 0-based index of a model without
+ * `altText` and `description`. When `item()` becomes a different object (a new
+ * `id`), the first model is selected; an object that only re-emits keeps the
+ * user's choice. `item` and `models` are functions (`() => this.item()`), read
+ * lazily, so a tab that redeclares `item` still works. Call it in an injection context (a field initializer),
+ * because it registers an `effect`.
+ */
+function createMediaTabPicker(item, models, fallbackLabel) {
+    const selectedKey = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedKey" }] : /* istanbul ignore next */ []));
+    const options = computed(() => {
+        return models().map((model, index) => ({
+            key: String(model.id),
+            value: model?.altText ?? model?.description ?? fallbackLabel(index),
+        }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    const selected = computed(() => {
+        const list = models();
+        if (list.length === 0)
+            return null;
+        const key = selectedKey();
+        if (key) {
+            const found = list.find((model) => String(model.id) === key);
+            if (found)
+                return found;
+        }
+        return list[0];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    const selectedOption = computed(() => {
+        const model = selected();
+        const list = options();
+        if (model) {
+            const found = list.find((option) => option.key === String(model.id));
+            if (found)
+                return found;
+        }
+        return list[0] || { key: '', value: '' };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedOption" }] : /* istanbul ignore next */ []));
+    let lastItemId = null;
+    effect(() => {
+        const currentItem = item();
+        const list = models();
+        // Only reset the selected key when the item changes (a different object)
+        if (currentItem?.id !== lastItemId) {
+            lastItemId = currentItem?.id ?? null;
+            if (list.length > 0) {
+                selectedKey.set(String(list[0].id));
+            }
+            else {
+                selectedKey.set(null);
+            }
+        }
+    });
+    return { selectedKey, options, selected, selectedOption };
+}
+
+/**
+ * Logic-only base of an object tab with one video at a time and a dropdown
+ * (MOB-1801), shared by `ObjectAnimationTabBaseComponent` and
+ * `ObjectVideoTabBaseComponent`, 1:1 from Muzeum Podlasia's animation and
+ * video tabs: the selector state, the player reset on a change and the
+ * player helpers. The translation keys and the download fallback name are
+ * abstract fields, read lazily.
+ */
+class ObjectVideoMediaTabBaseComponent extends ObjectMediaTabBaseComponent {
+    constructor() {
+        super(...arguments);
+        /** The template's native `<video #videoPlayer>`, if it has one. */
+        this.videoPlayer = viewChild('videoPlayer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "videoPlayer" }] : /* istanbul ignore next */ []));
+        this.videoMediaTabPicker = createMediaTabPicker(() => this.item(), () => this.models(), (index) => `${this.mediaTabTranslate.instant(this.videoMediaTabOptionLabelKey)} ${index + 1}`);
+        /** The chosen video's key; the first video of each new object. */
+        this.selectedVideoKey = this.videoMediaTabPicker.selectedKey;
+        /** Dropdown options: alt text, description or `<label> <n>`. */
+        this.videoOptions = this.videoMediaTabPicker.options;
+        /** The chosen video, the first one by default. */
+        this.selectedVideo = this.videoMediaTabPicker.selected;
+        /** The dropdown option of `selectedVideo`. */
+        this.selectedVideoOption = this.videoMediaTabPicker.selectedOption;
+    }
+    /** Selects a video; a native `#videoPlayer` is paused and rewound. */
+    videoChange(key) {
+        this.selectedVideoKey.set(key);
+        // Reset video playback
+        const player = this.videoPlayer()?.nativeElement;
+        if (player) {
+            player.pause();
+            player.currentTime = 0;
+        }
+    }
+    /** The video's file URL (`noCache`). */
+    getVideoUrl(video) {
+        return this.mediaTabFileUrl.get(video, 'noCache');
+    }
+    /** Alt text in the current language, then the description, then the title key. */
+    getVideoTitle(video) {
+        const currentLang = this.mediaTabTranslate.currentLang;
+        const altText = currentLang === 'en' ? video.altTextEn : video.altText;
+        return (altText ||
+            video.description ||
+            this.mediaTabTranslate.instant(this.videoMediaTabTitleKey));
+    }
+    /** `<title key>: <title>`. */
+    getVideoAriaLabel(video) {
+        const title = this.getVideoTitle(video);
+        const videoLabel = this.mediaTabTranslate.instant(this.videoMediaTabTitleKey);
+        return `${videoLabel}: ${title}`;
+    }
+    /** The object title, alt text, description or the fallback name, plus the extension (`mp4` by default). */
+    getDownloadFilename(video) {
+        const name = this.item()?.title ||
+            video.altText ||
+            video.description ||
+            this.videoMediaTabDownloadName;
+        const ext = video.extension || 'mp4';
+        return `${name}.${ext}`;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVideoMediaTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: ObjectVideoMediaTabBaseComponent, isStandalone: true, viewQueries: [{ propertyName: "videoPlayer", first: true, predicate: ["videoPlayer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVideoMediaTabBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { videoPlayer: [{ type: i0.ViewChild, args: ['videoPlayer', { isSignal: true }] }] } });
+
+/**
+ * Logic-only base of the object animation tab (MOB-1801), 1:1 from Muzeum
+ * Podlasia (sztuki-2 and the template are identical): options without a name
+ * are `OBJECTS.filters.multimedia.animation <n>`, the player is titled with
+ * `OBJECTS.filters.multimedia.video`, the download falls back to
+ * `animation.mp4`, and `videoChange` pauses and rewinds `#videoPlayer`. The
+ * tab keeps its template, styles and `host`.
+ *
+ * ```ts
+ * export class AnimationTabComponent extends ObjectAnimationTabBaseComponent {}
+ * ```
+ */
+class ObjectAnimationTabBaseComponent extends ObjectVideoMediaTabBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.videoMediaTabOptionLabelKey = 'OBJECTS.filters.multimedia.animation';
+        this.videoMediaTabTitleKey = 'OBJECTS.filters.multimedia.video';
+        this.videoMediaTabDownloadName = 'animation';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAnimationTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectAnimationTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectAnimationTabBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Logic-only base of the object video tab (MOB-1801). Options, title and
+ * aria label use `DETAILS_PAGE.tabs.video`. Muzeum Podlasia renders the app's
+ * video player (a new source resets it — a still frame with a play button,
+ * no playback), so its template has no `#videoPlayer` and `videoChange` only
+ * selects the video. Sztuki-2 and the template render a native
+ * `<video #videoPlayer>`, which `videoChange` pauses and rewinds, and a
+ * download button named by `getDownloadFilename` (fallback `video.mp4`). The
+ * tab keeps its template, styles and `host`.
+ *
+ * ```ts
+ * export class VideoTabComponent extends ObjectVideoTabBaseComponent {}
+ * ```
+ */
+class ObjectVideoTabBaseComponent extends ObjectVideoMediaTabBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.videoMediaTabOptionLabelKey = 'DETAILS_PAGE.tabs.video';
+        this.videoMediaTabTitleKey = 'DETAILS_PAGE.tabs.video';
+        this.videoMediaTabDownloadName = 'video';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVideoTabBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ObjectVideoTabBaseComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVideoTabBaseComponent, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Logic-only base of the object virtual walk tab (MOB-1801), 1:1 from Muzeum
+ * Podlasia (sztuki-2 and the template are identical): the walk dropdown, the
+ * trusted iframe source and the fullscreen toggle of `#walkContainer`. The
+ * `fullscreenchange` listener is registered in the browser only, through the
+ * injected `DOCUMENT`, and removed on destroy. The tab keeps its template,
+ * styles and `host`.
+ *
+ * ```ts
+ * export class VirtualWalkTabComponent extends ObjectVirtualWalkTabBaseComponent {
+ *   constructor() {
+ *     super();
+ *   }
+ * }
+ * ```
+ */
+class ObjectVirtualWalkTabBaseComponent extends ObjectMediaTabBaseComponent {
+    constructor() {
+        super();
+        this.virtualWalkTabSanitizer = inject(DomSanitizer);
+        this.virtualWalkTabDocument = inject(DOCUMENT);
+        /** The template's `#iframeContainer`. */
+        this.iframeContainer = viewChild('iframeContainer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iframeContainer" }] : /* istanbul ignore next */ []));
+        /** The template's `#walkContainer`, the element shown fullscreen. */
+        this.walkContainer = viewChild('walkContainer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "walkContainer" }] : /* istanbul ignore next */ []));
+        this.virtualWalkTabPicker = createMediaTabPicker(() => this.item(), () => this.models(), (index) => `${this.mediaTabTranslate.instant('OBJECTS.filters.multimedia.virtualWalk')} ${index + 1}`);
+        /** The chosen walk's key; the first walk of each new object. */
+        this.selectedWalkKey = this.virtualWalkTabPicker.selectedKey;
+        /** Dropdown options: alt text, description or `OBJECTS.filters.multimedia.virtualWalk <n>`. */
+        this.walkOptions = this.virtualWalkTabPicker.options;
+        /** The chosen walk, the first one by default. */
+        this.selectedWalk = this.virtualWalkTabPicker.selected;
+        /** The dropdown option of `selectedWalk`. */
+        this.selectedWalkOption = this.virtualWalkTabPicker.selectedOption;
+        /** The selected walk's `iframeSource`, trusted; `null` without one. */
+        this.safeIframeUrl = computed(() => {
+            const walk = this.selectedWalk();
+            if (!walk?.iframeSource)
+                return null;
+            return this.virtualWalkTabSanitizer.bypassSecurityTrustResourceUrl(walk.iframeSource);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "safeIframeUrl" }] : /* istanbul ignore next */ []));
+        /** Whether the document is in fullscreen (follows `fullscreenchange`, e.g. Escape). */
+        this.isFullscreen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isFullscreen" }] : /* istanbul ignore next */ []));
+        if (isPlatformBrowser(inject(PLATFORM_ID))) {
+            // Listen for fullscreen changes (e.g. when the user presses Escape)
+            const doc = this.virtualWalkTabDocument;
+            const onFullscreenChange = () => {
+                this.isFullscreen.set(!!doc.fullscreenElement);
+            };
+            doc.addEventListener('fullscreenchange', onFullscreenChange);
+            inject(DestroyRef).onDestroy(() => {
+                doc.removeEventListener('fullscreenchange', onFullscreenChange);
+            });
+        }
+    }
+    /** Selects a walk. */
+    walkChange(key) {
+        this.selectedWalkKey.set(key);
+    }
+    /** Alt text in the current language, then the description, then `OBJECTS.filters.multimedia.virtualWalk`. */
+    getWalkTitle(walk) {
+        const currentLang = this.mediaTabTranslate.currentLang;
+        const altText = currentLang === 'en' ? walk.altTextEn : walk.altText;
+        return (altText ||
+            walk.description ||
+            this.mediaTabTranslate.instant('OBJECTS.filters.multimedia.virtualWalk'));
+    }
+    /** Shows `#walkContainer` fullscreen, or leaves fullscreen. */
+    toggleFullscreen() {
+        const container = this.walkContainer();
+        if (!container)
+            return;
+        const element = container.nativeElement;
+        const doc = this.virtualWalkTabDocument;
+        if (!doc.fullscreenElement) {
+            element.requestFullscreen().catch((err) => {
+                console.error('Error attempting to enable fullscreen:', err);
+            });
+        }
+        else {
+            doc.exitFullscreen();
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVirtualWalkTabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: ObjectVirtualWalkTabBaseComponent, isStandalone: true, viewQueries: [{ propertyName: "iframeContainer", first: true, predicate: ["iframeContainer"], descendants: true, isSignal: true }, { propertyName: "walkContainer", first: true, predicate: ["walkContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectVirtualWalkTabBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { iframeContainer: [{ type: i0.ViewChild, args: ['iframeContainer', { isSignal: true }] }], walkContainer: [{ type: i0.ViewChild, args: ['walkContainer', { isSignal: true }] }] } });
+
+/**
+ * Logic-only base of the object 3D model tab (MOB-1801), 1:1 from Muzeum
+ * Podlasia: the model list, the lazily loaded `online-3d-viewer`, the model
+ * switch, the camera reset, the wireframe and the fullscreen toggle. The tab
+ * keeps its template, styles and `host`, and returns its own
+ * `import('online-3d-viewer')` from `loadModel3dLibrary()` — the framework does
+ * not depend on the library, and the viewer is never loaded on the server.
+ * Podlasie's model file URI panel (MOB-981) stays in Podlasie and follows
+ * `selectedModel`.
+ *
+ * ```ts
+ * export class Model3dTabComponent extends ObjectModel3dTabBaseComponent {
+ *   constructor() {
+ *     super(); // sztuki-2 / template: super({ loadableOnly: false })
+ *   }
+ *
+ *   protected loadModel3dLibrary() {
+ *     return import('online-3d-viewer');
+ *   }
+ * }
+ * ```
+ */
+class ObjectModel3dTabBaseComponent extends ObjectMediaTabBaseComponent {
+    constructor(options = {}) {
+        super();
+        /** The template's `#viewer3d`, the viewer's canvas container. */
+        this.viewer3d = viewChild('viewer3d', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "viewer3d" }] : /* istanbul ignore next */ []));
+        /** The chosen model's index, bound with `ngModel` (may arrive as a string). */
+        this.selectedModelIndex = 0;
+        /** The chosen model's index as a signal, next to `selectedModelIndex` (`onModelChange`). */
+        this.selectedModel = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedModel" }] : /* istanbul ignore next */ []));
+        /** A model is loading. */
+        this.isLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        /** The load error, `null` without one. */
+        this.error = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        /** The edges are shown. */
+        this.isWireframe = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isWireframe" }] : /* istanbul ignore next */ []));
+        /** Whether the document is in fullscreen (follows `fullscreenchange`, e.g. Escape). */
+        this.isFullscreen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isFullscreen" }] : /* istanbul ignore next */ []));
+        this.model3dTabDocument = inject(DOCUMENT);
+        this.model3dTabPlatformId = inject(PLATFORM_ID);
+        this.model3dTabTimeouts = createSafeTimeouts();
+        /**
+         * `online-3d-viewer` (+ `three`, ~1.1 MB) is loaded only on the first
+         * init — a static import put the library in the chunk of the whole objects
+         * module, loaded on the `/obiekty` list and every card, also without a 3D
+         * model (Lighthouse, MOB-1850, MOB-1895). One load is shared between
+         * concurrent calls. Created on first use.
+         */
+        this.model3dTabLibraryLoader = null;
+        /** The number of the latest init — an older call after `await` does not overwrite a newer one. */
+        this.model3dTabInitToken = 0;
+        this.model3dTabViewer = null;
+        this.model3dTabOptions = options;
+        effect(() => {
+            const viewerElement = this.viewer3d();
+            const models = this.models();
+            if (viewerElement && models.length > 0) {
+                this.model3dTabTimeouts.later(() => void this.model3dTabInitViewer(), 100);
+            }
+        });
+        if (isPlatformBrowser(this.model3dTabPlatformId)) {
+            // Listen for fullscreen changes (e.g. when the user presses Escape)
+            const doc = this.model3dTabDocument;
+            const onFullscreenChange = () => {
+                const wasFullscreen = this.isFullscreen();
+                this.isFullscreen.set(!!doc.fullscreenElement);
+                // Reinitialize the viewer when leaving fullscreen to fix sizing issues
+                if (wasFullscreen && !doc.fullscreenElement) {
+                    this.model3dTabTimeouts.later(() => void this.model3dTabInitViewer(), 100);
+                }
+            };
+            doc.addEventListener('fullscreenchange', onFullscreenChange);
+            inject(DestroyRef).onDestroy(() => {
+                doc.removeEventListener('fullscreenchange', onFullscreenChange);
+            });
+        }
+    }
+    /** With `loadableOnly` (default) only models with a file to load. */
+    mediaTabFilterModels(models) {
+        if (this.model3dTabOptions.loadableOnly === false)
+            return models;
+        // Only models with a file to load — the same condition as the tab
+        // counter, so the default model does not end in "No files found"
+        // (MOB-1872 review).
+        return models.filter((model) => (model.files ?? []).some((file) => !!file?.filePath));
+    }
+    /** Follows the `selectedModelIndex` dropdown: sets `selectedModel` and loads that model. */
+    onModelChange() {
+        this.selectedModel.set(Number(this.selectedModelIndex) || 0);
+        this.model3dTabLoadModel(this.selectedModelIndex);
+    }
+    /** Fits the model to the window with the Y axis up. A no-op before the library is loaded. */
+    resetCamera() {
+        const library = this.model3dTabLibraryLoader?.loaded;
+        if (this.model3dTabViewer && library) {
+            // Reset the camera to fit the model and reset rotation
+            const viewerInstance = this.model3dTabViewer.GetViewer();
+            // Reset the up vector to default (Y-up)
+            viewerInstance.SetUpVector(library.Direction.Y, false);
+            // Get bounding sphere and fit to window
+            const boundingSphere = viewerInstance.GetBoundingSphere(() => true);
+            viewerInstance.AdjustClippingPlanesToSphere(boundingSphere);
+            viewerInstance.FitSphereToWindow(boundingSphere, true); // Use animation for smooth transition
+        }
+    }
+    /** Shows or hides the edges. A no-op before the library is loaded. */
+    toggleWireframe() {
+        const library = this.model3dTabLibraryLoader?.loaded;
+        if (!this.model3dTabViewer || !library)
+            return;
+        const newWireframeState = !this.isWireframe();
+        this.isWireframe.set(newWireframeState);
+        const edgeSettings = new library.EdgeSettings(newWireframeState, new library.RGBColor(0, 0, 0), 1);
+        const viewerInstance = this.model3dTabViewer.GetViewer();
+        viewerInstance.SetEdgeSettings(edgeSettings);
+    }
+    /** Shows the parent of `#viewer3d` fullscreen, or leaves fullscreen. */
+    toggleFullscreen() {
+        const viewerElement = this.viewer3d();
+        if (!viewerElement)
+            return;
+        const container = viewerElement.nativeElement.parentElement;
+        const doc = this.model3dTabDocument;
+        if (!doc.fullscreenElement) {
+            container.requestFullscreen().catch((err) => {
+                console.error('Error attempting to enable fullscreen:', err);
+            });
+        }
+        else {
+            doc.exitFullscreen();
+        }
+    }
+    model3dTabLibrary() {
+        this.model3dTabLibraryLoader ??= createLazyLoader(() => this.loadModel3dLibrary());
+        return this.model3dTabLibraryLoader;
+    }
+    async model3dTabInitViewer() {
+        if (!isPlatformBrowser(this.model3dTabPlatformId))
+            return;
+        const viewerElement = this.viewer3d();
+        if (!viewerElement)
+            return;
+        const models = this.models();
+        if (models.length === 0)
+            return;
+        const token = ++this.model3dTabInitToken;
+        this.isLoading.set(true);
+        this.error.set(null);
+        let library;
+        try {
+            library = await this.model3dTabLibrary().load();
+        }
+        catch (loadError) {
+            // The library chunk did not arrive (network, old deploy) — a message
+            // instead of an endless loader; the next entry to the tab retries.
+            if (token === this.model3dTabInitToken) {
+                this.isLoading.set(false);
+                this.error.set('3D viewer failed to load');
+            }
+            console.error('online-3d-viewer', loadError);
+            return;
+        }
+        // A newer call came in meanwhile, or the component is gone.
+        if (token !== this.model3dTabInitToken || !this.viewer3d())
+            return;
+        // Clean up existing viewer
+        if (this.model3dTabViewer) {
+            this.model3dTabViewer.Destroy();
+            this.model3dTabViewer = null;
+        }
+        const parentDiv = viewerElement.nativeElement;
+        parentDiv.innerHTML = ''; // Clear previous content
+        // Initialize the viewer with callback for proper loading state
+        this.model3dTabViewer = new library.EmbeddedViewer(parentDiv, {
+            backgroundColor: new library.RGBAColor(245, 245, 245, 255),
+            defaultColor: new library.RGBColor(200, 200, 200),
+            edgeSettings: new library.EdgeSettings(false, new library.RGBColor(0, 0, 0), 1),
+            onModelLoaded: () => {
+                this.isLoading.set(false);
+            },
+        });
+        this.model3dTabLoadModel(this.selectedModelIndex);
+    }
+    model3dTabLoadModel(index) {
+        if (!this.model3dTabViewer)
+            return;
+        const models = this.models();
+        if (index < 0 || index >= models.length)
+            return;
+        const model = models[index];
+        this.isLoading.set(true);
+        this.error.set(null);
+        // Only files with a URL — an empty entry in `files[]` broke the 3D viewer
+        // and blocked the model's valid files (MOB-1872 review).
+        const fileUrls = (model.files ?? [])
+            .map((file) => file?.filePath)
+            .filter((url) => !!url);
+        if (fileUrls.length === 0) {
+            this.error.set('No files found for this model');
+            this.isLoading.set(false);
+            return;
+        }
+        // Load the model - callbacks onModelLoaded/onModelLoadFailed handle loading state
+        this.model3dTabViewer.LoadModelFromUrlList(fileUrls);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectModel3dTabBaseComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: ObjectModel3dTabBaseComponent, isStandalone: true, viewQueries: [{ propertyName: "viewer3d", first: true, predicate: ["viewer3d"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectModel3dTabBaseComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { viewer3d: [{ type: i0.ViewChild, args: ['viewer3d', { isSignal: true }] }] } });
+
+/**
+ * Logic-only base of the sztuki-2 / template `media-sections`: an object's
+ * multimedia as landing-page sections (Figma), each with a heading like
+ * „Galeria zdjęć”; a section without data is not rendered. Order: HD photos →
+ * 3D model → animation → video → audio → virtual walk → audio description →
+ * map → other files. The component keeps its template, heading class and
+ * tab imports.
+ *
+ * ```ts
+ * export class MediaSectionsComponent extends ObjectMediaSectionsBaseComponent {
+ *   readonly sectionHeadingClass = '…';
+ * }
+ * ```
+ */
+class ObjectMediaSectionsBaseComponent {
+    constructor() {
+        this.mediaSectionsFileUrl = inject(FileUrlService);
+        this.mediaSectionsMedia = inject(ObjectMediaService);
+        /** The object whose multimedia the sections show. */
+        this.item = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+        /**
+         * Multimedia already shown in the object card's gallery frame (the video /
+         * 3D tabs, MOB-1961) — not repeated in the sections. Default `[]`.
+         */
+        this.exclude = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "exclude" }] : /* istanbul ignore next */ []));
+        /** `[IMAGES_HD]` */
+        this.imagesHDTypes = [FormFeatureType.IMAGES_HD];
+        /** `[MODEL_3D]` */
+        this.model3DTypes = [FormFeatureType.MODEL_3D];
+        /** `[ANIMATION]` */
+        this.animationTypes = [FormFeatureType.ANIMATION];
+        /** `[AUDIO_DESKRYPCJA]` */
+        this.adTypes = [FormFeatureType.AUDIO_DESKRYPCJA];
+        /** `[VIRTUAL_WALK]` */
+        this.virtualWalkTypes = [FormFeatureType.VIRTUAL_WALK];
+        /** `[VIDEO]` */
+        this.videoTypes = [FormFeatureType.VIDEO];
+        /** `[AUDIO]` */
+        this.audioTypes = [FormFeatureType.AUDIO];
+        /** `[OTHER]` */
+        this.otherTypes = [FormFeatureType.OTHER];
+        /** HD photo thumbnails (without the main image) — fullscreen on click. */
+        this.hdThumbnailUrls = computed(() => this.mediaSectionsMedia.thumbnailUrls(this.item(), this.imagesHDTypes, false), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hdThumbnailUrls" }] : /* istanbul ignore next */ []));
+        /** HD photo gallery items (without the main image) for the fullscreen. */
+        this.hdGalleryItems = computed(() => this.mediaSectionsMedia.galleryItems(this.item(), this.imagesHDTypes, false), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hdGalleryItems" }] : /* istanbul ignore next */ []));
+        /** Whether the HD fullscreen gallery is open. */
+        this.hdFullscreenOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hdFullscreenOpen" }] : /* istanbul ignore next */ []));
+        /** The photo the HD fullscreen gallery shows. */
+        this.hdFullscreenIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hdFullscreenIndex" }] : /* istanbul ignore next */ []));
+        /** The object title without HTML tags (alt text). */
+        this.altTitle = computed(() => (this.item()?.title ?? '').replace(/<\/?[^>]+(>|$)/g, ''), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "altTitle" }] : /* istanbul ignore next */ []));
+        /** HD photos section: any HD thumbnail. */
+        this.showPhotosHD = computed(() => this.hdThumbnailUrls().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPhotosHD" }] : /* istanbul ignore next */ []));
+        /** 3D model section: a real file URL, unless excluded. */
+        this.showModel3D = computed(() => !this.exclude().includes('model3d') &&
+            this.mediaSectionsHasContent(this.model3DTypes), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showModel3D" }] : /* istanbul ignore next */ []));
+        /** Animation section: a real file URL. */
+        this.showAnimation = computed(() => this.mediaSectionsHasContent(this.animationTypes), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAnimation" }] : /* istanbul ignore next */ []));
+        /**
+         * Video section: a file with a `filePath` (`FileUrlService` gives a
+         * placeholder for non-image extensions), unless excluded.
+         */
+        this.showVideo = computed(() => !this.exclude().includes('video') &&
+            this.mediaSectionsMedia.hasFiles(this.item(), this.videoTypes), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showVideo" }] : /* istanbul ignore next */ []));
+        /** Audio section: a file with a `filePath`. */
+        this.showAudio = computed(() => this.mediaSectionsMedia.hasFiles(this.item(), this.audioTypes), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAudio" }] : /* istanbul ignore next */ []));
+        /** Virtual walk section: a walk with an `iframeSource` (not a file URL). */
+        this.showVirtualWalk = computed(() => {
+            const obj = this.item();
+            if (!obj?.additionalImages)
+                return false;
+            const virtualWalkItems = obj.additionalImages.filter((img) => this.virtualWalkTypes.includes(img?.formFeature));
+            // Any virtual walk item with an iframeSource
+            return virtualWalkItems.some((item) => item.iframeSource);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showVirtualWalk" }] : /* istanbul ignore next */ []));
+        /** The number of audio description files with a real URL. */
+        this.audioDescriptionCount = computed(() => {
+            const obj = this.item();
+            if (!obj?.additionalImages)
+                return 0;
+            const audioItems = obj.additionalImages.filter((img) => {
+                if (!this.adTypes.includes(img?.formFeature))
+                    return false;
+                const url = this.mediaSectionsFileUrl.get(img);
+                return url && !url.includes('assets/no-image.svg');
+            });
+            return audioItems.length;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "audioDescriptionCount" }] : /* istanbul ignore next */ []));
+        /** Audio description section: any audio description. */
+        this.showAudioDescription = computed(() => this.audioDescriptionCount() > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAudioDescription" }] : /* istanbul ignore next */ []));
+        /** Map section: both `archeoMap` coordinates set. */
+        this.showMap = computed(() => {
+            const obj = this.item();
+            return !!(obj?.archeoMap?.latitude && obj?.archeoMap?.longitude);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showMap" }] : /* istanbul ignore next */ []));
+        /** Other files section (PDF, etc.): a real file URL. */
+        this.showOther = computed(() => this.mediaSectionsHasContent(this.otherTypes), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showOther" }] : /* istanbul ignore next */ []));
+        /** Whether any section is visible. */
+        this.hasVisibleSections = computed(() => this.showPhotosHD() ||
+            this.showModel3D() ||
+            this.showAnimation() ||
+            this.showVideo() ||
+            this.showAudio() ||
+            this.showVirtualWalk() ||
+            this.showAudioDescription() ||
+            this.showMap() ||
+            this.showOther(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasVisibleSections" }] : /* istanbul ignore next */ []));
+    }
+    /** Opens the HD fullscreen gallery at the clicked thumbnail. */
+    openHdFullscreen(index) {
+        this.hdFullscreenIndex.set(index);
+        this.hdFullscreenOpen.set(true);
+    }
+    /**
+     * Whether an additional file of the types has a URL from `FileUrlService`
+     * that is not the no-image placeholder. Reads `item()`, so the calling
+     * `computed` tracks it.
+     */
+    mediaSectionsHasContent(types) {
+        const obj = this.item();
+        if (!obj)
+            return false;
+        // Check additional images
+        if (obj.additionalImages && Array.isArray(obj.additionalImages)) {
+            const filtered = obj.additionalImages.filter((img) => types.includes(img?.formFeature));
+            for (const img of filtered) {
+                const url = this.mediaSectionsFileUrl.get(img);
+                if (url && !url.includes('assets/no-image.svg')) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMediaSectionsBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ObjectMediaSectionsBaseComponent, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, exclude: { classPropertyName: "exclude", publicName: "exclude", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ObjectMediaSectionsBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], exclude: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclude", required: false }] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ASK_ABOUT_OBJECT_KEYS, AdvancedFilterType, ComponentsModule, FiltersComponent, FormFeatureType, ListComponent, MULTIMEDIA_DICTIONARY, OBJECTS_CATALOG_DEFAULTS, OBJECTS_CATALOG_SEO, OBJECTS_FILTER_SINGLE_VALUE_LABELS, OBJECTS_LIMIT_OPTIONS, OBJECTS_NEW_TYPE_SORT_OPTIONS, OBJECTS_SHARE_COPIED_TIMEOUT, OBJECTS_SORT_OPTIONS, OBJECTS_THEME_TAGS_FILTER_KEY, ObjectDetailsBaseComponent, ObjectMediaService, ObjectsAdvancedFiltersBaseComponent, ObjectsCatalogBaseComponent, ObjectsDataService, ObjectsFacade, ObjectsFiltersBarBaseComponent, ObjectsItemComponent, ObjectsListComponent, ObjectsModule, ObjectsSearchPanelBaseComponent, ObjectsService, ObjectsShareResultsBaseComponent, ObjectsSharedModule, SERVICES, askAboutObjectHref, bibliography, buildObjectsResultsUrl, descriptionHtml, getObjectsState, getReducer, initialState, inventoryValues, objectTitle, objectsSortFromKey, objectsSortKey, relatedArticles, tagValues };
+export { ASK_ABOUT_OBJECT_KEYS, AdvancedFilterType, ComponentsModule, FiltersComponent, FormFeatureType, ListComponent, MULTIMEDIA_DICTIONARY, OBJECTS_CATALOG_DEFAULTS, OBJECTS_CATALOG_SEO, OBJECTS_FILTER_SINGLE_VALUE_LABELS, OBJECTS_LIMIT_OPTIONS, OBJECTS_NEW_TYPE_SORT_OPTIONS, OBJECTS_SHARE_COPIED_TIMEOUT, OBJECTS_SORT_OPTIONS, OBJECTS_THEME_TAGS_FILTER_KEY, ObjectAnimationTabBaseComponent, ObjectAudioDescriptionTabBaseComponent, ObjectAudioMediaTabBaseComponent, ObjectAudioTabBaseComponent, ObjectDetailsBaseComponent, ObjectDocumentsTabBaseComponent, ObjectDownloadButtonBaseComponent, ObjectMapTabBaseComponent, ObjectMediaSectionsBaseComponent, ObjectMediaService, ObjectMediaTabBaseComponent, ObjectModel3dTabBaseComponent, ObjectVideoMediaTabBaseComponent, ObjectVideoTabBaseComponent, ObjectVirtualWalkTabBaseComponent, ObjectsAdvancedFiltersBaseComponent, ObjectsCatalogBaseComponent, ObjectsDataService, ObjectsFacade, ObjectsFiltersBarBaseComponent, ObjectsItemComponent, ObjectsListComponent, ObjectsModule, ObjectsSearchPanelBaseComponent, ObjectsService, ObjectsShareResultsBaseComponent, ObjectsSharedModule, SERVICES, askAboutObjectHref, bibliography, buildObjectsResultsUrl, descriptionHtml, getObjectsState, getReducer, initialState, inventoryValues, objectTitle, objectsSortFromKey, objectsSortKey, relatedArticles, tagValues };
 //# sourceMappingURL=smartsoft001-mobilems-objects-shell-angular.mjs.map