@splinetool/viewer 0.0.11 → 0.0.12

package/build/spline-viewer.cjs

@@ -5220,7 +5220,7 @@ outputColor=vec4(color,inputColor.a);}`,Gc={DEFAULT:0,ESKIL:1},XG=class extends
 			/>
 		</svg>
 	</a>
-</div>`,mr=class extends Sn{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this._intersectionObserver=null;this._isElementInViewport=!1;this._loaded=!1;this._loadedUrl=null;this._wasContextLost=!1;this._handleContextLost=()=>{this._wasContextLost=!0,this._spline.dispose()};this._handleContextRestored=()=>{};this._handleResize=()=>{this._spline?.eventManager?.resize()};this.attachShadow({mode:"open"});let i=this.shadowRoot;Pd(bV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new uv(this._canvas),Dd?this._intersectionObserver=new IntersectionObserver(r=>{for(let s of r)s.target===this&&(this._isElementInViewport=s.isIntersecting,this._isElementInViewport&&(!this._loaded||this._wasContextLost)?this.load():this.unloadable&&!this._isElementInViewport&&this._loaded&&this.unload())},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose())}recreateCanvas(){let i=this._canvas;i.removeEventListener("webglcontextlost",this._handleContextLost),i.removeEventListener("webglcontextrestored",this._handleContextRestored);let r=document.createElement("canvas");this._container.insertBefore(r,this._canvas),this._container.removeChild(this._canvas),r.setAttribute("id","spline"),this._canvas=r,this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new uv(this._canvas)}load(){this._loaded||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this._wasContextLost&&this.recreateCanvas(),this._loadedUrl=this.url,this._spline.load(this.url).then(()=>{this._loaded=!0,this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&this._logo&&(this._logo.style.display="flex")}))}updated(i){super.updated(i),i.has("url")&&(this.url==null&&this._loaded?this.unload():this.url!==this._loadedUrl&&this.load()),i.has("width")&&this.width!==void 0&&(this._container.style.width=this.width+"px"),i.has("height")&&this.height!==void 0&&(this._container.style.height=this.height+"px")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),Dd&&this._intersectionObserver.observe(this)}disconnectedCallback(){window.removeEventListener("resize",this._handleResize),Dd&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};mr.styles=pv`
+</div>`,mr=class extends Sn{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this._intersectionObserver=null;this._isElementInViewport=!1;this._loaded=!1;this._loadedUrl=null;this._wasContextLost=!1;this._handleContextLost=()=>{this._wasContextLost=!0,this._loadedUrl=null,this._spline.dispose()};this._handleContextRestored=()=>{};this._handleResize=()=>{this._spline?.eventManager?.resize()};this.attachShadow({mode:"open"});let i=this.shadowRoot;Pd(bV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new uv(this._canvas),Dd?this._intersectionObserver=new IntersectionObserver(r=>{for(let s of r)s.target===this&&(this._isElementInViewport=s.isIntersecting,this._isElementInViewport&&(!this._loaded||this._wasContextLost)?this.load():this.unloadable&&!this._isElementInViewport&&this._loaded&&this.unload())},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose())}recreateCanvas(){let i=this._canvas;i.removeEventListener("webglcontextlost",this._handleContextLost),i.removeEventListener("webglcontextrestored",this._handleContextRestored);let r=document.createElement("canvas");this._container.insertBefore(r,this._canvas),this._container.removeChild(this._canvas),r.setAttribute("id","spline"),this._canvas=r,this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new uv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this._wasContextLost&&this.recreateCanvas(),this._loadedUrl=this.url,this._spline.load(this.url).then(()=>{this._loaded=!0,this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&this._logo&&(this._logo.style.display="flex")}))}updated(i){super.updated(i),i.has("url")&&(this.url==null&&this._loaded?this.unload():this.url!==this._loadedUrl&&this.load()),i.has("width")&&this.width!==void 0&&(this._container.style.width=this.width+"px"),i.has("height")&&this.height!==void 0&&(this._container.style.height=this.height+"px")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),Dd&&this._intersectionObserver.observe(this)}disconnectedCallback(){window.removeEventListener("resize",this._handleResize),Dd&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};mr.styles=pv`
 		:host {
 			display: block;
 		}

package/build/spline-viewer.js

@@ -5220,7 +5220,7 @@ outputColor=vec4(color,inputColor.a);}`,jc={DEFAULT:0,ESKIL:1},FG=class extends
 			/>
 		</svg>
 	</a>
