ngx-rendering-service-lib 0.0.3 → 0.0.5

package/esm2022/index.mjs

@@ -9,5 +9,6 @@ export * from './lib/module/url/url.component';
 export * from './lib/module/eduhtml/eduHtml.component';
 export * from './lib/module/spreadsheet/spreadsheet.component';
 export * from './lib/render.component';
+export * from './lib/asset-link.pipe';
 export * from './rendering-service-lib.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZWR1LXNoYXJpbmctdWlcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9yZW5kZXJpbmcubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZS9pbWFnZS9pbWFnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlL3ZpZGVvL3ZpZGVvLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGUvcGRmL3BkZi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlL3VybC91cmwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZS9lZHVodG1sL2VkdUh0bWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZS9zcHJlYWRzaGVldC9zcHJlYWRzaGVldC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVuZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3JlbmRlcmluZy1zZXJ2aWNlLWxpYi5tb2R1bGUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBlZHUtc2hhcmluZy11aVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3JlbmRlcmluZy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlL2ltYWdlL2ltYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGUvdmlkZW8vdmlkZW8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZS9wZGYvcGRmLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGUvdXJsL3VybC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlL2VkdWh0bWwvZWR1SHRtbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlL3NwcmVhZHNoZWV0L3NwcmVhZHNoZWV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yZW5kZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Fzc2V0LWxpbmsucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL3JlbmRlcmluZy1zZXJ2aWNlLWxpYi5tb2R1bGUnO1xuIl19

package/esm2022/lib/asset-link.pipe.mjs

