@acorex/components 20.10.0 → 20.10.2

package/fesm2022/acorex-components-file-viewer.mjs

@@ -1,13 +1,17 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, APP_INITIALIZER, input, inject, computed, ChangeDetectionStrategy, Component, effect, ElementRef, viewChild, untracked, afterNextRender, ViewEncapsulation } from '@angular/core';
-import { defineFileType, AX_IMAGE_FILE_TYPE, AX_VIDEO_FILE_TYPE, AX_AUDIO_FILE_TYPE, AX_DOCUMENT_FILE_TYPE, AX_FILE_FILE_TYPE, AXFileTypeRegistryService, AXFileTypeRendererOutletComponent } from '@acorex/core/file';
+import { signal, Injectable, input, inject, computed, TemplateRef, ChangeDetectionStrategy, Component, effect, output, ElementRef, viewChild, afterNextRender, ViewEncapsulation, ComponentRef, APP_INITIALIZER } from '@angular/core';
+import { AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXOverlayService } from '@acorex/cdk/overlay';
+import { Subject } from 'rxjs';
 import { AXCarouselDirective } from '@acorex/cdk/carousel';
 import { AXBadgeComponent } from '@acorex/components/badge';
 import { AXButtonComponent } from '@acorex/components/button';
-import { AXDecoratorFullScreenButtonComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';
+import { AXDecoratorIconComponent } from '@acorex/components/decorators';
 import { AXLoadingComponent } from '@acorex/components/loading';
 import { AXTooltipDirective } from '@acorex/components/tooltip';
-import { AXZIndexService } from '@acorex/core/z-index';
+import { AXFullScreenService } from '@acorex/core/full-screen';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { AXFileTypeRendererOutletComponent, defineFileType, AX_IMAGE_FILE_TYPE, AX_VIDEO_FILE_TYPE, AX_AUDIO_FILE_TYPE, AX_DOCUMENT_FILE_TYPE, AX_FILE_FILE_TYPE, AXFileTypeRegistryService } from '@acorex/core/file';
 import { AXPdfReaderComponent } from '@acorex/components/pdf-reader';
 import { DomSanitizer } from '@angular/platform-browser';
 
@@ -40,54 +44,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
             type: Injectable
         }] });
 
