Make allow attribute configurable in iframe panel

src/panels/iframe/ha-panel-iframe.ts

@@ -11,7 +11,7 @@ class HaPanelIframe extends LitElement {
 
   @property({ type: Boolean }) narrow!: boolean;
 
-  @property() panel!: PanelInfo<{ url: string }>;
+  @property() panel!: PanelInfo<{ url: string, allow: string }>;
 
   render() {
     if (
@@ -41,7 +41,9 @@ class HaPanelIframe extends LitElement {
           )}
           src=${this.panel.config.url}
           sandbox="allow-forms allow-popups allow-pointer-lock allow-same-origin allow-scripts allow-modals allow-downloads"
-          allow="fullscreen"
+          allow=${ifDefined(
+            this.panel.config.allow ?? 'fullscreen'
+          )}
         ></iframe>
       </hass-subpage>
     `;

src/panels/lovelace/cards/hui-iframe-card.ts

@@ -97,7 +97,9 @@ export class HuiIframeCard extends LitElement implements LovelaceCard {
             title=${ifDefined(this._config.title)}
             src=${this._config.url}
             sandbox="${sandbox_user_params} allow-forms allow-modals allow-popups allow-pointer-lock allow-same-origin allow-scripts"
-            allow="fullscreen"
+            allow=${ifDefined(
+              this._config.allow ?? 'fullscreen'
+            )}
           ></iframe>
         </div>
       </ha-card>

src/panels/lovelace/cards/types.ts

@@ -270,6 +270,7 @@ export interface IframeCardConfig extends LovelaceCardConfig {
   allow_open_top_navigation?: boolean;
   aspect_ratio?: string;
   title?: string;
+  allow?: string;
   url: string;
 }