@foblex/m-render 3.0.0 → 3.0.1

package/fesm2022/foblex-m-render.mjs

@@ -2104,6 +2104,13 @@ class ExternalComponent {
             };
         } });
     iframeUrl = computed(() => this.data().iframeUrl, ...(ngDevMode ? [{ debugName: "iframeUrl" }] : []));
+    iframeResourceUrl = computed(() => {
+        const url = this.iframeUrl();
+        if (!url) {
+            return undefined;
+        }
+        return this._sanitizer.bypassSecurityTrustResourceUrl(url);
+    }, ...(ngDevMode ? [{ debugName: "iframeResourceUrl" }] : []));
     hasContent = computed(() => !!this.data().selector || !!this.data().iframeUrl, ...(ngDevMode ? [{ debugName: "hasContent" }] : []));
     canToggleFullscreen = computed(() => {
         return this._isBrowser
@@ -2118,6 +2125,7 @@ class ExternalComponent {
     _isBrowser = inject(IS_BROWSER_PLATFORM);
     _mediatr = inject(Mediatr);
     _viewContainerRef = viewChild.required('container', { read: ViewContainerRef });
+    _sanitizer = inject(DomSanitizer);
     ngOnInit() {
         const selector = this.data().selector;
         if (selector) {
@@ -2150,7 +2158,7 @@ class ExternalComponent {
         return this._document.fullscreenElement === this._hostElement.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ExternalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ExternalComponent, isStandalone: true, selector: "external-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:fullscreenchange": "onFullscreenChange()" }, properties: { "style.height": "data().height", "class.f-example-view-fullscreen": "isFullscreen()" }, classAttribute: "f-example-view" }, viewQueries: [{ propertyName: "_viewContainerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (canToggleFullscreen()) {\n  <button class=\"f-fullscreen-button\"\n          type=\"button\"\n          [class.exit]=\"isFullscreen()\"\n          [attr.aria-label]=\"fullscreenLabel()\"\n          [attr.title]=\"fullscreenLabel()\"\n          (click)=\"toggleFullscreen()\"></button>\n}\n\n@if (iframeUrl()) {\n  <iframe class=\"f-example-iframe\"\n          [src]=\"iframeUrl()!\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer\"\n          allow=\"fullscreen\"\n          allowfullscreen></iframe>\n}\n\n<ng-container #container />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: ExternalComponent, isStandalone: true, selector: "external-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "document:fullscreenchange": "onFullscreenChange()" }, properties: { "style.height": "data().height", "class.f-example-view-fullscreen": "isFullscreen()" }, classAttribute: "f-example-view" }, viewQueries: [{ propertyName: "_viewContainerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (canToggleFullscreen()) {\n  <button class=\"f-fullscreen-button\"\n          type=\"button\"\n          [class.exit]=\"isFullscreen()\"\n          [attr.aria-label]=\"fullscreenLabel()\"\n          [attr.title]=\"fullscreenLabel()\"\n          (click)=\"toggleFullscreen()\"></button>\n}\n\n@if (iframeResourceUrl()) {\n  <iframe class=\"f-example-iframe\"\n          [src]=\"iframeResourceUrl()\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer\"\n          allow=\"fullscreen\"\n          allowfullscreen></iframe>\n}\n\n<ng-container #container />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ExternalComponent, decorators: [{
             type: Component,
@@ -2158,7 +2166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImpor
                         class: 'f-example-view',
                         '[style.height]': 'data().height',
                         '[class.f-example-view-fullscreen]': 'isFullscreen()',
-                    }, template: "@if (canToggleFullscreen()) {\n  <button class=\"f-fullscreen-button\"\n          type=\"button\"\n          [class.exit]=\"isFullscreen()\"\n          [attr.aria-label]=\"fullscreenLabel()\"\n          [attr.title]=\"fullscreenLabel()\"\n          (click)=\"toggleFullscreen()\"></button>\n}\n\n@if (iframeUrl()) {\n  <iframe class=\"f-example-iframe\"\n          [src]=\"iframeUrl()!\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer\"\n          allow=\"fullscreen\"\n          allowfullscreen></iframe>\n}\n\n<ng-container #container />\n" }]
+                    }, template: "@if (canToggleFullscreen()) {\n  <button class=\"f-fullscreen-button\"\n          type=\"button\"\n          [class.exit]=\"isFullscreen()\"\n          [attr.aria-label]=\"fullscreenLabel()\"\n          [attr.title]=\"fullscreenLabel()\"\n          (click)=\"toggleFullscreen()\"></button>\n}\n\n@if (iframeResourceUrl()) {\n  <iframe class=\"f-example-iframe\"\n          [src]=\"iframeResourceUrl()\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer\"\n          allow=\"fullscreen\"\n          allowfullscreen></iframe>\n}\n\n<ng-container #container />\n" }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], _viewContainerRef: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }], onFullscreenChange: [{
                 type: HostListener,
                 args: ['document:fullscreenchange']