import{LitElement as e,html as t,css as i}from"../../../lit/index.js";customElements.define("responsive-iframe",class ResponsiveIframe extends e{static get styles(){return[i`
        :host {
          display: block;
        }
        #container {
          position: relative;
          padding-top: 60%;
          height: 0;
          width: 100%;
        }
        #container ::slotted(iframe) {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
      `]}static get haxProperties(){return{canScale:!1,canEditSource:!0,gizmo:{title:"Responsive iframe",description:"Make an iframe responsive and full width. Useful for Youtube video embeds.",icon:"icons:file-download",color:"blue",meta:{author:"HAXTheWeb core team"}},settings:{configure:[{slot:"",title:"iframe",description:"The html code of the iframe",inputMethod:"code-editor",icon:"editor:iframe"}],advanced:[]}}}render(){return t`
      <div id="container">
        <slot></slot>
      </div>
    `}});