-</div>`,Or=class extends Sn{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this._intersectionObserver=null;this._isElementInViewport=!1;this._loaded=!1;this._loadedUrl=null;this._wasContextLost=!1;this._handleContextLost=()=>{this._wasContextLost=!0,this._spline.dispose()};this._handleContextRestored=()=>{};this._handleResize=()=>{this._spline?.eventManager?.resize()};this.attachShadow({mode:"open"});let i=this.shadowRoot;Cd(dV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new hv(this._canvas),Td?this._intersectionObserver=new IntersectionObserver(r=>{for(let s of r)s.target===this&&(this._isElementInViewport=s.isIntersecting,this._isElementInViewport&&(!this._loaded||this._wasContextLost)?this.load():this.unloadable&&!this._isElementInViewport&&this._loaded&&this.unload())},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose())}recreateCanvas(){let i=this._canvas;i.removeEventListener("webglcontextlost",this._handleContextLost),i.removeEventListener("webglcontextrestored",this._handleContextRestored);let r=document.createElement("canvas");this._container.insertBefore(r,this._canvas),this._container.removeChild(this._canvas),r.setAttribute("id","spline"),this._canvas=r,this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new hv(this._canvas)}load(){this._loaded||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this._wasContextLost&&this.recreateCanvas(),this._loadedUrl=this.url,this._spline.load(this.url).then(()=>{this._loaded=!0,this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&this._logo&&(this._logo.style.display="flex")}))}updated(i){super.updated(i),i.has("url")&&(this.url==null&&this._loaded?this.unload():this.url!==this._loadedUrl&&this.load()),i.has("width")&&this.width!==void 0&&(this._container.style.width=this.width+"px"),i.has("height")&&this.height!==void 0&&(this._container.style.height=this.height+"px")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),Td&&this._intersectionObserver.observe(this)}disconnectedCallback(){window.removeEventListener("resize",this._handleResize),Td&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};Or.styles=uv`
+</div>`,Or=class extends Sn{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this._intersectionObserver=null;this._isElementInViewport=!1;this._loaded=!1;this._loadedUrl=null;this._wasContextLost=!1;this._handleContextLost=()=>{this._wasContextLost=!0,this._loadedUrl=null,this._spline.dispose()};this._handleContextRestored=()=>{};this._handleResize=()=>{this._spline?.eventManager?.resize()};this.attachShadow({mode:"open"});let i=this.shadowRoot;Cd(dV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new hv(this._canvas),Td?this._intersectionObserver=new IntersectionObserver(r=>{for(let s of r)s.target===this&&(this._isElementInViewport=s.isIntersecting,this._isElementInViewport&&(!this._loaded||this._wasContextLost)?this.load():this.unloadable&&!this._isElementInViewport&&this._loaded&&this.unload())},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose())}recreateCanvas(){let i=this._canvas;i.removeEventListener("webglcontextlost",this._handleContextLost),i.removeEventListener("webglcontextrestored",this._handleContextRestored);let r=document.createElement("canvas");this._container.insertBefore(r,this._canvas),this._container.removeChild(this._canvas),r.setAttribute("id","spline"),this._canvas=r,this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new hv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this._wasContextLost&&this.recreateCanvas(),this._loadedUrl=this.url,this._spline.load(this.url).then(()=>{this._loaded=!0,this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&this._logo&&(this._logo.style.display="flex")}))}updated(i){super.updated(i),i.has("url")&&(this.url==null&&this._loaded?this.unload():this.url!==this._loadedUrl&&this.load()),i.has("width")&&this.width!==void 0&&(this._container.style.width=this.width+"px"),i.has("height")&&this.height!==void 0&&(this._container.style.height=this.height+"px")}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),Td&&this._intersectionObserver.observe(this)}disconnectedCallback(){window.removeEventListener("resize",this._handleResize),Td&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};Or.styles=uv`
 		:host {
 			display: block;
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splinetool/viewer",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Spline viewer",
   "type": "module",
   "main": "./build/spline-viewer.js",