@splinetool/viewer 0.0.29 → 0.0.30

package/build/spline-viewer.cjs

@@ -5279,7 +5279,7 @@ outputColor=vec4(color,inputColor.a);}`,Wc={DEFAULT:0,ESKIL:1},WG=class extends
 			/>
 		</svg>
 	</a>
-</div>`,Ti=class extends An{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this.eventsTarget=void 0;this.preloader=!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._isElementInViewport&&this.load(),this.dispatchEvent(new CustomEvent("context-loss",{detail:{}}))};this._handleContextRestored=()=>{};this.onLoaded=()=>{this._loaded=!0,this.eventsTarget!==void 0&&this._spline.eventManager.updateUseWindowEvents(this.eventsTarget==="global"),this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&(this._logo.style.display="flex"),this.preloader&&(this._preloader.style.display="none"),setTimeout(()=>{this._canvas.style.visibility="visible"}),this.dispatchEvent(new CustomEvent("load-complete",{detail:{url:this.url}})),(this.hint??this._spline.data.scene.publish.settings.web.hint)&&(this._canvas.addEventListener("pointerdown",this.onInteract),this._canvas.addEventListener("pointerup",this.onInteract),this._hintDrag.style.display="block")};this.onInteract=()=>{this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none"};this.attachShadow({mode:"open"});let i=this.shadowRoot;Ou(xV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._hintDrag=i.querySelector("#hint-drag"),this._preloader=i.querySelector("#preloader"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new pv(this._canvas),Lu?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(),this.dispatchEvent(new CustomEvent("viewport-intersection",{detail:{intersection:this._isElementInViewport}})))},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose(),this.dispatchEvent(new CustomEvent("unload",{detail:{}})))}recreateCanvas(){let i=this._canvas;i.removeEventListener("pointerdown",this.onInteract),i.removeEventListener("pointerup",this.onInteract),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 pv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this.preloader&&(this._preloader.style.display="flex"),this._canvas.style.visibility="hidden",this.dispatchEvent(new CustomEvent("load-start",{detail:{url:this.url}})),this._wasContextLost&&this.recreateCanvas(),this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none",this._loadedUrl=this.url,this._spline.load(this.url).then(this.onLoaded))}updated(i){if(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"),i.has("eventsTarget")&&this.eventsTarget!==void 0){let r=this.eventsTarget==="global";this._spline?.eventManager?.updateUseWindowEvents(r),this._spline?.controls?.updateUseWindowEvents(r)}}connectedCallback(){super.connectedCallback(),Lu&&this._intersectionObserver.observe(this)}disconnectedCallback(){Lu&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};Ti.styles=mv`
+</div>`,Ti=class extends An{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this.eventsTarget=void 0;this.preloader=!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._isElementInViewport&&this.load(),this.dispatchEvent(new CustomEvent("context-loss",{detail:{}}))};this._handleContextRestored=()=>{};this.onLoaded=()=>{this._loaded=!0,this.eventsTarget!==void 0&&this._spline.eventManager.updateUseWindowEvents(this.eventsTarget==="global"),this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&(this._logo.style.display="flex"),this.preloader&&(this._preloader.style.display="none"),setTimeout(()=>{this._canvas.style.visibility="visible"}),this.dispatchEvent(new CustomEvent("load-complete",{detail:{url:this.url}})),(this.hint??this._spline.data.scene.publish.settings.web.hint)&&(this._canvas.addEventListener("pointerdown",this.onInteract),this._canvas.addEventListener("pointerup",this.onInteract),this._hintDrag.style.display="block")};this.onInteract=()=>{this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none"};this.attachShadow({mode:"open"});let i=this.shadowRoot;Ou(xV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._hintDrag=i.querySelector("#hint-drag"),this._preloader=i.querySelector("#preloader"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new pv(this._canvas),Lu?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(),this.dispatchEvent(new CustomEvent("viewport-intersection",{detail:{intersection:this._isElementInViewport}})))},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose(),this.dispatchEvent(new CustomEvent("unload",{detail:{}})))}recreateCanvas(){let i=this._canvas;i.removeEventListener("pointerdown",this.onInteract),i.removeEventListener("pointerup",this.onInteract),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 pv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this.preloader&&(this._preloader.style.display="flex"),this._canvas.style.visibility="hidden",this.dispatchEvent(new CustomEvent("load-start",{detail:{url:this.url}})),this._wasContextLost&&this.recreateCanvas(),this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none",this._loadedUrl=this.url,this._spline.load(this.url).then(this.onLoaded))}updated(i){if(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"),i.has("background")&&this.background!==void 0&&this._spline?.setBackgroundColor(this.background),i.has("eventsTarget")&&this.eventsTarget!==void 0){let r=this.eventsTarget==="global";this._spline?.eventManager?.updateUseWindowEvents(r),this._spline?.controls?.updateUseWindowEvents(r)}}connectedCallback(){super.connectedCallback(),Lu&&this._intersectionObserver.observe(this)}disconnectedCallback(){Lu&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};Ti.styles=mv`
 		:host {
 			display: block;
 		}

package/build/spline-viewer.js

@@ -5279,7 +5279,7 @@ outputColor=vec4(color,inputColor.a);}`,Gc={DEFAULT:0,ESKIL:1},zG=class extends
 			/>
 		</svg>
 	</a>
-</div>`,zi=class extends An{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this.eventsTarget=void 0;this.preloader=!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._isElementInViewport&&this.load(),this.dispatchEvent(new CustomEvent("context-loss",{detail:{}}))};this._handleContextRestored=()=>{};this.onLoaded=()=>{this._loaded=!0,this.eventsTarget!==void 0&&this._spline.eventManager.updateUseWindowEvents(this.eventsTarget==="global"),this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&(this._logo.style.display="flex"),this.preloader&&(this._preloader.style.display="none"),setTimeout(()=>{this._canvas.style.visibility="visible"}),this.dispatchEvent(new CustomEvent("load-complete",{detail:{url:this.url}})),(this.hint??this._spline.data.scene.publish.settings.web.hint)&&(this._canvas.addEventListener("pointerdown",this.onInteract),this._canvas.addEventListener("pointerup",this.onInteract),this._hintDrag.style.display="block")};this.onInteract=()=>{this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none"};this.attachShadow({mode:"open"});let i=this.shadowRoot;Pu(dV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._hintDrag=i.querySelector("#hint-drag"),this._preloader=i.querySelector("#preloader"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new dv(this._canvas),Du?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(),this.dispatchEvent(new CustomEvent("viewport-intersection",{detail:{intersection:this._isElementInViewport}})))},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose(),this.dispatchEvent(new CustomEvent("unload",{detail:{}})))}recreateCanvas(){let i=this._canvas;i.removeEventListener("pointerdown",this.onInteract),i.removeEventListener("pointerup",this.onInteract),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 dv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this.preloader&&(this._preloader.style.display="flex"),this._canvas.style.visibility="hidden",this.dispatchEvent(new CustomEvent("load-start",{detail:{url:this.url}})),this._wasContextLost&&this.recreateCanvas(),this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none",this._loadedUrl=this.url,this._spline.load(this.url).then(this.onLoaded))}updated(i){if(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"),i.has("eventsTarget")&&this.eventsTarget!==void 0){let r=this.eventsTarget==="global";this._spline?.eventManager?.updateUseWindowEvents(r),this._spline?.controls?.updateUseWindowEvents(r)}}connectedCallback(){super.connectedCallback(),Du&&this._intersectionObserver.observe(this)}disconnectedCallback(){Du&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};zi.styles=pv`
+</div>`,zi=class extends An{constructor(){super();this.url=null;this.width=void 0;this.height=void 0;this.background=void 0;this.loading="auto";this.unloadable=!1;this.eventsTarget=void 0;this.preloader=!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._isElementInViewport&&this.load(),this.dispatchEvent(new CustomEvent("context-loss",{detail:{}}))};this._handleContextRestored=()=>{};this.onLoaded=()=>{this._loaded=!0,this.eventsTarget!==void 0&&this._spline.eventManager.updateUseWindowEvents(this.eventsTarget==="global"),this.background!==void 0&&this._spline?.setBackgroundColor(this.background),this._spline?.data.scene.publish.settings.web.logo!==!1&&(this._logo.style.display="flex"),this.preloader&&(this._preloader.style.display="none"),setTimeout(()=>{this._canvas.style.visibility="visible"}),this.dispatchEvent(new CustomEvent("load-complete",{detail:{url:this.url}})),(this.hint??this._spline.data.scene.publish.settings.web.hint)&&(this._canvas.addEventListener("pointerdown",this.onInteract),this._canvas.addEventListener("pointerup",this.onInteract),this._hintDrag.style.display="block")};this.onInteract=()=>{this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none"};this.attachShadow({mode:"open"});let i=this.shadowRoot;Pu(dV,i),this._container=i.querySelector("#container"),this._canvas=i.querySelector("#spline"),this._logo=i.querySelector("#logo"),this._hintDrag=i.querySelector("#hint-drag"),this._preloader=i.querySelector("#preloader"),this._canvas.addEventListener("webglcontextlost",this._handleContextLost),this._canvas.addEventListener("webglcontextrestored",this._handleContextRestored),this._spline=new dv(this._canvas),Du?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(),this.dispatchEvent(new CustomEvent("viewport-intersection",{detail:{intersection:this._isElementInViewport}})))},{root:null,rootMargin:"0px",threshold:1e-5}):this._isElementInViewport=!0}unload(){!this._loaded||(this._loaded=!1,this._loadedUrl=null,this._spline.dispose(),this.dispatchEvent(new CustomEvent("unload",{detail:{}})))}recreateCanvas(){let i=this._canvas;i.removeEventListener("pointerdown",this.onInteract),i.removeEventListener("pointerup",this.onInteract),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 dv(this._canvas)}load(){this._loaded&&!this._wasContextLost||!this._isElementInViewport&&this.loading!=="eager"||!this.url||this.url===this._loadedUrl||(this.preloader&&(this._preloader.style.display="flex"),this._canvas.style.visibility="hidden",this.dispatchEvent(new CustomEvent("load-start",{detail:{url:this.url}})),this._wasContextLost&&this.recreateCanvas(),this._canvas.removeEventListener("pointerdown",this.onInteract),this._canvas.removeEventListener("pointerup",this.onInteract),this._hintDrag.style.display="none",this._loadedUrl=this.url,this._spline.load(this.url).then(this.onLoaded))}updated(i){if(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"),i.has("background")&&this.background!==void 0&&this._spline?.setBackgroundColor(this.background),i.has("eventsTarget")&&this.eventsTarget!==void 0){let r=this.eventsTarget==="global";this._spline?.eventManager?.updateUseWindowEvents(r),this._spline?.controls?.updateUseWindowEvents(r)}}connectedCallback(){super.connectedCallback(),Du&&this._intersectionObserver.observe(this)}disconnectedCallback(){Du&&this._intersectionObserver.unobserve(this),super.disconnectedCallback()}};zi.styles=pv`
 		:host {
 			display: block;
 		}

package/package.json

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