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

package/dist/browser/headless.esm.js

@@ -68,7 +68,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         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)}};re.observedAttributes=["hidden","opacity"];re.register("feaas-loader");function kt(e){var t,r,n,i;let o=e.getAttribute("src");if(o)var{cdn:a,library:s,revision:l}=W(o);return{library:e==null?void 0:e.getContextAttribute("library"),revision:(r=(t=e==null?void 0:e.getAttribute("revision"))!==null&&t!==void 0?t:l)!==null&&r!==void 0?r:"published",cdn:(i=(n=e==null?void 0:e.getContextAttribute("cdn"))!==null&&n!==void 0?n:e==null?void 0:e.getContextAttribute("hostname"))!==null&&i!==void 0?i:D}}var we=class extends E{constructor(){super(...arguments),this.onLoad=t=>{this.payload=t,this.advance()}}getProps(){return kt(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return ge(this.props,this.onLoad)}};we.register("feaas-stylesheet");var Se={};V(Se,{convertBase64toBlob:()=>He,generate:()=>Ve,get:()=>Lt,getVersionForThumbnail:()=>Je,load:()=>ze,responseToImage:()=>Ae,upload:()=>qe});var He=e=>fetch(e).then(t=>t.blob()),Ae=e=>e.blob().then(t=>new Promise((r,n)=>{let i=new Image;i.onerror=n,i.onload=()=>{r(i)},i.src=URL.createObjectURL(t)}));async function Je(e){return e.versions.length||await e.versions.fetch(),e.getVersionForWidth(800)}async function Lt(e,t,r){try{if(!e.isNew)return await ze(e,t,r)}catch(i){e.sdk.log(`FEAAS: Thumbnail ${e.id}, version: ${(t==null?void 0:t.id)||"responsive"}, status: generating ${status}, reason: ${i}`)}let n=await Ve(e,t);return r==null||r(n,!1),n&&!e.isNew&&He(n.src).then(i=>qe(e,t,i)),n}async function ze(e,t,r){let n=t?t.getThumbnailURL():e.getThumbnailURL(),i=e.library.stylesheet,o=new Date(Math.max(Number(e.modifiedAt),Number(i.modifiedAt)));e.sdk.log(`FEAAS: Thumbnail ${e.id}/${(t==null?void 0:t.id)||"responsive"}, loading`);var a;return await X(n,{},(s,l)=>{let c=Math.abs(Number(new Date(s.headers.get("x-ms-meta-componentRenderedAt")))-Number(o))<2e3;return l&&!c&&Ae(s).then(u=>{a=u,r(u,l)}),c},(s,l,c)=>{e.sdk.log(`FEAAS: Thumbnail ${e.id}/${(t==null?void 0:t.id)||"responsive"}, status: ${l}`),Ae(s).then(u=>{a=u,r(u,c)})},null),a}async function Ve(e,t,r){let n=t||(e.isNew?null:await Je(e));if(!n||n.isViewEmpty())return null;let i=r||e.library.stylesheets.first,{datasources:o}=e.sdk;return await jt(n.classList,i.getBreakpointForWidth(800,n.getBreakpoints()),n.view,o.reduce((s,l)=>Object.assign(s,{[l.id]:l.sample}),{}),i.css,e.sdk)}function jt(e,t,r,n,i,o){let a=document.createElement("iframe");return a.style.position="absolute",a.style.top="-2000px",a.style.left="-2000px",a.style.width=t.props.minWidth+"px",a.style.height="720px",a.style.zIndex="100011",document.body.appendChild(a),new Promise((s,l)=>{let c=document.createElement("script");c.onerror=l,c.src=o.frontend+"/assets/html2canvas.js",c.onload=()=>{var f;(((f=a.contentWindow.document.fonts)===null||f===void 0?void 0:f.ready)||Promise.resolve()).then(function(){return a.contentWindow.html2canvas(d,{scale:Math.max(1.1,1e3/Math.min(1401,Math.max(320,t.props.minWidth))),width:Math.min(1401,Math.max(320,t.props.minWidth)),height:Math.max(1,Math.min(2e3,d.offsetHeight)),windowWidth:t.props.minWidth+"px",windowHeight:1e3,proxy:o.backend+"/proxy/media",backgroundColor:"#ffffff"}).then(g=>{let m=g.toDataURL("image/jpeg",.6);a.parentElement.removeChild(a);let y=new Image;y.onload=()=>{s(y)},y.onerror=l,y.src=m})})},a.contentWindow.document.head.appendChild(c);let u=a.contentWindow.document.createElement("style");u.textContent=`
+  </div>`,this.getRoot().appendChild(this.stylesheet),this.getRoot().appendChild(this.loader)}update(){this.loader.style.opacity=String(this.props.opacity)}};re.observedAttributes=["hidden","opacity"];re.register("feaas-loader");function kt(e){var t,r,n,i;let o=e.getAttribute("src");if(o)var{cdn:a,library:s,revision:l}=W(o);return{library:e==null?void 0:e.getContextAttribute("library"),revision:(r=(t=e==null?void 0:e.getAttribute("revision"))!==null&&t!==void 0?t:l)!==null&&r!==void 0?r:"published",cdn:(i=(n=e==null?void 0:e.getContextAttribute("cdn"))!==null&&n!==void 0?n:e==null?void 0:e.getContextAttribute("hostname"))!==null&&i!==void 0?i:D}}var we=class extends E{constructor(){super(...arguments),this.onLoad=t=>{this.payload=t,this.advance()}}getProps(){return kt(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return ge(this.props,this.onLoad)}};we.register("feaas-stylesheet");var Se={};V(Se,{convertBase64toBlob:()=>He,generate:()=>Ve,get:()=>Lt,getVersionForThumbnail:()=>Je,load:()=>ze,responseToImage:()=>Ae,upload:()=>qe});var He=e=>fetch(e).then(t=>t.blob()),Ae=e=>e.blob().then(t=>new Promise((r,n)=>{let i=new Image;i.onerror=n,i.onload=()=>{r(i)},i.src=URL.createObjectURL(t)}));async function Je(e){return e.versions.length||await e.versions.fetch(),e.getVersionForWidth(800)}async function Lt(e,t,r){try{if(!e.isNew)return await ze(e,t,r)}catch(i){e.sdk.log(`FEAAS: Thumbnail ${e.id}, version: ${(t==null?void 0:t.id)||"responsive"}, status: generating ${status}, reason: ${i}`)}let n=await Ve(e,t);return r==null||r(n,!1),n&&!e.isNew&&He(n.src).then(i=>qe(e,t,i)),n}async function ze(e,t,r){let n=t?t.getThumbnailURL():e.getThumbnailURL(),i=e.library.stylesheet,o=new Date(Math.max(Number(e.modifiedAt),Number(i.modifiedAt)));e.sdk.log(`FEAAS: Thumbnail ${e.id}/${(t==null?void 0:t.id)||"responsive"}, loading`);var a;return await X(n,{},(s,l)=>{let c=Math.abs(Number(new Date(s.headers.get("x-ms-meta-componentRenderedAt")))-Number(o))<2e3;return l&&!c&&Ae(s).then(u=>{a=u,r(u,l)}),c},(s,l,c)=>{e.sdk.log(`FEAAS: Thumbnail ${e.id}/${(t==null?void 0:t.id)||"responsive"}, status: ${l}`),Ae(s).then(u=>{a=u,r(u,c)})},null),a}async function Ve(e,t,r){let n=t||(e.isNew?null:await Je(e));if(!n||n.isViewEmpty())return null;let i=r||e.library.stylesheets.first,{datasources:o}=e.sdk;return await jt(n.classList,i.getBreakpointForWidth(800,n.getBreakpoints()),n.view,o.reduce((s,l)=>Object.assign(s,{[l.id]:l.sample}),{}),i.css,e.sdk)}function jt(e,t,r,n,i,o){let a=document.createElement("iframe");return a.style.position="absolute",a.style.top="-2000px",a.style.left="-2000px",a.style.width=t.props.minWidth+"px",a.style.height="720px",a.style.zIndex="100011",document.body.appendChild(a),new Promise((s,l)=>{let c=document.createElement("script");c.onerror=l,c.src=o.frontend+"/assets/html2canvas.js",c.onload=()=>{var f;(((f=a.contentWindow.document.fonts)===null||f===void 0?void 0:f.ready)||Promise.resolve()).then(function(){return a.contentWindow.html2canvas(d,{scale:Math.max(1.1,1e3/Math.min(1401,Math.max(320,t.props.minWidth))),width:Math.min(1401,Math.max(320,t.props.minWidth)),height:Math.max(1,Math.min(2e3,d.offsetHeight)),windowWidth:t.props.minWidth||t.props.maxWidth+"px",windowHeight:1e3,proxy:o.backend+"/proxy/media",backgroundColor:"#ffffff"}).then(g=>{let m=g.toDataURL("image/jpeg",.6);a.parentElement.removeChild(a);let y=new Image;y.onload=()=>{s(y)},y.onerror=l,y.src=m})})},a.contentWindow.document.head.appendChild(c);let u=a.contentWindow.document.createElement("style");u.textContent=`
       ${i}
       body, html { padding: 0; margin: 0; overflow: hidden }
     `;let h=a.contentWindow.document.createElement("style");h.textContent=`