1import{V as f,q as u,P as d,O as h,av as _,_ as g,r as l,o as p,c as C,$ as b,l as y,h as w,a as $,aw as I}from"./index-D-iuxWOd.js";import{E as L}from"./EmbedContent-ehOEB7wE.js";const E="9/16";var R=Object.defineProperty,A=Object.getOwnPropertyDescriptor,c=(t,e,a,r)=>{for(var n=r>1?void 0:r?A(e,a):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(n=(r?s(e,a,n):s(n))||n);return r&&n&&R(e,a,n),n};let o=class extends f{constructor(){super(...arguments),this.consentManagerVendorId=u.thirdParty.canva.cmpVendorId,this.isContentLoaded=!1,this.contentIframe=null}get effectiveAspectRatio(){return this.aspectRatio||E}get aspectRatioDecimal(){const[e,a]=this.effectiveAspectRatio.split("/").map(Number);return!e||!a?"1":String(e/a)}get embedSrc(){return`${this.embedId.replace(/[?#].*$/,"").replace(/\/$/,"")}?embed`}async mounted(){var e,a,r,n;await this.$nextTick(),this.contentIframe=((r=(a=(e=this.$refs)==null?void 0:e.canvaEmbed)==null?void 0:a.$el)==null?void 0:r.querySelector("iframe"))??null,(n=this.contentIframe)==null||n.addEventListener("load",this.handleContentLoaded)}handleContentLoaded(){var e,a;(a=(e=this.contentIframe)==null?void 0:e.getAttribute("src"))!=null&&a.includes("canva.com")&&(this.isContentLoaded=!0)}unmounted(){var e;(e=this.contentIframe)==null||e.removeEventListener("load",this.handleContentLoaded)}};c([d({type:String,default:"fullscreen"})],o.prototype,"allow",2);c([d({type:String,required:!0})],o.prototype,"embedId",2);c([d({type:String,default:null,validator:t=>t==null||/^\d+\s*\/\s*\d+$/.test(t)})],o.prototype,"aspectRatio",2);c([d({type:String})],o.prototype,"title",2);o=c([h({name:"Canva",components:{DnmLoadingBanner:_,EmbedContent:L}})],o);const P=["title"],S={class:"canva__embedWrapper"};function D(t,e,a,r,n,i){const s=l("DnmLoadingBanner"),v=l("EmbedContent");return p(),C("section",{style:I({"--canva-aspectRatio":t.effectiveAspectRatio,"--canva-aspectRatioDecimal":t.aspectRatioDecimal}),title:t.title,class:"canva"},[b("div",S,[t.isContentLoaded?w("",!0):(p(),y(s,{key:0,"aspect-ratio":t.effectiveAspectRatio,class:"canva__loadingBanner","data-testid":"canva-loading-banner",width:"100%"},null,8,["aspect-ratio"])),$(v,{allow:t.allow,"consent-manager-vendor-id":t.consentManagerVendorId,src:t.embedSrc,"data-testid":"canva-embed-content",provider:"Canva",ref:"canvaEmbed",width:"100%"},null,8,["allow","consent-manager-vendor-id","src"])])],12,P)}const N=g(o,[["render",D],["__scopeId","data-v-7174c741"]]);var m;try{"__c"in o&&((m=o.__c).componentFileName??(m.componentFileName=Object.create(null)),Object.defineProperty(o.__c,"componentFileName",{value:"app/components/storyline/canva/Canva.vue"}))}catch(t){console.error("injectFileNamePlugin",t)}export{N as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.