@sitecore-feaas/clientside 0.5.16-alpha.1 → 0.5.18

package/headless.cjs

@@ -66,7 +66,7 @@ var et=Object.create;var K=Object.defineProperty;var tt=Object.getOwnPropertyDes
         style="animation: 1.5s linear 0s infinite normal none running loader-circular-track"
       ></circle>
     </svg>
-  </div>`,this.getRoot().appendChild(this.stylesheet),this.getRoot().appendChild(this.loader)}update(){this.loader.style.opacity=String(this.props.opacity)}};q.observedAttributes=["hidden","opacity"];q.register("feaas-loader");function Ge(t){var e,r,n,i;let s=t.getAttribute("src");if(s)var{cdn:o,library:a,revision:l}=M(s);return{library:t==null?void 0:t.getContextAttribute("library"),revision:(r=(e=t==null?void 0:t.getAttribute("revision"))!==null&&e!==void 0?e:l)!==null&&r!==void 0?r:"published",cdn:(i=(n=t==null?void 0:t.getContextAttribute("cdn"))!==null&&n!==void 0?n:t==null?void 0:t.getContextAttribute("hostname"))!==null&&i!==void 0?i:E}}var se=class extends x{constructor(){super(...arguments),this.onLoad=e=>{this.payload=e,this.advance()}}getProps(){return Ge(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return ie(this.props,this.onLoad)}};se.register("feaas-stylesheet");var oe={};j(oe,{convertBase64toBlob:()=>Ke,generate:()=>Qe,get:()=>At,getVersionForThumbnail:()=>Ye,load:()=>Xe,responseToImage:()=>ve,upload:()=>Ze});var Ke=t=>fetch(t).then(e=>e.blob()),ve=t=>t.blob().then(e=>new Promise((r,n)=>{let i=new Image;i.onerror=n,i.onload=()=>{r(i)},i.src=URL.createObjectURL(e)}));async function Ye(t){return t.versions.length||await t.versions.fetch(),t.getVersionForWidth(800)}async function At(t,e,r){try{if(!t.isNew)return await Xe(t,e,r)}catch(i){t.sdk.log(`FEAAS: Thumbnail ${t.id}, version: ${(e==null?void 0:e.id)||"responsive"}, status: generating ${status}, reason: ${i}`)}let n=await Qe(t,e);return r==null||r(n,!1),n&&!t.isNew&&Ke(n.src).then(i=>Ze(t,e,i)),n}async function Xe(t,e,r){let n=e?e.getThumbnailURL():t.getThumbnailURL(),i=t.library.stylesheet,s=new Date(Math.max(Number(t.modifiedAt),Number(i.modifiedAt)));t.sdk.log(`FEAAS: Thumbnail ${t.id}/${(e==null?void 0:e.id)||"responsive"}, loading`);var o;return await H(n,{},(a,l)=>{let c=Math.abs(Number(new Date(a.headers.get("x-ms-meta-componentRenderedAt")))-Number(s))<2e3;return l&&!c&&ve(a).then(d=>{o=d,r(d,l)}),c},(a,l,c)=>{t.sdk.log(`FEAAS: Thumbnail ${t.id}/${(e==null?void 0:e.id)||"responsive"}, status: ${l}`),ve(a).then(d=>{o=d,r(d,c)})},null),o}async function Qe(t,e,r){let n=e||(t.isNew?null:await Ye(t));if(!n||n.isViewEmpty())return null;let i=r||t.library.stylesheets.first,{datasources:s}=t.sdk;return await wt(n.classList,i.getBreakpointForWidth(800,n.getBreakpoints()),n.view,s.reduce((a,l)=>Object.assign(a,{[l.id]:l.sample}),{}),i.css,t.sdk)}function wt(t,e,r,n,i,s){let o=document.createElement("iframe");return o.style.position="absolute",o.style.top="-2000px",o.style.left="-2000px",o.style.width=e.props.minWidth+"px",o.style.height="720px",o.style.zIndex="100011",document.body.appendChild(o),new Promise((a,l)=>{let c=document.createElement("script");c.onerror=l,c.src=s.frontend+"/assets/html2canvas.js",c.onload=()=>{var u;(((u=o.contentWindow.document.fonts)===null||u===void 0?void 0:u.ready)||Promise.resolve()).then(function(){return o.contentWindow.html2canvas(h,{scale:Math.max(1.1,1e3/Math.min(1401,Math.max(320,e.props.minWidth))),width:Math.min(1401,Math.max(320,e.props.minWidth)),height:Math.max(1,Math.min(2e3,h.offsetHeight)),windowWidth:e.props.minWidth+"px",windowHeight:1e3,proxy:s.backend+"/proxy/media",backgroundColor:"#ffffff"}).then(f=>{let g=f.toDataURL("image/jpeg",.6);o.parentElement.removeChild(o);let y=new Image;y.onload=()=>{a(y)},y.onerror=l,y.src=g})})},o.contentWindow.document.head.appendChild(c);let d=o.contentWindow.document.createElement("style");d.textContent=`
+  </div>`,this.getRoot().appendChild(this.stylesheet),this.getRoot().appendChild(this.loader)}update(){this.loader.style.opacity=String(this.props.opacity)}};q.observedAttributes=["hidden","opacity"];q.register("feaas-loader");function Ge(t){var e,r,n,i;let s=t.getAttribute("src");if(s)var{cdn:o,library:a,revision:l}=M(s);return{library:t==null?void 0:t.getContextAttribute("library"),revision:(r=(e=t==null?void 0:t.getAttribute("revision"))!==null&&e!==void 0?e:l)!==null&&r!==void 0?r:"published",cdn:(i=(n=t==null?void 0:t.getContextAttribute("cdn"))!==null&&n!==void 0?n:t==null?void 0:t.getContextAttribute("hostname"))!==null&&i!==void 0?i:E}}var se=class extends x{constructor(){super(...arguments),this.onLoad=e=>{this.payload=e,this.advance()}}getProps(){return Ge(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return ie(this.props,this.onLoad)}};se.register("feaas-stylesheet");var oe={};j(oe,{convertBase64toBlob:()=>Ke,generate:()=>Qe,get:()=>At,getVersionForThumbnail:()=>Ye,load:()=>Xe,responseToImage:()=>ve,upload:()=>Ze});var Ke=t=>fetch(t).then(e=>e.blob()),ve=t=>t.blob().then(e=>new Promise((r,n)=>{let i=new Image;i.onerror=n,i.onload=()=>{r(i)},i.src=URL.createObjectURL(e)}));async function Ye(t){return t.versions.length||await t.versions.fetch(),t.getVersionForWidth(800)}async function At(t,e,r){try{if(!t.isNew)return await Xe(t,e,r)}catch(i){t.sdk.log(`FEAAS: Thumbnail ${t.id}, version: ${(e==null?void 0:e.id)||"responsive"}, status: generating ${status}, reason: ${i}`)}let n=await Qe(t,e);return r==null||r(n,!1),n&&!t.isNew&&Ke(n.src).then(i=>Ze(t,e,i)),n}async function Xe(t,e,r){let n=e?e.getThumbnailURL():t.getThumbnailURL(),i=t.library.stylesheet,s=new Date(Math.max(Number(t.modifiedAt),Number(i.modifiedAt)));t.sdk.log(`FEAAS: Thumbnail ${t.id}/${(e==null?void 0:e.id)||"responsive"}, loading`);var o;return await H(n,{},(a,l)=>{let c=Math.abs(Number(new Date(a.headers.get("x-ms-meta-componentRenderedAt")))-Number(s))<2e3;return l&&!c&&ve(a).then(d=>{o=d,r(d,l)}),c},(a,l,c)=>{t.sdk.log(`FEAAS: Thumbnail ${t.id}/${(e==null?void 0:e.id)||"responsive"}, status: ${l}`),ve(a).then(d=>{o=d,r(d,c)})},null),o}async function Qe(t,e,r){let n=e||(t.isNew?null:await Ye(t));if(!n||n.isViewEmpty())return null;let i=r||t.library.stylesheets.first,{datasources:s}=t.sdk;return await wt(n.classList,i.getBreakpointForWidth(800,n.getBreakpoints()),n.view,s.reduce((a,l)=>Object.assign(a,{[l.id]:l.sample}),{}),i.css,t.sdk)}function wt(t,e,r,n,i,s){let o=document.createElement("iframe");return o.style.position="absolute",o.style.top="-2000px",o.style.left="-2000px",o.style.width=e.props.minWidth+"px",o.style.height="720px",o.style.zIndex="100011",document.body.appendChild(o),new Promise((a,l)=>{let c=document.createElement("script");c.onerror=l,c.src=s.frontend+"/assets/html2canvas.js",c.onload=()=>{var u;(((u=o.contentWindow.document.fonts)===null||u===void 0?void 0:u.ready)||Promise.resolve()).then(function(){return o.contentWindow.html2canvas(h,{scale:Math.max(1.1,1e3/Math.min(1401,Math.max(320,e.props.minWidth))),width:Math.min(1401,Math.max(320,e.props.minWidth)),height:Math.max(1,Math.min(2e3,h.offsetHeight)),windowWidth:e.props.minWidth||e.props.maxWidth+"px",windowHeight:1e3,proxy:s.backend+"/proxy/media",backgroundColor:"#ffffff"}).then(f=>{let g=f.toDataURL("image/jpeg",.6);o.parentElement.removeChild(o);let y=new Image;y.onload=()=>{a(y)},y.onerror=l,y.src=g})})},o.contentWindow.document.head.appendChild(c);let d=o.contentWindow.document.createElement("style");d.textContent=`
       ${i}
       body, html { padding: 0; margin: 0; overflow: hidden }
     `;let p=o.contentWindow.document.createElement("style");p.textContent=`