-function createFileViewerFileTypes() {
-    return [
-        defineFileType({
-            ...AX_IMAGE_FILE_TYPE,
-            name: 'image',
-            component: () => Promise.resolve().then(function () { return imageViewer_component; }).then((m) => m.AXFileViewerImageComponent),
-        }),
-        defineFileType({
-            ...AX_VIDEO_FILE_TYPE,
-            name: 'video',
-            component: () => Promise.resolve().then(function () { return videoViewer_component; }).then((m) => m.AXFileViewerVideoComponent),
-        }),
-        defineFileType({
-            ...AX_AUDIO_FILE_TYPE,
-            name: 'audio',
-            component: () => Promise.resolve().then(function () { return audioViewer_component; }).then((m) => m.AXFileViewerAudioComponent),
-        }),
-        defineFileType({
-            ...AX_DOCUMENT_FILE_TYPE,
-            name: 'document',
-            component: () => Promise.resolve().then(function () { return pdfViewer_component; }).then((m) => m.AXFileViewerPdfComponent),
-            extensions: (AX_DOCUMENT_FILE_TYPE.extensions ?? []).map((extension) => extension.name.toLowerCase() === 'pdf'
-                ? {
-                    ...extension,
-                    component: () => Promise.resolve().then(function () { return pdfViewer_component; }).then((m) => m.AXFileViewerPdfComponent),
-                }
-                : extension),
-        }),
-        defineFileType({
-            ...AX_FILE_FILE_TYPE,
-            name: 'file',
-            component: () => Promise.resolve().then(function () { return fileFallbackViewer_component; }).then((m) => m.AXFileViewerFileFallbackComponent),
-        }),
-    ];
-}
-
-/** Registers file-viewer components on standard file-type catalog entries. */
-function provideFileViewer() {
-    return [
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (registry) => () => registry.registerTypes(createFileViewerFileTypes()),
-            deps: [AXFileTypeRegistryService],
-            multi: true,
-        },
-    ];
-}
-
 const MIME_PREFIX_MAP = {
     'image/': 'image',
     'video/': 'video',
@@ -135,6 +91,12 @@ class AXFileViewerSlideComponent {
     constructor() {
         this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
         this.index = input.required(...(ngDevMode ? [{ debugName: "index" }] : []));
+        /** Component or template replacing the built-in fallback viewer for `file` type items. */
+        this.fallbackContent = input(null, ...(ngDevMode ? [{ debugName: "fallbackContent" }] : []));
+        /** Inputs for {@link fallbackContent} when it is a component. */
+        this.fallbackContentInputs = input({}, ...(ngDevMode ? [{ debugName: "fallbackContentInputs" }] : []));
+        /** Context data exposed as `$implicit` to fallback templates. */
+        this.fallbackContentData = input(...(ngDevMode ? [undefined, { debugName: "fallbackContentData" }] : []));
         this.service = inject(AXFileViewerService);
         this.fileTypeName = computed(() => resolveFileViewerFileType(this.item()), ...(ngDevMode ? [{ debugName: "fileTypeName" }] : []));
         this.extensionHint = computed(() => buildFileViewerExtensionHint(this.item()), ...(ngDevMode ? [{ debugName: "extensionHint" }] : []));
@@ -143,17 +105,66 @@ class AXFileViewerSlideComponent {
             index: this.index(),
             active: this.service.selectedIndex() === this.index(),
         }), ...(ngDevMode ? [{ debugName: "viewPayload" }] : []));
+        this.fallbackTemplateContent = computed(() => {
+            const content = this.fallbackContent();
+            return content instanceof TemplateRef ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "fallbackTemplateContent" }] : []));
+        this.fallbackComponentContent = computed(() => {
+            const content = this.fallbackContent();
+            return content && typeof content === 'function' ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "fallbackComponentContent" }] : []));
+        this.useCustomFallback = computed(() => this.fileTypeName() === 'file' &&
+            !!(this.fallbackTemplateContent() || this.fallbackComponentContent()), ...(ngDevMode ? [{ debugName: "useCustomFallback" }] : []));
+        this.fallbackContentContext = computed(() => ({
+            $implicit: this.fallbackContentData(),
+            payload: this.viewPayload(),
+            item: this.item(),
+            index: this.index(),
+            active: this.viewPayload().active,
+        }), ...(ngDevMode ? [{ debugName: "fallbackContentContext" }] : []));
+        this.fallbackComponentInputs = computed(() => ({
+            payload: this.viewPayload(),
+            ...this.fallbackContentInputs(),
+        }), ...(ngDevMode ? [{ debugName: "fallbackComponentInputs" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXFileViewerSlideComponent, isStandalone: true, selector: "ax-file-viewer-slide", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
-    <ax-file-type-renderer [fileType]="fileTypeName()" [payload]="viewPayload()" [extensionHint]="extensionHint()" />
-  `, isInline: true, styles: [":host{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;-webkit-user-select:none;user-select:none;box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: AXFileTypeRendererOutletComponent, selector: "ax-file-type-renderer", inputs: ["fileType", "payload", "extensionHint", "inputs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXFileViewerSlideComponent, isStandalone: true, selector: "ax-file-viewer-slide", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, fallbackContent: { classPropertyName: "fallbackContent", publicName: "fallbackContent", isSignal: true, isRequired: false, transformFunction: null }, fallbackContentInputs: { classPropertyName: "fallbackContentInputs", publicName: "fallbackContentInputs", isSignal: true, isRequired: false, transformFunction: null }, fallbackContentData: { classPropertyName: "fallbackContentData", publicName: "fallbackContentData", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (useCustomFallback()) {
+      <div class="ax-file-viewer-slide__custom">
+        @if (fallbackTemplateContent(); as template) {
+          <ng-container *ngTemplateOutlet="template; context: fallbackContentContext()" />
+        } @else if (fallbackComponentContent(); as component) {
+          <ng-container *ngComponentOutlet="component; inputs: fallbackComponentInputs()" />
+        }
+      </div>
+    } @else {
+      <ax-file-type-renderer
+        [fileType]="fileTypeName()"
+        [payload]="viewPayload()"
+        [extensionHint]="extensionHint()"
+      />
+    }
+  `, isInline: true, styles: [":host{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;-webkit-user-select:none;user-select:none;box-sizing:border-box}.ax-file-viewer-slide__custom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXFileTypeRendererOutletComponent, selector: "ax-file-type-renderer", inputs: ["fileType", "payload", "extensionHint", "inputs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerSlideComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-file-viewer-slide', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXFileTypeRendererOutletComponent], template: `
-    <ax-file-type-renderer [fileType]="fileTypeName()" [payload]="viewPayload()" [extensionHint]="extensionHint()" />
-  `, styles: [":host{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;-webkit-user-select:none;user-select:none;box-sizing:border-box}\n"] }]
+            args: [{ selector: 'ax-file-viewer-slide', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgComponentOutlet, NgTemplateOutlet, AXFileTypeRendererOutletComponent], template: `
+    @if (useCustomFallback()) {
+      <div class="ax-file-viewer-slide__custom">
+        @if (fallbackTemplateContent(); as template) {
+          <ng-container *ngTemplateOutlet="template; context: fallbackContentContext()" />
+        } @else if (fallbackComponentContent(); as component) {
+          <ng-container *ngComponentOutlet="component; inputs: fallbackComponentInputs()" />
+        }
+      </div>
+    } @else {
+      <ax-file-type-renderer
+        [fileType]="fileTypeName()"
+        [payload]="viewPayload()"
+        [extensionHint]="extensionHint()"
+      />
+    }
+  `, styles: [":host{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;-webkit-user-select:none;user-select:none;box-sizing:border-box}.ax-file-viewer-slide__custom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}\n"] }]
         }] });
 
 const TYPE_ICON_MAP$1 = {
@@ -240,20 +251,39 @@ const TYPE_COLOR_MAP = {
 class AXFileViewerContainerComponent {
     constructor() {
         this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.startIndex = input(0, ...(ngDevMode ? [{ debugName: "startIndex" }] : []));
         this.thumbnail = input(true, ...(ngDevMode ? [{ debugName: "thumbnail" }] : []));
         this.pagination = input(true, ...(ngDevMode ? [{ debugName: "pagination" }] : []));
         this.download = input(true, ...(ngDevMode ? [{ debugName: "download" }] : []));
         this.fullscreen = input(true, ...(ngDevMode ? [{ debugName: "fullscreen" }] : []));
+        /** When true, opens in a gallery overlay and closes when fullscreen exits. */
+        this.galleryMode = input(false, ...(ngDevMode ? [{ debugName: "galleryMode" }] : []));
+        /** Component or template rendered in the header center slot. */
+        this.headerContent = input(null, ...(ngDevMode ? [{ debugName: "headerContent" }] : []));
+        /** Inputs for {@link headerContent} when it is a component. */
+        this.headerContentInputs = input({}, ...(ngDevMode ? [{ debugName: "headerContentInputs" }] : []));
+        /** Context data exposed as `$implicit` to header templates. */
+        this.headerContentData = input(...(ngDevMode ? [undefined, { debugName: "headerContentData" }] : []));
+        /** Custom placeholder when {@link headerContent} is omitted. */
+        this.headerContentPlaceholder = input(null, ...(ngDevMode ? [{ debugName: "headerContentPlaceholder" }] : []));
+        /** Inputs for {@link headerContentPlaceholder} when it is a component. */
+        this.headerContentPlaceholderInputs = input({}, ...(ngDevMode ? [{ debugName: "headerContentPlaceholderInputs" }] : []));
+        /** Component or template replacing the built-in fallback viewer for `file` type items. */
+        this.fallbackContent = input(null, ...(ngDevMode ? [{ debugName: "fallbackContent" }] : []));
+        /** Inputs for {@link fallbackContent} when it is a component. */
+        this.fallbackContentInputs = input({}, ...(ngDevMode ? [{ debugName: "fallbackContentInputs" }] : []));
+        /** Context data exposed as `$implicit` to fallback templates. */
+        this.fallbackContentData = input(...(ngDevMode ? [undefined, { debugName: "fallbackContentData" }] : []));
         /** External loading flag — show overlay while parent data is being fetched. */
         this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.fullscreenClosed = output();
         this.service = inject(AXFileViewerService);
         this.host = inject((ElementRef));
-        this.zIndexService = inject(AXZIndexService);
+        this.fullScreenService = inject(AXFullScreenService);
         this.mainCarouselRef = viewChild('mainCarousel', ...(ngDevMode ? [{ debugName: "mainCarouselRef" }] : []));
         this.thumbCarouselRef = viewChild('thumbCarousel', ...(ngDevMode ? [{ debugName: "thumbCarouselRef" }] : []));
-        this.fullScreenButton = viewChild(AXDecoratorFullScreenButtonComponent, ...(ngDevMode ? [{ debugName: "fullScreenButton" }] : []));
-        this.zToken = null;
         this.initToken = 0;
+        this.isFullscreenActive = signal(false, ...(ngDevMode ? [{ debugName: "isFullscreenActive" }] : []));
         /** True while carousels are being (re)initialized. */
         this.initializing = signal(true, ...(ngDevMode ? [{ debugName: "initializing" }] : []));
         this.isBusy = computed(() => this.loading() || this.initializing(), ...(ngDevMode ? [{ debugName: "isBusy" }] : []));
@@ -272,6 +302,33 @@ class AXFileViewerContainerComponent {
                 return '0 / 0';
             return `${this.service.selectedIndex() + 1} / ${total}`;
         }, ...(ngDevMode ? [{ debugName: "slideCounter" }] : []));
+        this.headerTemplateContent = computed(() => {
+            const content = this.headerContent();
+            return content instanceof TemplateRef ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "headerTemplateContent" }] : []));
+        this.headerComponentContent = computed(() => {
+            const content = this.headerContent();
+            return content && typeof content === 'function' ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "headerComponentContent" }] : []));
+        this.headerPlaceholderTemplateContent = computed(() => {
+            const content = this.headerContentPlaceholder();
+            return content instanceof TemplateRef ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "headerPlaceholderTemplateContent" }] : []));
+        this.headerPlaceholderComponentContent = computed(() => {
+            const content = this.headerContentPlaceholder();
+            return content && typeof content === 'function' ? content : null;
+        }, ...(ngDevMode ? [{ debugName: "headerPlaceholderComponentContent" }] : []));
+        this.hasHeaderCenterContent = computed(() => !!(this.headerTemplateContent() ||
+            this.headerComponentContent() ||
+            this.headerPlaceholderTemplateContent() ||
+            this.headerPlaceholderComponentContent()), ...(ngDevMode ? [{ debugName: "hasHeaderCenterContent" }] : []));
+        this.headerContentContext = computed(() => ({
+            $implicit: this.headerContentData(),
+            item: this.currentItem(),
+            items: this.service.items(),
+            selectedIndex: this.service.selectedIndex(),
+            slideCounter: this.slideCounter(),
+        }), ...(ngDevMode ? [{ debugName: "headerContentContext" }] : []));
         this.resolveFileType = resolveFileViewerFileType;
         this.mainCarouselOptions = {
             slidesPerView: 1,
@@ -294,7 +351,9 @@ class AXFileViewerContainerComponent {
         };
         this.#syncItems = effect(() => {
             const items = this.items();
+            const startIndex = this.startIndex();
             this.service.items.set(items);
+            this.service.selectedIndex.set(Math.min(Math.max(startIndex, 0), Math.max(items.length - 1, 0)));
             if (items.length > 0) {
                 this.initializing.set(true);
                 setTimeout(() => void this.initCarousels());
@@ -309,32 +368,12 @@ class AXFileViewerContainerComponent {
                 carousel.on('activeIndexChange', this.onSlideChange);
             }
         }, ...(ngDevMode ? [{ debugName: "#bindSlideChange" }] : []));
-        this.#bindFullscreenTarget = effect(() => {
-            const btn = this.fullScreenButton();
-            if (!btn)
-                return;
-            const host = this.host.nativeElement;
-            untracked(() => {
-                if (btn.element() !== host) {
-                    btn.element.set(host);
-                }
-            });
-        }, ...(ngDevMode ? [{ debugName: "#bindFullscreenTarget" }] : []));
         this.#init = afterNextRender(() => {
             void this.initCarousels();
-        });
-        this.#fullScreenClass = effect(() => {
-            const active = this.fullScreenButton()?.isActive() ?? false;
-            const el = this.host.nativeElement;
-            if (active) {
-                el.classList.add('ax-file-viewer--fullscreen');
-                this.acquireFullscreenZIndex(el);
-            }
-            else {
-                el.classList.remove('ax-file-viewer--fullscreen');
-                this.releaseFullscreenZIndex(el);
+            if (this.galleryMode() && this.fullscreen()) {
+                this.enterFullscreen();
             }
-        }, ...(ngDevMode ? [{ debugName: "#fullScreenClass" }] : []));
+        });
         this.onSlideChange = (swiper) => {
             this.service.selectedIndex.set(swiper.activeIndex);
         };
@@ -353,24 +392,36 @@ class AXFileViewerContainerComponent {
     }
     #syncItems;
     #bindSlideChange;
-    #bindFullscreenTarget;
     #init;
-    #fullScreenClass;
-    acquireFullscreenZIndex(el) {
-        if (this.zToken) {
-            this.zToken = this.zIndexService.bringToFront(this.zToken);
+    toggleFullscreen() {
+        if (this.isFullscreenActive()) {
+            this.exitFullscreen();
         }
         else {
-            this.zToken = this.zIndexService.acquire();
+            this.enterFullscreen();
         }
-        el.style.zIndex = String(this.zToken.zIndex);
     }
-    releaseFullscreenZIndex(el) {
-        if (!this.zToken)
+    enterFullscreen() {
+        if (this.isFullscreenActive())
             return;
-        this.zIndexService.release(this.zToken);
-        this.zToken = null;
-        el.style.zIndex = '';
+        const el = this.host.nativeElement;
+        this.fullScreenService.enter(el);
+        this.isFullscreenActive.set(true);
+    }
+    /** @param emitGalleryClose When false, skips gallery close notification (used during service teardown). */
+    exitFullscreen(emitGalleryClose = true) {
+        if (!this.isFullscreenActive() && !this.fullScreenService.isFullscreen()) {
+            return;
+        }
+        const el = this.host.nativeElement;
+        this.fullScreenService.exit(el);
+        this.isFullscreenActive.set(false);
+        if (this.galleryMode() && emitGalleryClose) {
+            this.fullscreenClosed.emit();
+        }
+    }
+    closeGallery() {
+        this.exitFullscreen();
     }
     async initCarousels() {
         const token = ++this.initToken;
@@ -449,24 +500,223 @@ class AXFileViewerContainerComponent {
     }
     ngOnDestroy() {
         this.mainCarouselRef()?.carousel()?.off('activeIndexChange', this.onSlideChange);
-        this.releaseFullscreenZIndex(this.host.nativeElement);
+        this.exitFullscreen(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXFileViewerContainerComponent, isStandalone: true, selector: "ax-file-viewer-container", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, thumbnail: { classPropertyName: "thumbnail", publicName: "thumbnail", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, providers: [AXFileViewerService], viewQueries: [{ propertyName: "mainCarouselRef", first: true, predicate: ["mainCarousel"], descendants: true, isSignal: true }, { propertyName: "thumbCarouselRef", first: true, predicate: ["thumbCarousel"], descendants: true, isSignal: true }, { propertyName: "fullScreenButton", first: true, predicate: AXDecoratorFullScreenButtonComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isBusy()) {\n  <div class=\"ax-file-viewer__loading\" aria-busy=\"true\" aria-live=\"polite\">\n    <ax-loading></ax-loading>\n  </div>\n}\n\n@if (currentItem(); as item) {\n  <header class=\"ax-file-viewer__header\">\n    <div class=\"ax-file-viewer__meta\">\n      <div class=\"ax-file-viewer__title-row\">\n        <span class=\"ax-file-viewer__name\">{{ item.name || 'Untitled' }}</span>\n        <ax-badge\n          class=\"ax-file-viewer__type-badge ax-pill ax-sm\"\n          look=\"outline\"\n          [color]=\"currentTypeColor()\"\n          [text]=\"currentTypeLabel()\"\n        />\n      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n        }\n        @if (item.extension) {\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n          <span>.{{ item.extension }}</span>\n        } @else if (item.mimeType) {\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n          <span>{{ item.mimeType }}</span>\n        }\n      </div>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\n            class=\"ax-file-viewer__action-btn\"\n            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Download'\"\n            (onClick)=\"downloadCurrent()\"\n          >\n            <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n          </ax-button>\n        }\n\n        @if (fullscreen()) {\n          <div class=\"ax-file-viewer__action-btn ax-file-viewer__fullscreen-wrap\">\n            <ax-fullscreen-button></ax-fullscreen-button>\n          </div>\n        }\n      </div>\n    }\n  </header>\n}\n\n<div\n  class=\"ax-file-viewer__stage\"\n  [class.ax-file-viewer__stage--nav]=\"service.items().length > 1\"\n  [class.ax-file-viewer__stage--hidden]=\"isBusy()\"\n>\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--prev\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isFirstSlide()\"\n      (onClick)=\"prev()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-left\"></ax-icon>\n    </ax-button>\n  }\n\n  <div class=\"ax-file-viewer__canvas\">\n    <div #mainCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n      <div class=\"ax-carousel-wrapper\">\n        @for (file of service.items(); track file.id) {\n          <div class=\"ax-carousel-slide\">\n            <ax-file-viewer-slide [item]=\"file\" [index]=\"$index\" />\n          </div>\n        }\n      </div>\n    </div>\n\n    @if (service.items().length > 0) {\n      <span class=\"ax-file-viewer__overlay-counter\">{{ slideCounter() }}</span>\n    }\n  </div>\n\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--next\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isLastSlide()\"\n      (onClick)=\"next()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-right\"></ax-icon>\n    </ax-button>\n  }\n</div>\n\n@if (thumbnail() && service.items().length > 1) {\n  <footer class=\"ax-file-viewer__thumbs\" [class.ax-file-viewer__thumbs--hidden]=\"isBusy()\">\n    <div class=\"ax-file-viewer__thumbs-track\">\n      <div #thumbCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n        <div class=\"ax-carousel-wrapper\">\n          @for (file of service.items(); track file.id) {\n            <div\n              class=\"ax-carousel-slide ax-file-viewer__thumb\"\n              [attr.data-type]=\"resolveFileType(file)\"\n              [class.ax-file-viewer__thumb--active]=\"service.selectedIndex() === $index\"\n              (click)=\"goToIndex($index)\"\n            >\n              <ax-file-viewer-thumb-preview [item]=\"file\" />\n              <div class=\"ax-file-viewer__thumb-footer\">\n                <span class=\"ax-file-viewer__thumb-index\">{{ $index + 1 }}</span>\n                <span class=\"ax-file-viewer__thumb-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n                @if (formatSize(file.size); as sizeLabel) {\n                  <span class=\"ax-file-viewer__thumb-size\">{{ sizeLabel }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}ax-file-viewer-container{--ax-fv-surface: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-surface-2: rgb(var(--ax-sys-color-light-surface));--ax-fv-border: rgb(var(--ax-sys-color-border-lightest-surface));--ax-fv-border-strong: rgb(var(--ax-sys-color-border-lighter-surface));--ax-fv-text: rgb(var(--ax-sys-color-on-lightest-surface));--ax-fv-muted: rgba(var(--ax-sys-color-on-surface), .65);--ax-fv-shadow: 0 10px 30px rgba(var(--ax-sys-color-on-surface), .08);--ax-fv-nav-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-nav-shadow: 0 6px 18px rgba(var(--ax-sys-color-on-surface), .12);--ax-fv-counter-bg: rgb(var(--ax-sys-color-dark));--ax-fv-counter-text: rgb(var(--ax-sys-color-light));--ax-fv-thumb-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-thumb-preview: rgb(var(--ax-sys-color-lighter-surface));--ax-fv-image: rgb(var(--ax-sys-color-success-500));--ax-fv-video: rgb(var(--ax-sys-color-primary-500));--ax-fv-audio: rgb(var(--ax-sys-color-danger-500));--ax-fv-document: rgb(var(--ax-sys-color-warning-500));--ax-fv-file: rgb(var(--ax-sys-color-secondary-500));--ax-fv-on-accent: rgb(var(--ax-sys-color-light));--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;border-radius:1.25rem;background:var(--ax-fv-surface);border:1px solid var(--ax-fv-border);box-shadow:var(--ax-fv-shadow);color:var(--ax-fv-text)}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{background:var(--ax-fv-surface);width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container.ax-file-viewer--fullscreen{border-radius:0;background:var(--ax-fv-surface)}ax-file-viewer-container .ax-file-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(var(--ax-sys-color-lightest-surface),.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{visibility:hidden;pointer-events:none}ax-file-viewer-container .ax-file-viewer__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border);flex-shrink:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__meta{min-width:0}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;align-items:center;gap:.5rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.2rem;font-size:.75rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:.5}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}ax-file-viewer-container .ax-file-viewer__action-btn{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.65rem!important;background:var(--ax-fv-surface)!important;border:1px solid var(--ax-fv-border-strong)!important;color:var(--ax-fv-text)!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__action-btn:hover{background:var(--ax-fv-surface-2)!important}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap{display:inline-flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap ax-fullscreen-button{display:flex;width:100%;height:100%;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap ax-fullscreen-button button{width:100%;height:100%;border:none;background:transparent;color:var(--ax-fv-text);cursor:pointer;display:flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__stage{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";align-items:stretch;gap:.5rem;padding:var(--ax-fv-stage-pad);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:var(--ax-fv-nav-size) minmax(0,1fr) var(--ax-fv-nav-size);grid-template-areas:\"prev canvas next\";align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav{z-index:2;width:var(--ax-fv-nav-size)!important;height:var(--ax-fv-nav-size)!important;min-width:var(--ax-fv-nav-size)!important;border-radius:999px!important;background:var(--ax-fv-nav-bg)!important;border:1px solid var(--ax-fv-border)!important;color:var(--ax-fv-text)!important;box-shadow:var(--ax-fv-nav-shadow)!important;justify-self:center;align-self:center}ax-file-viewer-container .ax-file-viewer__nav.ax-disabled,ax-file-viewer-container .ax-file-viewer__nav[disabled]{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{grid-area:canvas;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:12rem;align-self:stretch;border-radius:1rem;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{height:100%;align-items:stretch;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{display:flex!important;align-items:stretch;justify-content:stretch;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas img,ax-file-viewer-container .ax-file-viewer__canvas video,ax-file-viewer-container .ax-file-viewer__canvas audio,ax-file-viewer-container .ax-file-viewer__canvas iframe,ax-file-viewer-container .ax-file-viewer__canvas ax-pdf-reader{max-width:100%;max-height:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.3rem .7rem;border-radius:999px;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;opacity:.8}ax-file-viewer-container .ax-file-viewer__thumbs{width:100%;max-width:100%;min-width:0;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border);flex:0 0 auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-wrapper{align-items:stretch}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:7.5rem;max-width:7.5rem;height:auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{cursor:pointer;width:7.5rem;max-width:7.5rem;display:flex;flex-direction:column;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);overflow:hidden;box-sizing:border-box;transition:border-color .15s ease}ax-file-viewer-container .ax-file-viewer__thumb:hover{border-color:var(--ax-fv-border-strong)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active{border-color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active .ax-file-viewer__thumb-index{background:var(--ax-fv-image);color:var(--ax-fv-on-accent)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active{border-color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active{border-color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active{border-color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active{border-color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{width:100%;max-width:100%;min-width:0;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;background:var(--ax-fv-thumb-preview);box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb-preview i{font-size:1.45rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}ax-file-viewer-container .ax-file-viewer__thumb[data-type=image] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-footer{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem;align-items:center;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumb-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding-inline:.2rem;border-radius:.3rem;background:var(--ax-fv-surface-2);color:var(--ax-fv-muted);font-weight:700}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text);font-weight:500}ax-file-viewer-container .ax-file-viewer__thumb-size{white-space:nowrap}ax-file-viewer-container .ax-carousel-pagination{display:none}@media(max-width:768px){ax-file-viewer-container{--ax-fv-stage-pad: .5rem;--ax-fv-nav-size: 2.25rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__header{gap:.5rem .75rem;padding:.65rem .75rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}ax-file-viewer-container .ax-file-viewer__action-btn{width:2rem!important;height:2rem!important;min-width:2rem!important}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(14rem,1fr) auto;grid-template-areas:\"canvas canvas\" \"prev next\";gap:.5rem;align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav--prev{justify-self:end}ax-file-viewer-container .ax-file-viewer__nav--next{justify-self:start}ax-file-viewer-container .ax-file-viewer__canvas{min-height:14rem}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.6rem .75rem .85rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb-footer{grid-template-columns:auto minmax(0,1fr)}ax-file-viewer-container .ax-file-viewer__thumb-size{display:none}}@media(max-width:480px){ax-file-viewer-container{--ax-fv-nav-size: 2rem;border-radius:.75rem}ax-file-viewer-container .ax-file-viewer__type-badge{display:none}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.5rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.25rem;max-width:5.25rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.25rem;max-width:5.25rem}}ax-file-viewer-slide{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}ax-file-viewer-image,ax-file-viewer-video,ax-file-viewer-audio,ax-file-viewer-pdf,ax-file-viewer-fallback{display:flex!important;width:100%!important;height:100%!important;min-width:0;min-height:0;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: AXCarouselDirective, selector: "[axCarousel]", exportAs: ["axCarousel"] }, { kind: "component", type: AXFileViewerSlideComponent, selector: "ax-file-viewer-slide", inputs: ["item", "index"] }, { kind: "component", type: AXFileViewerThumbPreviewComponent, selector: "ax-file-viewer-thumb-preview", inputs: ["item"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorFullScreenButtonComponent, selector: "ax-fullscreen-button", inputs: ["element", "isActive"], outputs: ["elementChange", "isActiveChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXFileViewerContainerComponent, isStandalone: true, selector: "ax-file-viewer-container", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null }, thumbnail: { classPropertyName: "thumbnail", publicName: "thumbnail", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null }, galleryMode: { classPropertyName: "galleryMode", publicName: "galleryMode", isSignal: true, isRequired: false, transformFunction: null }, headerContent: { classPropertyName: "headerContent", publicName: "headerContent", isSignal: true, isRequired: false, transformFunction: null }, headerContentInputs: { classPropertyName: "headerContentInputs", publicName: "headerContentInputs", isSignal: true, isRequired: false, transformFunction: null }, headerContentData: { classPropertyName: "headerContentData", publicName: "headerContentData", isSignal: true, isRequired: false, transformFunction: null }, headerContentPlaceholder: { classPropertyName: "headerContentPlaceholder", publicName: "headerContentPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, headerContentPlaceholderInputs: { classPropertyName: "headerContentPlaceholderInputs", publicName: "headerContentPlaceholderInputs", isSignal: true, isRequired: false, transformFunction: null }, fallbackContent: { classPropertyName: "fallbackContent", publicName: "fallbackContent", isSignal: true, isRequired: false, transformFunction: null }, fallbackContentInputs: { classPropertyName: "fallbackContentInputs", publicName: "fallbackContentInputs", isSignal: true, isRequired: false, transformFunction: null }, fallbackContentData: { classPropertyName: "fallbackContentData", publicName: "fallbackContentData", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fullscreenClosed: "fullscreenClosed" }, host: { properties: { "class.ax-file-viewer--fullscreen": "isFullscreenActive()" } }, providers: [AXFileViewerService], viewQueries: [{ propertyName: "mainCarouselRef", first: true, predicate: ["mainCarousel"], descendants: true, isSignal: true }, { propertyName: "thumbCarouselRef", first: true, predicate: ["thumbCarousel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (isBusy()) {\n  <div class=\"ax-file-viewer__loading\" aria-busy=\"true\" aria-live=\"polite\">\n    <ax-loading></ax-loading>\n  </div>\n}\n\n@if (currentItem(); as item) {\n  <header\n    class=\"ax-file-viewer__header\"\n    [class.ax-file-viewer__header--no-content]=\"!hasHeaderCenterContent()\"\n  >\n    <div class=\"ax-file-viewer__meta\">\n      <div class=\"ax-file-viewer__title-row\">\n        <span class=\"ax-file-viewer__name\">{{ item.name || 'Untitled' }}</span>\n        <ax-badge\n          class=\"ax-file-viewer__type-badge ax-pill ax-sm\"\n          look=\"outline\"\n          [color]=\"currentTypeColor()\"\n          [text]=\"currentTypeLabel()\"\n        />\n      </div>\n      @if (formatSize(item.size); as sizeLabel) {\n        <div class=\"ax-file-viewer__submeta\">\n          <span>{{ sizeLabel }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasHeaderCenterContent()) {\n      <div class=\"ax-file-viewer__header-content\">\n        @if (headerTemplateContent(); as template) {\n          <ng-container *ngTemplateOutlet=\"template; context: headerContentContext()\" />\n        } @else if (headerComponentContent(); as component) {\n          <ng-container *ngComponentOutlet=\"component; inputs: headerContentInputs()\" />\n        } @else if (headerPlaceholderTemplateContent(); as placeholderTemplate) {\n          <ng-container *ngTemplateOutlet=\"placeholderTemplate; context: headerContentContext()\" />\n        } @else if (headerPlaceholderComponentContent(); as placeholderComponent) {\n          <ng-container *ngComponentOutlet=\"placeholderComponent; inputs: headerContentPlaceholderInputs()\" />\n        }\n      </div>\n    }\n\n    <div class=\"ax-file-viewer__header-actions\">\n      @if (download()) {\n        <ax-button\n          class=\"ax-file-viewer__action-btn\"\n          look=\"outline\"\n          color=\"default\"\n          [iconOnly]=\"true\"\n          [axTooltip]=\"'Download'\"\n          (onClick)=\"downloadCurrent()\"\n        >\n          <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n        </ax-button>\n      }\n\n      @if (fullscreen()) {\n        <ax-button\n          class=\"ax-file-viewer__action-btn ax-file-viewer__fullscreen-wrap\"\n          look=\"outline\"\n          color=\"default\"\n          [iconOnly]=\"true\"\n          [axTooltip]=\"isFullscreenActive() ? 'Close' : 'Fullscreen'\"\n          (onClick)=\"toggleFullscreen()\"\n        >\n          <ax-icon [icon]=\"isFullscreenActive() ? 'fa-light fa-xmark' : 'fa-light fa-expand'\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n  </header>\n}\n\n<div\n  class=\"ax-file-viewer__stage\"\n  [class.ax-file-viewer__stage--nav]=\"service.items().length > 1\"\n  [class.ax-file-viewer__stage--hidden]=\"isBusy()\"\n>\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--prev\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isFirstSlide()\"\n      (onClick)=\"prev()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-left\"></ax-icon>\n    </ax-button>\n  }\n\n  <div class=\"ax-file-viewer__canvas\">\n    <div #mainCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n      <div class=\"ax-carousel-wrapper\">\n        @for (file of service.items(); track file.id) {\n          <div class=\"ax-carousel-slide\">\n            <ax-file-viewer-slide\n              [item]=\"file\"\n              [index]=\"$index\"\n              [fallbackContent]=\"fallbackContent()\"\n              [fallbackContentInputs]=\"fallbackContentInputs()\"\n              [fallbackContentData]=\"fallbackContentData()\"\n            />\n          </div>\n        }\n      </div>\n    </div>\n\n    @if (service.items().length > 0) {\n      <span class=\"ax-file-viewer__overlay-counter\">{{ slideCounter() }}</span>\n    }\n  </div>\n\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--next\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isLastSlide()\"\n      (onClick)=\"next()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-right\"></ax-icon>\n    </ax-button>\n  }\n</div>\n\n@if (thumbnail() && service.items().length > 1) {\n  <footer class=\"ax-file-viewer__thumbs\" [class.ax-file-viewer__thumbs--hidden]=\"isBusy()\">\n    <div class=\"ax-file-viewer__thumbs-track\">\n      <div #thumbCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n        <div class=\"ax-carousel-wrapper\">\n          @for (file of service.items(); track file.id) {\n            <div\n              class=\"ax-carousel-slide ax-file-viewer__thumb\"\n              [attr.data-type]=\"resolveFileType(file)\"\n              [class.ax-file-viewer__thumb--active]=\"service.selectedIndex() === $index\"\n              (click)=\"goToIndex($index)\"\n            >\n              <ax-file-viewer-thumb-preview [item]=\"file\" />\n              <div class=\"ax-file-viewer__thumb-footer\">\n                <span class=\"ax-file-viewer__thumb-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}ax-file-viewer-container{--ax-fv-surface: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-surface-2: rgb(var(--ax-sys-color-light-surface));--ax-fv-border: rgb(var(--ax-sys-color-border-lightest-surface));--ax-fv-border-strong: rgb(var(--ax-sys-color-border-lighter-surface));--ax-fv-text: rgb(var(--ax-sys-color-on-lightest-surface));--ax-fv-muted: rgba(var(--ax-sys-color-on-surface), .65);--ax-fv-shadow: 0 10px 30px rgba(var(--ax-sys-color-on-surface), .08);--ax-fv-nav-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-nav-shadow: 0 6px 18px rgba(var(--ax-sys-color-on-surface), .12);--ax-fv-counter-bg: rgb(var(--ax-sys-color-dark));--ax-fv-counter-text: rgb(var(--ax-sys-color-light));--ax-fv-thumb-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-thumb-preview: rgb(var(--ax-sys-color-lighter-surface));--ax-fv-image: rgb(var(--ax-sys-color-success-500));--ax-fv-video: rgb(var(--ax-sys-color-primary-500));--ax-fv-audio: rgb(var(--ax-sys-color-danger-500));--ax-fv-document: rgb(var(--ax-sys-color-warning-500));--ax-fv-file: rgb(var(--ax-sys-color-secondary-500));--ax-fv-on-accent: rgb(var(--ax-sys-color-light));--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;border-radius:1.25rem;background:var(--ax-fv-surface);border:1px solid var(--ax-fv-border);box-shadow:var(--ax-fv-shadow);color:var(--ax-fv-text)}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{background:var(--ax-fv-surface);width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container.ax-file-viewer--fullscreen{border-radius:0;background:var(--ax-fv-surface)}ax-file-viewer-container .ax-file-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(var(--ax-sys-color-lightest-surface),.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{visibility:hidden;pointer-events:none}ax-file-viewer-container .ax-file-viewer__header{display:grid;grid-template-columns:minmax(min-content,max-content) minmax(0,1fr) auto;grid-template-areas:\"meta content actions\";align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border);flex-shrink:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__header--no-content{grid-template-columns:minmax(min-content,max-content) auto;grid-template-areas:\"meta actions\"}ax-file-viewer-container .ax-file-viewer__meta{grid-area:meta;min-width:min-content;max-width:100%;justify-self:start}ax-file-viewer-container .ax-file-viewer__header-content{grid-area:content;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;justify-self:stretch}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;align-items:center;gap:.5rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.2rem;font-size:.75rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__header-actions{grid-area:actions;display:flex;align-items:center;gap:.4rem;flex-shrink:0;justify-self:end}ax-file-viewer-container .ax-file-viewer__action-btn{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.65rem!important;background:var(--ax-fv-surface)!important;border:1px solid var(--ax-fv-border-strong)!important;color:var(--ax-fv-text)!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__action-btn:hover{background:var(--ax-fv-surface-2)!important}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap{display:inline-flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__stage{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";align-items:stretch;gap:.5rem;padding:var(--ax-fv-stage-pad);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:var(--ax-fv-nav-size) minmax(0,1fr) var(--ax-fv-nav-size);grid-template-areas:\"prev canvas next\";align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav{z-index:2;width:var(--ax-fv-nav-size)!important;height:var(--ax-fv-nav-size)!important;min-width:var(--ax-fv-nav-size)!important;border-radius:999px!important;background:var(--ax-fv-nav-bg)!important;border:1px solid var(--ax-fv-border)!important;color:var(--ax-fv-text)!important;box-shadow:var(--ax-fv-nav-shadow)!important;justify-self:center;align-self:center}ax-file-viewer-container .ax-file-viewer__nav.ax-disabled,ax-file-viewer-container .ax-file-viewer__nav[disabled]{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{grid-area:canvas;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:12rem;align-self:stretch;border-radius:1rem;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{height:100%;align-items:stretch;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{display:flex!important;align-items:stretch;justify-content:stretch;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas img,ax-file-viewer-container .ax-file-viewer__canvas video,ax-file-viewer-container .ax-file-viewer__canvas audio,ax-file-viewer-container .ax-file-viewer__canvas iframe,ax-file-viewer-container .ax-file-viewer__canvas ax-pdf-reader{max-width:100%;max-height:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.3rem .7rem;border-radius:999px;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;opacity:.8}ax-file-viewer-container .ax-file-viewer__thumbs{width:100%;max-width:100%;min-width:0;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border);flex:0 0 auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-wrapper{align-items:stretch}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:7.5rem;max-width:7.5rem;height:auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{cursor:pointer;width:7.5rem;max-width:7.5rem;display:flex;flex-direction:column;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);overflow:hidden;box-sizing:border-box;transition:border-color .15s ease}ax-file-viewer-container .ax-file-viewer__thumb:hover{border-color:var(--ax-fv-border-strong)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active{border-color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active{border-color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active{border-color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active{border-color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active{border-color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{width:100%;max-width:100%;min-width:0;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;background:var(--ax-fv-thumb-preview);box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb-preview i{font-size:1.45rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}ax-file-viewer-container .ax-file-viewer__thumb[data-type=image] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-footer{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;align-items:center;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text);font-weight:500}ax-file-viewer-container .ax-carousel-pagination{display:none}@media(max-width:768px){ax-file-viewer-container{--ax-fv-stage-pad: .5rem;--ax-fv-nav-size: 2.25rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__header{gap:.5rem .75rem;padding:.65rem .75rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}ax-file-viewer-container .ax-file-viewer__action-btn{width:2rem!important;height:2rem!important;min-width:2rem!important}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(14rem,1fr) auto;grid-template-areas:\"canvas canvas\" \"prev next\";gap:.5rem;align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav--prev{justify-self:end}ax-file-viewer-container .ax-file-viewer__nav--next{justify-self:start}ax-file-viewer-container .ax-file-viewer__canvas{min-height:14rem}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.6rem .75rem .85rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.75rem;max-width:5.75rem}}@media(max-width:480px){ax-file-viewer-container{--ax-fv-nav-size: 2rem;border-radius:.75rem}ax-file-viewer-container .ax-file-viewer__type-badge{display:none}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.5rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.25rem;max-width:5.25rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.25rem;max-width:5.25rem}}ax-file-viewer-slide{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}ax-file-viewer-slide .ax-file-viewer-slide__custom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}ax-file-viewer-image,ax-file-viewer-video,ax-file-viewer-audio,ax-file-viewer-pdf,ax-file-viewer-fallback{display:flex!important;width:100%!important;height:100%!important;min-width:0;min-height:0;box-sizing:border-box}.ax-file-viewer-gallery-overlay.ax-overlay-centered{pointer-events:auto}.ax-file-viewer-gallery-overlay.ax-overlay-centered .ax-overlay-content{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;display:flex;align-items:stretch;justify-content:stretch}.ax-file-viewer-gallery-overlay.ax-overlay-centered ax-file-viewer-container{width:100%;height:100%;min-height:0;border-radius:0;pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXCarouselDirective, selector: "[axCarousel]", exportAs: ["axCarousel"] }, { kind: "component", type: AXFileViewerSlideComponent, selector: "ax-file-viewer-slide", inputs: ["item", "index", "fallbackContent", "fallbackContentInputs", "fallbackContentData"] }, { kind: "component", type: AXFileViewerThumbPreviewComponent, selector: "ax-file-viewer-thumb-preview", inputs: ["item"] }, { kind: "component", type: AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-file-viewer-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [AXFileViewerService], imports: [
+            args: [{ selector: 'ax-file-viewer-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class.ax-file-viewer--fullscreen]': 'isFullscreenActive()',
+                    }, providers: [AXFileViewerService], imports: [
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
                         AXCarouselDirective,
                         AXFileViewerSlideComponent,
                         AXFileViewerThumbPreviewComponent,
                         AXBadgeComponent,
                         AXButtonComponent,
                         AXDecoratorIconComponent,
-                        AXDecoratorFullScreenButtonComponent,
                         AXLoadingComponent,
                         AXTooltipDirective,
-                    ], template: "@if (isBusy()) {\n  <div class=\"ax-file-viewer__loading\" aria-busy=\"true\" aria-live=\"polite\">\n    <ax-loading></ax-loading>\n  </div>\n}\n\n@if (currentItem(); as item) {\n  <header class=\"ax-file-viewer__header\">\n    <div class=\"ax-file-viewer__meta\">\n      <div class=\"ax-file-viewer__title-row\">\n        <span class=\"ax-file-viewer__name\">{{ item.name || 'Untitled' }}</span>\n        <ax-badge\n          class=\"ax-file-viewer__type-badge ax-pill ax-sm\"\n          look=\"outline\"\n          [color]=\"currentTypeColor()\"\n          [text]=\"currentTypeLabel()\"\n        />\n      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n        }\n        @if (item.extension) {\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n          <span>.{{ item.extension }}</span>\n        } @else if (item.mimeType) {\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n          <span>{{ item.mimeType }}</span>\n        }\n      </div>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\n            class=\"ax-file-viewer__action-btn\"\n            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Download'\"\n            (onClick)=\"downloadCurrent()\"\n          >\n            <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n          </ax-button>\n        }\n\n        @if (fullscreen()) {\n          <div class=\"ax-file-viewer__action-btn ax-file-viewer__fullscreen-wrap\">\n            <ax-fullscreen-button></ax-fullscreen-button>\n          </div>\n        }\n      </div>\n    }\n  </header>\n}\n\n<div\n  class=\"ax-file-viewer__stage\"\n  [class.ax-file-viewer__stage--nav]=\"service.items().length > 1\"\n  [class.ax-file-viewer__stage--hidden]=\"isBusy()\"\n>\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--prev\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isFirstSlide()\"\n      (onClick)=\"prev()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-left\"></ax-icon>\n    </ax-button>\n  }\n\n  <div class=\"ax-file-viewer__canvas\">\n    <div #mainCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n      <div class=\"ax-carousel-wrapper\">\n        @for (file of service.items(); track file.id) {\n          <div class=\"ax-carousel-slide\">\n            <ax-file-viewer-slide [item]=\"file\" [index]=\"$index\" />\n          </div>\n        }\n      </div>\n    </div>\n\n    @if (service.items().length > 0) {\n      <span class=\"ax-file-viewer__overlay-counter\">{{ slideCounter() }}</span>\n    }\n  </div>\n\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--next\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isLastSlide()\"\n      (onClick)=\"next()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-right\"></ax-icon>\n    </ax-button>\n  }\n</div>\n\n@if (thumbnail() && service.items().length > 1) {\n  <footer class=\"ax-file-viewer__thumbs\" [class.ax-file-viewer__thumbs--hidden]=\"isBusy()\">\n    <div class=\"ax-file-viewer__thumbs-track\">\n      <div #thumbCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n        <div class=\"ax-carousel-wrapper\">\n          @for (file of service.items(); track file.id) {\n            <div\n              class=\"ax-carousel-slide ax-file-viewer__thumb\"\n              [attr.data-type]=\"resolveFileType(file)\"\n              [class.ax-file-viewer__thumb--active]=\"service.selectedIndex() === $index\"\n              (click)=\"goToIndex($index)\"\n            >\n              <ax-file-viewer-thumb-preview [item]=\"file\" />\n              <div class=\"ax-file-viewer__thumb-footer\">\n                <span class=\"ax-file-viewer__thumb-index\">{{ $index + 1 }}</span>\n                <span class=\"ax-file-viewer__thumb-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n                @if (formatSize(file.size); as sizeLabel) {\n                  <span class=\"ax-file-viewer__thumb-size\">{{ sizeLabel }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}ax-file-viewer-container{--ax-fv-surface: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-surface-2: rgb(var(--ax-sys-color-light-surface));--ax-fv-border: rgb(var(--ax-sys-color-border-lightest-surface));--ax-fv-border-strong: rgb(var(--ax-sys-color-border-lighter-surface));--ax-fv-text: rgb(var(--ax-sys-color-on-lightest-surface));--ax-fv-muted: rgba(var(--ax-sys-color-on-surface), .65);--ax-fv-shadow: 0 10px 30px rgba(var(--ax-sys-color-on-surface), .08);--ax-fv-nav-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-nav-shadow: 0 6px 18px rgba(var(--ax-sys-color-on-surface), .12);--ax-fv-counter-bg: rgb(var(--ax-sys-color-dark));--ax-fv-counter-text: rgb(var(--ax-sys-color-light));--ax-fv-thumb-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-thumb-preview: rgb(var(--ax-sys-color-lighter-surface));--ax-fv-image: rgb(var(--ax-sys-color-success-500));--ax-fv-video: rgb(var(--ax-sys-color-primary-500));--ax-fv-audio: rgb(var(--ax-sys-color-danger-500));--ax-fv-document: rgb(var(--ax-sys-color-warning-500));--ax-fv-file: rgb(var(--ax-sys-color-secondary-500));--ax-fv-on-accent: rgb(var(--ax-sys-color-light));--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;border-radius:1.25rem;background:var(--ax-fv-surface);border:1px solid var(--ax-fv-border);box-shadow:var(--ax-fv-shadow);color:var(--ax-fv-text)}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{background:var(--ax-fv-surface);width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container.ax-file-viewer--fullscreen{border-radius:0;background:var(--ax-fv-surface)}ax-file-viewer-container .ax-file-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(var(--ax-sys-color-lightest-surface),.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{visibility:hidden;pointer-events:none}ax-file-viewer-container .ax-file-viewer__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border);flex-shrink:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__meta{min-width:0}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;align-items:center;gap:.5rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.2rem;font-size:.75rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:.5}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}ax-file-viewer-container .ax-file-viewer__action-btn{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.65rem!important;background:var(--ax-fv-surface)!important;border:1px solid var(--ax-fv-border-strong)!important;color:var(--ax-fv-text)!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__action-btn:hover{background:var(--ax-fv-surface-2)!important}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap{display:inline-flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap ax-fullscreen-button{display:flex;width:100%;height:100%;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap ax-fullscreen-button button{width:100%;height:100%;border:none;background:transparent;color:var(--ax-fv-text);cursor:pointer;display:flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__stage{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";align-items:stretch;gap:.5rem;padding:var(--ax-fv-stage-pad);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:var(--ax-fv-nav-size) minmax(0,1fr) var(--ax-fv-nav-size);grid-template-areas:\"prev canvas next\";align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav{z-index:2;width:var(--ax-fv-nav-size)!important;height:var(--ax-fv-nav-size)!important;min-width:var(--ax-fv-nav-size)!important;border-radius:999px!important;background:var(--ax-fv-nav-bg)!important;border:1px solid var(--ax-fv-border)!important;color:var(--ax-fv-text)!important;box-shadow:var(--ax-fv-nav-shadow)!important;justify-self:center;align-self:center}ax-file-viewer-container .ax-file-viewer__nav.ax-disabled,ax-file-viewer-container .ax-file-viewer__nav[disabled]{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{grid-area:canvas;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:12rem;align-self:stretch;border-radius:1rem;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{height:100%;align-items:stretch;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{display:flex!important;align-items:stretch;justify-content:stretch;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas img,ax-file-viewer-container .ax-file-viewer__canvas video,ax-file-viewer-container .ax-file-viewer__canvas audio,ax-file-viewer-container .ax-file-viewer__canvas iframe,ax-file-viewer-container .ax-file-viewer__canvas ax-pdf-reader{max-width:100%;max-height:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.3rem .7rem;border-radius:999px;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;opacity:.8}ax-file-viewer-container .ax-file-viewer__thumbs{width:100%;max-width:100%;min-width:0;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border);flex:0 0 auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-wrapper{align-items:stretch}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:7.5rem;max-width:7.5rem;height:auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{cursor:pointer;width:7.5rem;max-width:7.5rem;display:flex;flex-direction:column;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);overflow:hidden;box-sizing:border-box;transition:border-color .15s ease}ax-file-viewer-container .ax-file-viewer__thumb:hover{border-color:var(--ax-fv-border-strong)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active{border-color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active .ax-file-viewer__thumb-index{background:var(--ax-fv-image);color:var(--ax-fv-on-accent)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active{border-color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active{border-color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active{border-color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active{border-color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active .ax-file-viewer__thumb-index,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active .ax-file-viewer__thumb-index{background:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{width:100%;max-width:100%;min-width:0;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;background:var(--ax-fv-thumb-preview);box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb-preview i{font-size:1.45rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}ax-file-viewer-container .ax-file-viewer__thumb[data-type=image] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-footer{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem;align-items:center;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumb-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding-inline:.2rem;border-radius:.3rem;background:var(--ax-fv-surface-2);color:var(--ax-fv-muted);font-weight:700}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text);font-weight:500}ax-file-viewer-container .ax-file-viewer__thumb-size{white-space:nowrap}ax-file-viewer-container .ax-carousel-pagination{display:none}@media(max-width:768px){ax-file-viewer-container{--ax-fv-stage-pad: .5rem;--ax-fv-nav-size: 2.25rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__header{gap:.5rem .75rem;padding:.65rem .75rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}ax-file-viewer-container .ax-file-viewer__action-btn{width:2rem!important;height:2rem!important;min-width:2rem!important}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(14rem,1fr) auto;grid-template-areas:\"canvas canvas\" \"prev next\";gap:.5rem;align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav--prev{justify-self:end}ax-file-viewer-container .ax-file-viewer__nav--next{justify-self:start}ax-file-viewer-container .ax-file-viewer__canvas{min-height:14rem}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.6rem .75rem .85rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb-footer{grid-template-columns:auto minmax(0,1fr)}ax-file-viewer-container .ax-file-viewer__thumb-size{display:none}}@media(max-width:480px){ax-file-viewer-container{--ax-fv-nav-size: 2rem;border-radius:.75rem}ax-file-viewer-container .ax-file-viewer__type-badge{display:none}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.5rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.25rem;max-width:5.25rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.25rem;max-width:5.25rem}}ax-file-viewer-slide{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}ax-file-viewer-image,ax-file-viewer-video,ax-file-viewer-audio,ax-file-viewer-pdf,ax-file-viewer-fallback{display:flex!important;width:100%!important;height:100%!important;min-width:0;min-height:0;box-sizing:border-box}\n"] }]
+                    ], template: "@if (isBusy()) {\n  <div class=\"ax-file-viewer__loading\" aria-busy=\"true\" aria-live=\"polite\">\n    <ax-loading></ax-loading>\n  </div>\n}\n\n@if (currentItem(); as item) {\n  <header\n    class=\"ax-file-viewer__header\"\n    [class.ax-file-viewer__header--no-content]=\"!hasHeaderCenterContent()\"\n  >\n    <div class=\"ax-file-viewer__meta\">\n      <div class=\"ax-file-viewer__title-row\">\n        <span class=\"ax-file-viewer__name\">{{ item.name || 'Untitled' }}</span>\n        <ax-badge\n          class=\"ax-file-viewer__type-badge ax-pill ax-sm\"\n          look=\"outline\"\n          [color]=\"currentTypeColor()\"\n          [text]=\"currentTypeLabel()\"\n        />\n      </div>\n      @if (formatSize(item.size); as sizeLabel) {\n        <div class=\"ax-file-viewer__submeta\">\n          <span>{{ sizeLabel }}</span>\n        </div>\n      }\n    </div>\n\n    @if (hasHeaderCenterContent()) {\n      <div class=\"ax-file-viewer__header-content\">\n        @if (headerTemplateContent(); as template) {\n          <ng-container *ngTemplateOutlet=\"template; context: headerContentContext()\" />\n        } @else if (headerComponentContent(); as component) {\n          <ng-container *ngComponentOutlet=\"component; inputs: headerContentInputs()\" />\n        } @else if (headerPlaceholderTemplateContent(); as placeholderTemplate) {\n          <ng-container *ngTemplateOutlet=\"placeholderTemplate; context: headerContentContext()\" />\n        } @else if (headerPlaceholderComponentContent(); as placeholderComponent) {\n          <ng-container *ngComponentOutlet=\"placeholderComponent; inputs: headerContentPlaceholderInputs()\" />\n        }\n      </div>\n    }\n\n    <div class=\"ax-file-viewer__header-actions\">\n      @if (download()) {\n        <ax-button\n          class=\"ax-file-viewer__action-btn\"\n          look=\"outline\"\n          color=\"default\"\n          [iconOnly]=\"true\"\n          [axTooltip]=\"'Download'\"\n          (onClick)=\"downloadCurrent()\"\n        >\n          <ax-icon icon=\"fa-light fa-download\"></ax-icon>\n        </ax-button>\n      }\n\n      @if (fullscreen()) {\n        <ax-button\n          class=\"ax-file-viewer__action-btn ax-file-viewer__fullscreen-wrap\"\n          look=\"outline\"\n          color=\"default\"\n          [iconOnly]=\"true\"\n          [axTooltip]=\"isFullscreenActive() ? 'Close' : 'Fullscreen'\"\n          (onClick)=\"toggleFullscreen()\"\n        >\n          <ax-icon [icon]=\"isFullscreenActive() ? 'fa-light fa-xmark' : 'fa-light fa-expand'\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n  </header>\n}\n\n<div\n  class=\"ax-file-viewer__stage\"\n  [class.ax-file-viewer__stage--nav]=\"service.items().length > 1\"\n  [class.ax-file-viewer__stage--hidden]=\"isBusy()\"\n>\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--prev\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isFirstSlide()\"\n      (onClick)=\"prev()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-left\"></ax-icon>\n    </ax-button>\n  }\n\n  <div class=\"ax-file-viewer__canvas\">\n    <div #mainCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n      <div class=\"ax-carousel-wrapper\">\n        @for (file of service.items(); track file.id) {\n          <div class=\"ax-carousel-slide\">\n            <ax-file-viewer-slide\n              [item]=\"file\"\n              [index]=\"$index\"\n              [fallbackContent]=\"fallbackContent()\"\n              [fallbackContentInputs]=\"fallbackContentInputs()\"\n              [fallbackContentData]=\"fallbackContentData()\"\n            />\n          </div>\n        }\n      </div>\n    </div>\n\n    @if (service.items().length > 0) {\n      <span class=\"ax-file-viewer__overlay-counter\">{{ slideCounter() }}</span>\n    }\n  </div>\n\n  @if (service.items().length > 1) {\n    <ax-button\n      class=\"ax-file-viewer__nav ax-file-viewer__nav--next\"\n      look=\"solid\"\n      color=\"default\"\n      [iconOnly]=\"true\"\n      [disabled]=\"isLastSlide()\"\n      (onClick)=\"next()\"\n    >\n      <ax-icon icon=\"fa-light fa-chevron-right\"></ax-icon>\n    </ax-button>\n  }\n</div>\n\n@if (thumbnail() && service.items().length > 1) {\n  <footer class=\"ax-file-viewer__thumbs\" [class.ax-file-viewer__thumbs--hidden]=\"isBusy()\">\n    <div class=\"ax-file-viewer__thumbs-track\">\n      <div #thumbCarousel=\"axCarousel\" axCarousel class=\"ax-carousel\">\n        <div class=\"ax-carousel-wrapper\">\n          @for (file of service.items(); track file.id) {\n            <div\n              class=\"ax-carousel-slide ax-file-viewer__thumb\"\n              [attr.data-type]=\"resolveFileType(file)\"\n              [class.ax-file-viewer__thumb--active]=\"service.selectedIndex() === $index\"\n              (click)=\"goToIndex($index)\"\n            >\n              <ax-file-viewer-thumb-preview [item]=\"file\" />\n              <div class=\"ax-file-viewer__thumb-footer\">\n                <span class=\"ax-file-viewer__thumb-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}ax-file-viewer-container{--ax-fv-surface: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-surface-2: rgb(var(--ax-sys-color-light-surface));--ax-fv-border: rgb(var(--ax-sys-color-border-lightest-surface));--ax-fv-border-strong: rgb(var(--ax-sys-color-border-lighter-surface));--ax-fv-text: rgb(var(--ax-sys-color-on-lightest-surface));--ax-fv-muted: rgba(var(--ax-sys-color-on-surface), .65);--ax-fv-shadow: 0 10px 30px rgba(var(--ax-sys-color-on-surface), .08);--ax-fv-nav-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-nav-shadow: 0 6px 18px rgba(var(--ax-sys-color-on-surface), .12);--ax-fv-counter-bg: rgb(var(--ax-sys-color-dark));--ax-fv-counter-text: rgb(var(--ax-sys-color-light));--ax-fv-thumb-bg: rgb(var(--ax-sys-color-lightest-surface));--ax-fv-thumb-preview: rgb(var(--ax-sys-color-lighter-surface));--ax-fv-image: rgb(var(--ax-sys-color-success-500));--ax-fv-video: rgb(var(--ax-sys-color-primary-500));--ax-fv-audio: rgb(var(--ax-sys-color-danger-500));--ax-fv-document: rgb(var(--ax-sys-color-warning-500));--ax-fv-file: rgb(var(--ax-sys-color-secondary-500));--ax-fv-on-accent: rgb(var(--ax-sys-color-light));--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box;border-radius:1.25rem;background:var(--ax-fv-surface);border:1px solid var(--ax-fv-border);box-shadow:var(--ax-fv-shadow);color:var(--ax-fv-text)}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{background:var(--ax-fv-surface);width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container.ax-file-viewer--fullscreen{border-radius:0;background:var(--ax-fv-surface)}ax-file-viewer-container .ax-file-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(var(--ax-sys-color-lightest-surface),.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{visibility:hidden;pointer-events:none}ax-file-viewer-container .ax-file-viewer__header{display:grid;grid-template-columns:minmax(min-content,max-content) minmax(0,1fr) auto;grid-template-areas:\"meta content actions\";align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border);flex-shrink:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__header--no-content{grid-template-columns:minmax(min-content,max-content) auto;grid-template-areas:\"meta actions\"}ax-file-viewer-container .ax-file-viewer__meta{grid-area:meta;min-width:min-content;max-width:100%;justify-self:start}ax-file-viewer-container .ax-file-viewer__header-content{grid-area:content;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;justify-self:stretch}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;align-items:center;gap:.5rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.2rem;font-size:.75rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__header-actions{grid-area:actions;display:flex;align-items:center;gap:.4rem;flex-shrink:0;justify-self:end}ax-file-viewer-container .ax-file-viewer__action-btn{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.65rem!important;background:var(--ax-fv-surface)!important;border:1px solid var(--ax-fv-border-strong)!important;color:var(--ax-fv-text)!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__action-btn:hover{background:var(--ax-fv-surface-2)!important}ax-file-viewer-container .ax-file-viewer__fullscreen-wrap{display:inline-flex;align-items:center;justify-content:center}ax-file-viewer-container .ax-file-viewer__stage{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";align-items:stretch;gap:.5rem;padding:var(--ax-fv-stage-pad);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:var(--ax-fv-nav-size) minmax(0,1fr) var(--ax-fv-nav-size);grid-template-areas:\"prev canvas next\";align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav{z-index:2;width:var(--ax-fv-nav-size)!important;height:var(--ax-fv-nav-size)!important;min-width:var(--ax-fv-nav-size)!important;border-radius:999px!important;background:var(--ax-fv-nav-bg)!important;border:1px solid var(--ax-fv-border)!important;color:var(--ax-fv-text)!important;box-shadow:var(--ax-fv-nav-shadow)!important;justify-self:center;align-self:center}ax-file-viewer-container .ax-file-viewer__nav.ax-disabled,ax-file-viewer-container .ax-file-viewer__nav[disabled]{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important}ax-file-viewer-container .ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{grid-area:canvas;position:relative;width:100%;max-width:100%;height:100%;min-width:0;min-height:12rem;align-self:stretch;border-radius:1rem;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{height:100%;align-items:stretch;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{display:flex!important;align-items:stretch;justify-content:stretch;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas img,ax-file-viewer-container .ax-file-viewer__canvas video,ax-file-viewer-container .ax-file-viewer__canvas audio,ax-file-viewer-container .ax-file-viewer__canvas iframe,ax-file-viewer-container .ax-file-viewer__canvas ax-pdf-reader{max-width:100%;max-height:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.3rem .7rem;border-radius:999px;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem;font-weight:600;letter-spacing:.03em;pointer-events:none;opacity:.8}ax-file-viewer-container .ax-file-viewer__thumbs{width:100%;max-width:100%;min-width:0;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border);flex:0 0 auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-wrapper{align-items:stretch}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:7.5rem;max-width:7.5rem;height:auto;box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{cursor:pointer;width:7.5rem;max-width:7.5rem;display:flex;flex-direction:column;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);overflow:hidden;box-sizing:border-box;transition:border-color .15s ease}ax-file-viewer-container .ax-file-viewer__thumb:hover{border-color:var(--ax-fv-border-strong)}ax-file-viewer-container .ax-file-viewer__thumb.swiper-slide-thumb-active,ax-file-viewer-container .ax-file-viewer__thumb.ax-file-viewer__thumb--active{border-color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=video].swiper-slide-thumb-active{border-color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio].swiper-slide-thumb-active{border-color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=document].swiper-slide-thumb-active{border-color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].ax-file-viewer__thumb--active,ax-file-viewer-container .ax-file-viewer__thumb[data-type=file].swiper-slide-thumb-active{border-color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{width:100%;max-width:100%;min-width:0;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;background:var(--ax-fv-thumb-preview);box-sizing:border-box;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb-preview i{font-size:1.45rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-preview img{width:100%;height:100%;object-fit:cover;display:block}ax-file-viewer-container .ax-file-viewer__thumb[data-type=image] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-image)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=video] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-video)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=audio] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-audio)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=document] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-document)}ax-file-viewer-container .ax-file-viewer__thumb[data-type=file] .ax-file-viewer__thumb-preview i{color:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-footer{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;align-items:center;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted);box-sizing:border-box}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text);font-weight:500}ax-file-viewer-container .ax-carousel-pagination{display:none}@media(max-width:768px){ax-file-viewer-container{--ax-fv-stage-pad: .5rem;--ax-fv-nav-size: 2.25rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__header{gap:.5rem .75rem;padding:.65rem .75rem;min-width:0}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}ax-file-viewer-container .ax-file-viewer__action-btn{width:2rem!important;height:2rem!important;min-width:2rem!important}ax-file-viewer-container .ax-file-viewer__stage--nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(14rem,1fr) auto;grid-template-areas:\"canvas canvas\" \"prev next\";gap:.5rem;align-items:stretch}ax-file-viewer-container .ax-file-viewer__nav--prev{justify-self:end}ax-file-viewer-container .ax-file-viewer__nav--next{justify-self:start}ax-file-viewer-container .ax-file-viewer__canvas{min-height:14rem}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.6rem .75rem .85rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.75rem;max-width:5.75rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.75rem;max-width:5.75rem}}@media(max-width:480px){ax-file-viewer-container{--ax-fv-nav-size: 2rem;border-radius:.75rem}ax-file-viewer-container .ax-file-viewer__type-badge{display:none}ax-file-viewer-container .ax-file-viewer__thumbs{padding:.5rem}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper-slide{width:5.25rem;max-width:5.25rem}ax-file-viewer-container .ax-file-viewer__thumb{width:5.25rem;max-width:5.25rem}}ax-file-viewer-slide{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}ax-file-viewer-slide .ax-file-viewer-slide__custom{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}ax-file-viewer-image,ax-file-viewer-video,ax-file-viewer-audio,ax-file-viewer-pdf,ax-file-viewer-fallback{display:flex!important;width:100%!important;height:100%!important;min-width:0;min-height:0;box-sizing:border-box}.ax-file-viewer-gallery-overlay.ax-overlay-centered{pointer-events:auto}.ax-file-viewer-gallery-overlay.ax-overlay-centered .ax-overlay-content{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;display:flex;align-items:stretch;justify-content:stretch}.ax-file-viewer-gallery-overlay.ax-overlay-centered ax-file-viewer-container{width:100%;height:100%;min-height:0;border-radius:0;pointer-events:auto}\n"] }]
+        }] });
+
+/** Opens {@link AXFileViewerContainerComponent} in fullscreen gallery mode. */
+class AXFileViewerGalleryService {
+    constructor() {
+        this.galleryList = new Map();
+        this.overlayService = inject(AXOverlayService);
+    }
+    /**
+     * Opens a file viewer gallery in fullscreen.
+     * @param config - Gallery configuration
+     * @returns Promise that resolves when the gallery is closed
+     */
+    open(config) {
+        const defaultConfig = {
+            items: [],
+            startIndex: 0,
+            thumbnail: true,
+            download: true,
+            loading: false,
+            panelClass: [],
+        };
+        const mergedConfig = Object.assign(defaultConfig, config);
+        const promise = new AXComponentClosedPromise((resolve) => {
+            this.openInternal(mergedConfig).then((ref) => {
+                ref.onClose.subscribe((data) => {
+                    resolve({
+                        sender: ref.componentInstance,
+                        data,
+                    });
+                });
+            });
+        });
+        return promise;
+    }
+    /**
+     * Closes a gallery by its ID.
+     * @param id - The gallery ID to close
+     * @param data - Optional data to pass to the close event
+     */
+    close(id, data) {
+        const ref = this.galleryList.get(id);
+        if (!ref)
+            return;
+        this.galleryList.delete(id);
+        ref.closedSub?.unsubscribe();
+        const componentRef = ref.overlay.instance;
+        componentRef?.instance.exitFullscreen(false);
+        ref.gallery.onClose.next(data);
+        ref.gallery.onClose.complete();
+        ref.overlay.dispose();
+    }
+    /**
+     * Sets input values for a gallery by its ID.
+     * @param id - The gallery ID
+     * @param values - Object containing input values to set
+     */
+    setInputs(id, values) {
+        const ref = this.galleryList.get(id)?.overlay.instance;
+        if (!ref)
+            return;
+        if (ref instanceof ComponentRef) {
+            Object.entries(values).forEach(([key, value]) => {
+                ref.setInput(key, value);
+            });
+        }
+    }
+    /**
+     * Brings a gallery to the front of all other overlays.
+     * @param id - The gallery ID to bring to front
+     */
+    bringToFront(id) {
+        const ref = this.galleryList.get(id);
+        if (!ref)
+            return;
+        ref.overlay.bringToFront();
+    }
+    async openInternal(config) {
+        const randomId = Math.floor(Math.random() * 100000000000);
+        const onClose = new Subject();
+        const returnRef = {
+            close: (data) => {
+                this.close(randomId, data);
+            },
+            setInputs: (values) => {
+                this.setInputs(randomId, values);
+            },
+            bringToFront: () => {
+                this.bringToFront(randomId);
+            },
+            onClose,
+        };
+        const panelClasses = ['ax-file-viewer-gallery-overlay'];
+        if (config.panelClass?.length) {
+            panelClasses.push(...config.panelClass);
+        }
+        const overlayRef = await this.overlayService.create(AXFileViewerContainerComponent, {
+            backdrop: { enabled: false },
+            panelClass: panelClasses,
+            inputs: {
+                items: config.items,
+                startIndex: config.startIndex ?? 0,
+                thumbnail: config.thumbnail ?? true,
+                download: config.download ?? true,
+                fullscreen: true,
+                galleryMode: true,
+                loading: config.loading ?? false,
+                headerContent: config.headerContent ?? null,
+                headerContentInputs: config.headerContentInputs ?? {},
+                headerContentData: config.headerContentData,
+                headerContentPlaceholder: config.headerContentPlaceholder ?? null,
+                headerContentPlaceholderInputs: config.headerContentPlaceholderInputs ?? {},
+                fallbackContent: config.fallbackContent ?? null,
+                fallbackContentInputs: config.fallbackContentInputs ?? {},
+                fallbackContentData: config.fallbackContentData,
+            },
+        });
+        const componentRef = overlayRef.instance;
+        returnRef.componentInstance = componentRef.instance;
+        const closedSub = componentRef.instance.fullscreenClosed.subscribe(() => {
+            this.close(randomId);
+        });
+        this.galleryList.set(randomId, { overlay: overlayRef, gallery: returnRef, closedSub });
+        return returnRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerGalleryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerGalleryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerGalleryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function createFileViewerFileTypes() {
+    return [
+        defineFileType({
+            ...AX_IMAGE_FILE_TYPE,
+            name: 'image',
+            component: () => Promise.resolve().then(function () { return imageViewer_component; }).then((m) => m.AXFileViewerImageComponent),
+        }),
+        defineFileType({
+            ...AX_VIDEO_FILE_TYPE,
+            name: 'video',
+            component: () => Promise.resolve().then(function () { return videoViewer_component; }).then((m) => m.AXFileViewerVideoComponent),
+        }),
+        defineFileType({
+            ...AX_AUDIO_FILE_TYPE,
+            name: 'audio',
+            component: () => Promise.resolve().then(function () { return audioViewer_component; }).then((m) => m.AXFileViewerAudioComponent),
+        }),
+        defineFileType({
+            ...AX_DOCUMENT_FILE_TYPE,
+            name: 'document',
+            component: () => Promise.resolve().then(function () { return pdfViewer_component; }).then((m) => m.AXFileViewerPdfComponent),
+            extensions: (AX_DOCUMENT_FILE_TYPE.extensions ?? []).map((extension) => extension.name.toLowerCase() === 'pdf'
+                ? {
+                    ...extension,
+                    component: () => Promise.resolve().then(function () { return pdfViewer_component; }).then((m) => m.AXFileViewerPdfComponent),
+                }
+                : extension),
+        }),
+        defineFileType({
+            ...AX_FILE_FILE_TYPE,
+            name: 'file',
+            component: () => Promise.resolve().then(function () { return fileFallbackViewer_component; }).then((m) => m.AXFileViewerFileFallbackComponent),
+        }),
+    ];
+}
+
+/** Registers file-viewer components on standard file-type catalog entries. */
+function provideFileViewer() {
+    return [
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (registry) => () => registry.registerTypes(createFileViewerFileTypes()),
+            deps: [AXFileTypeRegistryService],
+            multi: true,
+        },
+    ];
+}
+
+/** Optional center header slot component for use with {@link headerContentPlaceholder}. */
+class AXFileViewerHeaderPlaceholderComponent {
+    constructor() {
+        this.slideCounter = input('0 / 0', ...(ngDevMode ? [{ debugName: "slideCounter" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerHeaderPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXFileViewerHeaderPlaceholderComponent, isStandalone: true, selector: "ax-file-viewer-header-placeholder", inputs: { slideCounter: { classPropertyName: "slideCounter", publicName: "slideCounter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <span class="ax-file-viewer__header-placeholder">{{ slideCounter() }}</span>
+  `, isInline: true, styles: [":host{display:flex;width:100%;min-width:0;align-items:center;justify-content:center}.ax-file-viewer__header-placeholder{font-size:.8rem;font-weight:500;color:var(--ax-fv-muted, rgba(var(--ax-sys-color-on-surface), .65));white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFileViewerHeaderPlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-file-viewer-header-placeholder', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <span class="ax-file-viewer__header-placeholder">{{ slideCounter() }}</span>
+  `, styles: [":host{display:flex;width:100%;min-width:0;align-items:center;justify-content:center}.ax-file-viewer__header-placeholder{font-size:.8rem;font-weight:500;color:var(--ax-fv-muted, rgba(var(--ax-sys-color-on-surface), .65));white-space:nowrap}\n"] }]
         }] });
 
 const TYPE_ICON_MAP = {
@@ -732,5 +982,5 @@ var fileFallbackViewer_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXFileViewerAudioComponent, AXFileViewerContainerComponent, AXFileViewerFileFallbackComponent, AXFileViewerImageComponent, AXFileViewerPdfComponent, AXFileViewerService, AXFileViewerSlideComponent, AXFileViewerThumbPreviewComponent, AXFileViewerThumbnailsComponent, AXFileViewerVideoComponent, buildFileViewerExtensionHint, createFileViewerFileTypes, provideFileViewer, resolveFileViewerFileType };
+export { AXFileViewerAudioComponent, AXFileViewerContainerComponent, AXFileViewerFileFallbackComponent, AXFileViewerGalleryService, AXFileViewerHeaderPlaceholderComponent, AXFileViewerImageComponent, AXFileViewerPdfComponent, AXFileViewerService, AXFileViewerSlideComponent, AXFileViewerThumbPreviewComponent, AXFileViewerThumbnailsComponent, AXFileViewerVideoComponent, buildFileViewerExtensionHint, createFileViewerFileTypes, provideFileViewer, resolveFileViewerFileType };
 //# sourceMappingURL=acorex-components-file-viewer.mjs.map