@@ -0,0 +1,27 @@
+import { Pipe } from "@angular/core";
+import { RSApiConfiguration } from "ngx-rendering-service-api";
+import * as i0 from "@angular/core";
+/**
+ * this pipe transforms any reported asset data uri from the rendering to the uri that is currently configured for the backend
+ * this is required in case the rendering service is behind a proxy, i.e. in dev mode
+ */
+export class AssetLinkPipe {
+    constructor(injector) {
+        this.injector = injector;
+    }
+    transform(value) {
+        if (value) {
+            const str = value.split('/public');
+            str[0] = this.injector.get(RSApiConfiguration).rootUrl;
+            return str.join('/public');
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, name: "rsAssetLink" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rsAssetLink' }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbGluay5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hc3NldC1saW5rLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFXLElBQUksRUFBZ0IsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7O0FBRTdEOzs7R0FHRztBQUVILE1BQU0sT0FBTyxhQUFhO0lBQ3hCLFlBQ1UsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtJQUU1QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQXlCO1FBQ2pDLElBQUcsS0FBSyxFQUFFLENBQUM7WUFDVCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ25DLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUN2RCxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDN0IsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs4R0FiVSxhQUFhOzRHQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBRHpCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3RvciwgUGlwZSwgUGlwZVRyYW5zZm9ybX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7UlNBcGlDb25maWd1cmF0aW9ufSBmcm9tIFwibmd4LXJlbmRlcmluZy1zZXJ2aWNlLWFwaVwiO1xuXG4vKipcbiAqIHRoaXMgcGlwZSB0cmFuc2Zvcm1zIGFueSByZXBvcnRlZCBhc3NldCBkYXRhIHVyaSBmcm9tIHRoZSByZW5kZXJpbmcgdG8gdGhlIHVyaSB0aGF0IGlzIGN1cnJlbnRseSBjb25maWd1cmVkIGZvciB0aGUgYmFja2VuZFxuICogdGhpcyBpcyByZXF1aXJlZCBpbiBjYXNlIHRoZSByZW5kZXJpbmcgc2VydmljZSBpcyBiZWhpbmQgYSBwcm94eSwgaS5lLiBpbiBkZXYgbW9kZVxuICovXG5AUGlwZSh7IG5hbWU6ICdyc0Fzc2V0TGluaycgfSlcbmV4cG9ydCBjbGFzcyBBc3NldExpbmtQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICApIHtcbiAgfVxuXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYodmFsdWUpIHtcbiAgICAgIGNvbnN0IHN0ciA9IHZhbHVlLnNwbGl0KCcvcHVibGljJyk7XG4gICAgICBzdHJbMF0gPSB0aGlzLmluamVjdG9yLmdldChSU0FwaUNvbmZpZ3VyYXRpb24pLnJvb3RVcmw7XG4gICAgICByZXR1cm4gc3RyLmpvaW4oJy9wdWJsaWMnKTtcbiAgICB9XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9XG5cbn1cbiJdfQ==

package/esm2022/lib/module/image/image.component.mjs

@@ -4,8 +4,9 @@ import { MatIconModule } from "@angular/material/icon";
 import { MatButtonModule } from "@angular/material/button";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/icon";
+import * as i2 from "../../asset-link.pipe";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
 export class ImageComponent {
     constructor(element) {
         this.element = element;
@@ -31,7 +32,7 @@ export class ImageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ImageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ImageComponent, isStandalone: true, selector: "rs-module-image", inputs: { data: "data", node: "node" }, host: { listeners: { "document:fullscreenchange": "loadOptimalSize()" } }, ngImport: i0, template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link\"\n    [alt]=\"node?.title\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ImageComponent, isStandalone: true, selector: "rs-module-image", inputs: { data: "data", node: "node" }, host: { listeners: { "document:fullscreenchange": "loadOptimalSize()" } }, ngImport: i0, template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link | rsAssetLink\"\n    [alt]=\"node?.title || node?.name || ''\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AssetLinkPipe, name: "rsAssetLink" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ImageComponent, decorators: [{
             type: Component,
@@ -39,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         RenderingModule,
                         MatButtonModule,
                         MatIconModule,
-                    ], template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link\"\n    [alt]=\"node?.title\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"] }]
+                    ], template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link | rsAssetLink\"\n    [alt]=\"node?.title || node?.name || ''\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
                 type: Input
             }], node: [{
@@ -48,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: HostListener,
                 args: ['document:fullscreenchange']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBSXZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBY3pELE1BQU0sT0FBTyxjQUFjO0lBSXpCLFlBQW1CLE9BQW1CO1FBQW5CLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFEdEMsaUJBQVksR0FBRyxNQUFNLENBQTZCLFNBQVMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFDM0MsZUFBZTtRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBR08sZUFBZTtRQUNyQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ2hFLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxFQUFFLENBQUMsQ0FBQTtRQUMzRSxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDcEQsaURBQWlEO1lBQ2pELE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xGLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDVCxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBRyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUM5QixRQUFRLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ2pELENBQUM7SUFDSCxDQUFDOzhHQXpCVSxjQUFjO2tHQUFkLGNBQWMsOExDcEIzQixrUUFVQSxtUkRHSSxlQUFlLGtJQUNmLGVBQWUsMklBQ2YsYUFBYTs7MkZBS0osY0FBYztrQkFYMUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1A7d0JBQ1AsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7cUJBQ2Q7K0VBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFRRSxlQUFlO3NCQUR0QixZQUFZO3VCQUFDLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBzaWduYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtSZW5kZXJpbmdNb2R1bGV9IGZyb20gXCIuLi8uLi9yZW5kZXJpbmcubW9kdWxlXCI7XG5pbXBvcnQge1JlbmRlck1vZHVsZX0gZnJvbSBcIi4uL1JlbmRlck1vZHVsZVwiO1xuaW1wb3J0IHtPYmplY3RMaW5rLCBSZW5kZXJEYXRhUmVzcG9uc2V9IGZyb20gXCJuZ3gtcmVuZGVyaW5nLXNlcnZpY2UtYXBpXCI7XG5pbXBvcnQge05vZGV9IGZyb20gXCJuZ3gtZWR1LXNoYXJpbmctYXBpXCI7XG5pbXBvcnQge01hdEljb25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XG5pbXBvcnQge01hdEJ1dHRvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xuaW1wb3J0IHtBc3NldFN0YXRlRGF0YSwgQXNzZXRTdGF0ZUl0ZW19IGZyb20gXCIuLi8uLi9kdG8vQXNzZXRTdGF0ZURhdGFcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnMtbW9kdWxlLWltYWdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFJlbmRlcmluZ01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2ltYWdlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIFJlbmRlck1vZHVsZSwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGRhdGE6IEFzc2V0U3RhdGVEYXRhIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBub2RlOiBOb2RlIHwgdW5kZWZpbmVkO1xuICBhY3RpdmVPYmplY3QgPSBzaWduYWw8QXNzZXRTdGF0ZUl0ZW0gfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmKSB7IH1cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZE9wdGltYWxTaXplKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpmdWxsc2NyZWVuY2hhbmdlJylcbiAgcHJpdmF0ZSBsb2FkT3B0aW1hbFNpemUoKSB7XG4gICAgY29uc3Qgc2l6ZSA9IHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IGFsbEZpbmlzaGVkSXRlbXMgPSB0aGlzLmRhdGE/Lml0ZW1zPy5maWx0ZXIoaXRlbSA9PiBpdGVtLmxpbmsgIT09IFwiXCIpXG4gICAgdGhpcy5hY3RpdmVPYmplY3Quc2V0KGFsbEZpbmlzaGVkSXRlbXM/LnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIC8vIHNvcnQgYnkgdGhlIGltYWdlIHNpemUgY2xvc2VzdCB0byB0aGUgdmlld3BvcnRcbiAgICAgIHJldHVybiBNYXRoLmFicyhhLndpZHRoIC0gc2l6ZS53aWR0aCkgPiBNYXRoLmFicyhiLndpZHRoIC0gc2l6ZS53aWR0aCkgPyAxIDogLTE7XG4gICAgfSlbMF0pO1xuICB9XG5cbiAgdG9nZ2xlRnVsbHNjcmVlbigpIHtcbiAgICBpZihkb2N1bWVudC5mdWxsc2NyZWVuRWxlbWVudCkge1xuICAgICAgZG9jdW1lbnQuZXhpdEZ1bGxzY3JlZW4oKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucmVxdWVzdEZ1bGxzY3JlZW4oKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpbWFnZS13cmFwcGVyXCJcbiAgKm5nSWY9XCJhY3RpdmVPYmplY3QoKVwiXG4+XG4gIDxpbWdcbiAgICAjaW1hZ2VcbiAgICBbc3JjXT1cImFjdGl2ZU9iamVjdCgpPy5saW5rXCJcbiAgICBbYWx0XT1cIm5vZGU/LnRpdGxlXCJcbiAgPlxuICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlRnVsbHNjcmVlbigpXCI+PG1hdC1pY29uPmZ1bGxzY3JlZW48L21hdC1pY29uPjwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvaW1hZ2UvaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvaW1hZ2UvaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBSXZELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQWN6RCxNQUFNLE9BQU8sY0FBYztJQUl6QixZQUFtQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBRHRDLGlCQUFZLEdBQUcsTUFBTSxDQUE2QixTQUFTLENBQUMsQ0FBQztJQUNuQixDQUFDO0lBQzNDLGVBQWU7UUFDYixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUdPLGVBQWU7UUFDckIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNoRSxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUE7UUFDM0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3BELGlEQUFpRDtZQUNqRCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUcsUUFBUSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDOUIsUUFBUSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQzVCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUNqRCxDQUFDO0lBQ0gsQ0FBQzs4R0F6QlUsY0FBYztrR0FBZCxjQUFjLDhMQ3BCM0Isb1NBVUEsbVJER0ksZUFBZSxpTUFDZixlQUFlLDJJQUNmLGFBQWE7OzJGQUtKLGNBQWM7a0JBWDFCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixhQUFhO3FCQUNkOytFQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBUUUsZUFBZTtzQkFEdEIsWUFBWTt1QkFBQywyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgc2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UmVuZGVyaW5nTW9kdWxlfSBmcm9tIFwiLi4vLi4vcmVuZGVyaW5nLm1vZHVsZVwiO1xuaW1wb3J0IHtSZW5kZXJNb2R1bGV9IGZyb20gXCIuLi9SZW5kZXJNb2R1bGVcIjtcbmltcG9ydCB7T2JqZWN0TGluaywgUmVuZGVyRGF0YVJlc3BvbnNlfSBmcm9tIFwibmd4LXJlbmRlcmluZy1zZXJ2aWNlLWFwaVwiO1xuaW1wb3J0IHtOb2RlfSBmcm9tIFwibmd4LWVkdS1zaGFyaW5nLWFwaVwiO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xuaW1wb3J0IHtNYXRCdXR0b25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcbmltcG9ydCB7QXNzZXRTdGF0ZURhdGEsIEFzc2V0U3RhdGVJdGVtfSBmcm9tIFwiLi4vLi4vZHRvL0Fzc2V0U3RhdGVEYXRhXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3JzLW1vZHVsZS1pbWFnZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZW5kZXJpbmdNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9pbWFnZS5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBSZW5kZXJNb2R1bGUsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBkYXRhOiBBc3NldFN0YXRlRGF0YSB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgbm9kZTogTm9kZSB8IHVuZGVmaW5lZDtcbiAgYWN0aXZlT2JqZWN0ID0gc2lnbmFsPEFzc2V0U3RhdGVJdGVtIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudDogRWxlbWVudFJlZikgeyB9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvYWRPcHRpbWFsU2l6ZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6ZnVsbHNjcmVlbmNoYW5nZScpXG4gIHByaXZhdGUgbG9hZE9wdGltYWxTaXplKCkge1xuICAgIGNvbnN0IHNpemUgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBhbGxGaW5pc2hlZEl0ZW1zID0gdGhpcy5kYXRhPy5pdGVtcz8uZmlsdGVyKGl0ZW0gPT4gaXRlbS5saW5rICE9PSBcIlwiKVxuICAgIHRoaXMuYWN0aXZlT2JqZWN0LnNldChhbGxGaW5pc2hlZEl0ZW1zPy5zb3J0KChhLCBiKSA9PiB7XG4gICAgICAvLyBzb3J0IGJ5IHRoZSBpbWFnZSBzaXplIGNsb3Nlc3QgdG8gdGhlIHZpZXdwb3J0XG4gICAgICByZXR1cm4gTWF0aC5hYnMoYS53aWR0aCAtIHNpemUud2lkdGgpID4gTWF0aC5hYnMoYi53aWR0aCAtIHNpemUud2lkdGgpID8gMSA6IC0xO1xuICAgIH0pWzBdKTtcbiAgfVxuXG4gIHRvZ2dsZUZ1bGxzY3JlZW4oKSB7XG4gICAgaWYoZG9jdW1lbnQuZnVsbHNjcmVlbkVsZW1lbnQpIHtcbiAgICAgIGRvY3VtZW50LmV4aXRGdWxsc2NyZWVuKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnJlcXVlc3RGdWxsc2NyZWVuKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW1hZ2Utd3JhcHBlclwiXG4gICpuZ0lmPVwiYWN0aXZlT2JqZWN0KClcIlxuPlxuICA8aW1nXG4gICAgI2ltYWdlXG4gICAgW3NyY109XCJhY3RpdmVPYmplY3QoKT8ubGluayB8IHJzQXNzZXRMaW5rXCJcbiAgICBbYWx0XT1cIm5vZGU/LnRpdGxlIHx8IG5vZGU/Lm5hbWUgfHwgJydcIlxuICA+XG4gIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJ0b2dnbGVGdWxsc2NyZWVuKClcIj48bWF0LWljb24+ZnVsbHNjcmVlbjwvbWF0LWljb24+PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/module/video/video.component.mjs

@@ -7,6 +7,7 @@ import { FormsModule } from "@angular/forms";
 import { MatMenu, MatMenuItem, MatMenuTrigger } from "@angular/material/menu";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+import * as i2 from "../../asset-link.pipe";
 export class VideoComponent {
     constructor() {
         this.activeObject = signal(undefined);
@@ -35,7 +36,7 @@ export class VideoComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: VideoComponent, isStandalone: true, selector: "rs-module-video", inputs: { data: "data", node: "node" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: VideoComponent, isStandalone: true, selector: "rs-module-video", inputs: { data: "data", node: "node" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link | rsAssetLink\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AssetLinkPipe, name: "rsAssetLink" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: VideoComponent, decorators: [{
             type: Component,
@@ -49,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         MatMenu,
                         MatMenuTrigger,
                         MatMenuItem
-                    ], template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"] }]
+                    ], template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link | rsAssetLink\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], node: [{
@@ -58,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: ViewChild,
                 args: ["video"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvdmlkZW8vdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvdmlkZW8vdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBR3ZELE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7OztBQW1CNUUsTUFBTSxPQUFPLGNBQWM7SUFqQjNCO1FBcUJFLGlCQUFZLEdBQUcsTUFBTSxDQUE2QixTQUFTLENBQUMsQ0FBQztLQTJCOUQ7SUF4QkMsZUFBZTtRQUNiLE1BQU0sUUFBUSxHQUFZLFNBQWlCLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQztRQUNqRSxJQUFJLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM1QixJQUFHLFFBQVEsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNkLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM1QixDQUFDO1FBQ0QsSUFBRyxRQUFRLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDaEIsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO1FBQzNCLENBQUM7UUFDRCxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUE7UUFDM0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3BELGlEQUFpRDtZQUNqRCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxpQkFBaUIsQ0FBQyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDVCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBb0I7UUFDbkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDM0IsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsV0FBVyxDQUFBO1FBQzVELElBQUksQ0FBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFBO1FBQ25DLElBQUksV0FBVyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxRQUFTLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUE7UUFDeEQsQ0FBQztJQUNILENBQUM7OEdBOUJVLGNBQWM7a0dBQWQsY0FBYyxzTkM1QjNCLHc3Q0F1REEsaVBEeENJLGVBQWUsdWFBQ2YsT0FBTywySUFDUCxhQUFhLDRGQUViLFdBQVcsK0JBRVgsT0FBTywyUUFDUCxjQUFjLHFTQUNkLFdBQVc7OzJGQUtGLGNBQWM7a0JBakIxQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLE9BQU87d0JBQ1AsYUFBYTt3QkFDYixTQUFTO3dCQUNULFdBQVc7d0JBQ1gsU0FBUzt3QkFDVCxPQUFPO3dCQUNQLGNBQWM7d0JBQ2QsV0FBVztxQkFDWjs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNjLFFBQVE7c0JBQTNCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgc2lnbmFsLCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtSZW5kZXJpbmdNb2R1bGV9IGZyb20gXCIuLi8uLi9yZW5kZXJpbmcubW9kdWxlXCI7XG5pbXBvcnQge1JlbmRlck1vZHVsZX0gZnJvbSBcIi4uL1JlbmRlck1vZHVsZVwiO1xuaW1wb3J0IHtOb2RlfSBmcm9tIFwibmd4LWVkdS1zaGFyaW5nLWFwaVwiO1xuaW1wb3J0IHtNYXRJY29ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xuaW1wb3J0IHtNYXRJY29uQnV0dG9ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XG5pbXBvcnQge01hdE9wdGlvbiwgTWF0U2VsZWN0fSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0XCI7XG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7QXNzZXRTdGF0ZURhdGEsIEFzc2V0U3RhdGVJdGVtfSBmcm9tIFwiLi4vLi4vZHRvL0Fzc2V0U3RhdGVEYXRhXCI7XG5pbXBvcnQge01hdE1lbnUsIE1hdE1lbnVJdGVtLCBNYXRNZW51VHJpZ2dlcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL21lbnVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnMtbW9kdWxlLXZpZGVvJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFJlbmRlcmluZ01vZHVsZSxcbiAgICBNYXRJY29uLFxuICAgIE1hdEljb25CdXR0b24sXG4gICAgTWF0U2VsZWN0LFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hdE9wdGlvbixcbiAgICBNYXRNZW51LFxuICAgIE1hdE1lbnVUcmlnZ2VyLFxuICAgIE1hdE1lbnVJdGVtXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi92aWRlby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi92aWRlby5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgVmlkZW9Db21wb25lbnQgaW1wbGVtZW50cyBSZW5kZXJNb2R1bGUsIEFmdGVyVmlld0luaXR7XG4gIEBJbnB1dCgpIGRhdGE6IEFzc2V0U3RhdGVEYXRhIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBub2RlOiBOb2RlIHwgdW5kZWZpbmVkO1xuICBAVmlld0NoaWxkKFwidmlkZW9cIikgdmlkZW9SZWY6IEVsZW1lbnRSZWY8SFRNTFZpZGVvRWxlbWVudD4gfCB1bmRlZmluZWRcbiAgYWN0aXZlT2JqZWN0ID0gc2lnbmFsPEFzc2V0U3RhdGVJdGVtIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGRvd25saW5rOiBudW1iZXIgPSAobmF2aWdhdG9yIGFzIGFueSkuY29ubmVjdGlvbj8uZG93bmxpbms7XG4gICAgbGV0IG9wdGltYWxSZXNvbHV0aW9uID0gNzIwO1xuICAgIGlmKGRvd25saW5rIDwgMikge1xuICAgICAgICBvcHRpbWFsUmVzb2x1dGlvbiA9IDI0MDtcbiAgICB9XG4gICAgaWYoZG93bmxpbmsgPiA2KSB7XG4gICAgICBvcHRpbWFsUmVzb2x1dGlvbiA9IDEwODA7XG4gICAgfVxuICAgIGNvbnN0IGFsbEZpbmlzaGVkSXRlbXMgPSB0aGlzLmRhdGE/Lml0ZW1zPy5maWx0ZXIoaXRlbSA9PiBpdGVtLmxpbmsgIT09IFwiXCIpXG4gICAgdGhpcy5hY3RpdmVPYmplY3Quc2V0KGFsbEZpbmlzaGVkSXRlbXM/LnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIC8vIHNvcnQgYnkgdGhlIGltYWdlIHNpemUgY2xvc2VzdCB0byB0aGUgdmlld3BvcnRcbiAgICAgIHJldHVybiBNYXRoLmFicyhhLndpZHRoIC0gb3B0aW1hbFJlc29sdXRpb24pID4gTWF0aC5hYnMoYi53aWR0aCAtIG9wdGltYWxSZXNvbHV0aW9uKSA/IDEgOiAtMTtcbiAgICB9KVswXSk7XG4gIH1cblxuICBzd2l0Y2hSZXNvbHV0aW9uKGl0ZW06IEFzc2V0U3RhdGVJdGVtKSB7XG4gICAgdGhpcy5hY3RpdmVPYmplY3Quc2V0KGl0ZW0pXG4gICAgY29uc3QgY3VycmVudFRpbWUgPSB0aGlzLnZpZGVvUmVmPy5uYXRpdmVFbGVtZW50LmN1cnJlbnRUaW1lXG4gICAgdGhpcy52aWRlb1JlZj8ubmF0aXZlRWxlbWVudC5sb2FkKClcbiAgICBpZiAoY3VycmVudFRpbWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy52aWRlb1JlZiEubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSA9IGN1cnJlbnRUaW1lXG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidmlkZW8td3JhcHBlclwiICpuZ0lmPVwiYWN0aXZlT2JqZWN0KClcIj5cbiAgPHZpZGVvXG4gICAgY29udHJvbHNcbiAgICAjdmlkZW9cbiAgPlxuICAgIDxzb3VyY2UgW3NyY109XCJhY3RpdmVPYmplY3QoKT8ubGlua1wiIC8+XG4gIDwvdmlkZW8+XG4gIDxidXR0b25cbiAgICBtYXQtaWNvbi1idXR0b25cbiAgICBbbWF0TWVudVRyaWdnZXJGb3JdPVwicmVzb2x1dGlvbk1lbnVcIlxuICA+XG4gICAgPG1hdC1pY29uPnNldHRpbmdzPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxtYXQtbWVudVxuICAgICNyZXNvbHV0aW9uTWVudT1cIm1hdE1lbnVcIlxuICAgIHhQb3NpdGlvbj1cImJlZm9yZVwiXG4gID5cbiAgICA8YnV0dG9uXG4gICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhPy5pdGVtc1wiXG4gICAgICBbZGlzYWJsZWRdPVwiaXRlbS5saW5rID09PSAnJ1wiXG4gICAgICAoY2xpY2spPVwiaXRlbS5oZWlnaHQgIT09IGFjdGl2ZU9iamVjdCgpPy5oZWlnaHQgJiYgc3dpdGNoUmVzb2x1dGlvbihpdGVtKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtLmxpbmsgIT09ICcnID8gcmVhZHkgOiBsb2FkaW5nXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntpdGVtOml0ZW19XCJcbiAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuXG4gIDwvbWF0LW1lbnU+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNyZWFkeSBsZXQtaXRlbT0naXRlbSc+XG4gIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW5cIj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpdGVtLmhlaWdodCA9PT0gYWN0aXZlT2JqZWN0KCk/LmhlaWdodFwiPlxuICAgICAgZG9uZVxuICAgIDwvbWF0LWljb24+XG4gICAgPGRpdiAqbmdJZj1cIml0ZW0uaGVpZ2h0ICE9PSBhY3RpdmVPYmplY3QoKT8uaGVpZ2h0XCI+PC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIHt7aXRlbS5oZWlnaHR9fXBcbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2xvYWRpbmcgbGV0LWl0ZW09J2l0ZW0nPlxuICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuXCI+XG4gICAgPGRpdj5cbiAgICAgIHt7aXRlbS5wcm9ncmVzcyA+PSAwID8gXCJDb252ZXJ0aW5nOiBcIiArIGl0ZW0ucHJvZ3Jlc3MgKyBcIiVcIiA6IFwiUXVldWUgcG9zaXRpb246IFwiICsgLWl0ZW0ucHJvZ3Jlc3N9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IC41ZW1cIj5cbiAgICAgIHt7aXRlbS5oZWlnaHR9fXBcbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvdmlkZW8vdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvdmlkZW8vdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBR3ZELE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFtQjVFLE1BQU0sT0FBTyxjQUFjO0lBakIzQjtRQXFCRSxpQkFBWSxHQUFHLE1BQU0sQ0FBNkIsU0FBUyxDQUFDLENBQUM7S0EyQjlEO0lBeEJDLGVBQWU7UUFDYixNQUFNLFFBQVEsR0FBWSxTQUFpQixDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUM7UUFDakUsSUFBSSxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDNUIsSUFBRyxRQUFRLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDZCxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDNUIsQ0FBQztRQUNELElBQUcsUUFBUSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2hCLGlCQUFpQixHQUFHLElBQUksQ0FBQztRQUMzQixDQUFDO1FBQ0QsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFBO1FBQzNFLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNwRCxpREFBaUQ7WUFDakQsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1QsQ0FBQztJQUVELGdCQUFnQixDQUFDLElBQW9CO1FBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQzNCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLFdBQVcsQ0FBQTtRQUM1RCxJQUFJLENBQUMsUUFBUSxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtRQUNuQyxJQUFJLFdBQVcsS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUyxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO1FBQ3hELENBQUM7SUFDSCxDQUFDOzhHQTlCVSxjQUFjO2tHQUFkLGNBQWMsc05DNUIzQixzOENBdURBLGlQRHhDSSxlQUFlLHNlQUNmLE9BQU8sMklBQ1AsYUFBYSw0RkFFYixXQUFXLCtCQUVYLE9BQU8sMlFBQ1AsY0FBYyxxU0FDZCxXQUFXOzsyRkFLRixjQUFjO2tCQWpCMUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1A7d0JBQ1AsZUFBZTt3QkFDZixPQUFPO3dCQUNQLGFBQWE7d0JBQ2IsU0FBUzt3QkFDVCxXQUFXO3dCQUNYLFNBQVM7d0JBQ1QsT0FBTzt3QkFDUCxjQUFjO3dCQUNkLFdBQVc7cUJBQ1o7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDYyxRQUFRO3NCQUEzQixTQUFTO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIHNpZ25hbCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UmVuZGVyaW5nTW9kdWxlfSBmcm9tIFwiLi4vLi4vcmVuZGVyaW5nLm1vZHVsZVwiO1xuaW1wb3J0IHtSZW5kZXJNb2R1bGV9IGZyb20gXCIuLi9SZW5kZXJNb2R1bGVcIjtcbmltcG9ydCB7Tm9kZX0gZnJvbSBcIm5neC1lZHUtc2hhcmluZy1hcGlcIjtcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcbmltcG9ydCB7TWF0SWNvbkJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xuaW1wb3J0IHtNYXRPcHRpb24sIE1hdFNlbGVjdH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NlbGVjdFwiO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQge0Fzc2V0U3RhdGVEYXRhLCBBc3NldFN0YXRlSXRlbX0gZnJvbSBcIi4uLy4uL2R0by9Bc3NldFN0YXRlRGF0YVwiO1xuaW1wb3J0IHtNYXRNZW51LCBNYXRNZW51SXRlbSwgTWF0TWVudVRyaWdnZXJ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9tZW51XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3JzLW1vZHVsZS12aWRlbycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZW5kZXJpbmdNb2R1bGUsXG4gICAgTWF0SWNvbixcbiAgICBNYXRJY29uQnV0dG9uLFxuICAgIE1hdFNlbGVjdCxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRPcHRpb24sXG4gICAgTWF0TWVudSxcbiAgICBNYXRNZW51VHJpZ2dlcixcbiAgICBNYXRNZW51SXRlbVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vdmlkZW8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdmlkZW8uY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIFZpZGVvQ29tcG9uZW50IGltcGxlbWVudHMgUmVuZGVyTW9kdWxlLCBBZnRlclZpZXdJbml0e1xuICBASW5wdXQoKSBkYXRhOiBBc3NldFN0YXRlRGF0YSB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgbm9kZTogTm9kZSB8IHVuZGVmaW5lZDtcbiAgQFZpZXdDaGlsZChcInZpZGVvXCIpIHZpZGVvUmVmOiBFbGVtZW50UmVmPEhUTUxWaWRlb0VsZW1lbnQ+IHwgdW5kZWZpbmVkXG4gIGFjdGl2ZU9iamVjdCA9IHNpZ25hbDxBc3NldFN0YXRlSXRlbSB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBkb3dubGluazogbnVtYmVyID0gKG5hdmlnYXRvciBhcyBhbnkpLmNvbm5lY3Rpb24/LmRvd25saW5rO1xuICAgIGxldCBvcHRpbWFsUmVzb2x1dGlvbiA9IDcyMDtcbiAgICBpZihkb3dubGluayA8IDIpIHtcbiAgICAgICAgb3B0aW1hbFJlc29sdXRpb24gPSAyNDA7XG4gICAgfVxuICAgIGlmKGRvd25saW5rID4gNikge1xuICAgICAgb3B0aW1hbFJlc29sdXRpb24gPSAxMDgwO1xuICAgIH1cbiAgICBjb25zdCBhbGxGaW5pc2hlZEl0ZW1zID0gdGhpcy5kYXRhPy5pdGVtcz8uZmlsdGVyKGl0ZW0gPT4gaXRlbS5saW5rICE9PSBcIlwiKVxuICAgIHRoaXMuYWN0aXZlT2JqZWN0LnNldChhbGxGaW5pc2hlZEl0ZW1zPy5zb3J0KChhLCBiKSA9PiB7XG4gICAgICAvLyBzb3J0IGJ5IHRoZSBpbWFnZSBzaXplIGNsb3Nlc3QgdG8gdGhlIHZpZXdwb3J0XG4gICAgICByZXR1cm4gTWF0aC5hYnMoYS53aWR0aCAtIG9wdGltYWxSZXNvbHV0aW9uKSA+IE1hdGguYWJzKGIud2lkdGggLSBvcHRpbWFsUmVzb2x1dGlvbikgPyAxIDogLTE7XG4gICAgfSlbMF0pO1xuICB9XG5cbiAgc3dpdGNoUmVzb2x1dGlvbihpdGVtOiBBc3NldFN0YXRlSXRlbSkge1xuICAgIHRoaXMuYWN0aXZlT2JqZWN0LnNldChpdGVtKVxuICAgIGNvbnN0IGN1cnJlbnRUaW1lID0gdGhpcy52aWRlb1JlZj8ubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZVxuICAgIHRoaXMudmlkZW9SZWY/Lm5hdGl2ZUVsZW1lbnQubG9hZCgpXG4gICAgaWYgKGN1cnJlbnRUaW1lICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMudmlkZW9SZWYhLm5hdGl2ZUVsZW1lbnQuY3VycmVudFRpbWUgPSBjdXJyZW50VGltZVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZpZGVvLXdyYXBwZXJcIiAqbmdJZj1cImFjdGl2ZU9iamVjdCgpXCI+XG4gIDx2aWRlb1xuICAgIGNvbnRyb2xzXG4gICAgI3ZpZGVvXG4gID5cbiAgICA8c291cmNlIFtzcmNdPVwiYWN0aXZlT2JqZWN0KCk/LmxpbmsgfCByc0Fzc2V0TGlua1wiIC8+XG4gIDwvdmlkZW8+XG4gIDxidXR0b25cbiAgICBtYXQtaWNvbi1idXR0b25cbiAgICBbbWF0TWVudVRyaWdnZXJGb3JdPVwicmVzb2x1dGlvbk1lbnVcIlxuICA+XG4gICAgPG1hdC1pY29uPnNldHRpbmdzPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxtYXQtbWVudVxuICAgICNyZXNvbHV0aW9uTWVudT1cIm1hdE1lbnVcIlxuICAgIHhQb3NpdGlvbj1cImJlZm9yZVwiXG4gID5cbiAgICA8YnV0dG9uXG4gICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhPy5pdGVtc1wiXG4gICAgICBbZGlzYWJsZWRdPVwiaXRlbS5saW5rID09PSAnJ1wiXG4gICAgICAoY2xpY2spPVwiaXRlbS5oZWlnaHQgIT09IGFjdGl2ZU9iamVjdCgpPy5oZWlnaHQgJiYgc3dpdGNoUmVzb2x1dGlvbihpdGVtKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtLmxpbmsgIT09ICcnID8gcmVhZHkgOiBsb2FkaW5nXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntpdGVtOml0ZW19XCJcbiAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuXG4gIDwvbWF0LW1lbnU+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNyZWFkeSBsZXQtaXRlbT0naXRlbSc+XG4gIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW5cIj5cbiAgICA8bWF0LWljb24gKm5nSWY9XCJpdGVtLmhlaWdodCA9PT0gYWN0aXZlT2JqZWN0KCk/LmhlaWdodFwiPlxuICAgICAgZG9uZVxuICAgIDwvbWF0LWljb24+XG4gICAgPGRpdiAqbmdJZj1cIml0ZW0uaGVpZ2h0ICE9PSBhY3RpdmVPYmplY3QoKT8uaGVpZ2h0XCI+PC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIHt7aXRlbS5oZWlnaHR9fXBcbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2xvYWRpbmcgbGV0LWl0ZW09J2l0ZW0nPlxuICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuXCI+XG4gICAgPGRpdj5cbiAgICAgIHt7aXRlbS5wcm9ncmVzcyA+PSAwID8gXCJDb252ZXJ0aW5nOiBcIiArIGl0ZW0ucHJvZ3Jlc3MgKyBcIiVcIiA6IFwiUXVldWUgcG9zaXRpb246IFwiICsgLWl0ZW0ucHJvZ3Jlc3N9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgc3R5bGU9XCJwYWRkaW5nLWxlZnQ6IC41ZW1cIj5cbiAgICAgIHt7aXRlbS5oZWlnaHR9fXBcbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/rendering.module.mjs

@@ -2,11 +2,13 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { EduSharingApiModule } from "ngx-edu-sharing-api";
 import { environment } from "../environments/environment";
+import { AssetLinkPipe } from "./asset-link.pipe";
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-edu-sharing-api";
 export class RenderingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, imports: [CommonModule, i1.EduSharingApiModule], exports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, declarations: [AssetLinkPipe], imports: [CommonModule, i1.EduSharingApiModule], exports: [CommonModule,
+            AssetLinkPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, imports: [CommonModule,
             EduSharingApiModule.forRoot({ rootUrl: environment.esRootUrl }), CommonModule] }); }
 }
@@ -17,9 +19,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         CommonModule,
                         EduSharingApiModule.forRoot({ rootUrl: environment.esRootUrl })
                     ],
+                    declarations: [
+                        AssetLinkPipe,
+                    ],
                     exports: [
-                        CommonModule
+                        CommonModule,
+                        AssetLinkPipe
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyaW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcmVuZGVyaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNkJBQTZCLENBQUM7OztBQVd4RCxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlOytHQUFmLGVBQWUsWUFQeEIsWUFBWSxxQ0FJWixZQUFZOytHQUdILGVBQWUsWUFQeEIsWUFBWTtZQUNaLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxFQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsU0FBUyxFQUFDLENBQUMsRUFHN0QsWUFBWTs7MkZBR0gsZUFBZTtrQkFUM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUIsQ0FBQyxPQUFPLENBQUMsRUFBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLFNBQVMsRUFBQyxDQUFDO3FCQUM5RDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHtFZHVTaGFyaW5nQXBpTW9kdWxlfSBmcm9tIFwibmd4LWVkdS1zaGFyaW5nLWFwaVwiO1xuaW1wb3J0IHtlbnZpcm9ubWVudH0gZnJvbSBcIi4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEVkdVNoYXJpbmdBcGlNb2R1bGUuZm9yUm9vdCh7cm9vdFVybDogZW52aXJvbm1lbnQuZXNSb290VXJsfSlcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFJlbmRlcmluZ01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyaW5nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcmVuZGVyaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDeEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7QUFlaEQsTUFBTSxPQUFPLGVBQWU7OEdBQWYsZUFBZTsrR0FBZixlQUFlLGlCQVB4QixhQUFhLGFBSmIsWUFBWSxxQ0FPWixZQUFZO1lBQ1osYUFBYTsrR0FHSixlQUFlLFlBWHhCLFlBQVk7WUFDWixtQkFBbUIsQ0FBQyxPQUFPLENBQUMsRUFBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLFNBQVMsRUFBQyxDQUFDLEVBTTdELFlBQVk7OzJGQUlILGVBQWU7a0JBYjNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CLENBQUMsT0FBTyxDQUFDLEVBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQyxTQUFTLEVBQUMsQ0FBQztxQkFDOUQ7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTtxQkFDZDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHtFZHVTaGFyaW5nQXBpTW9kdWxlfSBmcm9tIFwibmd4LWVkdS1zaGFyaW5nLWFwaVwiO1xuaW1wb3J0IHtlbnZpcm9ubWVudH0gZnJvbSBcIi4uL2Vudmlyb25tZW50cy9lbnZpcm9ubWVudFwiO1xuaW1wb3J0IHtBc3NldExpbmtQaXBlfSBmcm9tIFwiLi9hc3NldC1saW5rLnBpcGVcIjtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBFZHVTaGFyaW5nQXBpTW9kdWxlLmZvclJvb3Qoe3Jvb3RVcmw6IGVudmlyb25tZW50LmVzUm9vdFVybH0pXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEFzc2V0TGlua1BpcGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQXNzZXRMaW5rUGlwZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFJlbmRlcmluZ01vZHVsZSB7fVxuIl19

package/fesm2022/ngx-rendering-service-lib.mjs

@@ -1,24 +1,24 @@
 import * as i0 from '@angular/core';
-import { NgModule, signal, Component, Input, HostListener, ViewChild, ViewEncapsulation, Injectable } from '@angular/core';
+import { Pipe, NgModule, signal, Component, Input, HostListener, ViewChild, ViewEncapsulation, Injectable } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule, NgOptimizedImage } from '@angular/common';
 import * as i1 from 'ngx-edu-sharing-api';
 import { EduSharingApiModule } from 'ngx-edu-sharing-api';
-import * as i3$1 from '@angular/material/icon';
+import * as i1$1 from 'ngx-rendering-service-api';
+import { RSApiConfiguration, RenderingServiceApiModule, RenderingServiceApiInterceptor } from 'ngx-rendering-service-api';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule, MatIcon } from '@angular/material/icon';
-import * as i2 from '@angular/material/button';
+import * as i3$1 from '@angular/material/button';
 import { MatButtonModule, MatIconButton } from '@angular/material/button';
 import { MatSelect, MatOption } from '@angular/material/select';
 import { FormsModule } from '@angular/forms';
 import { MatMenu, MatMenuTrigger, MatMenuItem } from '@angular/material/menu';
 import * as i3$2 from 'ng2-pdfjs-viewer';
 import { PdfJsViewerModule } from 'ng2-pdfjs-viewer';
-import * as i1$1 from 'ngx-rendering-service-api';
-import { RenderingServiceApiModule, RenderingServiceApiInterceptor } from 'ngx-rendering-service-api';
 import { YouTubePlayer } from '@angular/youtube-player';
 import * as i1$2 from '@angular/platform-browser';
 import { firstValueFrom, BehaviorSubject, Subject, interval, takeUntil, switchMap } from 'rxjs';
-import * as i4 from '@angular/material/progress-spinner';
+import * as i4$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i5 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -29,9 +29,34 @@ const environment = {
     esRootUrl: 'http://repository.127.0.0.1.nip.io:8100/edu-sharing/rest',
 };
 
+/**
+ * this pipe transforms any reported asset data uri from the rendering to the uri that is currently configured for the backend
+ * this is required in case the rendering service is behind a proxy, i.e. in dev mode
+ */
+class AssetLinkPipe {
+    constructor(injector) {
+        this.injector = injector;
+    }
+    transform(value) {
+        if (value) {
+            const str = value.split('/public');
+            str[0] = this.injector.get(RSApiConfiguration).rootUrl;
+            return str.join('/public');
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, name: "rsAssetLink" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AssetLinkPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'rsAssetLink' }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
 class RenderingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, imports: [CommonModule, i1.EduSharingApiModule], exports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, declarations: [AssetLinkPipe], imports: [CommonModule, i1.EduSharingApiModule], exports: [CommonModule,
+            AssetLinkPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RenderingModule, imports: [CommonModule,
             EduSharingApiModule.forRoot({ rootUrl: environment.esRootUrl }), CommonModule] }); }
 }
@@ -42,8 +67,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         CommonModule,
                         EduSharingApiModule.forRoot({ rootUrl: environment.esRootUrl })
                     ],
+                    declarations: [
+                        AssetLinkPipe,
+                    ],
                     exports: [
-                        CommonModule
+                        CommonModule,
+                        AssetLinkPipe
                     ]
                 }]
         }] });
