@alfresco/aca-content 5.1.1 → 5.2.0

package/fesm2015/alfresco-aca-content-viewer.mjs

@@ -1,700 +0,0 @@
-import { __awaiter } from 'tslib';
-import * as i3 from '@alfresco/aca-shared';
-import { AppSettingsService, InfoDrawerComponent, ToolbarMenuItemComponent, ToolbarComponent, PageComponent } from '@alfresco/aca-shared';
-import { isInfoDrawerOpened, getAppSelection, SetCurrentNodeVersionAction, ViewerActionTypes, SetSelectedNodesAction, ViewNodeAction } from '@alfresco/aca-shared/store';
-import { VersionsApi } from '@alfresco/js-api';
-import * as i0 from '@angular/core';
-import { Injectable, inject, Component, ViewEncapsulation, HostListener, NgModule } from '@angular/core';
-import * as i4 from '@angular/router';
-import { PRIMARY_OUTLET, RouterModule } from '@angular/router';
-import * as i7 from '@alfresco/adf-core';
-import { ObjectUtils, ViewerToolbarActionsComponent, ViewerOpenWithComponent, ViewerSidebarComponent, ViewerModule } from '@alfresco/adf-core';
-import { Subject, from } from 'rxjs';
-import { takeUntil, debounceTime, map } from 'rxjs/operators';
-import * as i1 from '@ngrx/effects';
-import { ofType } from '@ngrx/effects';
-import * as i2 from '@alfresco/adf-content-services';
-import { DocumentListService, AlfrescoViewerComponent, AlfrescoViewerModule } from '@alfresco/adf-content-services';
-import * as i3$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i5 from '@ngrx/store';
-
-class ViewerService {
-    set customNodesOrder(customNodesOrder) {
-        this._customNodesOrder = customNodesOrder;
-    }
-    constructor(preferences, contentApi) {
-        this.preferences = preferences;
-        this.contentApi = contentApi;
-        this._customNodesOrder = [];
-        this.recentFileFilters = [
-            'TYPE:"content"',
-            '-PATH:"//cm:wiki/*"',
-            '-TYPE:"app:filelink"',
-            '-TYPE:"fm:post"',
-            '-TYPE:"cm:thumbnail"',
-            '-TYPE:"cm:failedThumbnail"',
-            '-TYPE:"cm:rating"',
-            '-TYPE:"dl:dataList"',
-            '-TYPE:"dl:todoList"',
-            '-TYPE:"dl:issue"',
-            '-TYPE:"dl:contact"',
-            '-TYPE:"dl:eventAgenda"',
-            '-TYPE:"dl:event"',
-            '-TYPE:"dl:task"',
-            '-TYPE:"dl:simpletask"',
-            '-TYPE:"dl:meetingAgenda"',
-            '-TYPE:"dl:location"',
-            '-TYPE:"fm:topic"',
-            '-TYPE:"fm:post"',
-            '-TYPE:"ia:calendarEvent"',
-            '-TYPE:"lnk:link"'
-        ];
-    }
-    /**
-     * Retrieves nearest node information for the given node and folder.
-     *
-     * @param nodeId Unique identifier of the document node
-     * @param folderId Unique identifier of the containing folder node.
-     * @param source Data source name. Returns file ids for personal-files, libraries, favorites, shared and recent-files, otherwise returns empty.
-     */
-    getNearestNodes(nodeId, folderId, source) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const empty = {
-                left: null,
-                right: null
-            };
-            if (nodeId && folderId) {
-                try {
-                    const ids = yield this.getFileIds(source, folderId);
-                    const idx = ids.indexOf(nodeId);
-                    if (idx >= 0) {
-                        return {
-                            left: ids[idx - 1] || null,
-                            right: ids[idx + 1] || null
-                        };
-                    }
-                }
-                catch (_a) { }
-            }
-            return empty;
-        });
-    }
-    /**
-     * Retrieves a list of node identifiers for the folder and data source.
-     *
-     * @param source Data source name. Returns file ids for personal-files, libraries, favorites, shared and recent-files, otherwise returns empty.
-     * @param folderId Optional parameter containing folder node identifier for 'personal-files' and 'libraries' sources.
-     */
-    getFileIds(source, folderId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (source === 'libraries') {
-                source = 'libraries-files';
-            }
-            const isClient = this.preferences.get(`${source}.sorting.mode`) === 'client';
-            const [sortKey, sortDirection, previousSortKey, previousSortDir] = this.getSortKeyDir(source);
-            let nodes;
-            if (source === 'personal-files' || source === 'libraries-files') {
-                if (!folderId) {
-                    return [];
-                }
-                const orderBy = isClient ? null : ['isFolder desc', `${sortKey} ${sortDirection}`];
-                nodes = yield this.contentApi
-                    .getNodeChildren(folderId, {
-                    orderBy: orderBy,
-                    fields: this.getFields(sortKey, previousSortKey),
-                    where: '(isFile=true)'
-                })
-                    .toPromise();
-            }
-            if (source === 'favorites') {
-                nodes = yield this.contentApi
-                    .getFavorites('-me-', {
-                    where: '(EXISTS(target/file))',
-                    fields: ['target']
-                })
-                    .toPromise();
-            }
-            if (source === 'shared') {
-                nodes = yield this.contentApi
-                    .findSharedLinks({
-                    fields: ['nodeId', this.getRootField(sortKey)]
-                })
-                    .toPromise();
-            }
-            if (source === 'recent-files') {
-                const person = yield this.contentApi.getPerson('-me-').toPromise();
-                const username = person.entry.id;
-                const query = {
-                    query: {
-                        query: '*',
-                        language: 'afts'
-                    },
-                    filterQueries: [
-                        { query: `cm:modified:[NOW/DAY-30DAYS TO NOW/DAY+1DAY]` },
-                        { query: `cm:modifier:${username} OR cm:creator:${username}` },
-                        {
-                            query: this.recentFileFilters.join(' AND ')
-                        }
-                    ],
-                    fields: this.getFields(sortKey, previousSortKey),
-                    include: ['path', 'properties', 'allowableOperations'],
-                    sort: [
-                        {
-                            type: 'FIELD',
-                            field: 'cm:modified',
-                            ascending: false
-                        }
-                    ]
-                };
-                nodes = yield this.contentApi.search(query).toPromise();
-            }
-            return this.getCustomNodesOrderIfNoNodes(nodes, isClient, previousSortKey, previousSortDir, sortKey, sortDirection);
-        });
-    }
-    /**
-     * Get the root field name from the property path.
-     * Example: 'property1.some.child.property' => 'property1'
-     *
-     * @param path Property path
-     */
-    getRootField(path) {
-        if (path) {
-            return path.split('.')[0];
-        }
-        return path;
-    }
-    sort(items, key, direction) {
-        const options = {};
-        if (key.includes('sizeInBytes') || key === 'name') {
-            options.numeric = true;
-        }
-        items.sort((a, b) => {
-            var _a, _b;
-            let left = (_a = ObjectUtils.getValue(a, key)) !== null && _a !== void 0 ? _a : '';
-            left = left instanceof Date ? left.valueOf().toString() : left.toString();
-            let right = (_b = ObjectUtils.getValue(b, key)) !== null && _b !== void 0 ? _b : '';
-            right = right instanceof Date ? right.valueOf().toString() : right.toString();
-            return direction === 'asc' ? left.localeCompare(right, undefined, options) : right.localeCompare(left, undefined, options);
-        });
-    }
-    getFields(sortKey, previousSortKey) {
-        return ['id', this.getRootField(sortKey), this.getRootField(previousSortKey)];
-    }
-    getSortKeyDir(source) {
-        const previousSortKey = this.preferences.get(`${source}.sorting.previousKey`);
-        const previousSortDir = this.preferences.get(`${source}.sorting.previousDirection`);
-        const sortKey = this.preferences.get(`${source}.sorting.key`) || this.getDefaults(source)[0];
-        const sortDirection = this.preferences.get(`${source}.sorting.direction`) || this.getDefaults(source)[1];
-        return [sortKey, sortDirection, previousSortKey, previousSortDir];
-    }
-    getDefaults(source) {
-        if (source === 'personal-files' || source === 'libraries-files') {
-            return ['name', 'asc'];
-        }
-        else {
-            return ['modifiedAt', 'desc'];
-        }
-    }
-    getCustomNodesOrderIfNoNodes(nodes, isClient, previousSortKey, previousSortDir, sortKey, sortDirection) {
-        if (nodes) {
-            const entries = nodes.list.entries.map((obj) => { var _a, _b; return (_b = (_a = obj.entry.target) === null || _a === void 0 ? void 0 : _a.file) !== null && _b !== void 0 ? _b : obj.entry; });
-            if (isClient) {
-                if (previousSortKey) {
-                    this.sort(entries, previousSortKey, previousSortDir);
-                }
-                this.sort(entries, sortKey, sortDirection);
-            }
-            return entries.map((entry) => { var _a; return (_a = entry.id) !== null && _a !== void 0 ? _a : entry.nodeId; });
-        }
-        else {
-            return this._customNodesOrder;
-        }
-    }
-}
-ViewerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewerService, deps: [{ token: i7.UserPreferencesService }, { token: i3.ContentApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ViewerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i7.UserPreferencesService }, { type: i3.ContentApiService }]; } });
-
-class AcaViewerComponent {
-    get versionsApi() {
-        var _a;
-        this._versionsApi = (_a = this._versionsApi) !== null && _a !== void 0 ? _a : new VersionsApi(this.apiService.getInstance());
-        return this._versionsApi;
-    }
-    constructor(actions$, apiService, appHookService, contentApi, extensions, nodesApiService, route, router, store, uploadService, viewerService) {
-        this.actions$ = actions$;
-        this.apiService = apiService;
-        this.appHookService = appHookService;
-        this.contentApi = contentApi;
-        this.extensions = extensions;
-        this.nodesApiService = nodesApiService;
-        this.route = route;
-        this.router = router;
-        this.store = store;
-        this.uploadService = uploadService;
-        this.viewerService = viewerService;
-        this.settings = inject(AppSettingsService);
-        this.documentListService = inject(DocumentListService);
-        this.onDestroy$ = new Subject();
-        this.folderId = null;
-        this.navigateMultiple = true;
-        this.navigateSource = null;
-        this.navigationSources = ['favorites', 'libraries', 'personal-files', 'recent-files', 'shared'];
-        this.nodeId = null;
-        this.openWith = [];
-        this.showRightSide = false;
-        this.toolbarActions = [];
-        this.versionId = null;
-        this.containersSkipNavigation = ['adf-viewer__sidebar', 'cdk-overlay-container', 'adf-image-viewer'];
-    }
-    ngOnInit() {
-        var _a;
-        this.infoDrawerOpened$ = this.store.select(isInfoDrawerOpened);
-        from(this.infoDrawerOpened$)
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((val) => {
-            this.showRightSide = val;
-        });
-        this.store
-            .select(getAppSelection)
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((selection) => {
-            this.selection = selection;
-        });
-        this.extensions
-            .getViewerToolbarActions()
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((actions) => {
-            this.toolbarActions = actions;
-        });
-        this.extensions
-            .getOpenWithActions()
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((actions) => {
-            this.openWith = actions;
-        });
-        this.route.params.subscribe((params) => {
-            this.folderId = params.folderId;
-            const { nodeId } = params;
-            this.versionId = params.versionId;
-            if (this.versionId) {
-                void this.versionsApi.getVersion(nodeId, this.versionId).then((version) => {
-                    if (version) {
-                        this.store.dispatch(new SetCurrentNodeVersionAction(version));
-                    }
-                });
-            }
-            if (nodeId) {
-                void this.displayNode(nodeId);
-            }
-        });
-        this.route.queryParams.subscribe((params) => {
-            this.navigationPath = params.path || params.location;
-        });
-        if ((_a = this.route.snapshot.data) === null || _a === void 0 ? void 0 : _a.navigateSource) {
-            const source = this.route.snapshot.data.navigateSource.toLowerCase();
-            if (this.navigationSources.includes(source)) {
-                this.navigateSource = this.route.snapshot.data.navigateSource;
-            }
-        }
-        this.actions$.pipe(ofType(ViewerActionTypes.ClosePreview), takeUntil(this.onDestroy$)).subscribe(() => {
-            this.store.dispatch(new SetCurrentNodeVersionAction(null));
-            this.navigateToFileLocation();
-        });
-        this.actions$
-            .pipe(ofType(ViewerActionTypes.RefreshPreview), takeUntil(this.onDestroy$))
-            .subscribe((action) => {
-            this.nodesApiService.nodeUpdated.next(action.node);
-            void this.displayNode(action.node.id);
-        });
-        this.appHookService.nodesDeleted.pipe(takeUntil(this.onDestroy$)).subscribe(() => this.navigateToFileLocation());
-        this.uploadService.fileUploadDeleted.pipe(takeUntil(this.onDestroy$)).subscribe(() => this.navigateToFileLocation());
-        this.uploadService.fileUploadComplete.pipe(debounceTime(300), takeUntil(this.onDestroy$)).subscribe((file) => {
-            this.nodesApiService.nodeUpdated.next(file.data.entry);
-            void this.displayNode(file.data.entry.id);
-        });
-        this.previewLocation = this.router.url.substring(0, this.router.url.indexOf('/', 1)).replace(/\//g, '');
-    }
-    onViewerVisibilityChanged() {
-        this.documentListService.reload();
-        this.navigateToFileLocation();
-    }
-    ngOnDestroy() {
-        this.store.dispatch(new SetCurrentNodeVersionAction(null));
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
-    trackByActionId(_, obj) {
-        return obj.id;
-    }
-    displayNode(nodeId) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (nodeId) {
-                try {
-                    this.node = yield this.contentApi.getNodeInfo(nodeId).toPromise();
-                    this.store.dispatch(new SetSelectedNodesAction([{ entry: this.node }]));
-                    this.navigateMultiple = this.extensions.canShowViewerNavigation({ entry: this.node });
-                    if ((_a = this.node) === null || _a === void 0 ? void 0 : _a.isFile) {
-                        this.nodeId = this.node.id;
-                        this.fileName = this.node.name + ((_c = (_b = this.node) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c['cm:versionLabel']);
-                        if (this.navigateMultiple) {
-                            const nearest = yield this.viewerService.getNearestNodes(this.node.id, this.node.parentId, this.navigateSource);
-                            this.previousNodeId = nearest.left;
-                            this.nextNodeId = nearest.right;
-                        }
-                        return;
-                    }
-                    this.navigateToFileLocation();
-                }
-                catch (error) {
-                    const statusCode = JSON.parse(error.message).error.statusCode;
-                    if (statusCode !== 401) {
-                        yield this.router.navigate([this.previewLocation, { outlets: { viewer: null } }]).then(() => {
-                            void this.router.navigate([this.previewLocation, nodeId]);
-                        });
-                    }
-                }
-            }
-        });
-    }
-    onNavigateBefore(event) {
-        if (event.type !== 'click' && this.shouldNavigate(event.target)) {
-            return;
-        }
-        const location = this.getFileLocation();
-        this.store.dispatch(new ViewNodeAction(this.previousNodeId, { location }));
-    }
-    onNavigateNext(event) {
-        if (event.type !== 'click' && this.shouldNavigate(event.target)) {
-            return;
-        }
-        const location = this.getFileLocation();
-        this.store.dispatch(new ViewNodeAction(this.nextNodeId, { location }));
-    }
-    handleKeyboardEvent(event) {
-        const key = event.key;
-        if (key === 'ArrowRight' || key === 'ArrowLeft') {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    navigateToFileLocation() {
-        const location = this.getFileLocation();
-        void this.router.navigateByUrl(location);
-    }
-    getFileLocation() {
-        return this.navigationPath || this.router.parseUrl(this.router.url).root.children[PRIMARY_OUTLET].toString();
-    }
-    shouldNavigate(element) {
-        let currentElement = element.parentElement;
-        while (currentElement && !this.isChild(currentElement.classList)) {
-            currentElement = currentElement.parentElement;
-        }
-        return !!currentElement;
-    }
-    isChild(list) {
-        return Array.from(list).some((className) => this.containersSkipNavigation.includes(className));
-    }
-}
-AcaViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerComponent, deps: [{ token: i1.Actions }, { token: i2.AlfrescoApiService }, { token: i3.AppHookService }, { token: i3.ContentApiService }, { token: i3.AppExtensionService }, { token: i2.NodesApiService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i5.Store }, { token: i2.UploadService }, { token: ViewerService }], target: i0.ɵɵFactoryTarget.Component });
-AcaViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AcaViewerComponent, isStandalone: true, selector: "aca-viewer", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "app-viewer" }, ngImport: i0, template: "<ng-container *ngIf=\"nodeId\">\n  <adf-alfresco-viewer\n    [ngClass]=\"{\n      'aca-right_side--hide': !showRightSide\n    }\"\n    [maxRetries]=\"settings.viewerMaxRetries\"\n    [nodeId]=\"nodeId\"\n    [versionId]=\"versionId\"\n    [allowNavigate]=\"navigateMultiple\"\n    [allowRightSidebar]=\"true\"\n    [allowPrint]=\"false\"\n    [showRightSidebar]=\"true\"\n    [allowDownload]=\"false\"\n    [allowFullScreen]=\"false\"\n    [overlayMode]=\"true\"\n    [hideInfoButton]=\"true\"\n    [closeButtonPosition]=\"settings.viewerCloseButtonPosition\"\n    (showViewerChange)=\"onViewerVisibilityChanged()\"\n    [canNavigateBefore]=\"!!previousNodeId\"\n    [canNavigateNext]=\"!!nextNodeId\"\n    (navigateBefore)=\"onNavigateBefore($event)\"\n    (navigateNext)=\"onNavigateNext($event)\"\n  >\n    <adf-viewer-sidebar *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.file\"></aca-info-drawer>\n    </adf-viewer-sidebar>\n\n    <adf-viewer-open-with *ngIf=\"openWith.length\">\n      <ng-container *ngFor=\"let action of openWith; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n      </ng-container>\n    </adf-viewer-open-with>\n\n    <adf-viewer-toolbar-actions>\n      <aca-toolbar [items]=\"toolbarActions\"></aca-toolbar>\n    </adf-viewer-toolbar-actions>\n  </adf-alfresco-viewer>\n</ng-container>\n", styles: [".app-viewer{width:100%;height:100%}.app-viewer .adf-viewer-toolbar .adf-toolbar-divider{display:none}.app-viewer .adf-viewer-toolbar-actions{display:flex;flex-direction:row;align-items:center;margin-left:auto}.app-viewer .adf-viewer-toolbar-actions .adf-toolbar-divider{display:inline}.app-viewer .adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right{width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "component", type: ViewerToolbarActionsComponent, selector: "adf-viewer-toolbar-actions" }, { kind: "component", type: ViewerOpenWithComponent, selector: "adf-viewer-open-with" }, { kind: "component", type: ViewerSidebarComponent, selector: "adf-viewer-sidebar" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [
-                        CommonModule,
-                        InfoDrawerComponent,
-                        ToolbarMenuItemComponent,
-                        ToolbarComponent,
-                        AlfrescoViewerComponent,
-                        ViewerToolbarActionsComponent,
-                        ViewerOpenWithComponent,
-                        ViewerSidebarComponent
-                    ], selector: 'aca-viewer', encapsulation: ViewEncapsulation.None, host: { class: 'app-viewer' }, template: "<ng-container *ngIf=\"nodeId\">\n  <adf-alfresco-viewer\n    [ngClass]=\"{\n      'aca-right_side--hide': !showRightSide\n    }\"\n    [maxRetries]=\"settings.viewerMaxRetries\"\n    [nodeId]=\"nodeId\"\n    [versionId]=\"versionId\"\n    [allowNavigate]=\"navigateMultiple\"\n    [allowRightSidebar]=\"true\"\n    [allowPrint]=\"false\"\n    [showRightSidebar]=\"true\"\n    [allowDownload]=\"false\"\n    [allowFullScreen]=\"false\"\n    [overlayMode]=\"true\"\n    [hideInfoButton]=\"true\"\n    [closeButtonPosition]=\"settings.viewerCloseButtonPosition\"\n    (showViewerChange)=\"onViewerVisibilityChanged()\"\n    [canNavigateBefore]=\"!!previousNodeId\"\n    [canNavigateNext]=\"!!nextNodeId\"\n    (navigateBefore)=\"onNavigateBefore($event)\"\n    (navigateNext)=\"onNavigateNext($event)\"\n  >\n    <adf-viewer-sidebar *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.file\"></aca-info-drawer>\n    </adf-viewer-sidebar>\n\n    <adf-viewer-open-with *ngIf=\"openWith.length\">\n      <ng-container *ngFor=\"let action of openWith; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n      </ng-container>\n    </adf-viewer-open-with>\n\n    <adf-viewer-toolbar-actions>\n      <aca-toolbar [items]=\"toolbarActions\"></aca-toolbar>\n    </adf-viewer-toolbar-actions>\n  </adf-alfresco-viewer>\n</ng-container>\n", styles: [".app-viewer{width:100%;height:100%}.app-viewer .adf-viewer-toolbar .adf-toolbar-divider{display:none}.app-viewer .adf-viewer-toolbar-actions{display:flex;flex-direction:row;align-items:center;margin-left:auto}.app-viewer .adf-viewer-toolbar-actions .adf-toolbar-divider{display:inline}.app-viewer .adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right{width:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Actions }, { type: i2.AlfrescoApiService }, { type: i3.AppHookService }, { type: i3.ContentApiService }, { type: i3.AppExtensionService }, { type: i2.NodesApiService }, { type: i4.ActivatedRoute }, { type: i4.Router }, { type: i5.Store }, { type: i2.UploadService }, { type: ViewerService }]; }, propDecorators: { handleKeyboardEvent: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-
-class PreviewComponent extends PageComponent {
-    constructor(actions$, appHookService, contentApi, location, nodesApiService, route, viewerService) {
-        super();
-        this.actions$ = actions$;
-        this.appHookService = appHookService;
-        this.contentApi = contentApi;
-        this.location = location;
-        this.nodesApiService = nodesApiService;
-        this.route = route;
-        this.viewerService = viewerService;
-        this.folderId = null;
-        this.navigateBackAsClose = false;
-        this.navigateMultiple = false;
-        this.navigateSource = null;
-        this.navigationSources = ['favorites', 'libraries', 'personal-files', 'recent-files', 'shared'];
-        this.nodeId = null;
-        this.openWith = [];
-        this.previewLocation = null;
-        this.routesSkipNavigation = ['favorites', 'recent-files', 'shared'];
-        this.showRightSide = false;
-        this.simplestMode = false;
-        this.containersSkipNavigation = ['adf-viewer__sidebar', 'cdk-overlay-container', 'adf-image-viewer'];
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        from(this.infoDrawerOpened$)
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((val) => {
-            this.showRightSide = val;
-        });
-        this.previewLocation = this.router.url.substr(0, this.router.url.indexOf('/', 1)).replace(/\//g, '');
-        const routeData = this.route.snapshot.data;
-        this.navigateBackAsClose = !!routeData.navigateBackAsClose;
-        this.simplestMode = !!routeData.simplestMode;
-        if (routeData.navigateMultiple) {
-            this.navigateMultiple = true;
-        }
-        if (routeData.navigateSource) {
-            const source = routeData.navigateSource.toLowerCase();
-            if (this.navigationSources.includes(source)) {
-                this.navigateSource = routeData.navigateSource;
-            }
-        }
-        this.route.params.subscribe((params) => {
-            this.folderId = params.folderId;
-            const id = params.nodeId;
-            if (id) {
-                void this.displayNode(id);
-            }
-        });
-        this.subscriptions = this.subscriptions.concat([
-            this.appHookService.nodesDeleted.subscribe(() => this.navigateToFileLocation(true)),
-            this.uploadService.fileUploadDeleted.subscribe(() => this.navigateToFileLocation(true)),
-            this.uploadService.fileUploadComplete.pipe(debounceTime(300)).subscribe((file) => this.nodesApiService.nodeUpdated.next(file.data.entry)),
-            this.actions$
-                .pipe(ofType(ViewerActionTypes.ClosePreview), map(() => this.navigateToFileLocation(true)))
-                .subscribe(() => { })
-        ]);
-        this.extensions
-            .getOpenWithActions()
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe((actions) => {
-            this.openWith = actions;
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-    }
-    /**
-     * Loads the particular node into the Viewer
-     *
-     * @param id Unique identifier for the Node to display
-     */
-    displayNode(id) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (id) {
-                try {
-                    this.node = yield this.contentApi.getNodeInfo(id).toPromise();
-                    this.store.dispatch(new SetSelectedNodesAction([{ entry: this.node }]));
-                    if ((_a = this.node) === null || _a === void 0 ? void 0 : _a.isFile) {
-                        this.nodeId = this.node.id;
-                        if (this.navigateMultiple) {
-                            const nearest = yield this.viewerService.getNearestNodes(this.node.id, this.node.parentId, this.navigateSource);
-                            this.previousNodeId = nearest.left;
-                            this.nextNodeId = nearest.right;
-                        }
-                        return;
-                    }
-                    yield this.router.navigate([this.previewLocation, id]);
-                }
-                catch (err) {
-                    if (!err || err.status !== 401) {
-                        yield this.router.navigate([this.previewLocation, id]);
-                    }
-                }
-            }
-        });
-    }
-    handleKeyboardEvent(event) {
-        const key = event.key;
-        if (key === 'ArrowRight' || key === 'ArrowLeft') {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    /**
-     * Handles the visibility change of the Viewer component.
-     *
-     * @param isVisible Indicator whether Viewer is visible or hidden.
-     */
-    onVisibilityChanged(isVisible) {
-        const shouldNavigate = !isVisible;
-        this.navigateToFileLocation(shouldNavigate);
-    }
-    navigateToFileLocation(shouldNavigate) {
-        if (shouldNavigate) {
-            if (this.navigateBackAsClose) {
-                this.location.back();
-            }
-            else {
-                const shouldSkipNavigation = this.routesSkipNavigation.includes(this.previewLocation);
-                const route = this.getNavigationCommands(this.previewLocation);
-                if (!shouldSkipNavigation && this.folderId) {
-                    route.push(this.folderId);
-                }
-                void this.router.navigate(route);
-            }
-        }
-    }
-    /** Handles navigation to a previous document */
-    onNavigateBefore(event) {
-        if (event.type !== 'click' && this.shouldNavigate(event.target)) {
-            return;
-        }
-        if (this.previousNodeId) {
-            void this.router.navigate(this.getPreviewPath(this.folderId, this.previousNodeId));
-        }
-    }
-    /** Handles navigation to a next document */
-    onNavigateNext(event) {
-        if (event.type !== 'click' && this.shouldNavigate(event.target)) {
-            return;
-        }
-        if (this.nextNodeId) {
-            void this.router.navigate(this.getPreviewPath(this.folderId, this.nextNodeId));
-        }
-    }
-    /**
-     * Generates a node preview route based on folder and node IDs.
-     *
-     * @param folderId Folder ID
-     * @param nodeId Node ID
-     */
-    getPreviewPath(folderId, nodeId) {
-        const route = [this.previewLocation];
-        if (folderId) {
-            route.push(folderId);
-        }
-        if (nodeId) {
-            route.push('preview', nodeId);
-        }
-        return route;
-    }
-    getNavigationCommands(url) {
-        const urlTree = this.router.parseUrl(url);
-        const urlSegmentGroup = urlTree.root.children[PRIMARY_OUTLET];
-        if (!urlSegmentGroup) {
-            return [url];
-        }
-        const urlSegments = urlSegmentGroup.segments;
-        return urlSegments.reduce(function (acc, item) {
-            acc.push(item.path, item.parameters);
-            return acc;
-        }, []);
-    }
-    shouldNavigate(element) {
-        let currentElement = element.parentElement;
-        while (currentElement && !this.isChild(currentElement.classList)) {
-            currentElement = currentElement.parentElement;
-        }
-        return !!currentElement;
-    }
-    isChild(list) {
-        return Array.from(list).some((className) => this.containersSkipNavigation.includes(className));
-    }
-}
-PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PreviewComponent, deps: [{ token: i1.Actions }, { token: i3.AppHookService }, { token: i3.ContentApiService }, { token: i3$1.Location }, { token: i2.NodesApiService }, { token: i4.ActivatedRoute }, { token: ViewerService }], target: i0.ɵɵFactoryTarget.Component });
-PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PreviewComponent, isStandalone: true, selector: "app-preview", host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "app-preview" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"nodeId\">\n  <adf-alfresco-viewer\n    [ngClass]=\"{\n      'aca-right_side--hide': !showRightSide\n    }\"\n    [nodeId]=\"nodeId\"\n    [allowNavigate]=\"navigateMultiple\"\n    [allowRightSidebar]=\"true\"\n    [allowPrint]=\"false\"\n    [showRightSidebar]=\"true\"\n    [allowDownload]=\"false\"\n    [allowFullScreen]=\"false\"\n    [canNavigateBefore]=\"!!previousNodeId\"\n    [canNavigateNext]=\"!!nextNodeId\"\n    [overlayMode]=\"true\"\n    (showViewerChange)=\"onVisibilityChanged($event)\"\n    (navigateBefore)=\"onNavigateBefore($event)\"\n    (navigateNext)=\"onNavigateNext($event)\"\n  >\n    <adf-viewer-sidebar *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.file\"></aca-info-drawer>\n    </adf-viewer-sidebar>\n\n    <adf-viewer-open-with *ngIf=\"openWith.length\">\n      <ng-container *ngFor=\"let action of openWith; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n      </ng-container>\n    </adf-viewer-open-with>\n\n    <adf-viewer-toolbar-actions *ngIf=\"!simplestMode\">\n      <aca-toolbar [items]=\"viewerToolbarActions\"></aca-toolbar>\n    </adf-viewer-toolbar-actions>\n  </adf-alfresco-viewer>\n</ng-container>\n", styles: [".app-preview{width:100%;height:100%}.adf-viewer-toolbar .adf-toolbar-divider{display:none}.adf-viewer-toolbar-actions{display:flex;flex-direction:row;align-items:center}.adf-viewer-toolbar-actions .adf-toolbar-divider{display:inline}.adf-viewer-toolbar>*>button:last-child{display:none}.adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right{width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ViewerModule }, { kind: "component", type: i7.ViewerSidebarComponent, selector: "adf-viewer-sidebar" }, { kind: "component", type: i7.ViewerOpenWithComponent, selector: "adf-viewer-open-with" }, { kind: "component", type: i7.ViewerToolbarActionsComponent, selector: "adf-viewer-toolbar-actions" }, { kind: "ngmodule", type: AlfrescoViewerModule }, { kind: "component", type: i2.AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PreviewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [CommonModule, ViewerModule, AlfrescoViewerModule, InfoDrawerComponent, ToolbarMenuItemComponent, ToolbarComponent], selector: 'app-preview', encapsulation: ViewEncapsulation.None, host: { class: 'app-preview' }, template: "<ng-container *ngIf=\"nodeId\">\n  <adf-alfresco-viewer\n    [ngClass]=\"{\n      'aca-right_side--hide': !showRightSide\n    }\"\n    [nodeId]=\"nodeId\"\n    [allowNavigate]=\"navigateMultiple\"\n    [allowRightSidebar]=\"true\"\n    [allowPrint]=\"false\"\n    [showRightSidebar]=\"true\"\n    [allowDownload]=\"false\"\n    [allowFullScreen]=\"false\"\n    [canNavigateBefore]=\"!!previousNodeId\"\n    [canNavigateNext]=\"!!nextNodeId\"\n    [overlayMode]=\"true\"\n    (showViewerChange)=\"onVisibilityChanged($event)\"\n    (navigateBefore)=\"onNavigateBefore($event)\"\n    (navigateNext)=\"onNavigateNext($event)\"\n  >\n    <adf-viewer-sidebar *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.file\"></aca-info-drawer>\n    </adf-viewer-sidebar>\n\n    <adf-viewer-open-with *ngIf=\"openWith.length\">\n      <ng-container *ngFor=\"let action of openWith; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"action\"></app-toolbar-menu-item>\n      </ng-container>\n    </adf-viewer-open-with>\n\n    <adf-viewer-toolbar-actions *ngIf=\"!simplestMode\">\n      <aca-toolbar [items]=\"viewerToolbarActions\"></aca-toolbar>\n    </adf-viewer-toolbar-actions>\n  </adf-alfresco-viewer>\n</ng-container>\n", styles: [".app-preview{width:100%;height:100%}.adf-viewer-toolbar .adf-toolbar-divider{display:none}.adf-viewer-toolbar-actions{display:flex;flex-direction:row;align-items:center}.adf-viewer-toolbar-actions .adf-toolbar-divider{display:inline}.adf-viewer-toolbar>*>button:last-child{display:none}.adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right{width:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Actions }, { type: i3.AppHookService }, { type: i3.ContentApiService }, { type: i3$1.Location }, { type: i2.NodesApiService }, { type: i4.ActivatedRoute }, { type: ViewerService }]; }, propDecorators: { handleKeyboardEvent: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-
-/*!
- * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-const routes = [
-    {
-        path: '',
-        data: {
-            title: 'APP.PREVIEW.TITLE',
-            navigateMultiple: true
-        },
-        component: AcaViewerComponent
-    }
-];
-class AcaViewerModule {
-}
-AcaViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AcaViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerModule, imports: [i4.RouterModule, AcaViewerComponent, PreviewComponent], exports: [AcaViewerComponent, PreviewComponent] });
-AcaViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerModule, imports: [RouterModule.forChild(routes), AcaViewerComponent, PreviewComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaViewerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes), AcaViewerComponent, PreviewComponent],
-                    exports: [AcaViewerComponent, PreviewComponent]
-                }]
-        }] });
-
-/*!
- * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-/*
- * Public API Surface of aca-viewer
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AcaViewerComponent, AcaViewerModule, PreviewComponent, ViewerService };
-//# sourceMappingURL=alfresco-aca-content-viewer.mjs.map