@epigraph/solutions 0.23.0 → 0.24.0

package/dist/epigraph-solutions.js

@@ -8351,7 +8351,7 @@ void main() {
             `:Ee`
                 ${super.render()}
                 ${this.__renderQrModal()}
-            `}};co([Ut("#modelViewer")],ia.prototype,"modelViewerElem");co([Ut("#arModal")],ia.prototype,"arModalElem");co([Ut("#qrModal")],ia.prototype,"qrModalElem");co([ue({attribute:!1})],ia.prototype,"appWcRef");co([ue({type:String,attribute:"glb-src"})],ia.prototype,"glbSrc");co([ue({type:String,attribute:"usdz-src"})],ia.prototype,"usdzSrc");co([ue({type:Boolean,attribute:"debug"})],ia.prototype,"debug");let CH=ia;class St{constructor(e,t,i=""){this.__name="app:generic:event",this.__eventsManager=e,this.__name=t,this.__detail=i}get name(){return this.__name}get detail(){return this.__detail}fire(e){const t=new CustomEvent(this.__name,{detail:e??this.__detail});this.__eventsManager.eventHubRef.dispatchEvent(t)}}class TH extends EventTarget{constructor(e){super(),this._loggerContext="EVENTS MANAGER",window.epigraph.logger.info({title:"Initializing...",contextOverride:this._loggerContext}),e?this.eventHubRef=e:this.eventHubRef=this,this.assetLoadProgress=new St(this,"assetLoadProgress",""),this.appReadyEvent=new St(this,"appReady",""),this.appFailedEvent=new St(this,"appFailed",""),this.productClassChangedEvent=new St(this,"productClassChanged",""),this.productChangedEvent=new St(this,"productChanged",""),this.variantChangedEvent=new St(this,"variantChanged",""),this.structureNodeAddedEvent=new St(this,"structureNodeAdded",""),this.structureNodeRemovedEvent=new St(this,"structureNodeRemoved",""),this.structureChangedEvent=new St(this,"structureChanged",""),this.showNodeLoadingIcon=new St(this,"nodeLoadingShow",""),this.hideNodeLoadingIcon=new St(this,"nodeLoadingHide",""),this.cameraFitEvent=new St(this,"cameraFit",""),this.hotspotsUpdatedEvent=new St(this,"hotspotsUpdated",""),this.hotspotsVisibilityChanged=new St(this,"hotspotsVisibilityChanged",""),this.hotspotClickedEvent=new St(this,"hotspotClicked",""),this.hotspotOpenEvent=new St(this,"hotspotOpen",""),this.hotspotClosedEvent=new St(this,"hotspotClosed",""),this.hotspotNextEvent=new St(this,"hotspotNext",""),this.hotspotPreviousEvent=new St(this,"hotspotPrevious",""),this.sceneBoundsChanged=new St(this,"sceneBoundsChanged",""),this.dimensionsPositionChanged=new St(this,"dimensionsPositionChanged",""),this.dimensionsValueChanged=new St(this,"dimensionsValueChanged",""),this.dimensionsVisibilityChanged=new St(this,"dimensionsVisibilityChanged",""),this.arModelReadyEvent=new St(this,"arGlbReady",""),this.cartChangedEvent=new St(this,"cartChanged",""),this.sceneRestartedEvent=new St(this,"sceneRestarted",""),this.pickerFoundPosition=new St(this,"pickerFoundPosition",""),this.frameUpdated=new St(this,"frameUpdated",""),this.cameraControlsStart=new St(this,"cameraControlsStart",""),this.inputStart=new St(this,"inputStart",""),this.inputMove=new St(this,"inputMove",""),this.inputEnd=new St(this,"inputEnd",""),this.cameraMoveToTransform=new St(this,"cameraMoveToTransform",""),this.debugChanged=new St(this,"debugChanged","")}}class IH{constructor(e,t){this.__assets=new Map,this.__appWcRef=t,this.__config=e}async initialize(){for(const e in this.__config){const t=new _C(this.__config[e],this.__appWcRef);await t.load(),this.__assets.set(e,t)}}async loadAllProxies(){for(const e of this.__assets.values())await e.loadProxyGltf()}async loadAllRenderAssets(){for(const e of this.__assets.values())await e.loadRenderGltf(!0)}getAssetByName(e){return this.__assets.get(e)}getFirstAsset(){return this.__assets.values().next().value}}class MH{constructor(e){this.__assetClass=e.assetClass,this.__asset=e.asset,this.__assetId=e.assetId,this.__finish=e.finish,this.__productOptionValue=e.productOptionValue}get assetClass(){return this.__assetClass}get asset(){return this.__asset}get assetId(){return this.__assetId}get finish(){return this.__finish}get productOptionValue(){return this.__productOptionValue}}class RH{constructor(e,t){this.__productParts=[],this.__id=e.id,this.__name=e.name,this.__productId=t,this.__sku=e.sku,this.__upc=e.upc,this.__asin=e.asin,this.__shopifyVariantId=e.shopifyVariantId,this.__uuid=e.uuid,this.parseProductParts(e.productParts)}get id(){return this.__id}get name(){return this.__name}get productId(){return this.__productId}get sku(){return this.__sku}get upc(){return this.__upc}get asin(){return this.__asin}get shopifyVariantId(){return this.__shopifyVariantId}get uuid(){return this.__uuid}get productParts(){return this.__productParts}parseProductParts(e){for(const t of e){const i=new MH(t);this.__productParts.push(i)}}}class BH{constructor(e,t){this.__productVariants=new Map,this.__productVariantNames=new Map,this.__productVariantSkus=new Map,this.__productVariantUpcs=new Map,this.__productVariantAsins=new Map,this.__productVariantShopifyVariantIds=new Map,this.__productVariantUuids=new Map,this.__productId=t;for(const i of e){const a=new RH(i,this.__productId);a&&this.addProductVariant(a)}}addProductVariant(e){this.__productVariants.set(e.id,e),this.__productVariantNames.set(e.name,e),e.sku&&this.__productVariantSkus.set(e.sku,e),e.upc&&this.__productVariantUpcs.set(e.upc,e),e.asin&&this.__productVariantAsins.set(e.asin,e),e.shopifyVariantId&&this.__productVariantShopifyVariantIds.set(e.shopifyVariantId,e),e.uuid&&this.__productVariantUuids.set(e.uuid,e)}removeProductVariant(e){e.sku&&this.__productVariantSkus.delete(e.sku),e.upc&&this.__productVariantUpcs.delete(e.upc),e.asin&&this.__productVariantAsins.delete(e.asin),e.shopifyVariantId&&this.__productVariantShopifyVariantIds.delete(e.shopifyVariantId),this.__productVariantNames.delete(e.name),this.__productVariants.delete(e.id)}getAllProductVariants(){return Array.from(this.__productVariants.values())}getAllProductVariantIds(){return Array.from(this.__productVariants.keys())}getAllProductVariantNames(){return Array.from(this.__productVariantNames.keys())}getProductVariantById(e){return this.__productVariants.get(e)}getProductVariantByName(e){return this.__productVariantNames.get(e)}getProductVariantBySku(e){return this.__productVariantSkus.get(e)}getProductVariantByUpc(e){return this.__productVariantUpcs.get(e)}getProductVariantByAsin(e){return this.__productVariantAsins.get(e)}getProductVariantByShopifyVariantId(e){return this.__productVariantShopifyVariantIds.get(e)}getProductVariantByUuid(e){return this.__productVariantUuids.get(e)}getProductVariantByIdentifierAndType(e,t){switch(t){case Ta.SKU:return this.getProductVariantBySku(e);case Ta.SHOPIFY_VARIANT_ID:return this.getProductVariantByShopifyVariantId(e);case Ta.ASIN:return this.getProductVariantByAsin(e);case Ta.UPC:return this.getProductVariantByUpc(e);case Ta.EXPERIENCE_ID:return;case Ta.PRODUCT_VARIANT_UUID:return this.getProductVariantByUuid(e);default:return}}}class FT{constructor(){this.productSettings={hotspots:{enabled:!1},dimensions:{enabled:!1},postEffect:{ao:!1},camera:{clearColor:"#ffffff",focalLength:35,canPan:!0,canZoom:!0,minDistance:2,maxDistance:8,minPolarAngle:0,maxPolarAngle:1.5,minAzimuthAngle:-1/0,maxAzimuthAngle:1/0},renderQuality:{antiAlias:!0},screenshots:{enabled:!1},shadows:{shadowType:wC.ACCUMULATIVE,accumulativeShadows:{shadowMaterial:{opacity:.8,alphaTest:.75,color:"#ff0000",blend:1},shadowParams:{frames:30,scale:10,radius:.8,ambient:.5},light:{direction:{x:3,y:5,z:3}}},contactShadows:{planeLength:3,planeWidth:3,cameraHeight:1}}}}}class PH extends FT{constructor({nexusApiResultPayload:e,appWcRef:t}){super(),this.__needsRootPlug=!1,window.epigraph.logger.info({title:"nexusApiPayload",details:e}),this._appWcRef=t,this._data=e,this.productSettings=this._data.product_data.settings;const i=this._data.product_data.assets;if(Object.values(i).length===1){const a=Object.values(i)[0];a?.proxyGeo?window.epigraph.logger.warn({title:"Single asset experience detected and a proxy was provided. Please ensure that the proxy provided has a root plug in it. Expand for the asset config used...",details:a,contextOverride:"ASSET COLLECTION"}):(a.proxyGeo="https://asset.myepigraph.com/configurator-assets/epigraph-solution-assets/staging-assets/pipeline-assets/3d-assets/proxies/null-proxy.glb",this.__needsRootPlug=!0,a.autoGenerateProxyEntity=!0)}}async __parseAssets(){return this.__assetCollection=new IH(this._data.product_data.assets,this._appWcRef),await this.__assetCollection.initialize(),this.__needsRootPlug&&this.__assetCollection.getFirstAsset()?.proxyGltf?.plugs.push(new Jr({name:"root@plug",isPrimary:!0,connectionId:"root",position:new se,rotation:new bn})),this.__assetCollection}getAssetCollection(){return this.__assetCollection}__parseProductVariants(){this.__productVariantCollection=new BH(this._data.product_data.product.productVariants,this._data.product_data.product.id)}get productVariantCollection(){return this.__productVariantCollection}async initialize(){await this.__parseAssets(),await this.__parseProductVariants()}getExperienceDataSettings(){return{}}}var Eu=function(){var o=0,e=document.createElement("div");e.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",e.addEventListener("click",function(A){A.preventDefault(),i(++o%e.children.length)},!1);function t(A){return e.appendChild(A.dom),A}function i(A){for(var _=0;_<e.children.length;_++)e.children[_].style.display=_===A?"block":"none";o=A}var a=(performance||Date).now(),l=a,u=0,d=t(new Eu.Panel("FPS","#0ff","#002")),p=t(new Eu.Panel("MS","#0f0","#020"));if(self.performance&&self.performance.memory)var m=t(new Eu.Panel("MB","#f08","#201"));return i(0),{REVISION:16,dom:e,addPanel:t,showPanel:i,begin:function(){a=(performance||Date).now()},end:function(){u++;var A=(performance||Date).now();if(p.update(A-a,200),A>=l+1e3&&(d.update(u*1e3/(A-l),100),l=A,u=0,m)){var _=performance.memory;m.update(_.usedJSHeapSize/1048576,_.jsHeapSizeLimit/1048576)}return A},update:function(){a=this.end()},domElement:e,setMode:i}};Eu.Panel=function(o,e,t){var i=1/0,a=0,l=Math.round,u=l(window.devicePixelRatio||1),d=80*u,p=48*u,m=3*u,A=2*u,_=3*u,b=15*u,w=74*u,E=30*u,C=document.createElement("canvas");C.width=d,C.height=p,C.style.cssText="width:80px;height:48px";var T=C.getContext("2d");return T.font="bold "+9*u+"px Helvetica,Arial,sans-serif",T.textBaseline="top",T.fillStyle=t,T.fillRect(0,0,d,p),T.fillStyle=e,T.fillText(o,m,A),T.fillRect(_,b,w,E),T.fillStyle=t,T.globalAlpha=.9,T.fillRect(_,b,w,E),{dom:C,update:function(x,P){i=Math.min(i,x),a=Math.max(a,x),T.fillStyle=t,T.globalAlpha=1,T.fillRect(0,0,d,b),T.fillStyle=e,T.fillText(l(x)+" "+o+" ("+l(i)+"-"+l(a)+")",m,A),T.drawImage(C,_+u,b,w-u,E,_,b,w-u,E),T.fillRect(_+w-u,b,u,E),T.fillStyle=t,T.globalAlpha=.9,T.fillRect(_+w-u,b,u,l((1-x/P)*E))}}};class as extends Yf{constructor(){super(),this._loggerContext="DEBUG MANAGER",this.stats=new Eu}static{this.webComponentName="debug-manager"}static setupWebComponent(){window.customElements.get(as.webComponentName)||window.customElements.define(as.webComponentName,as)}static{this.styles=ct`
+            `}};co([Ut("#modelViewer")],ia.prototype,"modelViewerElem");co([Ut("#arModal")],ia.prototype,"arModalElem");co([Ut("#qrModal")],ia.prototype,"qrModalElem");co([ue({attribute:!1})],ia.prototype,"appWcRef");co([ue({type:String,attribute:"glb-src"})],ia.prototype,"glbSrc");co([ue({type:String,attribute:"usdz-src"})],ia.prototype,"usdzSrc");co([ue({type:Boolean,attribute:"debug"})],ia.prototype,"debug");let CH=ia;class St{constructor(e,t,i=""){this.__name="app:generic:event",this.__eventsManager=e,this.__name=t,this.__detail=i}get name(){return this.__name}get detail(){return this.__detail}fire(e){const t=new CustomEvent(this.__name,{detail:e??this.__detail});this.__eventsManager.eventHubRef.dispatchEvent(t)}}class TH extends EventTarget{constructor(e){super(),this._loggerContext="EVENTS MANAGER",window.epigraph.logger.info({title:"Initializing...",contextOverride:this._loggerContext}),e?this.eventHubRef=e:this.eventHubRef=this,this.assetLoadProgress=new St(this,"assetLoadProgress",""),this.appReadyEvent=new St(this,"appReady",""),this.appFailedEvent=new St(this,"appFailed",""),this.productClassChangedEvent=new St(this,"productClassChanged",""),this.productChangedEvent=new St(this,"productChanged",""),this.variantChangedEvent=new St(this,"variantChanged",""),this.structureNodeAddedEvent=new St(this,"structureNodeAdded",""),this.structureNodeRemovedEvent=new St(this,"structureNodeRemoved",""),this.structureChangedEvent=new St(this,"structureChanged",""),this.showNodeLoadingIcon=new St(this,"nodeLoadingShow",""),this.hideNodeLoadingIcon=new St(this,"nodeLoadingHide",""),this.cameraFitEvent=new St(this,"cameraFit",""),this.hotspotsUpdatedEvent=new St(this,"hotspotsUpdated",""),this.hotspotsVisibilityChanged=new St(this,"hotspotsVisibilityChanged",""),this.hotspotClickedEvent=new St(this,"hotspotClicked",""),this.hotspotOpenEvent=new St(this,"hotspotOpen",""),this.hotspotClosedEvent=new St(this,"hotspotClosed",""),this.hotspotNextEvent=new St(this,"hotspotNext",""),this.hotspotPreviousEvent=new St(this,"hotspotPrevious",""),this.sceneBoundsChanged=new St(this,"sceneBoundsChanged",""),this.dimensionsPositionChanged=new St(this,"dimensionsPositionChanged",""),this.dimensionsValueChanged=new St(this,"dimensionsValueChanged",""),this.dimensionsVisibilityChanged=new St(this,"dimensionsVisibilityChanged",""),this.arModelReadyEvent=new St(this,"arGlbReady",""),this.cartChangedEvent=new St(this,"cartChanged",""),this.sceneRestartedEvent=new St(this,"sceneRestarted",""),this.pickerFoundPosition=new St(this,"pickerFoundPosition",""),this.frameUpdated=new St(this,"frameUpdated",""),this.cameraControlsStart=new St(this,"cameraControlsStart",""),this.inputStart=new St(this,"inputStart",""),this.inputMove=new St(this,"inputMove",""),this.inputEnd=new St(this,"inputEnd",""),this.cameraMoveToTransform=new St(this,"cameraMoveToTransform",""),this.debugChanged=new St(this,"debugChanged","")}}class IH{constructor(e,t){this.__assets=new Map,this.__appWcRef=t,this.__config=e}async initialize(){for(const e in this.__config){const t=new _C(this.__config[e],this.__appWcRef);await t.load(),this.__assets.set(e,t)}}async loadAllProxies(){for(const e of this.__assets.values())await e.loadProxyGltf()}async loadAllRenderAssets(){for(const e of this.__assets.values())await e.loadRenderGltf(!0)}getAssetByName(e){return this.__assets.get(e)}getFirstAsset(){return this.__assets.values().next().value}}class MH{constructor(e){this.__assetClass=e.assetClass,this.__asset=e.asset,this.__assetId=e.assetId,this.__finish=e.finish,this.__productOptionValue=e.productOptionValue}get assetClass(){return this.__assetClass}get asset(){return this.__asset}get assetId(){return this.__assetId}get finish(){return this.__finish}get productOptionValue(){return this.__productOptionValue}}class RH{constructor(e,t){this.__productParts=[],this.__id=e.id,this.__name=e.name,this.__productId=t,this.__sku=e.sku,this.__upc=e.upc,this.__asin=e.asin,this.__shopifyVariantId=e.shopifyVariantId,this.__uuid=e.uuid,this.parseProductParts(e.productParts)}get id(){return this.__id}get name(){return this.__name}get productId(){return this.__productId}get sku(){return this.__sku}get upc(){return this.__upc}get asin(){return this.__asin}get shopifyVariantId(){return this.__shopifyVariantId}get uuid(){return this.__uuid}get productParts(){return this.__productParts}parseProductParts(e){for(const t of e){const i=new MH(t);this.__productParts.push(i)}}}class BH{constructor(e,t){this.__productVariants=new Map,this.__productVariantNames=new Map,this.__productVariantSkus=new Map,this.__productVariantUpcs=new Map,this.__productVariantAsins=new Map,this.__productVariantShopifyVariantIds=new Map,this.__productVariantUuids=new Map,this.__productId=t;for(const i of e){const a=new RH(i,this.__productId);a&&this.addProductVariant(a)}}addProductVariant(e){this.__productVariants.set(e.id,e),this.__productVariantNames.set(e.name,e),e.sku&&this.__productVariantSkus.set(e.sku,e),e.upc&&this.__productVariantUpcs.set(e.upc,e),e.asin&&this.__productVariantAsins.set(e.asin,e),e.shopifyVariantId&&this.__productVariantShopifyVariantIds.set(e.shopifyVariantId,e),e.uuid&&this.__productVariantUuids.set(e.uuid,e)}removeProductVariant(e){e.sku&&this.__productVariantSkus.delete(e.sku),e.upc&&this.__productVariantUpcs.delete(e.upc),e.asin&&this.__productVariantAsins.delete(e.asin),e.shopifyVariantId&&this.__productVariantShopifyVariantIds.delete(e.shopifyVariantId),this.__productVariantNames.delete(e.name),this.__productVariants.delete(e.id)}getAllProductVariants(){return Array.from(this.__productVariants.values())}getAllProductVariantIds(){return Array.from(this.__productVariants.keys())}getAllProductVariantNames(){return Array.from(this.__productVariantNames.keys())}getProductVariantById(e){return this.__productVariants.get(e)}getProductVariantByName(e){return this.__productVariantNames.get(e)}getProductVariantBySku(e){return this.__productVariantSkus.get(e)}getProductVariantByUpc(e){return this.__productVariantUpcs.get(e)}getProductVariantByAsin(e){return this.__productVariantAsins.get(e)}getProductVariantByShopifyVariantId(e){return this.__productVariantShopifyVariantIds.get(e)}getProductVariantByUuid(e){return this.__productVariantUuids.get(e)}getProductVariantByIdentifierAndType(e,t){switch(t){case Ta.SKU:return this.getProductVariantBySku(e);case Ta.SHOPIFY_VARIANT_ID:return this.getProductVariantByShopifyVariantId(e);case Ta.ASIN:return this.getProductVariantByAsin(e);case Ta.UPC:return this.getProductVariantByUpc(e);case Ta.EXPERIENCE_ID:return;case Ta.PRODUCT_VARIANT_UUID:return this.getProductVariantByUuid(e);default:return}}}class FT{constructor(){this.productSettings={hotspots:{enabled:!1},dimensions:{enabled:!1},postEffect:{ao:!1},camera:{clearColor:"#ffffff",focalLength:35,canPan:!0,canZoom:!0,minDistance:2,maxDistance:8,minPolarAngle:0,maxPolarAngle:1.5,minAzimuthAngle:-1/0,maxAzimuthAngle:1/0},renderQuality:{antiAlias:!0},screenshots:{enabled:!1},shadows:{shadowType:wC.ACCUMULATIVE,accumulativeShadows:{shadowMaterial:{opacity:.8,alphaTest:.75,color:"#000000",blend:1},shadowParams:{frames:30,scale:10,radius:.8,ambient:.5},light:{direction:{x:3,y:5,z:3}}},contactShadows:{planeLength:3,planeWidth:3,cameraHeight:1}}}}}class PH extends FT{constructor({nexusApiResultPayload:e,appWcRef:t}){super(),this.__needsRootPlug=!1,window.epigraph.logger.info({title:"nexusApiPayload",details:e}),this._appWcRef=t,this._data=e,this._data.product_data.settings&&(this.productSettings=this._data.product_data.settings);const i=this._data.product_data.assets;if(Object.values(i).length===1){const a=Object.values(i)[0];a?.proxyGeo?window.epigraph.logger.warn({title:"Single asset experience detected and a proxy was provided. Please ensure that the proxy provided has a root plug in it. Expand for the asset config used...",details:a,contextOverride:"ASSET COLLECTION"}):(a.proxyGeo="https://asset.myepigraph.com/configurator-assets/epigraph-solution-assets/staging-assets/pipeline-assets/3d-assets/proxies/null-proxy.glb",this.__needsRootPlug=!0,a.autoGenerateProxyEntity=!0)}}async __parseAssets(){return this.__assetCollection=new IH(this._data.product_data.assets,this._appWcRef),await this.__assetCollection.initialize(),this.__needsRootPlug&&this.__assetCollection.getFirstAsset()?.proxyGltf?.plugs.push(new Jr({name:"root@plug",isPrimary:!0,connectionId:"root",position:new se,rotation:new bn})),this.__assetCollection}getAssetCollection(){return this.__assetCollection}__parseProductVariants(){this.__productVariantCollection=new BH(this._data.product_data.product.productVariants,this._data.product_data.product.id)}get productVariantCollection(){return this.__productVariantCollection}async initialize(){await this.__parseAssets(),await this.__parseProductVariants()}getExperienceDataSettings(){return{}}}var Eu=function(){var o=0,e=document.createElement("div");e.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",e.addEventListener("click",function(A){A.preventDefault(),i(++o%e.children.length)},!1);function t(A){return e.appendChild(A.dom),A}function i(A){for(var _=0;_<e.children.length;_++)e.children[_].style.display=_===A?"block":"none";o=A}var a=(performance||Date).now(),l=a,u=0,d=t(new Eu.Panel("FPS","#0ff","#002")),p=t(new Eu.Panel("MS","#0f0","#020"));if(self.performance&&self.performance.memory)var m=t(new Eu.Panel("MB","#f08","#201"));return i(0),{REVISION:16,dom:e,addPanel:t,showPanel:i,begin:function(){a=(performance||Date).now()},end:function(){u++;var A=(performance||Date).now();if(p.update(A-a,200),A>=l+1e3&&(d.update(u*1e3/(A-l),100),l=A,u=0,m)){var _=performance.memory;m.update(_.usedJSHeapSize/1048576,_.jsHeapSizeLimit/1048576)}return A},update:function(){a=this.end()},domElement:e,setMode:i}};Eu.Panel=function(o,e,t){var i=1/0,a=0,l=Math.round,u=l(window.devicePixelRatio||1),d=80*u,p=48*u,m=3*u,A=2*u,_=3*u,b=15*u,w=74*u,E=30*u,C=document.createElement("canvas");C.width=d,C.height=p,C.style.cssText="width:80px;height:48px";var T=C.getContext("2d");return T.font="bold "+9*u+"px Helvetica,Arial,sans-serif",T.textBaseline="top",T.fillStyle=t,T.fillRect(0,0,d,p),T.fillStyle=e,T.fillText(o,m,A),T.fillRect(_,b,w,E),T.fillStyle=t,T.globalAlpha=.9,T.fillRect(_,b,w,E),{dom:C,update:function(x,P){i=Math.min(i,x),a=Math.max(a,x),T.fillStyle=t,T.globalAlpha=1,T.fillRect(0,0,d,b),T.fillStyle=e,T.fillText(l(x)+" "+o+" ("+l(i)+"-"+l(a)+")",m,A),T.drawImage(C,_+u,b,w-u,E,_,b,w-u,E),T.fillRect(_+w-u,b,u,E),T.fillStyle=t,T.globalAlpha=.9,T.fillRect(_+w-u,b,u,l((1-x/P)*E))}}};class as extends Yf{constructor(){super(),this._loggerContext="DEBUG MANAGER",this.stats=new Eu}static{this.webComponentName="debug-manager"}static setupWebComponent(){window.customElements.get(as.webComponentName)||window.customElements.define(as.webComponentName,as)}static{this.styles=ct`
         .debug-label {
             position: absolute;
             top: 0%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epigraph/solutions",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "type": "module",
   "main": "./dist/epigraph-solutions.js",
   "files": [
@@ -12,6 +12,7 @@
     "build:ui-components": "cross-env NODE_ENV=production && tsc && vite build --config ui-components-vite.config.ts",
     "build:epigraph-solutions": "cross-env NODE_ENV=production && tsc && vite build",
     "build:epigraph-previewer": "cross-env NODE_ENV=production && tsc && vite build --config epigraph-previewer-vite.config.ts",
+    "build:demo-pages": "cross-env NODE_ENV=production && tsc && vite build --config demo-pages-vite.config.ts",
     "build": "npm run build:ui-components && npm run build:epigraph-solutions && npm run build:epigraph-previewer",
     "chromatic": "cross-env NODE_ENV=production && npx chromatic --project-token=chpt_cb7e103f37516af",
     "preview": "vite preview",