npm - @acorex/components - Versions diffs - 21.1.0-next.0 → 21.1.0-next.2 - Mend

@acorex/components 21.1.0-next.0 → 21.1.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/fesm2022/acorex-components-file-viewer.mjs +2 -2
package/fesm2022/acorex-components-file-viewer.mjs.map +1 -1
package/fesm2022/acorex-components-list.mjs +16 -3
package/fesm2022/acorex-components-list.mjs.map +1 -1
package/fesm2022/acorex-components-select-box.mjs +55 -6
package/fesm2022/acorex-components-select-box.mjs.map +1 -1
package/fesm2022/acorex-components-side-menu.mjs +14 -5
package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
package/fesm2022/acorex-components-sidebar.mjs +253 -0
package/fesm2022/acorex-components-sidebar.mjs.map +1 -0
package/fesm2022/acorex-components-tag-box.mjs +2 -2
package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
package/package.json +7 -3
package/sidebar/README.md +5 -0
package/types/acorex-components-list.d.ts +19 -9
package/types/acorex-components-select-box.d.ts +6 -0
package/types/acorex-components-side-menu.d.ts +4 -2
package/types/acorex-components-sidebar.d.ts +127 -0

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

@@ -457,7 +457,7 @@ class AXFileViewerContainerComponent {
         this.releaseFullscreenZIndex(this.host.nativeElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXFileViewerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }], 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      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n        }\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>\n\n    <div class=\"ax-file-viewer__header-slot\">\n      <ng-content select=\"ax-header\"></ng-content>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\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            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Fullscreen'\"\n            (onClick)=\"toggleFullscreen()\"\n          >\n            <ax-icon\n              [icon]=\"fullscreenActive() ? 'fa-light fa-compress' : 'fa-light fa-expand'\"\n            ></ax-icon>\n          </ax-button>\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-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@layer properties;: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);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}:is(.swiper:not(.swiper-watch-progress),.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;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.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)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.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;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;inset: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;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}@layer components{ax-file-viewer-container{--ax-fv-surface: var(--color-lightest);--ax-fv-surface-2: var(--color-light);--ax-fv-border: var(--color-border-lightest);--ax-fv-border-strong: var(--color-border-lighter);--ax-fv-text: var(--color-on-lightest);--ax-fv-muted: color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 65%, transparent);--ax-fv-shadow: 0 10px 30px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 8%, transparent);--ax-fv-nav-bg: var(--color-lightest);--ax-fv-nav-shadow: 0 6px 18px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 12%, transparent);--ax-fv-counter-bg: var(--color-on-lightest);--ax-fv-counter-text: var(--color-lightest);--ax-fv-thumb-bg: var(--color-lightest);--ax-fv-thumb-preview: var(--color-lighter);--ax-fv-image: var(--color-success-500);--ax-fv-video: var(--color-primary-500);--ax-fv-audio: var(--color-danger-500);--ax-fv-document: var(--color-warning-500);--ax-fv-file: var(--color-secondary-500);--ax-fv-on-accent: var(--color-lightest);--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;position:relative;box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;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)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-muted: color-mix(in oklab, var(--color-on-surface) 65%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-shadow: 0 10px 30px color-mix(in oklab, var(--color-on-surface) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-nav-shadow: 0 6px 18px color-mix(in oklab, var(--color-on-surface) 12%, transparent)}}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);background:var(--ax-fv-surface)}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;inset:calc(var(--spacing, .25rem) * 0);z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface)) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container .ax-file-viewer__loading{background:color-mix(in oklab,var(--color-lightest) 72%,transparent)}}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{pointer-events:none;visibility:hidden}ax-file-viewer-container .ax-file-viewer__header{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__meta{min-width:5rem;max-width:28rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__header-slot{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center}ax-file-viewer-container .ax-file-viewer__header-slot ax-header{width:100%}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-file-viewer-container .ax-file-viewer__name{overflow:hidden;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:50%}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-file-viewer-container .ax-file-viewer__stage{box-sizing:border-box;display:grid;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;gap:calc(var(--spacing, .25rem) * 2);flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";padding:var(--ax-fv-stage-pad)}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.ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav.ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{position:relative;box-sizing:border-box;height:100%;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;overflow:hidden;grid-area:canvas;min-height:12rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{box-sizing:border-box;height:100%;align-items:stretch}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;overflow:hidden;display:flex!important;justify-content:stretch}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-height:100%;max-width:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{pointer-events:none;position:absolute;bottom:calc(var(--spacing, .25rem) * 5);left:50%;z-index:3;display:inline-flex;min-width:3.25rem;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:80%;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem}ax-file-viewer-container .ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;flex:0 0 auto;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__thumbs-track{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}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{box-sizing:border-box;height:auto;width:7.5rem;max-width:7.5rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{box-sizing:border-box;display:flex;width:7.5rem;max-width:7.5rem;cursor:pointer;flex-direction:column;overflow:hidden;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);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{box-sizing:border-box;display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.4;background:var(--ax-fv-thumb-preview)}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{display:block;height:100%;width:100%;object-fit:cover}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{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text)}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{min-width:calc(var(--spacing, .25rem) * 0);gap:.5rem .75rem;padding:.65rem .75rem}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}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:calc(var(--spacing, .25rem) * 2)}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{box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;padding:calc(var(--spacing, .25rem) * 0);-webkit-user-select:none;user-select:none;justify-content:stretch}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}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-tracking: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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: 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: "21.2.9", 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 }], 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      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n        }\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>\n\n    <div class=\"ax-file-viewer__header-slot\">\n      <ng-content select=\"ax-header\"></ng-content>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\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            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Fullscreen'\"\n            (onClick)=\"toggleFullscreen()\"\n          >\n            <ax-icon\n              [icon]=\"fullscreenActive() ? 'fa-light fa-compress' : 'fa-light fa-expand'\"\n            ></ax-icon>\n          </ax-button>\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-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@layer properties;: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);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}:is(.swiper:not(.swiper-watch-progress),.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;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.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)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.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;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;inset: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;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}@layer components{ax-file-viewer-container{--ax-fv-surface: var(--color-lightest);--ax-fv-surface-2: var(--color-light);--ax-fv-border: var(--color-border-lightest);--ax-fv-border-strong: var(--color-border-lighter);--ax-fv-text: var(--color-on-lightest);--ax-fv-muted: color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 65%, transparent);--ax-fv-shadow: 0 10px 30px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 8%, transparent);--ax-fv-nav-bg: var(--color-lightest);--ax-fv-nav-shadow: 0 6px 18px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 12%, transparent);--ax-fv-counter-bg: var(--color-dark);--ax-fv-counter-text: var(--color-light);--ax-fv-thumb-bg: var(--color-lightest);--ax-fv-thumb-preview: var(--color-lighter);--ax-fv-image: var(--color-success-500);--ax-fv-video: var(--color-primary-500);--ax-fv-audio: var(--color-danger-500);--ax-fv-document: var(--color-warning-500);--ax-fv-file: var(--color-secondary-500);--ax-fv-on-accent: var(--color-lightest);--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;position:relative;box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;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)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-muted: color-mix(in oklab, var(--color-on-surface) 65%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-shadow: 0 10px 30px color-mix(in oklab, var(--color-on-surface) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-nav-shadow: 0 6px 18px color-mix(in oklab, var(--color-on-surface) 12%, transparent)}}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);background:var(--ax-fv-surface)}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;inset:calc(var(--spacing, .25rem) * 0);z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface)) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container .ax-file-viewer__loading{background:color-mix(in oklab,var(--color-lightest) 72%,transparent)}}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{pointer-events:none;visibility:hidden}ax-file-viewer-container .ax-file-viewer__header{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;align-items:center;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__meta{min-width:calc(var(--spacing, .25rem) * 0)}ax-file-viewer-container .ax-file-viewer__header-slot{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center}ax-file-viewer-container .ax-file-viewer__header-slot ax-header{width:100%}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-file-viewer-container .ax-file-viewer__name{overflow:hidden;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));gap:.35rem;margin-top:.2rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:50%}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;flex-shrink:0;align-items:center;gap:.4rem}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{display:flex;width:100%;height:100%;cursor:pointer;align-items:center;justify-content:center;--tw-border-style: none;border-style:none;background-color:transparent;color:var(--ax-fv-text)}ax-file-viewer-container .ax-file-viewer__stage{box-sizing:border-box;display:grid;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;gap:calc(var(--spacing, .25rem) * 2);flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";padding:var(--ax-fv-stage-pad)}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.ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav.ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{position:relative;box-sizing:border-box;height:100%;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;overflow:hidden;grid-area:canvas;min-height:12rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{box-sizing:border-box;height:100%;align-items:stretch}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;overflow:hidden;display:flex!important;justify-content:stretch}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-height:100%;max-width:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{pointer-events:none;position:absolute;bottom:calc(var(--spacing, .25rem) * 5);left:50%;z-index:3;display:inline-flex;min-width:3.25rem;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:80%;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem}ax-file-viewer-container .ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;flex:0 0 auto;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__thumbs-track{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}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{box-sizing:border-box;height:auto;width:7.5rem;max-width:7.5rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{box-sizing:border-box;display:flex;width:7.5rem;max-width:7.5rem;cursor:pointer;flex-direction:column;overflow:hidden;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);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)}:is(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) .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)}:is(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) .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)}:is(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) .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)}:is(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) .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)}:is(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) .ax-file-viewer__thumb-index{background:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{box-sizing:border-box;display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.4;background:var(--ax-fv-thumb-preview)}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{display:block;height:100%;width:100%;object-fit:cover}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{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-index{display:inline-flex;align-items:center;justify-content:center;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);min-width:1.15rem;height:1.15rem;padding-inline:.2rem;border-radius:.3rem;background:var(--ax-fv-surface-2);color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text)}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{min-width:calc(var(--spacing, .25rem) * 0);gap:.5rem .75rem;padding:.65rem .75rem}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:calc(var(--spacing, .25rem) * 2)}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{box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;padding:calc(var(--spacing, .25rem) * 0);-webkit-user-select:none;user-select:none;justify-content:stretch}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}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-tracking: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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: 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: "21.2.9", ngImport: i0, type: AXFileViewerContainerComponent, decorators: [{
             type: Component,
@@ -470,7 +470,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXDecoratorIconComponent,
                         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      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n        }\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>\n\n    <div class=\"ax-file-viewer__header-slot\">\n      <ng-content select=\"ax-header\"></ng-content>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\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            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Fullscreen'\"\n            (onClick)=\"toggleFullscreen()\"\n          >\n            <ax-icon\n              [icon]=\"fullscreenActive() ? 'fa-light fa-compress' : 'fa-light fa-expand'\"\n            ></ax-icon>\n          </ax-button>\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-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@layer properties;: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);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}:is(.swiper:not(.swiper-watch-progress),.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;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.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)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.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;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;inset: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;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}@layer components{ax-file-viewer-container{--ax-fv-surface: var(--color-lightest);--ax-fv-surface-2: var(--color-light);--ax-fv-border: var(--color-border-lightest);--ax-fv-border-strong: var(--color-border-lighter);--ax-fv-text: var(--color-on-lightest);--ax-fv-muted: color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 65%, transparent);--ax-fv-shadow: 0 10px 30px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 8%, transparent);--ax-fv-nav-bg: var(--color-lightest);--ax-fv-nav-shadow: 0 6px 18px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 12%, transparent);--ax-fv-counter-bg: var(--color-on-lightest);--ax-fv-counter-text: var(--color-lightest);--ax-fv-thumb-bg: var(--color-lightest);--ax-fv-thumb-preview: var(--color-lighter);--ax-fv-image: var(--color-success-500);--ax-fv-video: var(--color-primary-500);--ax-fv-audio: var(--color-danger-500);--ax-fv-document: var(--color-warning-500);--ax-fv-file: var(--color-secondary-500);--ax-fv-on-accent: var(--color-lightest);--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;position:relative;box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;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)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-muted: color-mix(in oklab, var(--color-on-surface) 65%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-shadow: 0 10px 30px color-mix(in oklab, var(--color-on-surface) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-nav-shadow: 0 6px 18px color-mix(in oklab, var(--color-on-surface) 12%, transparent)}}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);background:var(--ax-fv-surface)}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;inset:calc(var(--spacing, .25rem) * 0);z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface)) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container .ax-file-viewer__loading{background:color-mix(in oklab,var(--color-lightest) 72%,transparent)}}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{pointer-events:none;visibility:hidden}ax-file-viewer-container .ax-file-viewer__header{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__meta{min-width:5rem;max-width:28rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__header-slot{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center}ax-file-viewer-container .ax-file-viewer__header-slot ax-header{width:100%}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-file-viewer-container .ax-file-viewer__name{overflow:hidden;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{margin-top:calc(var(--spacing, .25rem) * .5);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:50%}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-file-viewer-container .ax-file-viewer__stage{box-sizing:border-box;display:grid;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;gap:calc(var(--spacing, .25rem) * 2);flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";padding:var(--ax-fv-stage-pad)}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.ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav.ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{position:relative;box-sizing:border-box;height:100%;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;overflow:hidden;grid-area:canvas;min-height:12rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{box-sizing:border-box;height:100%;align-items:stretch}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;overflow:hidden;display:flex!important;justify-content:stretch}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-height:100%;max-width:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{pointer-events:none;position:absolute;bottom:calc(var(--spacing, .25rem) * 5);left:50%;z-index:3;display:inline-flex;min-width:3.25rem;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:80%;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem}ax-file-viewer-container .ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;flex:0 0 auto;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__thumbs-track{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}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{box-sizing:border-box;height:auto;width:7.5rem;max-width:7.5rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{box-sizing:border-box;display:flex;width:7.5rem;max-width:7.5rem;cursor:pointer;flex-direction:column;overflow:hidden;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);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{box-sizing:border-box;display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.4;background:var(--ax-fv-thumb-preview)}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{display:block;height:100%;width:100%;object-fit:cover}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{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text)}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{min-width:calc(var(--spacing, .25rem) * 0);gap:.5rem .75rem;padding:.65rem .75rem}ax-file-viewer-container .ax-file-viewer__name{font-size:.85rem}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:calc(var(--spacing, .25rem) * 2)}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{box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;padding:calc(var(--spacing, .25rem) * 0);-webkit-user-select:none;user-select:none;justify-content:stretch}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}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-tracking: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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 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      </div>\n      <div class=\"ax-file-viewer__submeta\">\n        @if (formatSize(item.size); as sizeLabel) {\n          <span>{{ sizeLabel }}</span>\n          <span class=\"ax-file-viewer__dot\">\u00B7</span>\n        }\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>\n\n    <div class=\"ax-file-viewer__header-slot\">\n      <ng-content select=\"ax-header\"></ng-content>\n    </div>\n\n    @if (download() || fullscreen()) {\n      <div class=\"ax-file-viewer__header-actions\">\n        @if (download()) {\n          <ax-button\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            look=\"outline\"\n            color=\"default\"\n            [iconOnly]=\"true\"\n            [axTooltip]=\"'Fullscreen'\"\n            (onClick)=\"toggleFullscreen()\"\n          >\n            <ax-icon\n              [icon]=\"fullscreenActive() ? 'fa-light fa-compress' : 'fa-light fa-expand'\"\n            ></ax-icon>\n          </ax-button>\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-name\">{{ file.name || resolveTypeLabel(file) }}</span>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </footer>\n}\n", styles: ["@layer properties;: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);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}:is(.swiper:not(.swiper-watch-progress),.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;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.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)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.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;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;inset: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;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;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;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}@layer components{ax-file-viewer-container{--ax-fv-surface: var(--color-lightest);--ax-fv-surface-2: var(--color-light);--ax-fv-border: var(--color-border-lightest);--ax-fv-border-strong: var(--color-border-lighter);--ax-fv-text: var(--color-on-lightest);--ax-fv-muted: color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 65%, transparent);--ax-fv-shadow: 0 10px 30px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 8%, transparent);--ax-fv-nav-bg: var(--color-lightest);--ax-fv-nav-shadow: 0 6px 18px color-mix(in srgb, rgba(var(--ax-sys-color-on-surface)) 12%, transparent);--ax-fv-counter-bg: var(--color-dark);--ax-fv-counter-text: var(--color-light);--ax-fv-thumb-bg: var(--color-lightest);--ax-fv-thumb-preview: var(--color-lighter);--ax-fv-image: var(--color-success-500);--ax-fv-video: var(--color-primary-500);--ax-fv-audio: var(--color-danger-500);--ax-fv-document: var(--color-warning-500);--ax-fv-file: var(--color-secondary-500);--ax-fv-on-accent: var(--color-lightest);--ax-fv-stage-pad: .75rem;--ax-fv-nav-size: 2.5rem;position:relative;box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;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)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-muted: color-mix(in oklab, var(--color-on-surface) 65%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-shadow: 0 10px 30px color-mix(in oklab, var(--color-on-surface) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container{--ax-fv-nav-shadow: 0 6px 18px color-mix(in oklab, var(--color-on-surface) 12%, transparent)}}ax-file-viewer-container>.ax-file-viewer__header,ax-file-viewer-container>.ax-file-viewer__stage,ax-file-viewer-container>.ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);background:var(--ax-fv-surface)}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;inset:calc(var(--spacing, .25rem) * 0);z-index:10;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,rgba(var(--ax-sys-color-lightest-surface)) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){ax-file-viewer-container .ax-file-viewer__loading{background:color-mix(in oklab,var(--color-lightest) 72%,transparent)}}ax-file-viewer-container .ax-file-viewer__stage--hidden,ax-file-viewer-container .ax-file-viewer__thumbs--hidden{pointer-events:none;visibility:hidden}ax-file-viewer-container .ax-file-viewer__header{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;align-items:center;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--ax-fv-surface);border-bottom:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__meta{min-width:calc(var(--spacing, .25rem) * 0)}ax-file-viewer-container .ax-file-viewer__header-slot{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center}ax-file-viewer-container .ax-file-viewer__header-slot ax-header{width:100%}ax-file-viewer-container .ax-file-viewer__title-row{display:flex;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-file-viewer-container .ax-file-viewer__name{overflow:hidden;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}ax-file-viewer-container .ax-file-viewer__type-badge{flex-shrink:0}ax-file-viewer-container .ax-file-viewer__submeta{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));gap:.35rem;margin-top:.2rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__dot{opacity:50%}ax-file-viewer-container .ax-file-viewer__header-actions{display:flex;flex-shrink:0;align-items:center;gap:.4rem}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{display:flex;width:100%;height:100%;cursor:pointer;align-items:center;justify-content:center;--tw-border-style: none;border-style:none;background-color:transparent;color:var(--ax-fv-text)}ax-file-viewer-container .ax-file-viewer__stage{box-sizing:border-box;display:grid;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;gap:calc(var(--spacing, .25rem) * 2);flex:1 1 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:\"canvas\";padding:var(--ax-fv-stage-pad)}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.ax-file-viewer__nav--prev{grid-area:prev}ax-file-viewer-container .ax-file-viewer__nav.ax-file-viewer__nav--next{grid-area:next}ax-file-viewer-container .ax-file-viewer__canvas{position:relative;box-sizing:border-box;height:100%;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-self:stretch;overflow:hidden;grid-area:canvas;min-height:12rem;border-radius:1rem}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel,ax-file-viewer-container .ax-file-viewer__canvas .swiper{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-wrapper,ax-file-viewer-container .ax-file-viewer__canvas .swiper-wrapper{box-sizing:border-box;height:100%;align-items:stretch}ax-file-viewer-container .ax-file-viewer__canvas .ax-carousel-slide,ax-file-viewer-container .ax-file-viewer__canvas .swiper-slide{box-sizing:border-box;height:100%;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;overflow:hidden;display:flex!important;justify-content:stretch}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-height:100%;max-width:100%}ax-file-viewer-container .ax-file-viewer__overlay-counter{pointer-events:none;position:absolute;bottom:calc(var(--spacing, .25rem) * 5);left:50%;z-index:3;display:inline-flex;min-width:3.25rem;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:80%;background:var(--ax-fv-counter-bg);color:var(--ax-fv-counter-text);font-size:.72rem}ax-file-viewer-container .ax-file-viewer__thumbs{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;flex:0 0 auto;padding:.75rem 1rem 1rem;background:var(--ax-fv-surface);border-top:1px solid var(--ax-fv-border)}ax-file-viewer-container .ax-file-viewer__thumbs-track{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumbs-track .ax-carousel,ax-file-viewer-container .ax-file-viewer__thumbs-track .swiper{box-sizing:border-box;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}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{box-sizing:border-box;height:auto;width:7.5rem;max-width:7.5rem;overflow:hidden}ax-file-viewer-container .ax-file-viewer__thumb{box-sizing:border-box;display:flex;width:7.5rem;max-width:7.5rem;cursor:pointer;flex-direction:column;overflow:hidden;border-radius:.9rem;border:2px solid var(--ax-fv-border);background:var(--ax-fv-thumb-bg);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)}:is(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) .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)}:is(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) .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)}:is(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) .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)}:is(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) .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)}:is(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) .ax-file-viewer__thumb-index{background:var(--ax-fv-file)}ax-file-viewer-container .ax-file-viewer__thumb-preview{box-sizing:border-box;display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.4;background:var(--ax-fv-thumb-preview)}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{display:block;height:100%;width:100%;object-fit:cover}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{box-sizing:border-box;display:grid;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem;padding:.4rem .45rem;border-top:1px solid var(--ax-fv-border);font-size:.65rem;color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-index{display:inline-flex;align-items:center;justify-content:center;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);min-width:1.15rem;height:1.15rem;padding-inline:.2rem;border-radius:.3rem;background:var(--ax-fv-surface-2);color:var(--ax-fv-muted)}ax-file-viewer-container .ax-file-viewer__thumb-name{overflow:hidden;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:var(--ax-fv-text)}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{min-width:calc(var(--spacing, .25rem) * 0);gap:.5rem .75rem;padding:.65rem .75rem}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:calc(var(--spacing, .25rem) * 2)}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{box-sizing:border-box;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:stretch;padding:calc(var(--spacing, .25rem) * 0);-webkit-user-select:none;user-select:none;justify-content:stretch}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}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-tracking: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], thumbnail: [{ type: i0.Input, args: [{ isSignal: true, alias: "thumbnail", required: false }] }], pagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination", required: false }] }], download: [{ type: i0.Input, args: [{ isSignal: true, alias: "download", required: false }] }], fullscreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullscreen", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], mainCarouselRef: [{ type: i0.ViewChild, args: ['mainCarousel', { isSignal: true }] }], thumbCarouselRef: [{ type: i0.ViewChild, args: ['thumbCarousel', { isSignal: true }] }] } });
 const TYPE_ICON_MAP = {