npm - ngx-rendering-service-lib - Versions diffs - 0.0.64 → 0.0.65 - Mend

ngx-rendering-service-lib 0.0.64 → 0.0.65

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

Files changed (8) hide show

package/esm2022/lib/module/binder/binder.component.mjs CHANGED Viewed

@@ -1,28 +1,50 @@
 import { Component, Input, signal } from '@angular/core';
 import { RenderingModule } from "../../rendering.module";
 import { FormsModule } from "@angular/forms";
+import { MatProgressSpinner } from "@angular/material/progress-spinner";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
 export class BinderComponent {
-    constructor() {
-        this.activeObject = signal(undefined);
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.binderItem = signal(undefined);
+        this.previewUrl = signal(undefined);
+        this.hasPreview = signal(false);
     }
-    ngAfterViewInit() {
-        const allFinishedItems = this.data?.items?.filter(item => item.link !== "");
-        this.activeObject.set(allFinishedItems?.[0]);
+    ngOnChanges(changes) {
+        const binderJobData = this.data?.items?.find(item => item.additionalData === undefined);
+        if (binderJobData !== undefined) {
+            this.binderItem.set(binderJobData);
+        }
+        const previewJobData = this.data?.items?.find(item => item.additionalData !== undefined);
+        if (previewJobData !== undefined) {
+            this.hasPreview.set(true);
+            if (previewJobData.link !== undefined && previewJobData.link !== "") {
+                this.previewUrl.set(this.getSafeUri(previewJobData.link));
+            }
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BinderComponent, isStandalone: true, selector: "rs-module-binder", inputs: { data: "data", node: "node" }, ngImport: i0, template: "<div class=\"binder-wrapper\" *ngIf=\"activeObject()\">\n  <a [href]=\"activeObject()?.link\" target=\"_blank\">Link to object</a>\n</div>\n", styles: [".ddb-wrapper{width:100%;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] }); }
+    getSafeUri(assetLink) {
+        const uri = new URL(assetLink);
+        if (uri.hostname.includes("nip.io")) {
+            uri.hostname = "localhost";
+        }
+        return this.sanitizer.bypassSecurityTrustResourceUrl(uri.toString());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BinderComponent, isStandalone: true, selector: "rs-module-binder", inputs: { data: "data", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"binder-wrapper\" *ngIf=\"binderItem()\">\n  <mat-spinner [diameter]=\"50\" *ngIf=\"binderItem()?.link === undefined\" ></mat-spinner>\n  <a [href]=\"binderItem()?.link\" target=\"_blank\" *ngIf=\"binderItem()?.link !== undefined\">Link to object</a>\n  <mat-spinner [diameter]=\"50\" *ngIf=\"hasPreview() && (previewUrl() === undefined)\"></mat-spinner>\n  <iframe class=\"frame\" [src]=\"previewUrl()\" *ngIf=\"hasPreview() && (previewUrl() !== undefined)\" ></iframe>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center;width:100%}.ddb-wrapper{width:100%;position:relative}.ddb-wrapper .frame{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-module-binder', standalone: true, imports: [
                         RenderingModule,
                         FormsModule,
-                    ], template: "<div class=\"binder-wrapper\" *ngIf=\"activeObject()\">\n  <a [href]=\"activeObject()?.link\" target=\"_blank\">Link to object</a>\n</div>\n", styles: [".ddb-wrapper{width:100%;position:relative}\n"] }]
-        }], propDecorators: { data: [{
+                        MatProgressSpinner,
+                    ], template: "<div class=\"binder-wrapper\" *ngIf=\"binderItem()\">\n  <mat-spinner [diameter]=\"50\" *ngIf=\"binderItem()?.link === undefined\" ></mat-spinner>\n  <a [href]=\"binderItem()?.link\" target=\"_blank\" *ngIf=\"binderItem()?.link !== undefined\">Link to object</a>\n  <mat-spinner [diameter]=\"50\" *ngIf=\"hasPreview() && (previewUrl() === undefined)\"></mat-spinner>\n  <iframe class=\"frame\" [src]=\"previewUrl()\" *ngIf=\"hasPreview() && (previewUrl() !== undefined)\" ></iframe>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center;width:100%}.ddb-wrapper{width:100%;position:relative}.ddb-wrapper .frame{width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { data: [{
                 type: Input
             }], node: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmluZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kdWxlL2JpbmRlci9iaW5kZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvYmluZGVyL2JpbmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQU12RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWMzQyxNQUFNLE9BQU8sZUFBZTtJQVY1QjtRQWFFLGlCQUFZLEdBQUcsTUFBTSxDQUE2QixTQUFTLENBQUMsQ0FBQztLQU05RDtJQUpDLGVBQWU7UUFDYixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUE7UUFDM0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7OEdBUlUsZUFBZTtrR0FBZixlQUFlLG9IQ3JCNUIsOElBR0EscUdEWUksZUFBZSxrSUFDZixXQUFXOzsyRkFLRixlQUFlO2tCQVYzQixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1AsZUFBZTt3QkFDZixXQUFXO3FCQUNaOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIHNpZ25hbCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UmVuZGVyaW5nTW9kdWxlfSBmcm9tIFwiLi4vLi4vcmVuZGVyaW5nLm1vZHVsZVwiO1xuaW1wb3J0IHtSZW5kZXJNb2R1bGV9IGZyb20gXCIuLi9SZW5kZXJNb2R1bGVcIjtcbmltcG9ydCB7Tm9kZX0gZnJvbSBcIm5neC1lZHUtc2hhcmluZy1hcGlcIjtcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcbmltcG9ydCB7TWF0SWNvbkJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xuaW1wb3J0IHtNYXRPcHRpb24sIE1hdFNlbGVjdH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NlbGVjdFwiO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQge1JlbmRlckRhdGEsIEFzc2V0U3RhdGVJdGVtfSBmcm9tIFwiLi4vLi4vZHRvL1JlbmRlckRhdGFcIjtcbmltcG9ydCB7TWF0TWVudSwgTWF0TWVudUl0ZW0sIE1hdE1lbnVUcmlnZ2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdycy1tb2R1bGUtYmluZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFJlbmRlcmluZ01vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JpbmRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9iaW5kZXIuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIEJpbmRlckNvbXBvbmVudCBpbXBsZW1lbnRzIFJlbmRlck1vZHVsZSwgQWZ0ZXJWaWV3SW5pdHtcbiAgQElucHV0KCkgZGF0YTogUmVuZGVyRGF0YSB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgbm9kZTogTm9kZSB8IHVuZGVmaW5lZDtcbiAgYWN0aXZlT2JqZWN0ID0gc2lnbmFsPEFzc2V0U3RhdGVJdGVtIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBhbGxGaW5pc2hlZEl0ZW1zID0gdGhpcy5kYXRhPy5pdGVtcz8uZmlsdGVyKGl0ZW0gPT4gaXRlbS5saW5rICE9PSBcIlwiKVxuICAgIHRoaXMuYWN0aXZlT2JqZWN0LnNldChhbGxGaW5pc2hlZEl0ZW1zPy5bMF0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYmluZGVyLXdyYXBwZXJcIiAqbmdJZj1cImFjdGl2ZU9iamVjdCgpXCI+XG4gIDxhIFtocmVmXT1cImFjdGl2ZU9iamVjdCgpPy5saW5rXCIgdGFyZ2V0PVwiX2JsYW5rXCI+TGluayB0byBvYmplY3Q8L2E+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmluZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kdWxlL2JpbmRlci9iaW5kZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2R1bGUvYmluZGVyL2JpbmRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUd2RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFDLGtCQUFrQixFQUEyQixNQUFNLG9DQUFvQyxDQUFDOzs7O0FBY2hHLE1BQU0sT0FBTyxlQUFlO0lBTzFCLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFKM0MsZUFBVSxHQUFHLE1BQU0sQ0FBNkIsU0FBUyxDQUFDLENBQUM7UUFDM0QsZUFBVSxHQUFHLE1BQU0sQ0FBOEIsU0FBUyxDQUFDLENBQUE7UUFDM0QsZUFBVSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQTtJQUVXLENBQUM7SUFFL0MsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEtBQUssU0FBUyxDQUFDLENBQUE7UUFDdkYsSUFBSyxhQUFhLEtBQUssU0FBUyxFQUFHLENBQUM7WUFDbEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLENBQUE7UUFDcEMsQ0FBQztRQUNELE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEtBQUssU0FBUyxDQUFDLENBQUE7UUFDeEYsSUFBSSxjQUFjLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7WUFDekIsSUFBSSxjQUFjLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxjQUFjLENBQUMsSUFBSSxLQUFLLEVBQUUsRUFBRSxDQUFDO2dCQUNwRSxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFBO1lBQzNELENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxTQUFpQjtRQUN4QixNQUFNLEdBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQTtRQUM5QixJQUFJLEdBQUcsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUM7WUFDcEMsR0FBRyxDQUFDLFFBQVEsR0FBRyxXQUFXLENBQUE7UUFDNUIsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQTtJQUN4RSxDQUFDOzhHQTdCVSxlQUFlO2tHQUFmLGVBQWUseUlDcEI1Qiw4ZUFNQSxtTkRPSSxlQUFlLGtJQUNmLFdBQVcsK0JBQ1gsa0JBQWtCOzsyRkFLVCxlQUFlO2tCQVgzQixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1AsZUFBZTt3QkFDZixXQUFXO3dCQUNYLGtCQUFrQjtxQkFDbkI7aUZBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgc2lnbmFsLCBTaW1wbGVDaGFuZ2VzfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7UmVuZGVyaW5nTW9kdWxlfSBmcm9tIFwiLi4vLi4vcmVuZGVyaW5nLm1vZHVsZVwiO1xuaW1wb3J0IHtSZW5kZXJNb2R1bGV9IGZyb20gXCIuLi9SZW5kZXJNb2R1bGVcIjtcbmltcG9ydCB7Tm9kZX0gZnJvbSBcIm5neC1lZHUtc2hhcmluZy1hcGlcIjtcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHtSZW5kZXJEYXRhLCBBc3NldFN0YXRlSXRlbX0gZnJvbSBcIi4uLy4uL2R0by9SZW5kZXJEYXRhXCI7XG5pbXBvcnQge01hdFByb2dyZXNzU3Bpbm5lciwgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lclwiO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnMtbW9kdWxlLWJpbmRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZW5kZXJpbmdNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vYmluZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JpbmRlci5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgQmluZGVyQ29tcG9uZW50IGltcGxlbWVudHMgUmVuZGVyTW9kdWxlLCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBkYXRhOiBSZW5kZXJEYXRhIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBub2RlOiBOb2RlIHwgdW5kZWZpbmVkO1xuICBiaW5kZXJJdGVtID0gc2lnbmFsPEFzc2V0U3RhdGVJdGVtIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICBwcmV2aWV3VXJsID0gc2lnbmFsPFNhZmVSZXNvdXJjZVVybCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKVxuICBoYXNQcmV2aWV3ID0gc2lnbmFsPGJvb2xlYW4+KGZhbHNlKVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGNvbnN0IGJpbmRlckpvYkRhdGEgPSB0aGlzLmRhdGE/Lml0ZW1zPy5maW5kKGl0ZW0gPT4gaXRlbS5hZGRpdGlvbmFsRGF0YSA9PT0gdW5kZWZpbmVkKVxuICAgIGlmICggYmluZGVySm9iRGF0YSAhPT0gdW5kZWZpbmVkICkge1xuICAgICAgdGhpcy5iaW5kZXJJdGVtLnNldChiaW5kZXJKb2JEYXRhKVxuICAgIH1cbiAgICBjb25zdCBwcmV2aWV3Sm9iRGF0YSA9IHRoaXMuZGF0YT8uaXRlbXM/LmZpbmQoaXRlbSA9PiBpdGVtLmFkZGl0aW9uYWxEYXRhICE9PSB1bmRlZmluZWQpXG4gICAgaWYgKHByZXZpZXdKb2JEYXRhICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuaGFzUHJldmlldy5zZXQodHJ1ZSlcbiAgICAgIGlmIChwcmV2aWV3Sm9iRGF0YS5saW5rICE9PSB1bmRlZmluZWQgJiYgcHJldmlld0pvYkRhdGEubGluayAhPT0gXCJcIikge1xuICAgICAgICB0aGlzLnByZXZpZXdVcmwuc2V0KHRoaXMuZ2V0U2FmZVVyaShwcmV2aWV3Sm9iRGF0YS5saW5rKSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBnZXRTYWZlVXJpKGFzc2V0TGluazogc3RyaW5nKSB7XG4gICAgICBjb25zdCB1cmkgPSBuZXcgVVJMKGFzc2V0TGluaylcbiAgICAgIGlmICh1cmkuaG9zdG5hbWUuaW5jbHVkZXMoXCJuaXAuaW9cIikpIHtcbiAgICAgICAgdXJpLmhvc3RuYW1lID0gXCJsb2NhbGhvc3RcIlxuICAgICAgfVxuICAgICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh1cmkudG9TdHJpbmcoKSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJpbmRlci13cmFwcGVyXCIgKm5nSWY9XCJiaW5kZXJJdGVtKClcIj5cbiAgPG1hdC1zcGlubmVyIFtkaWFtZXRlcl09XCI1MFwiICpuZ0lmPVwiYmluZGVySXRlbSgpPy5saW5rID09PSB1bmRlZmluZWRcIiA+PC9tYXQtc3Bpbm5lcj5cbiAgPGEgW2hyZWZdPVwiYmluZGVySXRlbSgpPy5saW5rXCIgdGFyZ2V0PVwiX2JsYW5rXCIgKm5nSWY9XCJiaW5kZXJJdGVtKCk/LmxpbmsgIT09IHVuZGVmaW5lZFwiPkxpbmsgdG8gb2JqZWN0PC9hPlxuICA8bWF0LXNwaW5uZXIgW2RpYW1ldGVyXT1cIjUwXCIgKm5nSWY9XCJoYXNQcmV2aWV3KCkgJiYgKHByZXZpZXdVcmwoKSA9PT0gdW5kZWZpbmVkKVwiPjwvbWF0LXNwaW5uZXI+XG4gIDxpZnJhbWUgY2xhc3M9XCJmcmFtZVwiIFtzcmNdPVwicHJldmlld1VybCgpXCIgKm5nSWY9XCJoYXNQcmV2aWV3KCkgJiYgKHByZXZpZXdVcmwoKSAhPT0gdW5kZWZpbmVkKVwiID48L2lmcmFtZT5cbjwvZGl2PlxuIl19

package/fesm2022/ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs ADDED Viewed

@@ -0,0 +1,53 @@
+import * as i0 from '@angular/core';
+import { signal, Component, Input } from '@angular/core';
+import { RenderingModule } from './ngx-rendering-service-lib.mjs';
+import { FormsModule } from '@angular/forms';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import * as i1 from '@angular/platform-browser';
+import * as i3 from '@angular/common';
+class BinderComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.binderItem = signal(undefined);
+        this.previewUrl = signal(undefined);
+        this.hasPreview = signal(false);
+    }
+    ngOnChanges(changes) {
+        const binderJobData = this.data?.items?.find(item => item.additionalData === undefined);
+        if (binderJobData !== undefined) {
+            this.binderItem.set(binderJobData);
+        }
+        const previewJobData = this.data?.items?.find(item => item.additionalData !== undefined);
+        if (previewJobData !== undefined) {
+            this.hasPreview.set(true);
+            if (previewJobData.link !== undefined && previewJobData.link !== "") {
+                this.previewUrl.set(this.getSafeUri(previewJobData.link));
+            }
+        }
+    }
+    getSafeUri(assetLink) {
+        const uri = new URL(assetLink);
+        if (uri.hostname.includes("nip.io")) {
+            uri.hostname = "localhost";
+        }
+        return this.sanitizer.bypassSecurityTrustResourceUrl(uri.toString());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BinderComponent, isStandalone: true, selector: "rs-module-binder", inputs: { data: "data", node: "node" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"binder-wrapper\" *ngIf=\"binderItem()\">\n  <mat-spinner [diameter]=\"50\" *ngIf=\"binderItem()?.link === undefined\" ></mat-spinner>\n  <a [href]=\"binderItem()?.link\" target=\"_blank\" *ngIf=\"binderItem()?.link !== undefined\">Link to object</a>\n  <mat-spinner [diameter]=\"50\" *ngIf=\"hasPreview() && (previewUrl() === undefined)\"></mat-spinner>\n  <iframe class=\"frame\" [src]=\"previewUrl()\" *ngIf=\"hasPreview() && (previewUrl() !== undefined)\" ></iframe>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center;width:100%}.ddb-wrapper{width:100%;position:relative}.ddb-wrapper .frame{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-module-binder', standalone: true, imports: [
+                        RenderingModule,
+                        FormsModule,
+                        MatProgressSpinner,
+                    ], template: "<div class=\"binder-wrapper\" *ngIf=\"binderItem()\">\n  <mat-spinner [diameter]=\"50\" *ngIf=\"binderItem()?.link === undefined\" ></mat-spinner>\n  <a [href]=\"binderItem()?.link\" target=\"_blank\" *ngIf=\"binderItem()?.link !== undefined\">Link to object</a>\n  <mat-spinner [diameter]=\"50\" *ngIf=\"hasPreview() && (previewUrl() === undefined)\"></mat-spinner>\n  <iframe class=\"frame\" [src]=\"previewUrl()\" *ngIf=\"hasPreview() && (previewUrl() !== undefined)\" ></iframe>\n</div>\n", styles: [":host{position:relative;display:flex;align-items:center;width:100%}.ddb-wrapper{width:100%;position:relative}.ddb-wrapper .frame{width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { data: [{
+                type: Input
+            }], node: [{
+                type: Input
+            }] } });
+export { BinderComponent };
+//# sourceMappingURL=ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs.map

