MOBILE-4826 core-iframe: Add allow attribute to iframe

Author: alfonso-salces

src/core/components/iframe/core-iframe.html

@@ -18,11 +18,11 @@
         <!-- allowfullscreen cannot be set dynamically using attribute binding, define 2 iframe elements. -->
         @if (allowFullscreen) {
             <iframe #iframe class="core-iframe" [attr.id]="id" [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}" [src]="safeUrl"
-                allowfullscreen="true" [class.core-iframe-loading]="loading">
+                allowfullscreen="true" [class.core-iframe-loading]="loading" [allow]="allow()">
             </iframe>
         } @else {
             <iframe #iframe class="core-iframe" [attr.id]="id" [ngStyle]="{'width': iframeWidth, 'height': iframeHeight}" [src]="safeUrl"
-                [class.core-iframe-loading]="loading">
+                [class.core-iframe-loading]="loading" [allow]="allow()">
             </iframe>
         }
 

src/core/components/iframe/iframe.ts

@@ -23,6 +23,7 @@ import {
     SimpleChange,
     OnDestroy,
     inject,
+    input,
 } from '@angular/core';
 import { SafeResourceUrl } from '@angular/platform-browser';
 
@@ -70,6 +71,7 @@ export class CoreIframeComponent implements OnChanges, OnDestroy {
         this.initIframeElement();
     }
 
+    readonly allow = input<string>();
     @Input() src?: string;
     @Input() id: string | null = null;
     @Input() iframeWidth = '100%';