https://www.roigarena.com/_nuxt/0.2.89_SocialEmbed.BYuJYcPQ.js

1import{E as e,F as t,G as a,Gt as i,P as s,S as o,Tt as l,Vt as n,_ as r,at as m,g as d,gt as c,h as _,it as b,m as k,s as u,tt as v,v as p,w}from"./0.2.89_storyblok-vendor.B78LRCpf.js";import{a as g,t as y}from"./0.2.89_runtime-dom.esm-bundler.CjviFEg5.js";import{t as f}from"./0.2.89_client-only.CP0oDD3s.js";import{t as h}from"./0.2.89_heading.CVIuaHdW.js";import{p as L,v as A}from"#entry";import{n as E}from"./0.2.89_OcxContentTitle.CFKAcGaR.js";var S={class:"m-social-embed-skeleton__sr-only"},T={key:2,class:"m-social-embed-skeleton__media m-social-embed-skeleton__media--vertical"},C={key:3,class:"m-social-embed-skeleton__media m-social-embed-skeleton__media--video"},O={key:4,class:"m-social-embed-skeleton__media m-social-embed-skeleton__media--spotify"},D={key:5,class:"m-social-embed-skeleton__media m-social-embed-skeleton__media--maps"},I={key:7,class:"m-social-embed-skeleton__media m-social-embed-skeleton__media--generic"},M=e({__name:"SocialEmbedSkeleton",props:{variant:{default:"generic"},loadingLabel:{default:""}},setup(e){const{t:t}=L(),s=e,r=k(()=>s.loadingLabel||t("SOCIAL_EMBED.LOADING"));return(t,s)=>(a(),p("div",{class:n(["m-social-embed-skeleton",`m-social-embed-skeleton--${e.variant}`]),role:"status","aria-live":"polite","aria-busy":"true"},[_("span",S,i(l(r)),1),"tweet"===e.variant?(a(),p(u,{key:0},[s[0]||(s[0]=o('<div class="m-social-embed-skeleton__header"><div class="m-social-embed-skeleton__avatar"></div><div class="m-social-embed-skeleton__meta"><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--short"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--xshort"></div></div></div><div class="m-social-embed-skeleton__line"></div><div class="m-social-embed-skeleton__line"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--medium"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--xshort"></div>',5))],64)):"instagram"===e.variant?(a(),p(u,{key:1},[s[1]||(s[1]=o('<div class="m-social-embed-skeleton__header"><div class="m-social-embed-skeleton__avatar"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--short"></div></div><div class="m-social-embed-skeleton__media m-social-embed-skeleton__media--square"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--medium"></div>',3))],64)):"tiktok"===e.variant?(a(),p("div",T)):"youtube"===e.variant?(a(),p("div",C)):"spotify"===e.variant?(a(),p("div",O)):"maps"===e.variant?(a(),p("div",D)):"linkedin"===e.variant?(a(),p(u,{key:6},[s[2]||(s[2]=o('<div class="m-social-embed-skeleton__header"><div class="m-social-embed-skeleton__avatar"></div><div class="m-social-embed-skeleton__meta"><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--short"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--xshort"></div></div></div><div class="m-social-embed-skeleton__line"></div><div class="m-social-embed-skeleton__line m-social-embed-skeleton__line--medium"></div><div class="m-social-embed-skeleton__media m-social-embed-skeleton__media--linkedin"></div>',4))],64)):(a(),p("div",I))],2))}}),j=Object.assign(M,{__name:"SocialEmbedSkeleton"}),B={class:"m-social-embed"},F=["innerHTML"],x=["href"],R=e({__name:"SocialEmbed",props:{blok:{}},setup(e){const o=e,{t:u}=L(),S=c(),T=c(!1),C=c(!1),O=k(()=>({title:String(o.blok.title??""),titleTag:o.blok.titleTag??h.H3,description:String(o.blok.description??"")})),D=k(()=>String(o.blok.embedCode??"").trim()),I=k(()=>o.blok.alignment||"center"),M=k(()=>["m-social-embed__content",`m-social-embed__content--${I.value}`]),R=k(()=>{const e=D.value;return/twitter-tweet|platform\.twitter|x\.com/i.test(e)?"tweet":/instagram-media|instagram\.com/i.test(e)?"instagram":/tiktok-embed|tiktok\.com/i.test(e)?"tiktok":/youtube\.com|youtube-nocookie|youtu\.be/i.test(e)?"youtube":/open\.spotify\.com/i.test(e)?"spotify":/google\.com\/maps/i.test(e)?"maps":/linkedin\.com/i.test(e)?"linkedin":"generic"}),q=k(()=>{const e=D.value,t=e.match(/data-instgrm-permalink="([^"]+)"/i);if(t)return t[1].split("?")[0];const a=e.match(/cite="(https:\/\/www\.tiktok\.com\/[^"]+)"/i);if(a)return a[1];const i=e.match(/href="(https?:\/\/(?:twitter|x)\.com\/[^"/]+\/status\/\d+)/i);return i?i[1]:null}),K=k(()=>{const e=R.value;return u("instagram"===e?"SOCIAL_EMBED.FALLBACK.INSTAGRAM":"tiktok"===e?"SOCIAL_EMBED.FALLBACK.TIKTOK":"tweet"===e?"SOCIAL_EMBED.FALLBACK.TWITTER":"SOCIAL_EMBED.FALLBACK.DEFAULT")}),V=new Set(["www.instagram.com","instagram.com","www.tiktok.com","tiktok.com","www.youtube.com","www.youtube-nocookie.com","youtube.com","youtu.be","platform.twitter.com","twitter.com","x.com","t.co","pbs.twimg.com","www.google.com","open.spotify.com","www.linkedin.com","linkedin.com"]),G=new Set(["src","cite","href"]),H=new Set(["autoplay","encrypted-media","fullscreen","picture-in-picture","clipboard-write","

1web-share","accelerometer","gyroscope"]),N=[{pattern:/instagram-media/,src:"https://www.instagram.com/embed.js",onLoad:()=>window.instgrm?.Embeds.process()},{pattern:/twitter-tweet/,src:"https://platform.twitter.com/widgets.js",onLoad:e=>window.twttr?.widgets.load(e)},{pattern:/tiktok-embed/,src:"https://www.tiktok.com/embed.js"}],$=e=>{const t=A();return t.addHook("uponSanitizeAttribute",(e,t)=>{if("allow"===t.attrName){const e=(t.attrValue??"").split(";").map(e=>e.trim().split(/\s+/)[0]?.toLowerCase()??"").filter(e=>H.has(e)).join("; ");return void(e?t.attrValue=e:t.keepAttr=!1)}G.has(t.attrName)&&t.attrValue&&(t.attrValue.startsWith("#")||(e=>{try{const t=new URL(e,window.location.origin);return("https:"===t.protocol||"http:"===t.protocol)&&V.has(t.hostname)}catch{return!1}})(t.attrValue)||(t.keepAttr=!1))}),t.sanitize(e,{ADD_TAGS:["blockquote","iframe"],ADD_ATTR:["allowfullscreen","frameborder","src","loading","referrerpolicy","allow","data-instgrm-captioned","data-instgrm-permalink","data-instgrm-version","data-video-id","data-testid","cite"],FORBID_ATTR:["style"],FORCE_BODY:!0,SANITIZE_DOM:!0})},P=k(()=>{if(!D.value)return"";try{const e=String(o.blok.title??"")||u("SOCIAL_EMBED.IFRAME_TITLE");return((e,t)=>{const a=(new DOMParser).parseFromString(e,"text/html");return a.querySelectorAll("iframe").forEach(e=>{e.hasAttribute("loading")||e.setAttribute("loading","lazy"),e.hasAttribute("title")||e.setAttribute("title",t);const a=e.getAttribute("src")??"";/linkedin\.com/i.test(a)&&(e.removeAttribute("width"),e.removeAttribute("height"),e.classList.add("m-social-embed--linkedin"))}),a.body.innerHTML})($(D.value),e)}catch(e){return""}});return v([()=>S.value,P],([e,a],i,s)=>{if(!e||!a)return;const o=new AbortController;s(()=>o.abort()),T.value=!1,C.value=!1;const l=N.find(({pattern:e})=>e.test(a));t(async()=>{try{if(l){if(await(t=l.src,a=o.signal,new Promise(e=>{if(a.aborted)return void e();const i=document.querySelector(`script[data-embed-src="${t}"]`);if("true"===i?.dataset.embedLoaded)return void e();const s=i??Object.assign(document.createElement("script"),{src:t,async:!0});i||(s.dataset.embedSrc=t,document.body.appendChild(s)),s.addEventListener("load",()=>{s.dataset.embedLoaded="true",e()},{once:!0,signal:a}),s.addEventListener("error",()=>{e()},{once:!0,signal:a}),a.addEventListener("abort",()=>e(),{once:!0})})),o.signal.aborted)return;try{l.onLoad?.(e)}catch(i){}}await((e,t)=>new Promise(a=>{if(t.aborted)return void a();const i=()=>a(),s=e.querySelector("iframe");if(s)return void("complete"===s.contentDocument?.readyState?a():(s.addEventListener("load",i,{once:!0,signal:t}),s.addEventListener("error",i,{once:!0,signal:t})));const o=new MutationObserver(()=>{const a=e.querySelector("iframe");a&&(o.disconnect(),a.addEventListener("load",i,{once:!0,signal:t}),a.addEventListener("error",i,{once:!0,signal:t}))});o.observe(e,{childList:!0,subtree:!0});const l=setTimeout(i,8e3);t.addEventListener("abort",()=>{o.disconnect(),clearTimeout(l),a()},{once:!0})}))(e,o.signal)}catch(i){}finally{o.signal.aborted||(l&&!e.querySelector("iframe")&&q.value&&(C.value=!0),T.value=!0)}var t,a})}),(e,t)=>{const o=E,c=j,k=f;return a(),p("div",B,[l(O).title?(a(),d(o,s({key:0,class:"m-social-embed__title"},l(O)),null,16)):r("",!0),w(k,null,{fallback:b(()=>[l(D)?(a(),p("div",{key:0,class:n(["m-social-embed__wrapper",`m-social-embed__wrapper--${l(I)}`])},[w(c,{variant:l(R),class:"m-social-embed__skeleton"},null,8,["variant"])],2)):r("",!0)]),default:b(()=>[l(P)?(a(),p("div",{key:0,class:n(["m-social-embed__wrapper",`m-social-embed__wrapper--${l(I)}`])},[w(y,{name:"m-social-embed__fade"},{default:b(()=>[l(T)?r("",!0):(a(),d(c,{key:0,variant:l(R),class:"m-social-embed__skeleton"},null,8,["variant"]))]),_:1}),m(_("div",{ref_key:"embedContainer",ref:S,class:n(l(M)),innerHTML:l(P)},null,10,F),[[g,l(T)&&!l(C)]]),l(T)&&l(C)&&l(q)?(a(),p("a",{key:0,href:l(q),target:"_blank",rel:"noopener noreferrer",class:"m-social-embed__fallback"},i(l(K)),9,x)):r("",!0)],2)):r("",!0)]),_:1})])}}}),q=Object.assign(R,{__name:"SocialEmbed"});export{q as default};