@@ -73,7 +102,7 @@ class ImageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ImageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ImageComponent, isStandalone: true, selector: "rs-module-image", inputs: { data: "data", node: "node" }, host: { listeners: { "document:fullscreenchange": "loadOptimalSize()" } }, ngImport: i0, template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link\"\n    [alt]=\"node?.title\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ImageComponent, isStandalone: true, selector: "rs-module-image", inputs: { data: "data", node: "node" }, host: { listeners: { "document:fullscreenchange": "loadOptimalSize()" } }, ngImport: i0, template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link | rsAssetLink\"\n    [alt]=\"node?.title || node?.name || ''\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AssetLinkPipe, name: "rsAssetLink" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ImageComponent, decorators: [{
             type: Component,
@@ -81,7 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         RenderingModule,
                         MatButtonModule,
                         MatIconModule,
-                    ], template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link\"\n    [alt]=\"node?.title\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"] }]
+                    ], template: "<div class=\"image-wrapper\"\n  *ngIf=\"activeObject()\"\n>\n  <img\n    #image\n    [src]=\"activeObject()?.link | rsAssetLink\"\n    [alt]=\"node?.title || node?.name || ''\"\n  >\n  <button mat-icon-button (click)=\"toggleFullscreen()\"><mat-icon>fullscreen</mat-icon></button>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;position:relative}.image-wrapper button{position:absolute;right:0;color:#fff;background-color:#00000080}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
                 type: Input
             }], node: [{
@@ -124,7 +153,7 @@ class VideoComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: VideoComponent, isStandalone: true, selector: "rs-module-video", inputs: { data: "data", node: "node" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: VideoComponent, isStandalone: true, selector: "rs-module-video", inputs: { data: "data", node: "node" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link | rsAssetLink\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AssetLinkPipe, name: "rsAssetLink" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: VideoComponent, decorators: [{
             type: Component,
@@ -138,7 +167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         MatMenu,
                         MatMenuTrigger,
                         MatMenuItem
-                    ], template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"] }]
+                    ], template: "<div class=\"video-wrapper\" *ngIf=\"activeObject()\">\n  <video\n    controls\n    #video\n  >\n    <source [src]=\"activeObject()?.link | rsAssetLink\" />\n  </video>\n  <button\n    mat-icon-button\n    [matMenuTriggerFor]=\"resolutionMenu\"\n  >\n    <mat-icon>settings</mat-icon>\n  </button>\n  <mat-menu\n    #resolutionMenu=\"matMenu\"\n    xPosition=\"before\"\n  >\n    <button\n      mat-menu-item\n      *ngFor=\"let item of data?.items\"\n      [disabled]=\"item.link === ''\"\n      (click)=\"item.height !== activeObject()?.height && switchResolution(item)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"item.link !== '' ? ready : loading\"\n        [ngTemplateOutletContext]=\"{item:item}\"\n      >\n      </ng-container>\n    </button>\n\n  </mat-menu>\n</div>\n\n<ng-template #ready let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <mat-icon *ngIf=\"item.height === activeObject()?.height\">\n      done\n    </mat-icon>\n    <div *ngIf=\"item.height !== activeObject()?.height\"></div>\n    <div>\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #loading let-item='item'>\n  <div style=\"display: flex; justify-content: space-between\">\n    <div>\n      {{item.progress >= 0 ? \"Converting: \" + item.progress + \"%\" : \"Queue position: \" + -item.progress}}\n    </div>\n    <div style=\"padding-left: .5em\">\n      {{item.height}}p\n    </div>\n  </div>\n</ng-template>\n", styles: [".video-wrapper{width:100%;position:relative}.video-wrapper video{width:100%;display:block}.video-wrapper button{position:absolute;right:0;top:0;color:#fff;background-color:#00000080}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], node: [{
@@ -321,7 +350,7 @@ class UrlComponent {
         return (["mp4", "webm"].includes(this.url.split(".").pop() ?? ""));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UrlComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: UrlComponent, isStandalone: true, selector: "rs-module-url", inputs: { data: "data", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"url-wrapper\">\n  <div *ngIf=\"gdprOk\">\n    <ng-container *ngIf=\"embedding === 'youtube' && externalId !== ''\">\n      <youtube-player\n        [videoId]=\"externalId ?? ''\"\n        [disableCookies]=\"true\"\n      ></youtube-player>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'vimeo' && externalId !== ''\">\n      <iframe [src]=\"getVimeoUri()\"></iframe>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'audio' &&  url !== ''\" >\n      <div class=\"audio-wrapper\">\n        <video\n          controls\n          style=\"max-width: 100%\"\n          [src]=\"url\"\n          poster=\"assets/img/audio.svg\"\n        >\n        </video>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'image' && url !== ''\">\n      <div class=\"image-wrapper\">\n        <img\n          [ngSrc]=\"url\"\n          [alt]=\"node?.title ?? 'Edu-Sharing image'\"\n          [title]=\"node?.title ?? 'Edu-Sharing image'\"\n          width=\"100%\"\n          height=\"auto\"\n        >\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'video' && url !== ''\">\n      <div class=\"video-wrapper\">\n        <video\n          controls\n          [src]=\"url\"\n        >\n        </video>\n      </div>\n    </ng-container>\n  </div>\n  <div *ngIf=\"!gdprOk\">\n    Halt! Stop!\n    <button mat-button (click)=\"consentToGdprWarning()\">Weiter!</button>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.url-wrapper{width:100%}.url-wrapper .audio-wrapper video[poster]{object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: UrlComponent, isStandalone: true, selector: "rs-module-url", inputs: { data: "data", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"url-wrapper\">\n  <div *ngIf=\"gdprOk\">\n    <ng-container *ngIf=\"embedding === 'youtube' && externalId !== ''\">\n      <youtube-player\n        [videoId]=\"externalId ?? ''\"\n        [disableCookies]=\"true\"\n      ></youtube-player>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'vimeo' && externalId !== ''\">\n      <iframe [src]=\"getVimeoUri()\"></iframe>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'audio' &&  url !== ''\" >\n      <div class=\"audio-wrapper\">\n        <video\n          controls\n          style=\"max-width: 100%\"\n          [src]=\"url\"\n          poster=\"assets/img/audio.svg\"\n        >\n        </video>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'image' && url !== ''\">\n      <div class=\"image-wrapper\">\n        <img\n          [ngSrc]=\"url\"\n          [alt]=\"node?.title ?? 'Edu-Sharing image'\"\n          [title]=\"node?.title ?? 'Edu-Sharing image'\"\n          width=\"100%\"\n          height=\"auto\"\n        >\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"embedding === 'video' && url !== ''\">\n      <div class=\"video-wrapper\">\n        <video\n          controls\n          [src]=\"url\"\n        >\n        </video>\n      </div>\n    </ng-container>\n  </div>\n  <div *ngIf=\"!gdprOk\">\n    Halt! Stop!\n    <button mat-button (click)=\"consentToGdprWarning()\">Weiter!</button>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center}.url-wrapper{width:100%}.url-wrapper .audio-wrapper video[poster]{object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UrlComponent, decorators: [{
             type: Component,
@@ -584,7 +613,7 @@ class RenderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RenderComponent, deps: [{ token: i0.Injector }, { token: i1$1.RenderControllerService }, { token: i1$1.JobInfoControllerService }, { token: ModuleInfoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: RenderComponent, isStandalone: true, selector: "rs-root", inputs: { request: "request", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"module\">\n  <ng-container *ngIf=\"renderData$ | async as data\">\n    @defer (when data?.module === 'IMAGE'){\n      <rs-module-image [data]=\"data\" [node]=\"node\"></rs-module-image>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'VIDEO' || data?.module === 'AUDIO'){\n      <rs-module-video [data]=\"data\" [node]=\"node\"></rs-module-video>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'PDF' || data?.module === 'DOCUMENT') {\n      <rs-module-pdf [data]=\"data\" [node]=\"node\"></rs-module-pdf>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'EDUHTML' || data?.module === 'H5P' || data?.module === 'JUPYTER') {\n      <rs-module-eduHtml [data]=\"data\" [node]=\"node\"></rs-module-eduHtml>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'SPREADSHEET') {\n      <rs-module-spreadsheet [data]=\"data\" [node]=\"node\"></rs-module-spreadsheet>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n  </ng-container>\n  <ng-container *ngIf=\"useUrlModule\">\n  @defer (when useUrlModule) {\n    <rs-module-url [node]=\"node\"></rs-module-url>\n  }\n  </ng-container>\n  <div class=\"progress\" *ngIf=\"(renderData$ | async) === null;\">\n    <ng-container *ngIf=\"progress$ | async as progress\">\n      <ng-container [ngSwitch]=\"['VIDEO', 'AUDIO'].includes(progress.module) ? 'bar' : 'spinner'\">\n        <ng-container *ngSwitchCase=\"'bar'\">\n          <div *ngIf=\"(progress.progress ?? 0) < 0\">Queue position: {{-(progress.progress ?? 0)}}</div>\n          <mat-progress-bar [value]=\"(progress.progress ?? 0)\" *ngIf=\"(progress.progress ?? 0) >= 0\"></mat-progress-bar>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'spinner'\">\n          <div *ngIf=\"(progress.progress ?? 0) < 0\">Queue position: {{-(progress.progress ?? 0)}</div>\n          <mat-spinner [diameter]=\"50\" *ngIf=\"(progress.progress ?? 0) >= 0\"></mat-spinner>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #loading>\n  <div class=\"progress\">\n    <mat-spinner></mat-spinner>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:20px;padding:10px 30px}.module{overflow:auto;display:flex;flex-grow:1;height:auto;border:1px solid #aaa;padding:20px}.module rs-module-image,.module rs-module-video{width:100%}.module .progress{display:flex;justify-content:center;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: RenderingApiModule }, { kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], deferBlockDependencies: [() => [Promise.resolve().then(function () { return image_component; }).then(m => m.ImageComponent)], () => [Promise.resolve().then(function () { return video_component; }).then(m => m.VideoComponent)], () => [Promise.resolve().then(function () { return pdf_component; }).then(m => m.PdfComponent)], () => [Promise.resolve().then(function () { return eduHtml_component; }).then(m => m.EduHtmlComponent)], () => [Promise.resolve().then(function () { return spreadsheet_component; }).then(m => m.SpreadsheetComponent)], () => [Promise.resolve().then(function () { return url_component; }).then(m => m.UrlComponent)]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: RenderComponent, isStandalone: true, selector: "rs-root", inputs: { request: "request", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"module\">\n  <ng-container *ngIf=\"renderData$ | async as data\">\n    @defer (when data?.module === 'IMAGE'){\n      <rs-module-image [data]=\"data\" [node]=\"node\"></rs-module-image>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'VIDEO' || data?.module === 'AUDIO'){\n      <rs-module-video [data]=\"data\" [node]=\"node\"></rs-module-video>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'PDF' || data?.module === 'DOCUMENT') {\n      <rs-module-pdf [data]=\"data\" [node]=\"node\"></rs-module-pdf>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'EDUHTML' || data?.module === 'H5P' || data?.module === 'JUPYTER') {\n      <rs-module-eduHtml [data]=\"data\" [node]=\"node\"></rs-module-eduHtml>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'SPREADSHEET') {\n      <rs-module-spreadsheet [data]=\"data\" [node]=\"node\"></rs-module-spreadsheet>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n  </ng-container>\n  <ng-container *ngIf=\"useUrlModule\">\n  @defer (when useUrlModule) {\n    <rs-module-url [node]=\"node\"></rs-module-url>\n  }\n  </ng-container>\n  <div class=\"progress\" *ngIf=\"(renderData$ | async) === null;\">\n    <ng-container *ngIf=\"progress$ | async as progress\">\n      <ng-container [ngSwitch]=\"['VIDEO', 'AUDIO'].includes(progress.module) ? 'bar' : 'spinner'\">\n        <ng-container *ngSwitchCase=\"'bar'\">\n          <div *ngIf=\"(progress.progress ?? 0) < 0\">Queue position: {{-(progress.progress ?? 0)}}</div>\n          <mat-progress-bar [value]=\"(progress.progress ?? 0)\" *ngIf=\"(progress.progress ?? 0) >= 0\"></mat-progress-bar>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'spinner'\">\n          <div *ngIf=\"(progress.progress ?? 0) < 0\">Queue position: {{-(progress.progress ?? 0)}</div>\n          <mat-spinner [diameter]=\"50\" *ngIf=\"(progress.progress ?? 0) >= 0\"></mat-spinner>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #loading>\n  <div class=\"progress\">\n    <mat-spinner></mat-spinner>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column;gap:20px;padding:10px 30px}.module{overflow:auto;display:flex;flex-grow:1;height:auto;border:1px solid #aaa;padding:20px}.module rs-module-image,.module rs-module-video{width:100%}.module .progress{display:flex;justify-content:center;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: RenderingApiModule }, { kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], deferBlockDependencies: [() => [Promise.resolve().then(function () { return image_component; }).then(m => m.ImageComponent)], () => [Promise.resolve().then(function () { return video_component; }).then(m => m.VideoComponent)], () => [Promise.resolve().then(function () { return pdf_component; }).then(m => m.PdfComponent)], () => [Promise.resolve().then(function () { return eduHtml_component; }).then(m => m.EduHtmlComponent)], () => [Promise.resolve().then(function () { return spreadsheet_component; }).then(m => m.SpreadsheetComponent)], () => [Promise.resolve().then(function () { return url_component; }).then(m => m.UrlComponent)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.2.6", ngImport: i0, type: RenderComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return image_component; }).then(m => m.ImageComponent), Promise.resolve().then(function () { return video_component; }).then(m => m.VideoComponent), Promise.resolve().then(function () { return pdf_component; }).then(m => m.PdfComponent), Promise.resolve().then(function () { return eduHtml_component; }).then(m => m.EduHtmlComponent), Promise.resolve().then(function () { return spreadsheet_component; }).then(m => m.SpreadsheetComponent), Promise.resolve().then(function () { return url_component; }).then(m => m.UrlComponent)], resolveMetadata: (ImageComponent, VideoComponent, PdfComponent, EduHtmlComponent, SpreadsheetComponent, UrlComponent) => ({ decorators: [{
                 type: Component,
@@ -642,5 +671,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { EduHtmlComponent, ImageComponent, PdfComponent, RenderComponent, RenderingModule, RenderingServiceLibModule, SpreadsheetComponent, UrlComponent, VideoComponent };
+export { AssetLinkPipe, EduHtmlComponent, ImageComponent, PdfComponent, RenderComponent, RenderingModule, RenderingServiceLibModule, SpreadsheetComponent, UrlComponent, VideoComponent };
 //# sourceMappingURL=ngx-rendering-service-lib.mjs.map