package/fesm2022/ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs","sources":["../../src/lib/module/binder/binder.component.ts","../../src/lib/module/binder/binder.component.html"],"sourcesContent":["import { Component, Input, OnChanges, signal, SimpleChanges} from '@angular/core';\nimport {RenderingModule} from \"../../rendering.module\";\nimport {RenderModule} from \"../RenderModule\";\nimport {Node} from \"ngx-edu-sharing-api\";\nimport {FormsModule} from \"@angular/forms\";\nimport {RenderData, AssetStateItem} from \"../../dto/RenderData\";\nimport {MatProgressSpinner, MatProgressSpinnerModule} from \"@angular/material/progress-spinner\";\nimport {DomSanitizer, SafeResourceUrl} from \"@angular/platform-browser\";\n\n@Component({\n selector: 'rs-module-binder',\n standalone: true,\n imports: [\n RenderingModule,\n FormsModule,\n MatProgressSpinner,\n ],\n templateUrl: './binder.component.html',\n styleUrl: './binder.component.scss'\n})\nexport class BinderComponent implements RenderModule, OnChanges {\n @Input() data: RenderData | undefined;\n @Input() node: Node | undefined;\n binderItem = signal<AssetStateItem | undefined>(undefined);\n previewUrl = signal<SafeResourceUrl | undefined>(undefined)\n hasPreview = signal<boolean>(false)\n\n constructor(private sanitizer: DomSanitizer) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n const binderJobData = this.data?.items?.find(item => item.additionalData === undefined)\n if ( binderJobData !== undefined ) {\n this.binderItem.set(binderJobData)\n }\n const previewJobData = this.data?.items?.find(item => item.additionalData !== undefined)\n if (previewJobData !== undefined) {\n this.hasPreview.set(true)\n if (previewJobData.link !== undefined && previewJobData.link !== \"\") {\n this.previewUrl.set(this.getSafeUri(previewJobData.link))\n }\n }\n }\n\n getSafeUri(assetLink: string) {\n const uri = new URL(assetLink)\n if (uri.hostname.includes(\"nip.io\")) {\n uri.hostname = \"localhost\"\n }\n return this.sanitizer.bypassSecurityTrustResourceUrl(uri.toString())\n }\n}\n","<div class=\"binder-wrapper\" *ngIf=\"binderItem()\">\n <mat-spinner [diameter]=\"50\" *ngIf=\"binderItem()?.link === undefined\" ></mat-spinner>\n <a [href]=\"binderItem()?.link\" target=\"_blank\" *ngIf=\"binderItem()?.link !== undefined\">Link to object</a>\n <mat-spinner [diameter]=\"50\" *ngIf=\"hasPreview() && (previewUrl() === undefined)\"></mat-spinner>\n <iframe class=\"frame\" [src]=\"previewUrl()\" *ngIf=\"hasPreview() && (previewUrl() !== undefined)\" ></iframe>\n</div>\n"],"names":["i2"],"mappings":"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"}

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

@@ -789,9 +789,9 @@ 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.RenderControllerWrapperService }, { token: i1$1.JobInfoControllerService }, { token: ModuleInfoService }, { token: i3.PlatformLocation }], 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", serviceWorkerUrl: "serviceWorkerUrl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"module module-{{(renderData$ | async)?.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'){\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' || data.module === 'SPREADSHEET') {\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 === 'AUDIO'){\n      <rs-module-audio [data]=\"data\" [node]=\"node\"></rs-module-audio>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'BINDER'){\n      <rs-module-binder [data]=\"data\" [node]=\"node\"></rs-module-binder>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'DDB'){\n      <rs-module-ddb [data]=\"data\" [node]=\"node\"></rs-module-ddb>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    <ng-container *ngIf=\"data.module === 'default'\">\n      @defer (when data.module === 'default') {\n        <rs-module-default [node]=\"node\"></rs-module-default>\n      }\n    </ng-container>\n    <ng-container *ngIf=\"data.module === 'url'\">\n      @defer (when data.module === 'url') {\n        <rs-module-url [node]=\"node\" [data]=\"data\"></rs-module-url>\n      }\n    </ng-container>\n  </ng-container>\n\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)], () => [import('./ngx-rendering-service-lib-audio.component-Cpp5Zzp1.mjs').then(m => m.AudioComponent)], () => [import('./ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs').then(m => m.BinderComponent)], () => [import('./ngx-rendering-service-lib-ddb.component-BdYROITK.mjs').then(m => m.DdbComponent)], () => [import('./ngx-rendering-service-lib-default.component-BiI-arRn.mjs').then(m => m.DefaultComponent)], () => [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", serviceWorkerUrl: "serviceWorkerUrl" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"module module-{{(renderData$ | async)?.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'){\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' || data.module === 'SPREADSHEET') {\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 === 'AUDIO'){\n      <rs-module-audio [data]=\"data\" [node]=\"node\"></rs-module-audio>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'BINDER'){\n      <rs-module-binder [data]=\"data\" [node]=\"node\"></rs-module-binder>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    @defer (when data?.module === 'DDB'){\n      <rs-module-ddb [data]=\"data\" [node]=\"node\"></rs-module-ddb>\n    } @loading {\n      <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n    }\n    <ng-container *ngIf=\"data.module === 'default'\">\n      @defer (when data.module === 'default') {\n        <rs-module-default [node]=\"node\"></rs-module-default>\n      }\n    </ng-container>\n    <ng-container *ngIf=\"data.module === 'url'\">\n      @defer (when data.module === 'url') {\n        <rs-module-url [node]=\"node\" [data]=\"data\"></rs-module-url>\n      }\n    </ng-container>\n  </ng-container>\n\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)], () => [import('./ngx-rendering-service-lib-audio.component-Cpp5Zzp1.mjs').then(m => m.AudioComponent)], () => [import('./ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs').then(m => m.BinderComponent)], () => [import('./ngx-rendering-service-lib-ddb.component-BdYROITK.mjs').then(m => m.DdbComponent)], () => [import('./ngx-rendering-service-lib-default.component-BiI-arRn.mjs').then(m => m.DefaultComponent)], () => [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), import('./ngx-rendering-service-lib-audio.component-Cpp5Zzp1.mjs').then(m => m.AudioComponent), import('./ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs').then(m => m.BinderComponent), import('./ngx-rendering-service-lib-ddb.component-BdYROITK.mjs').then(m => m.DdbComponent), import('./ngx-rendering-service-lib-default.component-BiI-arRn.mjs').then(m => m.DefaultComponent), Promise.resolve().then(function () { return url_component; }).then(m => m.UrlComponent)], resolveMetadata: (ImageComponent, VideoComponent, PdfComponent, EduHtmlComponent, AudioComponent, BinderComponent, DdbComponent, DefaultComponent, UrlComponent) => ({ decorators: [{
+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), import('./ngx-rendering-service-lib-audio.component-Cpp5Zzp1.mjs').then(m => m.AudioComponent), import('./ngx-rendering-service-lib-binder.component-BYiR1mkY.mjs').then(m => m.BinderComponent), import('./ngx-rendering-service-lib-ddb.component-BdYROITK.mjs').then(m => m.DdbComponent), import('./ngx-rendering-service-lib-default.component-BiI-arRn.mjs').then(m => m.DefaultComponent), Promise.resolve().then(function () { return url_component; }).then(m => m.UrlComponent)], resolveMetadata: (ImageComponent, VideoComponent, PdfComponent, EduHtmlComponent, AudioComponent, BinderComponent, DdbComponent, DefaultComponent, UrlComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'rs-root', standalone: true, imports: [
                             RenderingApiModule,

package/lib/module/binder/binder.component.d.ts CHANGED Viewed

@@ -1,13 +1,19 @@
-import { AfterViewInit } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { RenderModule } from "../RenderModule";
 import { Node } from "ngx-edu-sharing-api";
 import { RenderData, AssetStateItem } from "../../dto/RenderData";
+import { DomSanitizer, SafeResourceUrl } from "@angular/platform-browser";
 import * as i0 from "@angular/core";
-export declare class BinderComponent implements RenderModule, AfterViewInit {
+export declare class BinderComponent implements RenderModule, OnChanges {
+    private sanitizer;
     data: RenderData | undefined;
     node: Node | undefined;
-    activeObject: import("@angular/core").WritableSignal<AssetStateItem | undefined>;
-    ngAfterViewInit(): void;
+    binderItem: import("@angular/core").WritableSignal<AssetStateItem | undefined>;
+    previewUrl: import("@angular/core").WritableSignal<SafeResourceUrl | undefined>;
+    hasPreview: import("@angular/core").WritableSignal<boolean>;
+    constructor(sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    getSafeUri(assetLink: string): SafeResourceUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<BinderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BinderComponent, "rs-module-binder", never, { "data": { "alias": "data"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ngx-rendering-service-lib",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "private": false,
   "dependencies": {
     "tslib": "^2.3.0"

package/fesm2022/ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs DELETED Viewed

@@ -1,31 +0,0 @@
-import * as i0 from '@angular/core';
-import { signal, Component, Input } from '@angular/core';
-import { RenderingModule } from './ngx-rendering-service-lib.mjs';
-import { FormsModule } from '@angular/forms';
-import * as i3 from '@angular/common';
-class BinderComponent {
-    constructor() {
-        this.activeObject = signal(undefined);
-    }
-    ngAfterViewInit() {
-        const allFinishedItems = this.data?.items?.filter(item => item.link !== "");
-        this.activeObject.set(allFinishedItems?.[0]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: BinderComponent, isStandalone: true, selector: "rs-module-binder", inputs: { data: "data", node: "node" }, ngImport: i0, template: "<div class=\"binder-wrapper\" *ngIf=\"activeObject()\">\n  <a [href]=\"activeObject()?.link\" target=\"_blank\">Link to object</a>\n</div>\n", styles: [".ddb-wrapper{width:100%;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: RenderingModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: BinderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rs-module-binder', standalone: true, imports: [
-                        RenderingModule,
-                        FormsModule,
-                    ], template: "<div class=\"binder-wrapper\" *ngIf=\"activeObject()\">\n  <a [href]=\"activeObject()?.link\" target=\"_blank\">Link to object</a>\n</div>\n", styles: [".ddb-wrapper{width:100%;position:relative}\n"] }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], node: [{
-                type: Input
-            }] } });
-export { BinderComponent };
-//# sourceMappingURL=ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs.map

package/fesm2022/ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ngx-rendering-service-lib-binder.component-g_HrjUjG.mjs","sources":["../../src/lib/module/binder/binder.component.ts","../../src/lib/module/binder/binder.component.html"],"sourcesContent":["import {AfterViewInit, Component, ElementRef, Input, signal, ViewChild} from '@angular/core';\nimport {RenderingModule} from \"../../rendering.module\";\nimport {RenderModule} from \"../RenderModule\";\nimport {Node} from \"ngx-edu-sharing-api\";\nimport {MatIcon} from \"@angular/material/icon\";\nimport {MatIconButton} from \"@angular/material/button\";\nimport {MatOption, MatSelect} from \"@angular/material/select\";\nimport {FormsModule} from \"@angular/forms\";\nimport {RenderData, AssetStateItem} from \"../../dto/RenderData\";\nimport {MatMenu, MatMenuItem, MatMenuTrigger} from \"@angular/material/menu\";\n\n@Component({\n selector: 'rs-module-binder',\n standalone: true,\n imports: [\n RenderingModule,\n FormsModule,\n ],\n templateUrl: './binder.component.html',\n styleUrl: './binder.component.scss'\n})\nexport class BinderComponent implements RenderModule, AfterViewInit{\n @Input() data: RenderData | undefined;\n @Input() node: Node | undefined;\n activeObject = signal<AssetStateItem | undefined>(undefined);\n\n ngAfterViewInit(): void {\n const allFinishedItems = this.data?.items?.filter(item => item.link !== \"\")\n this.activeObject.set(allFinishedItems?.[0]);\n }\n}\n","<div class=\"binder-wrapper\" *ngIf=\"activeObject()\">\n <a [href]=\"activeObject()?.link\" target=\"_blank\">Link to object</a>\n</div>\n"],"names":[],"mappings":";;;;;;MAqBa,eAAe,CAAA;AAV5B,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAA6B,SAAS,CAAC,CAAC;AAM9D,KAAA;IAJC,eAAe,GAAA;QACb,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,CAAA;QAC3E,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC;KAC9C;8GARU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,ECrB5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8IAGA,EDYI,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,kIACf,WAAW,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAV3B,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EACP,OAAA,EAAA;wBACP,eAAe;wBACf,WAAW;AACZ,qBAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,CAAA;8BAKQ,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;;;"}