@epigraph/configurator 1.10.1 → 1.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +3 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8994,7 +8994,7 @@ outputColor=vec4(toneMapping(inputColor.rgb),inputColor.a);
|
|
|
8994
8994
|
Dependency:
|
|
8995
8995
|
`;for(const lA of yy)Al+=`- ${lA}
|
|
8996
8996
|
`}for(const lA of yy)Al+=`- ${lA}
|
|
8997
|
-
`;zs(Al)},[cs]),Ty=reactExports.useCallback(()=>{bt.isMobile!==!0&&mo!==!0&&(go(!0),!sceneStore$1.getState().CORE_API.sceneSettings.draggableUI&&(ho===!0?(zs(null),o(b)):_d()))},[ho,mo,cs]),gy=reactExports.useCallback(()=>{bt.isMobile!==!0&&(go(!1),!sceneStore$1.getState().CORE_API.sceneSettings.draggableUI&&(window.mouseDragging||ho===!0&&a&&a()))},[ho,mo]),wy=reactExports.useCallback(_f=>{_f.defaultPrevented===!0&&_f.preventDefault(),_f.stopPropagation(),document.body.style.touchAction="none",sceneStore$1.getState().CORE_API.sceneSettings.draggableUI!==!1&&ho!==!1&&(window.pointerDownPos=_f.clientX,window.mouseDragging=!1,window.mouseDownImgSrc=bt.getResolvedAssetUrl(as),window.mouseDownSkuID=b,window.moveThreshold=10)},[ho,as]),El=reactExports.useCallback(_f=>{const yy=Ur.lookDetails[Pn];yy.productCategory={id:Ur.categoryID,label:Ur.categoryLabel},bt.isMobile===!0?(sn(yy),yn(!0)):(_f.stopPropagation(),ho&&a&&a(),sn(yy),yn(!0))},[ho,Pn,Ur]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:_e?"imageContainer active":"imageContainer",draggable:!1,children:[jsxRuntimeExports.jsxs("div",{className:"contentContainer",children:[jsxRuntimeExports.jsx("div",{id:"itemCard"+b,className:"contentOverlay ".concat(`${ho===!0&&mo===!0?"enabled-item-overlay":"disabled-item-overlay"}`),ref:rn,onClick:Zl,onTouchStart:wy,onMouseEnter:Ty,onMouseLeave:gy,onMouseDown:wy,children:jsxRuntimeExports.jsx("img",{draggable:!1,className:"addIcon",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"})}),jsxRuntimeExports.jsx("img",{className:"product-image product-image-default-state ".concat(`${ho===!1?"product-image-disabled":""}`),draggable:!1,alt:zr,src:bt.getResolvedAssetUrl(as)}),jsxRuntimeExports.jsx("div",{className:"spawning-requirements-container",hidden:!(ho===!1&&mo===!0&&cs),children:jsxRuntimeExports.jsx("p",{className:"spawning-requirements-text",children:cs})})]}),jsxRuntimeExports.jsxs("div",{className:bt.isMobile?"showAlways itemDetails":"itemDetails",onClick:El,children:[jsxRuntimeExports.jsx("div",{className:"item-details-icon"}),jsxRuntimeExports.jsx("p",{className:"truncate",children:zr})]})]})})},InfoModal=({visible:o})=>{const s=productDataStore$1(ar=>ar.categoryData),a=colorStore(ar=>ar.allActiveVariants),b=infoStore(ar=>ar.infoObject),_e=infoStore(ar=>ar.infoModalOpen),bt=infoStore(ar=>ar.updateInfoModalOpen),[rn,sn]=reactExports.useState(""),[yn,Pn]=reactExports.useState([]),zn=sceneStore$1(ar=>ar.CORE_API);return reactExports.useEffect(()=>{Object.keys(s).length!=0&&Pn(s.build)},[s]),reactExports.useEffect(()=>(sn(a[Object.keys(a)[0]]),()=>{}),[a]),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:_e?"infoModal open":"infoModal",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{bt(!1)},children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})}),jsxRuntimeExports.jsxs("a",{href:b.productPageUrl,className:"categoryLink",target:"_blank",style:b?.productPageUrl?{pointerEvents:"all"}:{pointerEvents:"none"},children:[jsxRuntimeExports.jsx("h2",{className:"categoryTitle",children:b?.productCategory?.label}),b.productPageUrl&&jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/OpenTab.svg"})]}),jsxRuntimeExports.jsx("div",{className:"infoModalImageContainer",children:b?.thumbnails?.high?jsxRuntimeExports.jsx("img",{className:"itemImage",src:zn.getResolvedAssetUrl(b.thumbnails.high)}):""}),jsxRuntimeExports.jsxs("div",{className:"infoModalTextContainer",children:[jsxRuntimeExports.jsx("h2",{className:"itemTitle",children:b.title}),jsxRuntimeExports.jsx("pre",{className:"itemDescription",children:b.description}),b.boundingBoxSize?jsxRuntimeExports.jsxs("p",{className:"infoModalDimensions",children:[b.boundingBoxSize.x.toFixed(1),"” W x"," ",b.boundingBoxSize.y.toFixed(1),"” D x"," ",b.boundingBoxSize.z.toFixed(1),"” H"]}):""]}),jsxRuntimeExports.jsx("div",{className:"infoModalActions",children:jsxRuntimeExports.jsx("button",{className:"item-price",disabled:!0,children:b.price&&`$${numberWithCommas(parseFloat(b.price).toFixed(2))}`})})]})})},PreconfigCard=({onClick:o,configId:s,name:a,thumbnailURL:b})=>{const _e=sceneStore$1(yn=>yn.CORE_API),[bt,rn]=reactExports.useState(!1),sn=reactExports.useCallback(yn=>{yn.stopPropagation(),o(s)},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:"imageContainer",draggable:!1,children:[jsxRuntimeExports.jsxs("div",{className:b?"contentContainer preconfig":"contentContainer preconfig contentDisabled",children:[jsxRuntimeExports.jsx("div",{id:"itemCard"+s,className:"contentOverlay ".concat(`${bt===!0?"enabled-item-overlay":"disabled-item-overlay"}`),onClick:yn=>sn(yn),onMouseEnter:()=>rn(!0),onMouseLeave:()=>rn(!1),children:jsxRuntimeExports.jsx("img",{draggable:!1,className:"addIcon",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"})}),jsxRuntimeExports.jsx("img",{className:"product-image product-image-default-state",draggable:!1,alt:a,src:b})]}),jsxRuntimeExports.jsx("div",{className:_e.isMobile?"showAlways itemDetails":"itemDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate",children:a})})]})})};function BuildTabItemRow({element:o,index:s,elementsLength:a,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,infoModalOpen:rn,setItemAllowed:sn,activeItems:yn}){return jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:o.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"item-grid",children:o.skus.map(Pn=>jsxRuntimeExports.jsx(ItemCard,{skuId:Pn,categoryID:o.categoryID,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,modalOpen:rn,categoryDataIndex:s,setItemAllowed:sn,active:yn.includes(Pn)},"itemCardB"+Pn))})}),s!==a-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function BuildTabItemRow_PreConfig({index:o,elementsLength:s,configsData:a,onClick:b,label:_e}){const bt=sceneStore$1(rn=>rn.CORE_API);return jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:_e}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"item-grid",children:a.map(rn=>jsxRuntimeExports.jsx(PreconfigCard,{onClick:b,configId:rn.epgsharedconfigid,name:rn.name,thumbnailURL:bt.getResolvedAssetUrl(rn.thumbnails.low)},"itemCardB"+rn.epgsharedconfigid))})}),o!==s-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function SecondMobileTabsHandler({index:o,label:s,activeTab:a,tabsRef:b,mobileGrid:_e}){const bt=reactExports.useCallback(rn=>{if(_e.current.scrollLeft===rn)return;let sn,yn,Pn,zn=!1;function ar(lr){sn===void 0&&(sn=lr);const cr=lr-sn;if(yn!==lr){const Dr=cr/200;_e.current.scrollLeft>rn?(Pn=(_e.current.scrollLeft-rn)*Math.min(Dr,1),_e.current.scrollLeft-=Pn,_e.current.scrollLeft===rn&&(zn=!0)):_e.current.scrollLeft<rn&&(Pn=(rn-_e.current.scrollLeft)*Math.min(Dr,1),_e.current.scrollLeft+=Pn,_e.current.scrollLeft===rn&&(zn=!0))}cr<200&&(yn=lr,!zn&&window.requestAnimationFrame(ar))}window.requestAnimationFrame(ar)},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("a",{className:a===o?"mobileTab scrolled":"mobileTab",onClick:()=>bt(b.current[o].offsetLeft-15),children:s})})}function MobileGrid({element:o,index:s,elementsLength:a,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,infoModalOpen:rn,setItemAllowed:sn,activeItems:yn,tabsRef:Pn}){return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("section",{id:`section-${o.categoryID}`,className:"mobileGridSection",ref:zn=>Pn.current[s]=zn,children:o.skus.map(zn=>jsxRuntimeExports.jsx(ItemCard,{skuId:zn,categoryID:o.categoryID,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,modalOpen:rn,setItemAllowed:sn,active:yn.includes(zn)},"itemCardB"+zn))},"mobileGridSection"+s),s!==a-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function MobileGrid_PreConfig({index:o,elementsLength:s,tabsRef:a,configsData:b,onClick:_e}){const bt=sceneStore$1(rn=>rn.CORE_API);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("section",{id:"section-preconfig",className:"mobileGridSection",ref:rn=>a.current[o]=rn,children:[b.map(rn=>jsxRuntimeExports.jsx(PreconfigCard,{onClick:_e,configId:rn.epgsharedconfigid,name:rn.name,thumbnailURL:bt.getResolvedAssetUrl(rn.thumbnails.low)},"itemCardB"+rn.epgsharedconfigid)),[...Array(5)].map((rn,sn)=>sn<5-b.length?jsxRuntimeExports.jsx(PreconfigCard,{onClick:()=>{}},"emptyCard"+sn):null)]},"mobileGridSection"+o),o!==s-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}const BuildUI=({visible:o})=>{const s=productDataStore$1(mo=>mo.categoryData),[a,b]=reactExports.useState([]),[_e,bt]=reactExports.useState(void 0),rn=infoStore(mo=>mo.infoModalOpen),[sn,yn]=reactExports.useState(0),[Pn,zn]=reactExports.useState(!1),[ar,lr]=reactExports.useState([]),cr=infoStore(mo=>mo.populateInfoObject),Dr=infoStore(mo=>mo.updateInfoModalOpen),es=sceneStore$1(mo=>mo.CORE_API),Ur=itemStore(mo=>mo.itemsSpawned),hr=itemStore(mo=>mo.defaultSceneItemCount),zr=reactExports.useRef(null),rs=reactExports.useCallback(mo=>{let go=[];for(const[yl,Zl]of Object.entries(mo))go.push(Zl);lr(go)},[]);addCoreEventListener(es.EVENTS.UI.ContextMenu_InfoBtnClicked,mo=>{const go=mo.itemData.lookDetails[mo.currentVariant];let yl=go;yl.price=go.price,yl.id=mo.currentVariant,yl.productCategory={id:mo.itemData.categoryID,label:mo.itemData.categoryLabel},cr(yl),Dr(!0)}),addCoreEventListener(es.EVENTS.UI.ContextMenu_Hide,mo=>{LOGGER$1.info({title:"Context Menu Closed"})}),addCoreEventListener(es.EVENTS.SCENE.ReplaceableCategory_Updated,rs),reactExports.useEffect(()=>{const mo=es.getCurrentItemsInReplaceableCategory();return rs(mo),()=>{}},[es]),reactExports.useEffect(()=>{Object.keys(s).length!==0&&(b(s.build),s.preconfiguration!==void 0&&s.preconfiguration.configsData!=null&&bt(s.preconfiguration))},[s]);const as=reactExports.useCallback((mo,go)=>{sceneStore$1.getState().CORE_API.spawnItemBySkuID(mo,go)},[]),os=reactExports.useCallback(mo=>{_e.openConfirmationPopup===!1||Object.keys(Ur).length<=hr?sceneStore$1.getState().CORE_API.loadSceneFromConfigurationID(mo,!1):(sceneStore$1.setState({loadConfigId:mo}),sceneStore$1.getState().setLoadConfigModalOpen(!0))},[_e,hr,Ur]),cs=reactExports.useCallback(mo=>{sceneStore$1.getState().CORE_API.spawnGhostsForSkuID(mo,!1,1)},[]),zs=reactExports.useCallback(mo=>{rn||sceneStore$1.getState().CORE_API.removeAllGhosts(mo)},[rn]),ho=reactExports.useRef([]);reactExports.useEffect(()=>{if(!a)return;let mo=a.length;_e!==void 0&&(mo+=1),ho.current=ho.current.slice(0,mo)},[a,_e]);const ga=reactExports.useCallback(()=>{let mo=-3e3,go=-1,yl=a.length;_e!==void 0&&(yl+=1);for(let Zl=0;Zl<yl;Zl++){let _d=ho.current[Zl].getBoundingClientRect().left;_d<28&&mo<_d&&(mo=_d,go=Zl)}go!==-1&&yn(go)},[ho,a,_e]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("div",{className:"mobileTabContent",hidden:!o,children:jsxRuntimeExports.jsxs("div",{className:"scrollSpyTabs",children:[jsxRuntimeExports.jsxs("div",{className:"secondMobileTabs",children:[Object.keys(a).map((mo,go)=>jsxRuntimeExports.jsx(SecondMobileTabsHandler,{index:go,label:a[mo].label,activeTab:sn,tabsRef:ho,mobileGrid:zr},"mobileTabs"+mo)),_e!==void 0&&jsxRuntimeExports.jsx(SecondMobileTabsHandler,{index:a.length,label:_e.label,activeTab:sn,tabsRef:ho,mobileGrid:zr},"preconfiguration_mobileTabs")]}),jsxRuntimeExports.jsxs("div",{className:"mobileGrid",ref:zr,onScroll:ga,children:[a.map((mo,go)=>jsxRuntimeExports.jsx(MobileGrid,{element:mo,index:go,spawnGhosts:cs,spawnItem:as,removeAllGhosts:zs,infoModalOpen:rn,setItemAllowed:zn,activeItems:ar,tabsRef:ho,elementsLength:_e!==void 0?a.length+1:a.length},"mobileGrid"+go)),_e!==void 0&&jsxRuntimeExports.jsx(MobileGrid_PreConfig,{onClick:os,configsData:_e.configsData,tabsRef:ho,index:a.length,elementsLength:a.length+1},"preconfiguration_mobileGrid")]})]})}),jsxRuntimeExports.jsxs("div",{className:"container desktop",hidden:!o,children:[a.map((mo,go)=>jsxRuntimeExports.jsx(BuildTabItemRow,{element:mo,index:go,spawnGhosts:cs,spawnItem:as,removeAllGhosts:zs,infoModalOpen:rn,setItemAllowed:zn,activeItems:ar,elementsLength:a.length},`category_${mo.categoryID}_${go}`)),_e!==void 0&&jsxRuntimeExports.jsx(BuildTabItemRow_PreConfig,{onClick:os,configsData:_e.configsData,label:_e.label,index:a.length,elementsLength:a.length+1},"preconfiguration_desktopCategory")]})]})},handleGlobalVariantSwitch=(o,s)=>{sceneStore$1.getState().CORE_API.switchGlobalVariant(o,s)};function Divider$1(o,s){return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:o!==s.length-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""})}const Color=({visible:o})=>{const s=productDataStore$1(rn=>rn.categoryData),a=colorStore(rn=>rn.allActiveVariants),b=sceneStore$1(rn=>rn.materialOverrideExists),_e=sceneStore$1(rn=>rn.CORE_API),bt=reactExports.useCallback(()=>{sceneStore$1.getState().CORE_API.removeAllVariantOverrides()},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:"container desktop",style:{height:"auto"},hidden:!o,children:[b&&jsxRuntimeExports.jsx("button",{className:"removeAllColorOverridesButton",onClick:bt,disabled:!b,children:"Remove all overrides"}),s.color.map((rn,sn)=>jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:rn.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:rn.looks.map((yn,Pn)=>jsxRuntimeExports.jsxs("div",{onClick:()=>handleGlobalVariantSwitch(rn.id,yn),className:a[rn.id]==yn?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:_e.getResolvedAssetUrl(productDataStore$1.getState().lookData[yn]?.thumbnail)})]})}),jsxRuntimeExports.jsxs("div",{className:"colorDetails",children:[jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(productDataStore$1.getState().lookData[yn]?.label)}),jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(productDataStore$1.getState().lookData[yn]?.accent)})]})]},"Color-"+Pn))})}),jsxRuntimeExports.jsx(Divider$1,{})]},`${rn.label}-${sn}`))]})})},hotspotStore=create$3((o,s)=>({activeHotspotData:null,activeFeatureID:"",actions:{enterHotspotInFeaturesTab(b){sceneStore$1.getState().sideMenuState!==2&&sceneStore$1.setState({sideMenuState:2}),o({activeFeatureID:b})},exitHotspot(){o({activeFeatureID:null})}}}));function scrollToTop(o,s){if(o.current.scrollTop===s)return;let a,b,_e,bt=!1;function rn(sn){a===void 0&&(a=sn);const yn=sn-a;if(b!==sn){const Pn=yn/200;o.current.scrollTop>s?(_e=(o.current.scrollTop-s)*Math.min(Pn,1),o.current.scrollTop-=_e,o.current.scrollTop===s&&(bt=!0)):o.current.scrollTop<s&&(_e=(s-o.current.scrollTop)*Math.min(Pn,1),o.current.scrollTop+=_e,o.current.scrollTop===s&&(bt=!0))}yn<200&&(b=sn,!bt&&window.requestAnimationFrame(rn))}window.requestAnimationFrame(rn)}function CarouselItem({carouselTabKey:o,hotspotContentRef:s}){const a=reactExports.useRef(null),b=sceneStore$1(bt=>bt.CORE_API),_e=bt=>{bt.target.style.width="100%"};return jsxRuntimeExports.jsx(SplideSlide,{children:jsxRuntimeExports.jsxs("div",{className:"carouselTabParent",ref:a,children:[o.type==="img"&&jsxRuntimeExports.jsx("img",{src:b.getResolvedAssetUrl(o.link),alt:o.alt?o.alt:o.type,onLoad:bt=>_e(bt)}),o.type==="video"&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("p",{className:"carouselVideoPlaceholderText",children:o.alt?o.alt:o.type}),jsxRuntimeExports.jsx("video",{src:b.getResolvedAssetUrl(o.link),muted:!0,loop:!0,autoPlay:!0,playsInline:!0,controls:!1,onLoad:bt=>_e(bt)})]})]})},"SplideSlide-"+o.link)}function Tab({tabs:o,tabKey:s,index:a,activeFeatureID:b}){const[_e,bt]=reactExports.useState([]),rn=reactExports.useRef(null),sn=reactExports.useRef(null);sceneStore$1(lr=>lr.CORE_API);const yn=reactExports.useRef(null),Pn=reactExports.useCallback(lr=>{sceneStore$1.getState().CORE_API.clickHotspot("hotspot3D_"+lr,{ignoreUI:!0})},[]);reactExports.useEffect(()=>{let lr=[],cr=s.hotspotData;for(let Dr=0;Dr<cr.carousel.length;Dr++)cr.carousel[Dr].type!==""&&cr.carousel[Dr].link!==""&&(lr=[...lr,{...cr.carousel[Dr],index:Dr}]);bt(lr)},[s]),reactExports.useEffect(()=>{const{current:lr}=sn;lr&&(b===lr.id?zn(lr):ar(lr))},[b]);const zn=reactExports.useCallback(lr=>{lr.checked=!0,lr.nextElementSibling.nextElementSibling.setAttribute("style","max-height: 800px;");let es=lr.nextElementSibling.clientHeight*a;scrollToTop(o,es)},[]),ar=reactExports.useCallback(lr=>{lr.nextElementSibling.nextElementSibling.setAttribute("style","max-height: 0px;"),lr.checked=!1},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:s.hotspotData&&jsxRuntimeExports.jsxs("div",{className:"accordionTab",children:[jsxRuntimeExports.jsx("input",{type:"checkbox",name:"accordion",id:"rd_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID,defaultChecked:!1,ref:sn,onClick:lr=>{Pn(s.itemData.skuID+"_"+s.hotspotData.hotspotID,{ignoreUI:!1})}}),jsxRuntimeExports.jsxs("label",{className:"tab-label",htmlFor:"rd_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID,children:[jsxRuntimeExports.jsx("span",{children:s.hotspotData.title}),jsxRuntimeExports.jsx("img",{className:"accordion-closed",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"}),jsxRuntimeExports.jsx("img",{className:"accordion-open",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Minus.svg"})]}),jsxRuntimeExports.jsx("div",{className:"tab-content",children:jsxRuntimeExports.jsxs("div",{className:"hotspot-content",ref:yn,children:[jsxRuntimeExports.jsx(ReactQuill$1,{className:"ignore",modules:{toolbar:!1},theme:"bubble",readOnly:!0,value:s.hotspotData.description}),_e.length==1&&_e[0].type!=""&&_e[0].link!=""&&jsxRuntimeExports.jsx(CarouselItem,{carouselTabKey:_e[0],index:0,hotspotContentRef:yn},"carouselTabs_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID+"_0"),_e.length>1&&jsxRuntimeExports.jsx("div",{className:"carousel",children:jsxRuntimeExports.jsx(Splide2,{options:{perPage:1,preloadPages:3},ref:rn,children:_e.map((lr,cr)=>lr.type!=""&&lr.link!=""&&jsxRuntimeExports.jsx(CarouselItem,{carouselTabKey:lr,index:cr,hotspotContentRef:yn},"carouselTabs_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID+"_"+lr.index))})})]})})]})})}const ProductFeaturesUI=({visible:o})=>{const s=sceneStore$1(_e=>_e.tabSpawnCount),a=reactExports.useRef(null),b=hotspotStore(_e=>_e.activeFeatureID);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"col desktop productFeatureUIDic",hidden:!o,ref:a,children:jsxRuntimeExports.jsxs("div",{className:"tabs",children:[s.length==0&&jsxRuntimeExports.jsx("div",{className:"tabEmptyText",children:"*Please add an item to the scene to see the features"}),s.map((_e,bt)=>jsxRuntimeExports.jsx(Tab,{tabs:a,activeFeatureID:b,tabKey:_e,index:bt},"tabs_"+_e.itemData.skuID+"_"+_e.hotspotData.hotspotID))]})})})},arrayWithoutElementAtIndex=function(o,s){return o.filter(function(a,b){return s!==b})},updateQuantityAtIndex=function(o,s,a){let b=o.slice();return b[s].quantity=a,b},cartStore=create$3((o,s)=>({cart:[],cartTotalPrice:0,deleteCartItem:a=>{o(b=>({cart:arrayWithoutElementAtIndex(b.cart,a)}))},addToCart:a=>{o(b=>({cart:[...b.cart,a]}))},updateQuantity:(a,b)=>{o(_e=>({cart:updateQuantityAtIndex(_e.cart,a,b)}))},previewCartModalOpen:!1,togglePreviewCartModal:()=>{const{previewCartModalOpen:a}=s();a===!0?sceneStore$1.getState().CORE_API.reviewCartHidden():sceneStore$1.getState().CORE_API.reviewCartShown(),o({previewCartModalOpen:!a})},actions:{setCartTotalPrice:a=>{o(()=>({cartTotalPrice:a}))}}})),CartItem=({itemObject:o})=>{const s=sceneStore$1(bt=>bt.CORE_API),a=sceneStore$1(bt=>bt.disableCart),[b,_e]=reactExports.useState(s.sceneSettings.currency);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:o.countUnavailable=="0"||a?"cartItem":"cartItem cartItemOutOfStock",draggable:!1,style:{display:o?"":"none"},children:[jsxRuntimeExports.jsx("div",{className:"cartItemImage",children:jsxRuntimeExports.jsx("img",{draggable:!1,src:s.getResolvedAssetUrl(o.thumbnails.review?o.thumbnails.review:o.thumbnails.low),alt:o.title})}),jsxRuntimeExports.jsxs("div",{className:"cartItemDetails",children:[jsxRuntimeExports.jsx("h4",{children:o.title}),jsxRuntimeExports.jsx("h5",{children:o.subtitle}),jsxRuntimeExports.jsxs("div",{className:"cartRow",children:[jsxRuntimeExports.jsxs("span",{className:"itemCount",children:[s.sceneSettings.textSettings.cartQuantityText,":"," ",o.count]}),jsxRuntimeExports.jsxs("h3",{className:"itemPrice".concat(a===!0?" hide":""),children:[b,parseFloat(o.price).toFixed(2)]})]}),o.actionButton&&jsxRuntimeExports.jsx("span",{className:"actionButton",onClick:()=>s.actionButtonClicked(o),children:o.actionButton.text}),jsxRuntimeExports.jsxs("div",{className:"cartRow".concat(a===!0||o.countUnavailable=="0"?" hide":""),children:[jsxRuntimeExports.jsx("img",{className:"cartRowImage",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Info_red.png"}),jsxRuntimeExports.jsxs("h3",{className:"itemAvailable",children:[o.countAvailable," IN STOCK"]}),jsxRuntimeExports.jsx("span",{className:"itemCount",children:"- quantities requested not available"})]})]})]})})},PreviewCart=({})=>{const o=cartStore(sn=>sn.cart),s=cartStore(sn=>sn.previewCartModalOpen),a=cartStore(sn=>sn.togglePreviewCartModal),b=sceneStore$1(sn=>sn.CORE_API),_e=sceneStore$1(sn=>sn.disableCart),bt=sceneStore$1(sn=>sn.cartMessage),rn=reactExports.useCallback(()=>{b.checkout()},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:s?"previewCartModal open":"previewCartModal",children:[jsxRuntimeExports.jsxs("div",{className:"previewCartModalChild",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{a()},children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})}),o.length<=0&&jsxRuntimeExports.jsx("h3",{className:"cartEmptyText",children:"Your cart is currently empty"}),o.length>0&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("h2",{className:"cartTitle",children:b.sceneSettings.textSettings.cartHeadingText}),jsxRuntimeExports.jsx("div",{className:"previewCartContentParentDiv",children:jsxRuntimeExports.jsx("div",{className:"previewCartContent",children:o.map((sn,yn)=>jsxRuntimeExports.jsx(CartItem,{itemObject:sn,index:yn},`Cart Item-${yn}`))})})]})]}),jsxRuntimeExports.jsxs("div",{className:"checkButtonParentDiv".concat(_e===!0?" hide":""),children:[bt&&jsxRuntimeExports.jsx("div",{className:"cartMessageDiv",children:jsxRuntimeExports.jsx("span",{children:bt})}),jsxRuntimeExports.jsx("button",{className:"checkoutButton",onClick:rn,children:jsxRuntimeExports.jsx("span",{children:b.sceneSettings.addToCartCTAText})})]})]})})},handleGlobalGeometryVariantSwitch=(o,s)=>{sceneStore$1.getState().CORE_API.switchGlobalGeometryVariant(o,s)};function Divider(o,s){return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:o!==s.length-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""})}const GeometryVariants=({visible:o})=>{const s=productDataStore$1(_e=>_e.categoryData),a=colorStore(_e=>_e.allActiveGeometryVariants),b=sceneStore$1(_e=>_e.CORE_API);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"container desktop",style:{height:"auto"},hidden:!o,children:s.geometryVariants.map((_e,bt)=>jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:_e.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"color-grid geometry-variants-selection",children:Object.keys(_e.variants).map((rn,sn)=>jsxRuntimeExports.jsxs("div",{onClick:()=>handleGlobalGeometryVariantSwitch(_e.id,rn),className:a[_e.id]==rn?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",style:{borderRadius:"0%"},children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:b.getResolvedAssetUrl(_e.variants[rn].thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(_e.variants[rn].label)})})]},"Color-"+sn))})}),jsxRuntimeExports.jsx(Divider,{})]},`${_e.label}-${bt}`))})})},VariantMobile=({sortedVariantsTabOrder:o})=>{const s=productDataStore$1(cs=>cs.categoryData),a=productDataStore$1(cs=>cs.lookData),b=colorStore(cs=>cs.allActiveVariants),_e=colorStore(cs=>cs.allActiveGeometryVariants),bt=sceneStore$1(cs=>cs.materialOverrideExists);sceneStore$1(cs=>cs.CORE_API);const[rn,sn]=reactExports.useState(0),[yn,Pn]=reactExports.useState(0);reactExports.useEffect(()=>{let cs=0;o.includes("color")===!0&&(cs+=s.color.length),o.includes("geometryVariants")===!0&&(cs+=s.geometryVariants.length),Pn(cs)},[s]);const zn=(cs,zs)=>{sceneStore$1.getState().CORE_API.switchGlobalGeometryVariant(cs,zs)},ar=(cs,zs)=>{sceneStore$1.getState().CORE_API.switchGlobalVariant(cs,zs)};function lr({color:cs,index:zs,elementId:ho,allActiveVariants:ga}){return jsxRuntimeExports.jsxs("div",{onClick:()=>ar(ho,cs),className:ga[ho]==cs?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:sceneStore$1.getState().CORE_API.getResolvedAssetUrl(a[cs]?.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate-mobile colorDetailsLabel",children:capitalize$1(a[cs]?.label)})})]},"Color-"+zs)}function cr({variant:cs,variantId:zs,index:ho,elementId:ga,allActiveGeometryVariants:mo}){return jsxRuntimeExports.jsxs("div",{onClick:()=>zn(ga,zs),className:mo[ga]==zs?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:sceneStore$1.getState().CORE_API.getResolvedAssetUrl(cs.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate-mobile colorDetailsLabel",children:capitalize$1(cs.label)})})]},"GeometryVariant-"+ho)}function Dr({variantType:cs,element:zs,allActiveVariants:ho,startIndex:ga}){return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[cs=="color"&&zs.looks.map((mo,go)=>jsxRuntimeExports.jsx(lr,{color:mo,index:go,elementId:zs.id,allActiveVariants:ho},"MobileGridInternal_"+go)),cs=="geometry"&&Object.keys(zs.variants).map((mo,go)=>jsxRuntimeExports.jsx(cr,{variant:zs.variants[mo],index:go,elementId:zs.id,variantId:mo,allActiveGeometryVariants:ho},"MobileGridVariantInternal_"+go))]})}const es=reactExports.useCallback(({index:cs})=>jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:cs!==yn-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):jsxRuntimeExports.jsx("div",{className:"itemGridPlaceholder"})}),[s,yn]),Ur=reactExports.useCallback(()=>{sceneStore$1.getState().CORE_API.removeAllVariantOverrides()},[]),hr=reactExports.useCallback(cs=>{if(rs.current.scrollLeft===cs)return;let zs,ho,ga,mo=!1;function go(yl){zs===void 0&&(zs=yl);const Zl=yl-zs;if(ho!==yl){const _d=Zl/200;rs.current.scrollLeft>cs?(ga=(rs.current.scrollLeft-cs)*Math.min(_d,1),rs.current.scrollLeft-=ga,rs.current.scrollLeft===cs&&(mo=!0)):rs.current.scrollLeft<cs&&(ga=(cs-rs.current.scrollLeft)*Math.min(_d,1),rs.current.scrollLeft+=ga,rs.current.scrollLeft===cs&&(mo=!0))}Zl<200&&(ho=yl,!mo&&window.requestAnimationFrame(go))}window.requestAnimationFrame(go)},[]),zr=reactExports.useRef([]);reactExports.useEffect(()=>{zr.current=zr.current.slice(0,yn)},[yn]);const rs=reactExports.useRef(null),as=reactExports.useCallback(({categoryID:cs,label:zs,index:ho,totalLength:ga})=>jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("a",{className:rn===ho?"mobileTab scrolled":"mobileTab",onClick:()=>{for(let mo=0;mo<ga;mo++)mo===ho&&hr(zr.current[mo].offsetLeft)},children:zs})}),[rn,zr]),os=reactExports.useCallback(()=>{let cs=-3e3,zs=-1;for(let ho=0;ho<yn;ho++){let ga=zr.current[ho].getBoundingClientRect().left;ga<28&&cs<ga&&(cs=ga,zs=ho)}zs!==-1&&sn(zs)},[zr,s,yn]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"mobileTabContent",children:jsxRuntimeExports.jsxs("div",{className:"scrollSpyTabs",children:[jsxRuntimeExports.jsx("div",{className:"secondMobileTabs",children:o.map((cs,zs)=>{if(cs=="color")return s.color.map((ho,ga)=>jsxRuntimeExports.jsx(as,{categoryID:ho.id,label:ho.label,index:zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga,totalLength:yn},"mobileTabsColors"+ho.id));if(cs=="geometryVariants")return s.geometryVariants.map((ho,ga)=>jsxRuntimeExports.jsx(as,{categoryID:ho.id,label:ho.label,index:zs==0?ga:o.includes("color")?s.color.length+ga:ga,totalLength:yn},"mobileTabsVariants"+ho.id))})}),jsxRuntimeExports.jsx("div",{children:jsxRuntimeExports.jsx("div",{className:"mobileGrid mobileGridCenter",ref:rs,onScroll:os,children:jsxRuntimeExports.jsxs("section",{className:"mobileGridSection",children:[bt&&jsxRuntimeExports.jsxs("button",{onClick:Ur,className:"removeAllColorOverridesButton",disabled:!bt,children:[jsxRuntimeExports.jsx("div",{className:"iconContainer",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/TrashSimple.svg",alt:"Remove"})}),"Remove all",jsxRuntimeExports.jsx("br",{}),"overrides"]}),o.map((cs,zs)=>{if(cs=="color")return s.color.map((ho,ga)=>jsxRuntimeExports.jsxs("section",{className:"mobileGridCategorySection color-variants-selection",id:`section-${ho.categoryID}`,ref:mo=>zr.current[zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga]=mo,children:[jsxRuntimeExports.jsx(Dr,{variantType:"color",element:ho,allActiveVariants:b},`mobileGrid-${ho.categoryID}`),jsxRuntimeExports.jsx(es,{index:zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga},"divider"+ho.categoryID)]},`sectionz-${ho.categoryID}-${ga}`));if(cs=="geometryVariants")return s.geometryVariants.map((ho,ga)=>jsxRuntimeExports.jsxs("section",{className:"mobileGridCategorySection geometry-variants-selection",id:`section-${ho.id}`,ref:mo=>zr.current[zs==0?ga:o.includes("color")?s.color.length+ga:ga]=mo,children:[jsxRuntimeExports.jsx(Dr,{variantType:"geometry",element:ho,allActiveVariants:_e},`mobileGrid-variants-${ho.id}`),jsxRuntimeExports.jsx(es,{index:zs==0?ga:o.includes("color")?s.color.length+ga:ga},"divider-variants-"+ho.id)]},`sectionz-variants-${ho.id}-${ga}`))})]})})})]})})})},SideMenu=({sideMenuOpen:o,sideMenuRef:s,toggleSideMenuOpen:a,configuratorWcRef:b,PUBLIC_DESIGN_ASSETS_ENDPOINT:_e,handleSideButtonClick:bt,useTabIcon:rn,GENERIC_PROJECT_ASSET_DATA_ROOT_URL:sn,sideMenuState:yn,togglePreviewCartModal:Pn,getItemCount:zn,currency:ar,numberWithCommas:lr})=>{const cr=productDataStore$1(rs=>rs.hotspotsData),Dr=productDataStore$1(rs=>rs.categoryData),es=sceneStore$1(rs=>rs.disableCart),Ur=sceneStore$1(rs=>rs.CORE_API),[hr,zr]=reactExports.useState([]);return reactExports.useEffect(()=>{const rs=Ur.sceneSettings.variantsTabOrder,as=Object.entries(rs);as.sort(([,cs],[,zs])=>cs.priority-zs.priority);const os=[];as.forEach(([cs,zs])=>{zs.enabled&&os.push(cs)}),zr(os)},[Ur]),reactExports.useEffect(()=>{if(!sceneStore$1.getState().CORE_API.isMobile)return;const{current:rs}=s;!rs||b.shadowRoot.getElementById("_leftShell")},[o,s]),jsxRuntimeExports.jsxs("div",{className:`sideMenu interactable ${o===!0?"":"side-menu-collapsed"}`,ref:s,children:[jsxRuntimeExports.jsxs("div",{className:o?"mobileExpandButton sideMenuOpen":"mobileExpandButton",children:[jsxRuntimeExports.jsx("span",{children:"Expand Configurator"}),jsxRuntimeExports.jsx("button",{role:"button",onClick:a,children:jsxRuntimeExports.jsx("img",{src:_e+"/Icon/ArrowDown.svg"})},"expandSideMenuButton")]}),jsxRuntimeExports.jsx("div",{className:o===!0?"sideMenuTabContainer":"sideMenuTabContainer side-menu-container-hide",children:jsxRuntimeExports.jsxs(Tabs,{className:"firstMobileTab",children:[jsxRuntimeExports.jsxs(TabList,{className:"firstMobileTabs",children:[jsxRuntimeExports.jsx(Tab$1,{children:jsxRuntimeExports.jsxs("div",{className:"mobileTab",onClick:()=>{bt(0)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/BuildTabIcon.svg"}):"",Ur.sceneSettings.textSettings.buildTabHeadingText]})}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsx(Tab$1,{children:jsxRuntimeExports.jsxs("div",{className:"mobileTab",onClick:()=>{bt(1)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ColorTabIcon.svg"}):"",Ur.sceneSettings.textSettings.colorTabHeadingText]})}),jsxRuntimeExports.jsx("button",{className:`collapse-side-menu-button ${o===!0?"":"set-display-none"}`,role:"button",onClick:a,children:jsxRuntimeExports.jsx("img",{src:_e+"/Icon/ArrowDown.svg"})},"collapseSideMenuButton")]}),jsxRuntimeExports.jsx(TabPanel,{children:jsxRuntimeExports.jsx(BuildUI,{sideMenuState:0},"BuildUI1")}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsx(TabPanel,{children:jsxRuntimeExports.jsx("div",{className:"variantContainer",children:jsxRuntimeExports.jsx(VariantMobile,{sortedVariantsTabOrder:hr})})})]})}),jsxRuntimeExports.jsxs("div",{className:"desktopSideMenu",children:[jsxRuntimeExports.jsxs("div",{className:"sideMenuTabs",children:[jsxRuntimeExports.jsxs("div",{className:yn===0?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(0)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"BuildTabIcon.png"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.buildTabHeadingText})]}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsxs("div",{className:yn===1?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(1)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ColorTabIcon.svg"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.colorTabHeadingText})]}),Object.keys(cr).length>0&&jsxRuntimeExports.jsxs("div",{className:yn===2?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(2)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ProductFeaturesTabIcon.png"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.featuresTabHeadingText})]})]}),jsxRuntimeExports.jsxs("div",{className:"sideMenuContent",children:[jsxRuntimeExports.jsx(PreviewCart,{}),jsxRuntimeExports.jsx(InfoModal,{visible:yn===0}),jsxRuntimeExports.jsx(BuildUI,{visible:yn===0},"buildUi-desktop"),jsxRuntimeExports.jsx("div",{className:"variantContainer",children:hr.map(rs=>{if(rs=="color"){if(Dr.color.length>0)return jsxRuntimeExports.jsx(Color,{visible:yn===1},"colourTab-desktop")}else if(rs=="geometryVariants"&&Dr.geometryVariants.length>0)return jsxRuntimeExports.jsx(GeometryVariants,{visible:yn===1},"geometryVariantsTab-desktop")})}),jsxRuntimeExports.jsx(ProductFeaturesUI,{visible:yn===2},"featuresTab-desktop")]})]}),jsxRuntimeExports.jsxs("div",{className:"bottomBar right button",onClick:()=>{Pn()},children:[jsxRuntimeExports.jsxs("div",{className:"bottomBarChildDiv",children:[jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.reviewButtonText}),jsxRuntimeExports.jsx("div",{className:"cartNumber",children:zn()})]}),jsxRuntimeExports.jsx("div",{className:"reviewButtonParentDiv",children:jsxRuntimeExports.jsx("div",{className:"button reviewButton".concat(es===!0?" hide":""),children:jsxRuntimeExports.jsx("div",{className:"",children:`${ar}${lr(cartStore.getState().cartTotalPrice)}`})})})]})]})},PreviewCartMobile=({previewCartModalOpen:o,togglePreviewCartModal:s,PUBLIC_DESIGN_ASSETS_ENDPOINT:a,cart:b})=>{const _e=sceneStore$1(yn=>yn.disableCart),bt=sceneStore$1(yn=>yn.CORE_API),rn=sceneStore$1(yn=>yn.cartMessage),sn=reactExports.useCallback(()=>{bt.checkout()},[]);return jsxRuntimeExports.jsxs("div",{className:o?"previewCartModal mobile open":"previewCartModal mobile",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{s()},children:jsxRuntimeExports.jsx("img",{src:a+"/Icon/X.svg"})}),jsxRuntimeExports.jsx("h2",{className:"cartTitle",children:bt.sceneSettings.textSettings.cartHeadingText}),b.length>0?jsxRuntimeExports.jsxs("div",{className:"previewCartContentParentDiv",children:[jsxRuntimeExports.jsx("div",{className:"previewCartContent",children:b.map(function(yn,Pn){return jsxRuntimeExports.jsx(CartItem,{itemObject:yn,index:Pn},`Cart Item - ${Pn}`)})}),jsxRuntimeExports.jsxs("div",{className:"previewCartButtonContainer".concat(_e===!0?" hide":""),children:[rn&&jsxRuntimeExports.jsx("div",{className:"cartMessageDiv",children:jsxRuntimeExports.jsx("span",{children:rn})}),jsxRuntimeExports.jsxs("button",{className:"checkoutButton",onClick:sn,children:[jsxRuntimeExports.jsx("span",{children:bt.sceneSettings.addToCartCTAText}),jsxRuntimeExports.jsx("img",{src:a+"/Icon/ArrowRight.svg"})]})]})]}):jsxRuntimeExports.jsx("h3",{className:"cartEmptyText",children:"Your cart is currently empty"})]})},ContextMenuDesktop=({selectedItemData:o,colors:s,colorsCategoryName:a})=>{const b=sceneStore$1(Dr=>Dr.CORE_API),[_e,bt]=reactExports.useState(null),[rn,sn]=reactExports.useState(0),[yn,Pn]=reactExports.useState(0),[zn,ar]=reactExports.useState(null),lr=reactExports.useRef(null),cr=reactExports.useCallback(()=>{b.fireEvent(b.EVENTS.UI.ContextMenu_InfoBtnClicked,o)},[o]);return reactExports.useEffect(()=>{ar(null),o&&(ar({...o}),o.overrideVariant?bt(o.overrideVariant):bt(o.currentVariant))},[o]),reactExports.useEffect(()=>{if(!zn||!o||!lr.current)return;const Dr=b.getCanvasSize();let es=o.offsetX+lr.current.children[0].clientWidth,Ur=o.offsetY+lr.current.children[0].clientHeight,hr=Dr.width-es;hr<0?sn(o.offsetX+hr-10):sn(o.offsetX);let zr=Dr.height-Ur;zr<0?Pn(o.offsetY+zr-10):Pn(o.offsetY)},[zn,o,lr]),jsxRuntimeExports.jsx("div",{ref:lr,children:o!==null&&jsxRuntimeExports.jsx("div",{className:"contextMenuParent interactable",style:{left:rn+"px",top:yn+"px"},children:jsxRuntimeExports.jsx("div",{className:"contextContentDiv",children:jsxRuntimeExports.jsxs("div",{className:"contextContent",children:[jsxRuntimeExports.jsxs("div",{className:"contextContentChildDiv",children:[jsxRuntimeExports.jsxs("div",{className:"contextNameContent",children:[jsxRuntimeExports.jsx("h3",{children:o.itemData.name}),jsxRuntimeExports.jsx("img",{className:"infoButton",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Info.svg",onClick:()=>cr()})]}),jsxRuntimeExports.jsx("div",{className:"closeContainer",onClick:()=>b.exitSelectedItem(),children:jsxRuntimeExports.jsx("button",{role:"button",title:"Close",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})})})]}),s.length>0&&b.sceneSettings.disableLocalColorOverride===!1&&jsxRuntimeExports.jsxs("div",{className:"contextColorContent",children:[jsxRuntimeExports.jsxs("span",{className:"colorSwatchTitle",children:["Select ",a]}),jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:s.map((Dr,es)=>jsxRuntimeExports.jsxs("div",{onClick:async()=>{await b.overrideSelectedItemMaterial(Dr.id),bt(Dr.id)},asgaga:Dr.id,asd:_e,className:_e==Dr.id?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:b.getResolvedAssetUrl(Dr.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsxs("p",{className:"truncate colorDetailsLabel",children:[capitalize$1(Dr.label),jsxRuntimeExports.jsx("br",{}),jsxRuntimeExports.jsx("span",{className:"redText",children:Dr.outOfStock?"OUT OF STOCK":jsxRuntimeExports.jsx("br",{})})]})})]},"Color-"+es))})]}),jsxRuntimeExports.jsxs("div",{className:"contextButtons",children:[b.canSelectedItemDrag()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>{b.doesSelectedItemHasAttachedDependency()?sceneStore$1.getState().setRemoveModalOpen(!0):b.removeSelectedItem()},children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/TrashSimple.svg",alt:"Remove"}),jsxRuntimeExports.jsx("span",{children:"Remove"})]}),b.canSelectedItemRotate()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>b.rotateSelectedItem(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Rotate.svg"}),jsxRuntimeExports.jsx("span",{children:"Rotate"})]})]})]})})})})},ContextMenuMobile=({selectedItemData:o,contextMenuDrawerOpen:s,dismissContextMenuDrawer:a,colors:b,colorsCategoryName:_e})=>{const[bt,rn]=reactExports.useState(s),sn=reactExports.useRef(null),yn=sceneStore$1(lr=>lr.CORE_API),[Pn,zn]=reactExports.useState(null);reactExports.useEffect(()=>{sn.current&&sn.current.addEventListener("drawerClosed",()=>{a()})},[sn]),reactExports.useEffect(()=>(rn(s),()=>{}),[s]),reactExports.useEffect(()=>{!o||!o.itemData||(o.overrideVariant?zn(o.overrideVariant):zn(o.currentVariant))},[o]);function ar(){yn.doesSelectedItemHasAttachedDependency()?sceneStore$1.getState().setRemoveModalOpen(!0):(yn.removeSelectedItem(),a())}return jsxRuntimeExports.jsx(BottomDrawer,{id:"contextDrawer",ref:sn,open:`${bt}`,"initial-screen-coverage":"60%",children:jsxRuntimeExports.jsx("div",{className:"contextMenuDrawer epigraphDrawer",slot:"bottom-drawer-content",children:jsxRuntimeExports.jsxs("div",{className:"contextMenuParent interactable",children:[jsxRuntimeExports.jsx("div",{className:"contextContent",children:o&&o.itemData?jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"contextContentNameDiv",children:jsxRuntimeExports.jsx("h3",{children:o.itemData.name})})}):""}),b.length>0&&yn.sceneSettings.disableLocalColorOverride===!1&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("p",{className:"colorSwatchTitle",children:["Select ",_e]}),jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:b.map((lr,cr)=>jsxRuntimeExports.jsxs("div",{onClick:async()=>{await sceneStore$1.getState().CORE_API.overrideSelectedItemMaterial(lr.id),zn(lr.id)},className:Pn==lr.id?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsxs("div",{className:"colorThumbnailContainer",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnail",children:jsxRuntimeExports.jsx("img",{className:"colorThumbnailImg",src:yn.getResolvedAssetUrl(lr.thumbnail)})}),jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})})]}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsxs("p",{className:"truncate colorDetailsLabel",children:[capitalize$1(lr.label),jsxRuntimeExports.jsx("br",{}),jsxRuntimeExports.jsx("span",{className:"redText",children:lr.outOfStock?"OUT OF STOCK":jsxRuntimeExports.jsx("br",{})})]})})]},"Color-"+cr))})]}),jsxRuntimeExports.jsxs("div",{className:"contextButtons",children:[yn.canSelectedItemDrag()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>ar(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Trash.svg"}),jsxRuntimeExports.jsx("span",{children:"Remove"})]}),yn.canSelectedItemRotate()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>yn.rotateSelectedItem(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Rotate.svg"}),jsxRuntimeExports.jsx("span",{children:"Rotate"})]})]})]})})})},ContextMenu=({selectedItemData:o,contextMenuOpen:s,dismissContextMenuDrawer:a})=>{const b=sceneStore$1(lr=>lr.CORE_API),[_e,bt]=reactExports.useState(!1),[rn,sn]=reactExports.useState([]),[yn,Pn]=reactExports.useState(""),zn=sceneStore$1(lr=>lr.inventoryData);reactExports.useEffect(()=>(bt(s),()=>{}),[s]),reactExports.useEffect(()=>{if(sn([]),o===void 0||!o.itemData||b===null)return;const lr=b.getSelectedItemColors(),cr=b.getInventoryInfo()[o.itemData.skuID];if(lr.map(es=>{es.outOfStock=!1,cr[es.id].countAvailable==0&&(es.outOfStock=!0)}),sn(lr),lr.length===0)return;const Dr=b.categoryData;Dr.color&&Dr.color.map(es=>{es.looks.map(Ur=>{Ur===lr[0].id&&Pn(es.label)})})},[o]),reactExports.useEffect(()=>{zn!=null&&ar(zn)},[zn]);const ar=reactExports.useCallback(lr=>{const cr=b.getSelectedItemData();if(cr==null)return;const Dr=b.getSelectedItemColors(),es=lr[cr.itemData.skuID];Dr.map(Ur=>{Ur.outOfStock=!1,es[Ur.id].countAvailable==0&&(Ur.outOfStock=!0)}),sn(Dr)},[o]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:b.isMobile&&window.innerWidth<=768?jsxRuntimeExports.jsx(ContextMenuMobile,{selectedItemData:o,contextMenuDrawerOpen:_e,dismissContextMenuDrawer:a,colors:rn,colorsCategoryName:yn}):_e&&jsxRuntimeExports.jsx(ContextMenuDesktop,{contextMenuDesktopOpen:_e,selectedItemData:o,colors:rn,colorsCategoryName:yn})})},FullScreenModal=reactExports.forwardRef((o,s)=>{const a=reactExports.useRef(null),b=reactExports.useRef(null);reactExports.useEffect(()=>{s.current&&b.current&&a.current&&(s.current.show=sn=>bt(),s.current.hide=sn=>rn(),s.current.mainContainer=a.current,s.current.closeButton=b.current,_e())},[s,b,a]);const _e=()=>{b.current.addEventListener("click",()=>{o.onExit&&o.onExit(),rn()})},bt=()=>{a.current.classList.add("show")},rn=()=>{a.current.classList.remove("show")};return jsxRuntimeExports.jsx("div",{id:o.id,ref:s,className:o.className,children:jsxRuntimeExports.jsx("div",{ref:a,className:"full-screen-modal-container",children:jsxRuntimeExports.jsxs("div",{className:"modal-content-container",children:[jsxRuntimeExports.jsx("button",{ref:b,className:"close-button",children:jsxRuntimeExports.jsx("img",{src:"https://storage.googleapis.com/gsc-epigraph-design/product-assets/Icon/X.svg"})}),jsxRuntimeExports.jsx("slot",{name:"full-screen-dialog-content",children:o.children})]})})})});var lottie$1={exports:{}};(function(module,exports){typeof navigator<"u"&&function(o,s){module.exports=s()}(commonjsGlobal,function(){var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(s){_useWebWorker=!!s},getWebWorker=function(){return _useWebWorker},setLocationHref=function(s){locationHref=s},getLocationHref=function(){return locationHref};function createTag(o){return document.createElement(o)}function extendPrototype(o,s){var a,b=o.length,_e;for(a=0;a<b;a+=1){_e=o[a].prototype;for(var bt in _e)Object.prototype.hasOwnProperty.call(_e,bt)&&(s.prototype[bt]=_e[bt])}}function getDescriptor(o,s){return Object.getOwnPropertyDescriptor(o,s)}function createProxyFunction(o){function s(){}return s.prototype=o,s}var audioControllerFactory=function(){function o(s){this.audios=[],this.audioFactory=s,this._volume=1,this._isMuted=!1}return o.prototype={addAudio:function(a){this.audios.push(a)},pause:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].pause()},resume:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].resume()},setRate:function(a){var b,_e=this.audios.length;for(b=0;b<_e;b+=1)this.audios[b].setRate(a)},createAudio:function(a){return this.audioFactory?this.audioFactory(a):window.Howl?new window.Howl({src:[a]}):{isPlaying:!1,play:function(){this.isPlaying=!0},seek:function(){this.isPlaying=!1},playing:function(){},rate:function(){},setVolume:function(){}}},setAudioFactory:function(a){this.audioFactory=a},setVolume:function(a){this._volume=a,this._updateVolume()},mute:function(){this._isMuted=!0,this._updateVolume()},unmute:function(){this._isMuted=!1,this._updateVolume()},getVolume:function(){return this._volume},_updateVolume:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].volume(this._volume*(this._isMuted?0:1))}},function(){return new o}}(),createTypedArray=function(){function o(a,b){var _e=0,bt=[],rn;switch(a){case"int16":case"uint8c":rn=1;break;default:rn=1.1;break}for(_e=0;_e<b;_e+=1)bt.push(rn);return bt}function s(a,b){return a==="float32"?new Float32Array(b):a==="int16"?new Int16Array(b):a==="uint8c"?new Uint8ClampedArray(b):o(a,b)}return typeof Uint8ClampedArray=="function"&&typeof Float32Array=="function"?s:o}();function createSizedArray(o){return Array.apply(null,{length:o})}function _typeof$6(o){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?_typeof$6=function(a){return typeof a}:_typeof$6=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof$6(o)}var subframeEnabled=!0,expressionsPlugin=null,expressionsInterfaces=null,idPrefix$1="",isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),bmPow=Math.pow,bmSqrt=Math.sqrt,bmFloor=Math.floor,bmMax=Math.max,bmMin=Math.min,BMMath={};(function(){var o=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],s,a=o.length;for(s=0;s<a;s+=1)BMMath[o[s]]=Math[o[s]]})(),BMMath.random=Math.random,BMMath.abs=function(o){var s=_typeof$6(o);if(s==="object"&&o.length){var a=createSizedArray(o.length),b,_e=o.length;for(b=0;b<_e;b+=1)a[b]=Math.abs(o[b]);return a}return Math.abs(o)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function styleDiv(o){o.style.position="absolute",o.style.top=0,o.style.left=0,o.style.display="block",o.style.transformOrigin="0 0",o.style.webkitTransformOrigin="0 0",o.style.backfaceVisibility="visible",o.style.webkitBackfaceVisibility="visible",o.style.transformStyle="preserve-3d",o.style.webkitTransformStyle="preserve-3d",o.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(o,s,a,b){this.type=o,this.currentTime=s,this.totalTime=a,this.direction=b<0?-1:1}function BMCompleteEvent(o,s){this.type=o,this.direction=s<0?-1:1}function BMCompleteLoopEvent(o,s,a,b){this.type=o,this.currentLoop=a,this.totalLoops=s,this.direction=b<0?-1:1}function BMSegmentStartEvent(o,s,a){this.type=o,this.firstFrame=s,this.totalFrames=a}function BMDestroyEvent(o,s){this.type=o,this.target=s}function BMRenderFrameErrorEvent(o,s){this.type="renderFrameError",this.nativeError=o,this.currentTime=s}function BMConfigErrorEvent(o){this.type="configError",this.nativeError=o}var createElementID=function(){var o=0;return function(){return o+=1,idPrefix$1+"__lottie_element_"+o}}();function HSVtoRGB(o,s,a){var b,_e,bt,rn,sn,yn,Pn,zn;switch(rn=Math.floor(o*6),sn=o*6-rn,yn=a*(1-s),Pn=a*(1-sn*s),zn=a*(1-(1-sn)*s),rn%6){case 0:b=a,_e=zn,bt=yn;break;case 1:b=Pn,_e=a,bt=yn;break;case 2:b=yn,_e=a,bt=zn;break;case 3:b=yn,_e=Pn,bt=a;break;case 4:b=zn,_e=yn,bt=a;break;case 5:b=a,_e=yn,bt=Pn;break}return[b,_e,bt]}function RGBtoHSV(o,s,a){var b=Math.max(o,s,a),_e=Math.min(o,s,a),bt=b-_e,rn,sn=b===0?0:bt/b,yn=b/255;switch(b){case _e:rn=0;break;case o:rn=s-a+bt*(s<a?6:0),rn/=6*bt;break;case s:rn=a-o+bt*2,rn/=6*bt;break;case a:rn=o-s+bt*4,rn/=6*bt;break}return[rn,sn,yn]}function addSaturationToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[1]+=s,a[1]>1?a[1]=1:a[1]<=0&&(a[1]=0),HSVtoRGB(a[0],a[1],a[2])}function addBrightnessToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[2]+=s,a[2]>1?a[2]=1:a[2]<0&&(a[2]=0),HSVtoRGB(a[0],a[1],a[2])}function addHueToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[0]+=s/360,a[0]>1?a[0]-=1:a[0]<0&&(a[0]+=1),HSVtoRGB(a[0],a[1],a[2])}var rgbToHex=function(){var o=[],s,a;for(s=0;s<256;s+=1)a=s.toString(16),o[s]=a.length===1?"0"+a:a;return function(b,_e,bt){return b<0&&(b=0),_e<0&&(_e=0),bt<0&&(bt=0),"#"+o[b]+o[_e]+o[bt]}}(),setSubframeEnabled=function(s){subframeEnabled=!!s},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(s){expressionsPlugin=s},getExpressionsPlugin=function(){return expressionsPlugin},setExpressionInterfaces=function(s){expressionsInterfaces=s},getExpressionInterfaces=function(){return expressionsInterfaces},setDefaultCurveSegments=function(s){defaultCurveSegments=s},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(s){idPrefix$1=s};function createNS(o){return document.createElementNS(svgNS,o)}function _typeof$5(o){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?_typeof$5=function(a){return typeof a}:_typeof$5=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof$5(o)}var dataManager=function(){var o=1,s=[],a,b,_e={onmessage:function(){},postMessage:function(cr){a({data:cr})}},bt={postMessage:function(cr){_e.onmessage({data:cr})}};function rn(lr){if(window.Worker&&window.Blob&&getWebWorker()){var cr=new Blob(["var _workerSelf = self; self.onmessage = ",lr.toString()],{type:"text/javascript"}),Dr=URL.createObjectURL(cr);return new Worker(Dr)}return a=lr,_e}function sn(){b||(b=rn(function(cr){function Dr(){function Ur(Ty,gy){var wy,El,_f=Ty.length,yy,Al,My,By;for(El=0;El<_f;El+=1)if(wy=Ty[El],"ks"in wy&&!wy.completed){if(wy.completed=!0,wy.hasMask){var lA=wy.masksProperties;for(Al=lA.length,yy=0;yy<Al;yy+=1)if(lA[yy].pt.k.i)os(lA[yy].pt.k);else for(By=lA[yy].pt.k.length,My=0;My<By;My+=1)lA[yy].pt.k[My].s&&os(lA[yy].pt.k[My].s[0]),lA[yy].pt.k[My].e&&os(lA[yy].pt.k[My].e[0])}wy.ty===0?(wy.layers=rs(wy.refId,gy),Ur(wy.layers,gy)):wy.ty===4?as(wy.shapes):wy.ty===5&&Zl(wy)}}function hr(Ty,gy){if(Ty){var wy=0,El=Ty.length;for(wy=0;wy<El;wy+=1)Ty[wy].t===1&&(Ty[wy].data.layers=rs(Ty[wy].data.refId,gy),Ur(Ty[wy].data.layers,gy))}}function zr(Ty,gy){for(var wy=0,El=gy.length;wy<El;){if(gy[wy].id===Ty)return gy[wy];wy+=1}return null}function rs(Ty,gy){var wy=zr(Ty,gy);return wy?wy.layers.__used?JSON.parse(JSON.stringify(wy.layers)):(wy.layers.__used=!0,wy.layers):null}function as(Ty){var gy,wy=Ty.length,El,_f;for(gy=wy-1;gy>=0;gy-=1)if(Ty[gy].ty==="sh")if(Ty[gy].ks.k.i)os(Ty[gy].ks.k);else for(_f=Ty[gy].ks.k.length,El=0;El<_f;El+=1)Ty[gy].ks.k[El].s&&os(Ty[gy].ks.k[El].s[0]),Ty[gy].ks.k[El].e&&os(Ty[gy].ks.k[El].e[0]);else Ty[gy].ty==="gr"&&as(Ty[gy].it)}function os(Ty){var gy,wy=Ty.i.length;for(gy=0;gy<wy;gy+=1)Ty.i[gy][0]+=Ty.v[gy][0],Ty.i[gy][1]+=Ty.v[gy][1],Ty.o[gy][0]+=Ty.v[gy][0],Ty.o[gy][1]+=Ty.v[gy][1]}function cs(Ty,gy){var wy=gy?gy.split("."):[100,100,100];return Ty[0]>wy[0]?!0:wy[0]>Ty[0]?!1:Ty[1]>wy[1]?!0:wy[1]>Ty[1]?!1:Ty[2]>wy[2]?!0:wy[2]>Ty[2]?!1:null}var zs=function(){var Ty=[4,4,14];function gy(El){var _f=El.t.d;El.t.d={k:[{s:_f,t:0}]}}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===5&&gy(El[_f])}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),ho=function(){var Ty=[4,7,99];return function(gy){if(gy.chars&&!cs(Ty,gy.v)){var wy,El=gy.chars.length;for(wy=0;wy<El;wy+=1){var _f=gy.chars[wy];_f.data&&_f.data.shapes&&(as(_f.data.shapes),_f.data.ip=0,_f.data.op=99999,_f.data.st=0,_f.data.sr=1,_f.data.ks={p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0}},gy.chars[wy].t||(_f.data.shapes.push({ty:"no"}),_f.data.shapes[0].it.push({p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0},sk:{k:0,a:0},sa:{k:0,a:0},ty:"tr"})))}}}}(),ga=function(){var Ty=[5,7,15];function gy(El){var _f=El.t.p;typeof _f.a=="number"&&(_f.a={a:0,k:_f.a}),typeof _f.p=="number"&&(_f.p={a:0,k:_f.p}),typeof _f.r=="number"&&(_f.r={a:0,k:_f.r})}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===5&&gy(El[_f])}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),mo=function(){var Ty=[4,1,9];function gy(El){var _f,yy=El.length,Al,My;for(_f=0;_f<yy;_f+=1)if(El[_f].ty==="gr")gy(El[_f].it);else if(El[_f].ty==="fl"||El[_f].ty==="st")if(El[_f].c.k&&El[_f].c.k[0].i)for(My=El[_f].c.k.length,Al=0;Al<My;Al+=1)El[_f].c.k[Al].s&&(El[_f].c.k[Al].s[0]/=255,El[_f].c.k[Al].s[1]/=255,El[_f].c.k[Al].s[2]/=255,El[_f].c.k[Al].s[3]/=255),El[_f].c.k[Al].e&&(El[_f].c.k[Al].e[0]/=255,El[_f].c.k[Al].e[1]/=255,El[_f].c.k[Al].e[2]/=255,El[_f].c.k[Al].e[3]/=255);else El[_f].c.k[0]/=255,El[_f].c.k[1]/=255,El[_f].c.k[2]/=255,El[_f].c.k[3]/=255}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===4&&gy(El[_f].shapes)}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),go=function(){var Ty=[4,4,18];function gy(El){var _f,yy=El.length,Al,My;for(_f=yy-1;_f>=0;_f-=1)if(El[_f].ty==="sh")if(El[_f].ks.k.i)El[_f].ks.k.c=El[_f].closed;else for(My=El[_f].ks.k.length,Al=0;Al<My;Al+=1)El[_f].ks.k[Al].s&&(El[_f].ks.k[Al].s[0].c=El[_f].closed),El[_f].ks.k[Al].e&&(El[_f].ks.k[Al].e[0].c=El[_f].closed);else El[_f].ty==="gr"&&gy(El[_f].it)}function wy(El){var _f,yy,Al=El.length,My,By,lA,wA;for(yy=0;yy<Al;yy+=1){if(_f=El[yy],_f.hasMask){var Fy=_f.masksProperties;for(By=Fy.length,My=0;My<By;My+=1)if(Fy[My].pt.k.i)Fy[My].pt.k.c=Fy[My].cl;else for(wA=Fy[My].pt.k.length,lA=0;lA<wA;lA+=1)Fy[My].pt.k[lA].s&&(Fy[My].pt.k[lA].s[0].c=Fy[My].cl),Fy[My].pt.k[lA].e&&(Fy[My].pt.k[lA].e[0].c=Fy[My].cl)}_f.ty===4&&gy(_f.shapes)}}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}();function yl(Ty){Ty.__complete||(mo(Ty),zs(Ty),ho(Ty),ga(Ty),go(Ty),Ur(Ty.layers,Ty.assets),hr(Ty.chars,Ty.assets),Ty.__complete=!0)}function Zl(Ty){Ty.t.a.length===0&&"m"in Ty.t.p}var _d={};return _d.completeData=yl,_d.checkColors=mo,_d.checkChars=ho,_d.checkPathProperties=ga,_d.checkShapes=go,_d.completeLayers=Ur,_d}if(bt.dataManager||(bt.dataManager=Dr()),bt.assetLoader||(bt.assetLoader=function(){function Ur(zr){var rs=zr.getResponseHeader("content-type");return rs&&zr.responseType==="json"&&rs.indexOf("json")!==-1||zr.response&&_typeof$5(zr.response)==="object"?zr.response:zr.response&&typeof zr.response=="string"?JSON.parse(zr.response):zr.responseText?JSON.parse(zr.responseText):null}function hr(zr,rs,as,os){var cs,zs=new XMLHttpRequest;try{zs.responseType="json"}catch{}zs.onreadystatechange=function(){if(zs.readyState===4)if(zs.status===200)cs=Ur(zs),as(cs);else try{cs=Ur(zs),as(cs)}catch(ho){os&&os(ho)}};try{zs.open(["G","E","T"].join(""),zr,!0)}catch{zs.open(["G","E","T"].join(""),rs+"/"+zr,!0)}zs.send()}return{load:hr}}()),cr.data.type==="loadAnimation")bt.assetLoader.load(cr.data.path,cr.data.fullPath,function(Ur){bt.dataManager.completeData(Ur),bt.postMessage({id:cr.data.id,payload:Ur,status:"success"})},function(){bt.postMessage({id:cr.data.id,status:"error"})});else if(cr.data.type==="complete"){var es=cr.data.animation;bt.dataManager.completeData(es),bt.postMessage({id:cr.data.id,payload:es,status:"success"})}else cr.data.type==="loadData"&&bt.assetLoader.load(cr.data.path,cr.data.fullPath,function(Ur){bt.postMessage({id:cr.data.id,payload:Ur,status:"success"})},function(){bt.postMessage({id:cr.data.id,status:"error"})})}),b.onmessage=function(lr){var cr=lr.data,Dr=cr.id,es=s[Dr];s[Dr]=null,cr.status==="success"?es.onComplete(cr.payload):es.onError&&es.onError()})}function yn(lr,cr){o+=1;var Dr="processId_"+o;return s[Dr]={onComplete:lr,onError:cr},Dr}function Pn(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"loadAnimation",path:lr,fullPath:window.location.origin+window.location.pathname,id:es})}function zn(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"loadData",path:lr,fullPath:window.location.origin+window.location.pathname,id:es})}function ar(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"complete",animation:lr,id:es})}return{loadAnimation:Pn,loadData:zn,completeAnimation:ar}}(),ImagePreloader=function(){var o=function(){var hr=createTag("canvas");hr.width=1,hr.height=1;var zr=hr.getContext("2d");return zr.fillStyle="rgba(0,0,0,0)",zr.fillRect(0,0,1,1),hr}();function s(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function a(){this.loadedFootagesCount+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function b(hr,zr,rs){var as="";if(hr.e)as=hr.p;else if(zr){var os=hr.p;os.indexOf("images/")!==-1&&(os=os.split("/")[1]),as=zr+os}else as=rs,as+=hr.u?hr.u:"",as+=hr.p;return as}function _e(hr){var zr=0,rs=setInterval(function(){var as=hr.getBBox();(as.width||zr>500)&&(this._imageLoaded(),clearInterval(rs)),zr+=1}.bind(this),50)}function bt(hr){var zr=b(hr,this.assetsPath,this.path),rs=createNS("image");isSafari?this.testImageLoaded(rs):rs.addEventListener("load",this._imageLoaded,!1),rs.addEventListener("error",function(){as.img=o,this._imageLoaded()}.bind(this),!1),rs.setAttributeNS("http://www.w3.org/1999/xlink","href",zr),this._elementHelper.append?this._elementHelper.append(rs):this._elementHelper.appendChild(rs);var as={img:rs,assetData:hr};return as}function rn(hr){var zr=b(hr,this.assetsPath,this.path),rs=createTag("img");rs.crossOrigin="anonymous",rs.addEventListener("load",this._imageLoaded,!1),rs.addEventListener("error",function(){as.img=o,this._imageLoaded()}.bind(this),!1),rs.src=zr;var as={img:rs,assetData:hr};return as}function sn(hr){var zr={assetData:hr},rs=b(hr,this.assetsPath,this.path);return dataManager.loadData(rs,function(as){zr.img=as,this._footageLoaded()}.bind(this),function(){zr.img={},this._footageLoaded()}.bind(this)),zr}function yn(hr,zr){this.imagesLoadedCb=zr;var rs,as=hr.length;for(rs=0;rs<as;rs+=1)hr[rs].layers||(!hr[rs].t||hr[rs].t==="seq"?(this.totalImages+=1,this.images.push(this._createImageData(hr[rs]))):hr[rs].t===3&&(this.totalFootages+=1,this.images.push(this.createFootageData(hr[rs]))))}function Pn(hr){this.path=hr||""}function zn(hr){this.assetsPath=hr||""}function ar(hr){for(var zr=0,rs=this.images.length;zr<rs;){if(this.images[zr].assetData===hr)return this.images[zr].img;zr+=1}return null}function lr(){this.imagesLoadedCb=null,this.images.length=0}function cr(){return this.totalImages===this.loadedAssets}function Dr(){return this.totalFootages===this.loadedFootagesCount}function es(hr,zr){hr==="svg"?(this._elementHelper=zr,this._createImageData=this.createImageData.bind(this)):this._createImageData=this.createImgData.bind(this)}function Ur(){this._imageLoaded=s.bind(this),this._footageLoaded=a.bind(this),this.testImageLoaded=_e.bind(this),this.createFootageData=sn.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return Ur.prototype={loadAssets:yn,setAssetsPath:zn,setPath:Pn,loadedImages:cr,loadedFootages:Dr,destroy:lr,getAsset:ar,createImgData:rn,createImageData:bt,imageLoaded:s,footageLoaded:a,setCacheType:es},Ur}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(s,a){if(this._cbs[s])for(var b=this._cbs[s],_e=0;_e<b.length;_e+=1)b[_e](a)},addEventListener:function(s,a){return this._cbs[s]||(this._cbs[s]=[]),this._cbs[s].push(a),function(){this.removeEventListener(s,a)}.bind(this)},removeEventListener:function(s,a){if(!a)this._cbs[s]=null;else if(this._cbs[s]){for(var b=0,_e=this._cbs[s].length;b<_e;)this._cbs[s][b]===a&&(this._cbs[s].splice(b,1),b-=1,_e-=1),b+=1;this._cbs[s].length||(this._cbs[s]=null)}}};var markerParser=function(){function o(s){for(var a=s.split(`\r
|
|
8997
|
+
`;zs(Al)},[cs]),Ty=reactExports.useCallback(()=>{bt.isMobile!==!0&&mo!==!0&&(go(!0),!sceneStore$1.getState().CORE_API.sceneSettings.draggableUI&&(ho===!0?(zs(null),o(b)):_d()))},[ho,mo,cs]),gy=reactExports.useCallback(()=>{bt.isMobile!==!0&&(go(!1),!sceneStore$1.getState().CORE_API.sceneSettings.draggableUI&&(window.mouseDragging||ho===!0&&a&&a()))},[ho,mo]),wy=reactExports.useCallback(_f=>{_f.defaultPrevented===!0&&_f.preventDefault(),_f.stopPropagation(),sceneStore$1.getState().CORE_API.sceneSettings.draggableUI!==!1&&ho!==!1&&(window.pointerDownPos=_f.clientX,window.mouseDragging=!1,window.mouseDownImgSrc=bt.getResolvedAssetUrl(as),window.mouseDownSkuID=b,window.moveThreshold=10)},[ho,as]),El=reactExports.useCallback(_f=>{const yy=Ur.lookDetails[Pn];yy.productCategory={id:Ur.categoryID,label:Ur.categoryLabel},bt.isMobile===!0?(sn(yy),yn(!0)):(_f.stopPropagation(),ho&&a&&a(),sn(yy),yn(!0))},[ho,Pn,Ur]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:_e?"imageContainer active":"imageContainer",draggable:!1,children:[jsxRuntimeExports.jsxs("div",{className:"contentContainer",children:[jsxRuntimeExports.jsx("div",{id:"itemCard"+b,className:"contentOverlay ".concat(`${ho===!0&&mo===!0?"enabled-item-overlay":"disabled-item-overlay"}`),ref:rn,onClick:Zl,onTouchStart:wy,onMouseEnter:Ty,onMouseLeave:gy,onMouseDown:wy,children:jsxRuntimeExports.jsx("img",{draggable:!1,className:"addIcon",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"})}),jsxRuntimeExports.jsx("img",{className:"product-image product-image-default-state ".concat(`${ho===!1?"product-image-disabled":""}`),draggable:!1,alt:zr,src:bt.getResolvedAssetUrl(as)}),jsxRuntimeExports.jsx("div",{className:"spawning-requirements-container",hidden:!(ho===!1&&mo===!0&&cs),children:jsxRuntimeExports.jsx("p",{className:"spawning-requirements-text",children:cs})})]}),jsxRuntimeExports.jsxs("div",{className:bt.isMobile?"showAlways itemDetails":"itemDetails",onClick:El,children:[jsxRuntimeExports.jsx("div",{className:"item-details-icon"}),jsxRuntimeExports.jsx("p",{className:"truncate",children:zr})]})]})})},InfoModal=({visible:o})=>{const s=productDataStore$1(ar=>ar.categoryData),a=colorStore(ar=>ar.allActiveVariants),b=infoStore(ar=>ar.infoObject),_e=infoStore(ar=>ar.infoModalOpen),bt=infoStore(ar=>ar.updateInfoModalOpen),[rn,sn]=reactExports.useState(""),[yn,Pn]=reactExports.useState([]),zn=sceneStore$1(ar=>ar.CORE_API);return reactExports.useEffect(()=>{Object.keys(s).length!=0&&Pn(s.build)},[s]),reactExports.useEffect(()=>(sn(a[Object.keys(a)[0]]),()=>{}),[a]),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:_e?"infoModal open":"infoModal",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{bt(!1)},children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})}),jsxRuntimeExports.jsxs("a",{href:b.productPageUrl,className:"categoryLink",target:"_blank",style:b?.productPageUrl?{pointerEvents:"all"}:{pointerEvents:"none"},children:[jsxRuntimeExports.jsx("h2",{className:"categoryTitle",children:b?.productCategory?.label}),b.productPageUrl&&jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/OpenTab.svg"})]}),jsxRuntimeExports.jsx("div",{className:"infoModalImageContainer",children:b?.thumbnails?.high?jsxRuntimeExports.jsx("img",{className:"itemImage",src:zn.getResolvedAssetUrl(b.thumbnails.high)}):""}),jsxRuntimeExports.jsxs("div",{className:"infoModalTextContainer",children:[jsxRuntimeExports.jsx("h2",{className:"itemTitle",children:b.title}),jsxRuntimeExports.jsx("pre",{className:"itemDescription",children:b.description}),b.boundingBoxSize?jsxRuntimeExports.jsxs("p",{className:"infoModalDimensions",children:[b.boundingBoxSize.x.toFixed(1),"” W x"," ",b.boundingBoxSize.y.toFixed(1),"” D x"," ",b.boundingBoxSize.z.toFixed(1),"” H"]}):""]}),jsxRuntimeExports.jsx("div",{className:"infoModalActions",children:jsxRuntimeExports.jsx("button",{className:"item-price",disabled:!0,children:b.price&&`$${numberWithCommas(parseFloat(b.price).toFixed(2))}`})})]})})},PreconfigCard=({onClick:o,configId:s,name:a,thumbnailURL:b})=>{const _e=sceneStore$1(yn=>yn.CORE_API),[bt,rn]=reactExports.useState(!1),sn=reactExports.useCallback(yn=>{yn.stopPropagation(),o(s)},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:"imageContainer",draggable:!1,children:[jsxRuntimeExports.jsxs("div",{className:b?"contentContainer preconfig":"contentContainer preconfig contentDisabled",children:[jsxRuntimeExports.jsx("div",{id:"itemCard"+s,className:"contentOverlay ".concat(`${bt===!0?"enabled-item-overlay":"disabled-item-overlay"}`),onClick:yn=>sn(yn),onMouseEnter:()=>rn(!0),onMouseLeave:()=>rn(!1),children:jsxRuntimeExports.jsx("img",{draggable:!1,className:"addIcon",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"})}),jsxRuntimeExports.jsx("img",{className:"product-image product-image-default-state",draggable:!1,alt:a,src:b})]}),jsxRuntimeExports.jsx("div",{className:_e.isMobile?"showAlways itemDetails":"itemDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate",children:a})})]})})};function BuildTabItemRow({element:o,index:s,elementsLength:a,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,infoModalOpen:rn,setItemAllowed:sn,activeItems:yn}){return jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:o.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"item-grid",children:o.skus.map(Pn=>jsxRuntimeExports.jsx(ItemCard,{skuId:Pn,categoryID:o.categoryID,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,modalOpen:rn,categoryDataIndex:s,setItemAllowed:sn,active:yn.includes(Pn)},"itemCardB"+Pn))})}),s!==a-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function BuildTabItemRow_PreConfig({index:o,elementsLength:s,configsData:a,onClick:b,label:_e}){const bt=sceneStore$1(rn=>rn.CORE_API);return jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:_e}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"item-grid",children:a.map(rn=>jsxRuntimeExports.jsx(PreconfigCard,{onClick:b,configId:rn.epgsharedconfigid,name:rn.name,thumbnailURL:bt.getResolvedAssetUrl(rn.thumbnails.low)},"itemCardB"+rn.epgsharedconfigid))})}),o!==s-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function SecondMobileTabsHandler({index:o,label:s,activeTab:a,tabsRef:b,mobileGrid:_e}){const bt=reactExports.useCallback(rn=>{if(_e.current.scrollLeft===rn)return;let sn,yn,Pn,zn=!1;function ar(lr){sn===void 0&&(sn=lr);const cr=lr-sn;if(yn!==lr){const Dr=cr/200;_e.current.scrollLeft>rn?(Pn=(_e.current.scrollLeft-rn)*Math.min(Dr,1),_e.current.scrollLeft-=Pn,_e.current.scrollLeft===rn&&(zn=!0)):_e.current.scrollLeft<rn&&(Pn=(rn-_e.current.scrollLeft)*Math.min(Dr,1),_e.current.scrollLeft+=Pn,_e.current.scrollLeft===rn&&(zn=!0))}cr<200&&(yn=lr,!zn&&window.requestAnimationFrame(ar))}window.requestAnimationFrame(ar)},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("a",{className:a===o?"mobileTab scrolled":"mobileTab",onClick:()=>bt(b.current[o].offsetLeft-15),children:s})})}function MobileGrid({element:o,index:s,elementsLength:a,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,infoModalOpen:rn,setItemAllowed:sn,activeItems:yn,tabsRef:Pn}){return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("section",{id:`section-${o.categoryID}`,className:"mobileGridSection",ref:zn=>Pn.current[s]=zn,children:o.skus.map(zn=>jsxRuntimeExports.jsx(ItemCard,{skuId:zn,categoryID:o.categoryID,spawnGhosts:b,spawnItem:_e,removeAllGhosts:bt,modalOpen:rn,setItemAllowed:sn,active:yn.includes(zn)},"itemCardB"+zn))},"mobileGridSection"+s),s!==a-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}function MobileGrid_PreConfig({index:o,elementsLength:s,tabsRef:a,configsData:b,onClick:_e}){const bt=sceneStore$1(rn=>rn.CORE_API);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("section",{id:"section-preconfig",className:"mobileGridSection",ref:rn=>a.current[o]=rn,children:[b.map(rn=>jsxRuntimeExports.jsx(PreconfigCard,{onClick:_e,configId:rn.epgsharedconfigid,name:rn.name,thumbnailURL:bt.getResolvedAssetUrl(rn.thumbnails.low)},"itemCardB"+rn.epgsharedconfigid)),[...Array(5)].map((rn,sn)=>sn<5-b.length?jsxRuntimeExports.jsx(PreconfigCard,{onClick:()=>{}},"emptyCard"+sn):null)]},"mobileGridSection"+o),o!==s-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""]})}const BuildUI=({visible:o})=>{const s=productDataStore$1(mo=>mo.categoryData),[a,b]=reactExports.useState([]),[_e,bt]=reactExports.useState(void 0),rn=infoStore(mo=>mo.infoModalOpen),[sn,yn]=reactExports.useState(0),[Pn,zn]=reactExports.useState(!1),[ar,lr]=reactExports.useState([]),cr=infoStore(mo=>mo.populateInfoObject),Dr=infoStore(mo=>mo.updateInfoModalOpen),es=sceneStore$1(mo=>mo.CORE_API),Ur=itemStore(mo=>mo.itemsSpawned),hr=itemStore(mo=>mo.defaultSceneItemCount),zr=reactExports.useRef(null),rs=reactExports.useCallback(mo=>{let go=[];for(const[yl,Zl]of Object.entries(mo))go.push(Zl);lr(go)},[]);addCoreEventListener(es.EVENTS.UI.ContextMenu_InfoBtnClicked,mo=>{const go=mo.itemData.lookDetails[mo.currentVariant];let yl=go;yl.price=go.price,yl.id=mo.currentVariant,yl.productCategory={id:mo.itemData.categoryID,label:mo.itemData.categoryLabel},cr(yl),Dr(!0)}),addCoreEventListener(es.EVENTS.UI.ContextMenu_Hide,mo=>{LOGGER$1.info({title:"Context Menu Closed"})}),addCoreEventListener(es.EVENTS.SCENE.ReplaceableCategory_Updated,rs),reactExports.useEffect(()=>{const mo=es.getCurrentItemsInReplaceableCategory();return rs(mo),()=>{}},[es]),reactExports.useEffect(()=>{Object.keys(s).length!==0&&(b(s.build),s.preconfiguration!==void 0&&s.preconfiguration.configsData!=null&&bt(s.preconfiguration))},[s]);const as=reactExports.useCallback((mo,go)=>{sceneStore$1.getState().CORE_API.spawnItemBySkuID(mo,go)},[]),os=reactExports.useCallback(mo=>{_e.openConfirmationPopup===!1||Object.keys(Ur).length<=hr?sceneStore$1.getState().CORE_API.loadSceneFromConfigurationID(mo,!1):(sceneStore$1.setState({loadConfigId:mo}),sceneStore$1.getState().setLoadConfigModalOpen(!0))},[_e,hr,Ur]),cs=reactExports.useCallback(mo=>{sceneStore$1.getState().CORE_API.spawnGhostsForSkuID(mo,!1,1)},[]),zs=reactExports.useCallback(mo=>{rn||sceneStore$1.getState().CORE_API.removeAllGhosts(mo)},[rn]),ho=reactExports.useRef([]);reactExports.useEffect(()=>{if(!a)return;let mo=a.length;_e!==void 0&&(mo+=1),ho.current=ho.current.slice(0,mo)},[a,_e]);const ga=reactExports.useCallback(()=>{let mo=-3e3,go=-1,yl=a.length;_e!==void 0&&(yl+=1);for(let Zl=0;Zl<yl;Zl++){let _d=ho.current[Zl].getBoundingClientRect().left;_d<28&&mo<_d&&(mo=_d,go=Zl)}go!==-1&&yn(go)},[ho,a,_e]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("div",{className:"mobileTabContent",hidden:!o,children:jsxRuntimeExports.jsxs("div",{className:"scrollSpyTabs",children:[jsxRuntimeExports.jsxs("div",{className:"secondMobileTabs",children:[Object.keys(a).map((mo,go)=>jsxRuntimeExports.jsx(SecondMobileTabsHandler,{index:go,label:a[mo].label,activeTab:sn,tabsRef:ho,mobileGrid:zr},"mobileTabs"+mo)),_e!==void 0&&jsxRuntimeExports.jsx(SecondMobileTabsHandler,{index:a.length,label:_e.label,activeTab:sn,tabsRef:ho,mobileGrid:zr},"preconfiguration_mobileTabs")]}),jsxRuntimeExports.jsxs("div",{className:"mobileGrid",ref:zr,onScroll:ga,children:[a.map((mo,go)=>jsxRuntimeExports.jsx(MobileGrid,{element:mo,index:go,spawnGhosts:cs,spawnItem:as,removeAllGhosts:zs,infoModalOpen:rn,setItemAllowed:zn,activeItems:ar,tabsRef:ho,elementsLength:_e!==void 0?a.length+1:a.length},"mobileGrid"+go)),_e!==void 0&&jsxRuntimeExports.jsx(MobileGrid_PreConfig,{onClick:os,configsData:_e.configsData,tabsRef:ho,index:a.length,elementsLength:a.length+1},"preconfiguration_mobileGrid")]})]})}),jsxRuntimeExports.jsxs("div",{className:"container desktop",hidden:!o,children:[a.map((mo,go)=>jsxRuntimeExports.jsx(BuildTabItemRow,{element:mo,index:go,spawnGhosts:cs,spawnItem:as,removeAllGhosts:zs,infoModalOpen:rn,setItemAllowed:zn,activeItems:ar,elementsLength:a.length},`category_${mo.categoryID}_${go}`)),_e!==void 0&&jsxRuntimeExports.jsx(BuildTabItemRow_PreConfig,{onClick:os,configsData:_e.configsData,label:_e.label,index:a.length,elementsLength:a.length+1},"preconfiguration_desktopCategory")]})]})},handleGlobalVariantSwitch=(o,s)=>{sceneStore$1.getState().CORE_API.switchGlobalVariant(o,s)};function Divider$1(o,s){return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:o!==s.length-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""})}const Color=({visible:o})=>{const s=productDataStore$1(rn=>rn.categoryData),a=colorStore(rn=>rn.allActiveVariants),b=sceneStore$1(rn=>rn.materialOverrideExists),_e=sceneStore$1(rn=>rn.CORE_API),bt=reactExports.useCallback(()=>{sceneStore$1.getState().CORE_API.removeAllVariantOverrides()},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:"container desktop",style:{height:"auto"},hidden:!o,children:[b&&jsxRuntimeExports.jsx("button",{className:"removeAllColorOverridesButton",onClick:bt,disabled:!b,children:"Remove all overrides"}),s.color.map((rn,sn)=>jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:rn.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:rn.looks.map((yn,Pn)=>jsxRuntimeExports.jsxs("div",{onClick:()=>handleGlobalVariantSwitch(rn.id,yn),className:a[rn.id]==yn?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:_e.getResolvedAssetUrl(productDataStore$1.getState().lookData[yn]?.thumbnail)})]})}),jsxRuntimeExports.jsxs("div",{className:"colorDetails",children:[jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(productDataStore$1.getState().lookData[yn]?.label)}),jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(productDataStore$1.getState().lookData[yn]?.accent)})]})]},"Color-"+Pn))})}),jsxRuntimeExports.jsx(Divider$1,{})]},`${rn.label}-${sn}`))]})})},hotspotStore=create$3((o,s)=>({activeHotspotData:null,activeFeatureID:"",actions:{enterHotspotInFeaturesTab(b){sceneStore$1.getState().sideMenuState!==2&&sceneStore$1.setState({sideMenuState:2}),o({activeFeatureID:b})},exitHotspot(){o({activeFeatureID:null})}}}));function scrollToTop(o,s){if(o.current.scrollTop===s)return;let a,b,_e,bt=!1;function rn(sn){a===void 0&&(a=sn);const yn=sn-a;if(b!==sn){const Pn=yn/200;o.current.scrollTop>s?(_e=(o.current.scrollTop-s)*Math.min(Pn,1),o.current.scrollTop-=_e,o.current.scrollTop===s&&(bt=!0)):o.current.scrollTop<s&&(_e=(s-o.current.scrollTop)*Math.min(Pn,1),o.current.scrollTop+=_e,o.current.scrollTop===s&&(bt=!0))}yn<200&&(b=sn,!bt&&window.requestAnimationFrame(rn))}window.requestAnimationFrame(rn)}function CarouselItem({carouselTabKey:o,hotspotContentRef:s}){const a=reactExports.useRef(null),b=sceneStore$1(bt=>bt.CORE_API),_e=bt=>{bt.target.style.width="100%"};return jsxRuntimeExports.jsx(SplideSlide,{children:jsxRuntimeExports.jsxs("div",{className:"carouselTabParent",ref:a,children:[o.type==="img"&&jsxRuntimeExports.jsx("img",{src:b.getResolvedAssetUrl(o.link),alt:o.alt?o.alt:o.type,onLoad:bt=>_e(bt)}),o.type==="video"&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("p",{className:"carouselVideoPlaceholderText",children:o.alt?o.alt:o.type}),jsxRuntimeExports.jsx("video",{src:b.getResolvedAssetUrl(o.link),muted:!0,loop:!0,autoPlay:!0,playsInline:!0,controls:!1,onLoad:bt=>_e(bt)})]})]})},"SplideSlide-"+o.link)}function Tab({tabs:o,tabKey:s,index:a,activeFeatureID:b}){const[_e,bt]=reactExports.useState([]),rn=reactExports.useRef(null),sn=reactExports.useRef(null);sceneStore$1(lr=>lr.CORE_API);const yn=reactExports.useRef(null),Pn=reactExports.useCallback(lr=>{sceneStore$1.getState().CORE_API.clickHotspot("hotspot3D_"+lr,{ignoreUI:!0})},[]);reactExports.useEffect(()=>{let lr=[],cr=s.hotspotData;for(let Dr=0;Dr<cr.carousel.length;Dr++)cr.carousel[Dr].type!==""&&cr.carousel[Dr].link!==""&&(lr=[...lr,{...cr.carousel[Dr],index:Dr}]);bt(lr)},[s]),reactExports.useEffect(()=>{const{current:lr}=sn;lr&&(b===lr.id?zn(lr):ar(lr))},[b]);const zn=reactExports.useCallback(lr=>{lr.checked=!0,lr.nextElementSibling.nextElementSibling.setAttribute("style","max-height: 800px;");let es=lr.nextElementSibling.clientHeight*a;scrollToTop(o,es)},[]),ar=reactExports.useCallback(lr=>{lr.nextElementSibling.nextElementSibling.setAttribute("style","max-height: 0px;"),lr.checked=!1},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:s.hotspotData&&jsxRuntimeExports.jsxs("div",{className:"accordionTab",children:[jsxRuntimeExports.jsx("input",{type:"checkbox",name:"accordion",id:"rd_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID,defaultChecked:!1,ref:sn,onClick:lr=>{Pn(s.itemData.skuID+"_"+s.hotspotData.hotspotID,{ignoreUI:!1})}}),jsxRuntimeExports.jsxs("label",{className:"tab-label",htmlFor:"rd_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID,children:[jsxRuntimeExports.jsx("span",{children:s.hotspotData.title}),jsxRuntimeExports.jsx("img",{className:"accordion-closed",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Plus.svg"}),jsxRuntimeExports.jsx("img",{className:"accordion-open",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Minus.svg"})]}),jsxRuntimeExports.jsx("div",{className:"tab-content",children:jsxRuntimeExports.jsxs("div",{className:"hotspot-content",ref:yn,children:[jsxRuntimeExports.jsx(ReactQuill$1,{className:"ignore",modules:{toolbar:!1},theme:"bubble",readOnly:!0,value:s.hotspotData.description}),_e.length==1&&_e[0].type!=""&&_e[0].link!=""&&jsxRuntimeExports.jsx(CarouselItem,{carouselTabKey:_e[0],index:0,hotspotContentRef:yn},"carouselTabs_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID+"_0"),_e.length>1&&jsxRuntimeExports.jsx("div",{className:"carousel",children:jsxRuntimeExports.jsx(Splide2,{options:{perPage:1,preloadPages:3},ref:rn,children:_e.map((lr,cr)=>lr.type!=""&&lr.link!=""&&jsxRuntimeExports.jsx(CarouselItem,{carouselTabKey:lr,index:cr,hotspotContentRef:yn},"carouselTabs_"+s.itemData.skuID+"_"+s.hotspotData.hotspotID+"_"+lr.index))})})]})})]})})}const ProductFeaturesUI=({visible:o})=>{const s=sceneStore$1(_e=>_e.tabSpawnCount),a=reactExports.useRef(null),b=hotspotStore(_e=>_e.activeFeatureID);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"col desktop productFeatureUIDic",hidden:!o,ref:a,children:jsxRuntimeExports.jsxs("div",{className:"tabs",children:[s.length==0&&jsxRuntimeExports.jsx("div",{className:"tabEmptyText",children:"*Please add an item to the scene to see the features"}),s.map((_e,bt)=>jsxRuntimeExports.jsx(Tab,{tabs:a,activeFeatureID:b,tabKey:_e,index:bt},"tabs_"+_e.itemData.skuID+"_"+_e.hotspotData.hotspotID))]})})})},arrayWithoutElementAtIndex=function(o,s){return o.filter(function(a,b){return s!==b})},updateQuantityAtIndex=function(o,s,a){let b=o.slice();return b[s].quantity=a,b},cartStore=create$3((o,s)=>({cart:[],cartTotalPrice:0,deleteCartItem:a=>{o(b=>({cart:arrayWithoutElementAtIndex(b.cart,a)}))},addToCart:a=>{o(b=>({cart:[...b.cart,a]}))},updateQuantity:(a,b)=>{o(_e=>({cart:updateQuantityAtIndex(_e.cart,a,b)}))},previewCartModalOpen:!1,togglePreviewCartModal:()=>{const{previewCartModalOpen:a}=s();a===!0?sceneStore$1.getState().CORE_API.reviewCartHidden():sceneStore$1.getState().CORE_API.reviewCartShown(),o({previewCartModalOpen:!a})},actions:{setCartTotalPrice:a=>{o(()=>({cartTotalPrice:a}))}}})),CartItem=({itemObject:o})=>{const s=sceneStore$1(bt=>bt.CORE_API),a=sceneStore$1(bt=>bt.disableCart),[b,_e]=reactExports.useState(s.sceneSettings.currency);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:o.countUnavailable=="0"||a?"cartItem":"cartItem cartItemOutOfStock",draggable:!1,style:{display:o?"":"none"},children:[jsxRuntimeExports.jsx("div",{className:"cartItemImage",children:jsxRuntimeExports.jsx("img",{draggable:!1,src:s.getResolvedAssetUrl(o.thumbnails.review?o.thumbnails.review:o.thumbnails.low),alt:o.title})}),jsxRuntimeExports.jsxs("div",{className:"cartItemDetails",children:[jsxRuntimeExports.jsx("h4",{children:o.title}),jsxRuntimeExports.jsx("h5",{children:o.subtitle}),jsxRuntimeExports.jsxs("div",{className:"cartRow",children:[jsxRuntimeExports.jsxs("span",{className:"itemCount",children:[s.sceneSettings.textSettings.cartQuantityText,":"," ",o.count]}),jsxRuntimeExports.jsxs("h3",{className:"itemPrice".concat(a===!0?" hide":""),children:[b,parseFloat(o.price).toFixed(2)]})]}),o.actionButton&&jsxRuntimeExports.jsx("span",{className:"actionButton",onClick:()=>s.actionButtonClicked(o),children:o.actionButton.text}),jsxRuntimeExports.jsxs("div",{className:"cartRow".concat(a===!0||o.countUnavailable=="0"?" hide":""),children:[jsxRuntimeExports.jsx("img",{className:"cartRowImage",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Info_red.png"}),jsxRuntimeExports.jsxs("h3",{className:"itemAvailable",children:[o.countAvailable," IN STOCK"]}),jsxRuntimeExports.jsx("span",{className:"itemCount",children:"- quantities requested not available"})]})]})]})})},PreviewCart=({})=>{const o=cartStore(sn=>sn.cart),s=cartStore(sn=>sn.previewCartModalOpen),a=cartStore(sn=>sn.togglePreviewCartModal),b=sceneStore$1(sn=>sn.CORE_API),_e=sceneStore$1(sn=>sn.disableCart),bt=sceneStore$1(sn=>sn.cartMessage),rn=reactExports.useCallback(()=>{b.checkout()},[]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsxs("div",{className:s?"previewCartModal open":"previewCartModal",children:[jsxRuntimeExports.jsxs("div",{className:"previewCartModalChild",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{a()},children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})}),o.length<=0&&jsxRuntimeExports.jsx("h3",{className:"cartEmptyText",children:"Your cart is currently empty"}),o.length>0&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("h2",{className:"cartTitle",children:b.sceneSettings.textSettings.cartHeadingText}),jsxRuntimeExports.jsx("div",{className:"previewCartContentParentDiv",children:jsxRuntimeExports.jsx("div",{className:"previewCartContent",children:o.map((sn,yn)=>jsxRuntimeExports.jsx(CartItem,{itemObject:sn,index:yn},`Cart Item-${yn}`))})})]})]}),jsxRuntimeExports.jsxs("div",{className:"checkButtonParentDiv".concat(_e===!0?" hide":""),children:[bt&&jsxRuntimeExports.jsx("div",{className:"cartMessageDiv",children:jsxRuntimeExports.jsx("span",{children:bt})}),jsxRuntimeExports.jsx("button",{className:"checkoutButton",onClick:rn,children:jsxRuntimeExports.jsx("span",{children:b.sceneSettings.addToCartCTAText})})]})]})})},handleGlobalGeometryVariantSwitch=(o,s)=>{sceneStore$1.getState().CORE_API.switchGlobalGeometryVariant(o,s)};function Divider(o,s){return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:o!==s.length-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):""})}const GeometryVariants=({visible:o})=>{const s=productDataStore$1(_e=>_e.categoryData),a=colorStore(_e=>_e.allActiveGeometryVariants),b=sceneStore$1(_e=>_e.CORE_API);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"container desktop",style:{height:"auto"},hidden:!o,children:s.geometryVariants.map((_e,bt)=>jsxRuntimeExports.jsxs("div",{className:"subContainer topContainer",children:[jsxRuntimeExports.jsx("h4",{className:"subheading",children:_e.label}),jsxRuntimeExports.jsx("div",{className:"sidemenuContent",children:jsxRuntimeExports.jsx("div",{className:"color-grid geometry-variants-selection",children:Object.keys(_e.variants).map((rn,sn)=>jsxRuntimeExports.jsxs("div",{onClick:()=>handleGlobalGeometryVariantSwitch(_e.id,rn),className:a[_e.id]==rn?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",style:{borderRadius:"0%"},children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:b.getResolvedAssetUrl(_e.variants[rn].thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate colorDetailsLabel",children:capitalize$1(_e.variants[rn].label)})})]},"Color-"+sn))})}),jsxRuntimeExports.jsx(Divider,{})]},`${_e.label}-${bt}`))})})},VariantMobile=({sortedVariantsTabOrder:o})=>{const s=productDataStore$1(cs=>cs.categoryData),a=productDataStore$1(cs=>cs.lookData),b=colorStore(cs=>cs.allActiveVariants),_e=colorStore(cs=>cs.allActiveGeometryVariants),bt=sceneStore$1(cs=>cs.materialOverrideExists);sceneStore$1(cs=>cs.CORE_API);const[rn,sn]=reactExports.useState(0),[yn,Pn]=reactExports.useState(0);reactExports.useEffect(()=>{let cs=0;o.includes("color")===!0&&(cs+=s.color.length),o.includes("geometryVariants")===!0&&(cs+=s.geometryVariants.length),Pn(cs)},[s]);const zn=(cs,zs)=>{sceneStore$1.getState().CORE_API.switchGlobalGeometryVariant(cs,zs)},ar=(cs,zs)=>{sceneStore$1.getState().CORE_API.switchGlobalVariant(cs,zs)};function lr({color:cs,index:zs,elementId:ho,allActiveVariants:ga}){return jsxRuntimeExports.jsxs("div",{onClick:()=>ar(ho,cs),className:ga[ho]==cs?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:sceneStore$1.getState().CORE_API.getResolvedAssetUrl(a[cs]?.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate-mobile colorDetailsLabel",children:capitalize$1(a[cs]?.label)})})]},"Color-"+zs)}function cr({variant:cs,variantId:zs,index:ho,elementId:ga,allActiveGeometryVariants:mo}){return jsxRuntimeExports.jsxs("div",{onClick:()=>zn(ga,zs),className:mo[ga]==zs?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:sceneStore$1.getState().CORE_API.getResolvedAssetUrl(cs.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsx("p",{className:"truncate-mobile colorDetailsLabel",children:capitalize$1(cs.label)})})]},"GeometryVariant-"+ho)}function Dr({variantType:cs,element:zs,allActiveVariants:ho,startIndex:ga}){return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[cs=="color"&&zs.looks.map((mo,go)=>jsxRuntimeExports.jsx(lr,{color:mo,index:go,elementId:zs.id,allActiveVariants:ho},"MobileGridInternal_"+go)),cs=="geometry"&&Object.keys(zs.variants).map((mo,go)=>jsxRuntimeExports.jsx(cr,{variant:zs.variants[mo],index:go,elementId:zs.id,variantId:mo,allActiveGeometryVariants:ho},"MobileGridVariantInternal_"+go))]})}const es=reactExports.useCallback(({index:cs})=>jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:cs!==yn-1?jsxRuntimeExports.jsx("div",{className:"itemGridDivider"}):jsxRuntimeExports.jsx("div",{className:"itemGridPlaceholder"})}),[s,yn]),Ur=reactExports.useCallback(()=>{sceneStore$1.getState().CORE_API.removeAllVariantOverrides()},[]),hr=reactExports.useCallback(cs=>{if(rs.current.scrollLeft===cs)return;let zs,ho,ga,mo=!1;function go(yl){zs===void 0&&(zs=yl);const Zl=yl-zs;if(ho!==yl){const _d=Zl/200;rs.current.scrollLeft>cs?(ga=(rs.current.scrollLeft-cs)*Math.min(_d,1),rs.current.scrollLeft-=ga,rs.current.scrollLeft===cs&&(mo=!0)):rs.current.scrollLeft<cs&&(ga=(cs-rs.current.scrollLeft)*Math.min(_d,1),rs.current.scrollLeft+=ga,rs.current.scrollLeft===cs&&(mo=!0))}Zl<200&&(ho=yl,!mo&&window.requestAnimationFrame(go))}window.requestAnimationFrame(go)},[]),zr=reactExports.useRef([]);reactExports.useEffect(()=>{zr.current=zr.current.slice(0,yn)},[yn]);const rs=reactExports.useRef(null),as=reactExports.useCallback(({categoryID:cs,label:zs,index:ho,totalLength:ga})=>jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("a",{className:rn===ho?"mobileTab scrolled":"mobileTab",onClick:()=>{for(let mo=0;mo<ga;mo++)mo===ho&&hr(zr.current[mo].offsetLeft)},children:zs})}),[rn,zr]),os=reactExports.useCallback(()=>{let cs=-3e3,zs=-1;for(let ho=0;ho<yn;ho++){let ga=zr.current[ho].getBoundingClientRect().left;ga<28&&cs<ga&&(cs=ga,zs=ho)}zs!==-1&&sn(zs)},[zr,s,yn]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"mobileTabContent",children:jsxRuntimeExports.jsxs("div",{className:"scrollSpyTabs",children:[jsxRuntimeExports.jsx("div",{className:"secondMobileTabs",children:o.map((cs,zs)=>{if(cs=="color")return s.color.map((ho,ga)=>jsxRuntimeExports.jsx(as,{categoryID:ho.id,label:ho.label,index:zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga,totalLength:yn},"mobileTabsColors"+ho.id));if(cs=="geometryVariants")return s.geometryVariants.map((ho,ga)=>jsxRuntimeExports.jsx(as,{categoryID:ho.id,label:ho.label,index:zs==0?ga:o.includes("color")?s.color.length+ga:ga,totalLength:yn},"mobileTabsVariants"+ho.id))})}),jsxRuntimeExports.jsx("div",{children:jsxRuntimeExports.jsx("div",{className:"mobileGrid mobileGridCenter",ref:rs,onScroll:os,children:jsxRuntimeExports.jsxs("section",{className:"mobileGridSection",children:[bt&&jsxRuntimeExports.jsxs("button",{onClick:Ur,className:"removeAllColorOverridesButton",disabled:!bt,children:[jsxRuntimeExports.jsx("div",{className:"iconContainer",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/TrashSimple.svg",alt:"Remove"})}),"Remove all",jsxRuntimeExports.jsx("br",{}),"overrides"]}),o.map((cs,zs)=>{if(cs=="color")return s.color.map((ho,ga)=>jsxRuntimeExports.jsxs("section",{className:"mobileGridCategorySection color-variants-selection",id:`section-${ho.categoryID}`,ref:mo=>zr.current[zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga]=mo,children:[jsxRuntimeExports.jsx(Dr,{variantType:"color",element:ho,allActiveVariants:b},`mobileGrid-${ho.categoryID}`),jsxRuntimeExports.jsx(es,{index:zs==0?ga:o.includes("geometryVariants")?s.geometryVariants.length+ga:ga},"divider"+ho.categoryID)]},`sectionz-${ho.categoryID}-${ga}`));if(cs=="geometryVariants")return s.geometryVariants.map((ho,ga)=>jsxRuntimeExports.jsxs("section",{className:"mobileGridCategorySection geometry-variants-selection",id:`section-${ho.id}`,ref:mo=>zr.current[zs==0?ga:o.includes("color")?s.color.length+ga:ga]=mo,children:[jsxRuntimeExports.jsx(Dr,{variantType:"geometry",element:ho,allActiveVariants:_e},`mobileGrid-variants-${ho.id}`),jsxRuntimeExports.jsx(es,{index:zs==0?ga:o.includes("color")?s.color.length+ga:ga},"divider-variants-"+ho.id)]},`sectionz-variants-${ho.id}-${ga}`))})]})})})]})})})},SideMenu=({sideMenuOpen:o,sideMenuRef:s,toggleSideMenuOpen:a,configuratorWcRef:b,PUBLIC_DESIGN_ASSETS_ENDPOINT:_e,handleSideButtonClick:bt,useTabIcon:rn,GENERIC_PROJECT_ASSET_DATA_ROOT_URL:sn,sideMenuState:yn,togglePreviewCartModal:Pn,getItemCount:zn,currency:ar,numberWithCommas:lr})=>{const cr=productDataStore$1(rs=>rs.hotspotsData),Dr=productDataStore$1(rs=>rs.categoryData),es=sceneStore$1(rs=>rs.disableCart),Ur=sceneStore$1(rs=>rs.CORE_API),[hr,zr]=reactExports.useState([]);return reactExports.useEffect(()=>{const rs=Ur.sceneSettings.variantsTabOrder,as=Object.entries(rs);as.sort(([,cs],[,zs])=>cs.priority-zs.priority);const os=[];as.forEach(([cs,zs])=>{zs.enabled&&os.push(cs)}),zr(os)},[Ur]),reactExports.useEffect(()=>{if(!sceneStore$1.getState().CORE_API.isMobile)return;const{current:rs}=s;!rs||b.shadowRoot.getElementById("_leftShell")},[o,s]),jsxRuntimeExports.jsxs("div",{className:`sideMenu interactable ${o===!0?"":"side-menu-collapsed"}`,ref:s,children:[jsxRuntimeExports.jsxs("div",{className:o?"mobileExpandButton sideMenuOpen":"mobileExpandButton",children:[jsxRuntimeExports.jsx("span",{children:"Expand Configurator"}),jsxRuntimeExports.jsx("button",{role:"button",onClick:a,children:jsxRuntimeExports.jsx("img",{src:_e+"/Icon/ArrowDown.svg"})},"expandSideMenuButton")]}),jsxRuntimeExports.jsx("div",{className:o===!0?"sideMenuTabContainer":"sideMenuTabContainer side-menu-container-hide",children:jsxRuntimeExports.jsxs(Tabs,{className:"firstMobileTab",children:[jsxRuntimeExports.jsxs(TabList,{className:"firstMobileTabs",children:[jsxRuntimeExports.jsx(Tab$1,{children:jsxRuntimeExports.jsxs("div",{className:"mobileTab",onClick:()=>{bt(0)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/BuildTabIcon.svg"}):"",Ur.sceneSettings.textSettings.buildTabHeadingText]})}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsx(Tab$1,{children:jsxRuntimeExports.jsxs("div",{className:"mobileTab",onClick:()=>{bt(1)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ColorTabIcon.svg"}):"",Ur.sceneSettings.textSettings.colorTabHeadingText]})}),jsxRuntimeExports.jsx("button",{className:`collapse-side-menu-button ${o===!0?"":"set-display-none"}`,role:"button",onClick:a,children:jsxRuntimeExports.jsx("img",{src:_e+"/Icon/ArrowDown.svg"})},"collapseSideMenuButton")]}),jsxRuntimeExports.jsx(TabPanel,{children:jsxRuntimeExports.jsx(BuildUI,{sideMenuState:0},"BuildUI1")}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsx(TabPanel,{children:jsxRuntimeExports.jsx("div",{className:"variantContainer",children:jsxRuntimeExports.jsx(VariantMobile,{sortedVariantsTabOrder:hr})})})]})}),jsxRuntimeExports.jsxs("div",{className:"desktopSideMenu",children:[jsxRuntimeExports.jsxs("div",{className:"sideMenuTabs",children:[jsxRuntimeExports.jsxs("div",{className:yn===0?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(0)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"BuildTabIcon.png"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.buildTabHeadingText})]}),(Dr.color.length>0||Dr.geometryVariants.length>0)&&jsxRuntimeExports.jsxs("div",{className:yn===1?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(1)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ColorTabIcon.svg"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.colorTabHeadingText})]}),Object.keys(cr).length>0&&jsxRuntimeExports.jsxs("div",{className:yn===2?"activeSideMenuTab rightTopBarButton button":"inactiveSideMenuTab rightTopBarButton button",onClick:()=>{bt(2)},children:[rn?jsxRuntimeExports.jsx("img",{className:"icon",alt:"null",src:sn+"/thumbnails/common-ui/ProductFeaturesTabIcon.png"}):"",jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.featuresTabHeadingText})]})]}),jsxRuntimeExports.jsxs("div",{className:"sideMenuContent",children:[jsxRuntimeExports.jsx(PreviewCart,{}),jsxRuntimeExports.jsx(InfoModal,{visible:yn===0}),jsxRuntimeExports.jsx(BuildUI,{visible:yn===0},"buildUi-desktop"),jsxRuntimeExports.jsx("div",{className:"variantContainer",children:hr.map(rs=>{if(rs=="color"){if(Dr.color.length>0)return jsxRuntimeExports.jsx(Color,{visible:yn===1},"colourTab-desktop")}else if(rs=="geometryVariants"&&Dr.geometryVariants.length>0)return jsxRuntimeExports.jsx(GeometryVariants,{visible:yn===1},"geometryVariantsTab-desktop")})}),jsxRuntimeExports.jsx(ProductFeaturesUI,{visible:yn===2},"featuresTab-desktop")]})]}),jsxRuntimeExports.jsxs("div",{className:"bottomBar right button",onClick:()=>{Pn()},children:[jsxRuntimeExports.jsxs("div",{className:"bottomBarChildDiv",children:[jsxRuntimeExports.jsx("span",{children:Ur.sceneSettings.textSettings.reviewButtonText}),jsxRuntimeExports.jsx("div",{className:"cartNumber",children:zn()})]}),jsxRuntimeExports.jsx("div",{className:"reviewButtonParentDiv",children:jsxRuntimeExports.jsx("div",{className:"button reviewButton".concat(es===!0?" hide":""),children:jsxRuntimeExports.jsx("div",{className:"",children:`${ar}${lr(cartStore.getState().cartTotalPrice)}`})})})]})]})},PreviewCartMobile=({previewCartModalOpen:o,togglePreviewCartModal:s,PUBLIC_DESIGN_ASSETS_ENDPOINT:a,cart:b})=>{const _e=sceneStore$1(yn=>yn.disableCart),bt=sceneStore$1(yn=>yn.CORE_API),rn=sceneStore$1(yn=>yn.cartMessage),sn=reactExports.useCallback(()=>{bt.checkout()},[]);return jsxRuntimeExports.jsxs("div",{className:o?"previewCartModal mobile open":"previewCartModal mobile",children:[jsxRuntimeExports.jsx("button",{className:"closeButton",onClick:()=>{s()},children:jsxRuntimeExports.jsx("img",{src:a+"/Icon/X.svg"})}),jsxRuntimeExports.jsx("h2",{className:"cartTitle",children:bt.sceneSettings.textSettings.cartHeadingText}),b.length>0?jsxRuntimeExports.jsxs("div",{className:"previewCartContentParentDiv",children:[jsxRuntimeExports.jsx("div",{className:"previewCartContent",children:b.map(function(yn,Pn){return jsxRuntimeExports.jsx(CartItem,{itemObject:yn,index:Pn},`Cart Item - ${Pn}`)})}),jsxRuntimeExports.jsxs("div",{className:"previewCartButtonContainer".concat(_e===!0?" hide":""),children:[rn&&jsxRuntimeExports.jsx("div",{className:"cartMessageDiv",children:jsxRuntimeExports.jsx("span",{children:rn})}),jsxRuntimeExports.jsxs("button",{className:"checkoutButton",onClick:sn,children:[jsxRuntimeExports.jsx("span",{children:bt.sceneSettings.addToCartCTAText}),jsxRuntimeExports.jsx("img",{src:a+"/Icon/ArrowRight.svg"})]})]})]}):jsxRuntimeExports.jsx("h3",{className:"cartEmptyText",children:"Your cart is currently empty"})]})},ContextMenuDesktop=({selectedItemData:o,colors:s,colorsCategoryName:a})=>{const b=sceneStore$1(Dr=>Dr.CORE_API),[_e,bt]=reactExports.useState(null),[rn,sn]=reactExports.useState(0),[yn,Pn]=reactExports.useState(0),[zn,ar]=reactExports.useState(null),lr=reactExports.useRef(null),cr=reactExports.useCallback(()=>{b.fireEvent(b.EVENTS.UI.ContextMenu_InfoBtnClicked,o)},[o]);return reactExports.useEffect(()=>{ar(null),o&&(ar({...o}),o.overrideVariant?bt(o.overrideVariant):bt(o.currentVariant))},[o]),reactExports.useEffect(()=>{if(!zn||!o||!lr.current)return;const Dr=b.getCanvasSize();let es=o.offsetX+lr.current.children[0].clientWidth,Ur=o.offsetY+lr.current.children[0].clientHeight,hr=Dr.width-es;hr<0?sn(o.offsetX+hr-10):sn(o.offsetX);let zr=Dr.height-Ur;zr<0?Pn(o.offsetY+zr-10):Pn(o.offsetY)},[zn,o,lr]),jsxRuntimeExports.jsx("div",{ref:lr,children:o!==null&&jsxRuntimeExports.jsx("div",{className:"contextMenuParent interactable",style:{left:rn+"px",top:yn+"px"},children:jsxRuntimeExports.jsx("div",{className:"contextContentDiv",children:jsxRuntimeExports.jsxs("div",{className:"contextContent",children:[jsxRuntimeExports.jsxs("div",{className:"contextContentChildDiv",children:[jsxRuntimeExports.jsxs("div",{className:"contextNameContent",children:[jsxRuntimeExports.jsx("h3",{children:o.itemData.name}),jsxRuntimeExports.jsx("img",{className:"infoButton",src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Info.svg",onClick:()=>cr()})]}),jsxRuntimeExports.jsx("div",{className:"closeContainer",onClick:()=>b.exitSelectedItem(),children:jsxRuntimeExports.jsx("button",{role:"button",title:"Close",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/X.svg"})})})]}),s.length>0&&b.sceneSettings.disableLocalColorOverride===!1&&jsxRuntimeExports.jsxs("div",{className:"contextColorContent",children:[jsxRuntimeExports.jsxs("span",{className:"colorSwatchTitle",children:["Select ",a]}),jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:s.map((Dr,es)=>jsxRuntimeExports.jsxs("div",{onClick:async()=>{await b.overrideSelectedItemMaterial(Dr.id),bt(Dr.id)},asgaga:Dr.id,asd:_e,className:_e==Dr.id?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnailContainer",children:jsxRuntimeExports.jsxs("div",{className:"colorThumbnail",children:[jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})}),jsxRuntimeExports.jsx("img",{className:"contextColorThumbnail",src:b.getResolvedAssetUrl(Dr.thumbnail)})]})}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsxs("p",{className:"truncate colorDetailsLabel",children:[capitalize$1(Dr.label),jsxRuntimeExports.jsx("br",{}),jsxRuntimeExports.jsx("span",{className:"redText",children:Dr.outOfStock?"OUT OF STOCK":jsxRuntimeExports.jsx("br",{})})]})})]},"Color-"+es))})]}),jsxRuntimeExports.jsxs("div",{className:"contextButtons",children:[b.canSelectedItemDrag()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>{b.doesSelectedItemHasAttachedDependency()?sceneStore$1.getState().setRemoveModalOpen(!0):b.removeSelectedItem()},children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/TrashSimple.svg",alt:"Remove"}),jsxRuntimeExports.jsx("span",{children:"Remove"})]}),b.canSelectedItemRotate()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>b.rotateSelectedItem(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Rotate.svg"}),jsxRuntimeExports.jsx("span",{children:"Rotate"})]})]})]})})})})},ContextMenuMobile=({selectedItemData:o,contextMenuDrawerOpen:s,dismissContextMenuDrawer:a,colors:b,colorsCategoryName:_e})=>{const[bt,rn]=reactExports.useState(s),sn=reactExports.useRef(null),yn=sceneStore$1(lr=>lr.CORE_API),[Pn,zn]=reactExports.useState(null);reactExports.useEffect(()=>{sn.current&&sn.current.addEventListener("drawerClosed",()=>{a()})},[sn]),reactExports.useEffect(()=>(rn(s),()=>{}),[s]),reactExports.useEffect(()=>{!o||!o.itemData||(o.overrideVariant?zn(o.overrideVariant):zn(o.currentVariant))},[o]);function ar(){yn.doesSelectedItemHasAttachedDependency()?sceneStore$1.getState().setRemoveModalOpen(!0):(yn.removeSelectedItem(),a())}return jsxRuntimeExports.jsx(BottomDrawer,{id:"contextDrawer",ref:sn,open:`${bt}`,"initial-screen-coverage":"60%",children:jsxRuntimeExports.jsx("div",{className:"contextMenuDrawer epigraphDrawer",slot:"bottom-drawer-content",children:jsxRuntimeExports.jsxs("div",{className:"contextMenuParent interactable",children:[jsxRuntimeExports.jsx("div",{className:"contextContent",children:o&&o.itemData?jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{className:"contextContentNameDiv",children:jsxRuntimeExports.jsx("h3",{children:o.itemData.name})})}):""}),b.length>0&&yn.sceneSettings.disableLocalColorOverride===!1&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs("p",{className:"colorSwatchTitle",children:["Select ",_e]}),jsxRuntimeExports.jsx("div",{className:"color-grid color-variants-selection",children:b.map((lr,cr)=>jsxRuntimeExports.jsxs("div",{onClick:async()=>{await sceneStore$1.getState().CORE_API.overrideSelectedItemMaterial(lr.id),zn(lr.id)},className:Pn==lr.id?"colorSelector selected":"colorSelector",children:[jsxRuntimeExports.jsxs("div",{className:"colorThumbnailContainer",children:[jsxRuntimeExports.jsx("div",{className:"colorThumbnail",children:jsxRuntimeExports.jsx("img",{className:"colorThumbnailImg",src:yn.getResolvedAssetUrl(lr.thumbnail)})}),jsxRuntimeExports.jsx("div",{className:"checkMark",children:jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Check.svg"})})]}),jsxRuntimeExports.jsx("div",{className:"colorDetails",children:jsxRuntimeExports.jsxs("p",{className:"truncate colorDetailsLabel",children:[capitalize$1(lr.label),jsxRuntimeExports.jsx("br",{}),jsxRuntimeExports.jsx("span",{className:"redText",children:lr.outOfStock?"OUT OF STOCK":jsxRuntimeExports.jsx("br",{})})]})})]},"Color-"+cr))})]}),jsxRuntimeExports.jsxs("div",{className:"contextButtons",children:[yn.canSelectedItemDrag()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>ar(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Trash.svg"}),jsxRuntimeExports.jsx("span",{children:"Remove"})]}),yn.canSelectedItemRotate()&&jsxRuntimeExports.jsxs("button",{role:"button",onClick:()=>yn.rotateSelectedItem(),children:[jsxRuntimeExports.jsx("img",{src:PUBLIC_DESIGN_ASSETS_ENDPOINT$1+"/Icon/Rotate.svg"}),jsxRuntimeExports.jsx("span",{children:"Rotate"})]})]})]})})})},ContextMenu=({selectedItemData:o,contextMenuOpen:s,dismissContextMenuDrawer:a})=>{const b=sceneStore$1(lr=>lr.CORE_API),[_e,bt]=reactExports.useState(!1),[rn,sn]=reactExports.useState([]),[yn,Pn]=reactExports.useState(""),zn=sceneStore$1(lr=>lr.inventoryData);reactExports.useEffect(()=>(bt(s),()=>{}),[s]),reactExports.useEffect(()=>{if(sn([]),o===void 0||!o.itemData||b===null)return;const lr=b.getSelectedItemColors(),cr=b.getInventoryInfo()[o.itemData.skuID];if(lr.map(es=>{es.outOfStock=!1,cr[es.id].countAvailable==0&&(es.outOfStock=!0)}),sn(lr),lr.length===0)return;const Dr=b.categoryData;Dr.color&&Dr.color.map(es=>{es.looks.map(Ur=>{Ur===lr[0].id&&Pn(es.label)})})},[o]),reactExports.useEffect(()=>{zn!=null&&ar(zn)},[zn]);const ar=reactExports.useCallback(lr=>{const cr=b.getSelectedItemData();if(cr==null)return;const Dr=b.getSelectedItemColors(),es=lr[cr.itemData.skuID];Dr.map(Ur=>{Ur.outOfStock=!1,es[Ur.id].countAvailable==0&&(Ur.outOfStock=!0)}),sn(Dr)},[o]);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:b.isMobile&&window.innerWidth<=768?jsxRuntimeExports.jsx(ContextMenuMobile,{selectedItemData:o,contextMenuDrawerOpen:_e,dismissContextMenuDrawer:a,colors:rn,colorsCategoryName:yn}):_e&&jsxRuntimeExports.jsx(ContextMenuDesktop,{contextMenuDesktopOpen:_e,selectedItemData:o,colors:rn,colorsCategoryName:yn})})},FullScreenModal=reactExports.forwardRef((o,s)=>{const a=reactExports.useRef(null),b=reactExports.useRef(null);reactExports.useEffect(()=>{s.current&&b.current&&a.current&&(s.current.show=sn=>bt(),s.current.hide=sn=>rn(),s.current.mainContainer=a.current,s.current.closeButton=b.current,_e())},[s,b,a]);const _e=()=>{b.current.addEventListener("click",()=>{o.onExit&&o.onExit(),rn()})},bt=()=>{a.current.classList.add("show")},rn=()=>{a.current.classList.remove("show")};return jsxRuntimeExports.jsx("div",{id:o.id,ref:s,className:o.className,children:jsxRuntimeExports.jsx("div",{ref:a,className:"full-screen-modal-container",children:jsxRuntimeExports.jsxs("div",{className:"modal-content-container",children:[jsxRuntimeExports.jsx("button",{ref:b,className:"close-button",children:jsxRuntimeExports.jsx("img",{src:"https://storage.googleapis.com/gsc-epigraph-design/product-assets/Icon/X.svg"})}),jsxRuntimeExports.jsx("slot",{name:"full-screen-dialog-content",children:o.children})]})})})});var lottie$1={exports:{}};(function(module,exports){typeof navigator<"u"&&function(o,s){module.exports=s()}(commonjsGlobal,function(){var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(s){_useWebWorker=!!s},getWebWorker=function(){return _useWebWorker},setLocationHref=function(s){locationHref=s},getLocationHref=function(){return locationHref};function createTag(o){return document.createElement(o)}function extendPrototype(o,s){var a,b=o.length,_e;for(a=0;a<b;a+=1){_e=o[a].prototype;for(var bt in _e)Object.prototype.hasOwnProperty.call(_e,bt)&&(s.prototype[bt]=_e[bt])}}function getDescriptor(o,s){return Object.getOwnPropertyDescriptor(o,s)}function createProxyFunction(o){function s(){}return s.prototype=o,s}var audioControllerFactory=function(){function o(s){this.audios=[],this.audioFactory=s,this._volume=1,this._isMuted=!1}return o.prototype={addAudio:function(a){this.audios.push(a)},pause:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].pause()},resume:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].resume()},setRate:function(a){var b,_e=this.audios.length;for(b=0;b<_e;b+=1)this.audios[b].setRate(a)},createAudio:function(a){return this.audioFactory?this.audioFactory(a):window.Howl?new window.Howl({src:[a]}):{isPlaying:!1,play:function(){this.isPlaying=!0},seek:function(){this.isPlaying=!1},playing:function(){},rate:function(){},setVolume:function(){}}},setAudioFactory:function(a){this.audioFactory=a},setVolume:function(a){this._volume=a,this._updateVolume()},mute:function(){this._isMuted=!0,this._updateVolume()},unmute:function(){this._isMuted=!1,this._updateVolume()},getVolume:function(){return this._volume},_updateVolume:function(){var a,b=this.audios.length;for(a=0;a<b;a+=1)this.audios[a].volume(this._volume*(this._isMuted?0:1))}},function(){return new o}}(),createTypedArray=function(){function o(a,b){var _e=0,bt=[],rn;switch(a){case"int16":case"uint8c":rn=1;break;default:rn=1.1;break}for(_e=0;_e<b;_e+=1)bt.push(rn);return bt}function s(a,b){return a==="float32"?new Float32Array(b):a==="int16"?new Int16Array(b):a==="uint8c"?new Uint8ClampedArray(b):o(a,b)}return typeof Uint8ClampedArray=="function"&&typeof Float32Array=="function"?s:o}();function createSizedArray(o){return Array.apply(null,{length:o})}function _typeof$6(o){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?_typeof$6=function(a){return typeof a}:_typeof$6=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof$6(o)}var subframeEnabled=!0,expressionsPlugin=null,expressionsInterfaces=null,idPrefix$1="",isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),bmPow=Math.pow,bmSqrt=Math.sqrt,bmFloor=Math.floor,bmMax=Math.max,bmMin=Math.min,BMMath={};(function(){var o=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],s,a=o.length;for(s=0;s<a;s+=1)BMMath[o[s]]=Math[o[s]]})(),BMMath.random=Math.random,BMMath.abs=function(o){var s=_typeof$6(o);if(s==="object"&&o.length){var a=createSizedArray(o.length),b,_e=o.length;for(b=0;b<_e;b+=1)a[b]=Math.abs(o[b]);return a}return Math.abs(o)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function styleDiv(o){o.style.position="absolute",o.style.top=0,o.style.left=0,o.style.display="block",o.style.transformOrigin="0 0",o.style.webkitTransformOrigin="0 0",o.style.backfaceVisibility="visible",o.style.webkitBackfaceVisibility="visible",o.style.transformStyle="preserve-3d",o.style.webkitTransformStyle="preserve-3d",o.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(o,s,a,b){this.type=o,this.currentTime=s,this.totalTime=a,this.direction=b<0?-1:1}function BMCompleteEvent(o,s){this.type=o,this.direction=s<0?-1:1}function BMCompleteLoopEvent(o,s,a,b){this.type=o,this.currentLoop=a,this.totalLoops=s,this.direction=b<0?-1:1}function BMSegmentStartEvent(o,s,a){this.type=o,this.firstFrame=s,this.totalFrames=a}function BMDestroyEvent(o,s){this.type=o,this.target=s}function BMRenderFrameErrorEvent(o,s){this.type="renderFrameError",this.nativeError=o,this.currentTime=s}function BMConfigErrorEvent(o){this.type="configError",this.nativeError=o}var createElementID=function(){var o=0;return function(){return o+=1,idPrefix$1+"__lottie_element_"+o}}();function HSVtoRGB(o,s,a){var b,_e,bt,rn,sn,yn,Pn,zn;switch(rn=Math.floor(o*6),sn=o*6-rn,yn=a*(1-s),Pn=a*(1-sn*s),zn=a*(1-(1-sn)*s),rn%6){case 0:b=a,_e=zn,bt=yn;break;case 1:b=Pn,_e=a,bt=yn;break;case 2:b=yn,_e=a,bt=zn;break;case 3:b=yn,_e=Pn,bt=a;break;case 4:b=zn,_e=yn,bt=a;break;case 5:b=a,_e=yn,bt=Pn;break}return[b,_e,bt]}function RGBtoHSV(o,s,a){var b=Math.max(o,s,a),_e=Math.min(o,s,a),bt=b-_e,rn,sn=b===0?0:bt/b,yn=b/255;switch(b){case _e:rn=0;break;case o:rn=s-a+bt*(s<a?6:0),rn/=6*bt;break;case s:rn=a-o+bt*2,rn/=6*bt;break;case a:rn=o-s+bt*4,rn/=6*bt;break}return[rn,sn,yn]}function addSaturationToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[1]+=s,a[1]>1?a[1]=1:a[1]<=0&&(a[1]=0),HSVtoRGB(a[0],a[1],a[2])}function addBrightnessToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[2]+=s,a[2]>1?a[2]=1:a[2]<0&&(a[2]=0),HSVtoRGB(a[0],a[1],a[2])}function addHueToRGB(o,s){var a=RGBtoHSV(o[0]*255,o[1]*255,o[2]*255);return a[0]+=s/360,a[0]>1?a[0]-=1:a[0]<0&&(a[0]+=1),HSVtoRGB(a[0],a[1],a[2])}var rgbToHex=function(){var o=[],s,a;for(s=0;s<256;s+=1)a=s.toString(16),o[s]=a.length===1?"0"+a:a;return function(b,_e,bt){return b<0&&(b=0),_e<0&&(_e=0),bt<0&&(bt=0),"#"+o[b]+o[_e]+o[bt]}}(),setSubframeEnabled=function(s){subframeEnabled=!!s},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(s){expressionsPlugin=s},getExpressionsPlugin=function(){return expressionsPlugin},setExpressionInterfaces=function(s){expressionsInterfaces=s},getExpressionInterfaces=function(){return expressionsInterfaces},setDefaultCurveSegments=function(s){defaultCurveSegments=s},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(s){idPrefix$1=s};function createNS(o){return document.createElementNS(svgNS,o)}function _typeof$5(o){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?_typeof$5=function(a){return typeof a}:_typeof$5=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof$5(o)}var dataManager=function(){var o=1,s=[],a,b,_e={onmessage:function(){},postMessage:function(cr){a({data:cr})}},bt={postMessage:function(cr){_e.onmessage({data:cr})}};function rn(lr){if(window.Worker&&window.Blob&&getWebWorker()){var cr=new Blob(["var _workerSelf = self; self.onmessage = ",lr.toString()],{type:"text/javascript"}),Dr=URL.createObjectURL(cr);return new Worker(Dr)}return a=lr,_e}function sn(){b||(b=rn(function(cr){function Dr(){function Ur(Ty,gy){var wy,El,_f=Ty.length,yy,Al,My,By;for(El=0;El<_f;El+=1)if(wy=Ty[El],"ks"in wy&&!wy.completed){if(wy.completed=!0,wy.hasMask){var lA=wy.masksProperties;for(Al=lA.length,yy=0;yy<Al;yy+=1)if(lA[yy].pt.k.i)os(lA[yy].pt.k);else for(By=lA[yy].pt.k.length,My=0;My<By;My+=1)lA[yy].pt.k[My].s&&os(lA[yy].pt.k[My].s[0]),lA[yy].pt.k[My].e&&os(lA[yy].pt.k[My].e[0])}wy.ty===0?(wy.layers=rs(wy.refId,gy),Ur(wy.layers,gy)):wy.ty===4?as(wy.shapes):wy.ty===5&&Zl(wy)}}function hr(Ty,gy){if(Ty){var wy=0,El=Ty.length;for(wy=0;wy<El;wy+=1)Ty[wy].t===1&&(Ty[wy].data.layers=rs(Ty[wy].data.refId,gy),Ur(Ty[wy].data.layers,gy))}}function zr(Ty,gy){for(var wy=0,El=gy.length;wy<El;){if(gy[wy].id===Ty)return gy[wy];wy+=1}return null}function rs(Ty,gy){var wy=zr(Ty,gy);return wy?wy.layers.__used?JSON.parse(JSON.stringify(wy.layers)):(wy.layers.__used=!0,wy.layers):null}function as(Ty){var gy,wy=Ty.length,El,_f;for(gy=wy-1;gy>=0;gy-=1)if(Ty[gy].ty==="sh")if(Ty[gy].ks.k.i)os(Ty[gy].ks.k);else for(_f=Ty[gy].ks.k.length,El=0;El<_f;El+=1)Ty[gy].ks.k[El].s&&os(Ty[gy].ks.k[El].s[0]),Ty[gy].ks.k[El].e&&os(Ty[gy].ks.k[El].e[0]);else Ty[gy].ty==="gr"&&as(Ty[gy].it)}function os(Ty){var gy,wy=Ty.i.length;for(gy=0;gy<wy;gy+=1)Ty.i[gy][0]+=Ty.v[gy][0],Ty.i[gy][1]+=Ty.v[gy][1],Ty.o[gy][0]+=Ty.v[gy][0],Ty.o[gy][1]+=Ty.v[gy][1]}function cs(Ty,gy){var wy=gy?gy.split("."):[100,100,100];return Ty[0]>wy[0]?!0:wy[0]>Ty[0]?!1:Ty[1]>wy[1]?!0:wy[1]>Ty[1]?!1:Ty[2]>wy[2]?!0:wy[2]>Ty[2]?!1:null}var zs=function(){var Ty=[4,4,14];function gy(El){var _f=El.t.d;El.t.d={k:[{s:_f,t:0}]}}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===5&&gy(El[_f])}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),ho=function(){var Ty=[4,7,99];return function(gy){if(gy.chars&&!cs(Ty,gy.v)){var wy,El=gy.chars.length;for(wy=0;wy<El;wy+=1){var _f=gy.chars[wy];_f.data&&_f.data.shapes&&(as(_f.data.shapes),_f.data.ip=0,_f.data.op=99999,_f.data.st=0,_f.data.sr=1,_f.data.ks={p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0}},gy.chars[wy].t||(_f.data.shapes.push({ty:"no"}),_f.data.shapes[0].it.push({p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0},sk:{k:0,a:0},sa:{k:0,a:0},ty:"tr"})))}}}}(),ga=function(){var Ty=[5,7,15];function gy(El){var _f=El.t.p;typeof _f.a=="number"&&(_f.a={a:0,k:_f.a}),typeof _f.p=="number"&&(_f.p={a:0,k:_f.p}),typeof _f.r=="number"&&(_f.r={a:0,k:_f.r})}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===5&&gy(El[_f])}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),mo=function(){var Ty=[4,1,9];function gy(El){var _f,yy=El.length,Al,My;for(_f=0;_f<yy;_f+=1)if(El[_f].ty==="gr")gy(El[_f].it);else if(El[_f].ty==="fl"||El[_f].ty==="st")if(El[_f].c.k&&El[_f].c.k[0].i)for(My=El[_f].c.k.length,Al=0;Al<My;Al+=1)El[_f].c.k[Al].s&&(El[_f].c.k[Al].s[0]/=255,El[_f].c.k[Al].s[1]/=255,El[_f].c.k[Al].s[2]/=255,El[_f].c.k[Al].s[3]/=255),El[_f].c.k[Al].e&&(El[_f].c.k[Al].e[0]/=255,El[_f].c.k[Al].e[1]/=255,El[_f].c.k[Al].e[2]/=255,El[_f].c.k[Al].e[3]/=255);else El[_f].c.k[0]/=255,El[_f].c.k[1]/=255,El[_f].c.k[2]/=255,El[_f].c.k[3]/=255}function wy(El){var _f,yy=El.length;for(_f=0;_f<yy;_f+=1)El[_f].ty===4&&gy(El[_f].shapes)}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}(),go=function(){var Ty=[4,4,18];function gy(El){var _f,yy=El.length,Al,My;for(_f=yy-1;_f>=0;_f-=1)if(El[_f].ty==="sh")if(El[_f].ks.k.i)El[_f].ks.k.c=El[_f].closed;else for(My=El[_f].ks.k.length,Al=0;Al<My;Al+=1)El[_f].ks.k[Al].s&&(El[_f].ks.k[Al].s[0].c=El[_f].closed),El[_f].ks.k[Al].e&&(El[_f].ks.k[Al].e[0].c=El[_f].closed);else El[_f].ty==="gr"&&gy(El[_f].it)}function wy(El){var _f,yy,Al=El.length,My,By,lA,wA;for(yy=0;yy<Al;yy+=1){if(_f=El[yy],_f.hasMask){var Fy=_f.masksProperties;for(By=Fy.length,My=0;My<By;My+=1)if(Fy[My].pt.k.i)Fy[My].pt.k.c=Fy[My].cl;else for(wA=Fy[My].pt.k.length,lA=0;lA<wA;lA+=1)Fy[My].pt.k[lA].s&&(Fy[My].pt.k[lA].s[0].c=Fy[My].cl),Fy[My].pt.k[lA].e&&(Fy[My].pt.k[lA].e[0].c=Fy[My].cl)}_f.ty===4&&gy(_f.shapes)}}return function(El){if(cs(Ty,El.v)&&(wy(El.layers),El.assets)){var _f,yy=El.assets.length;for(_f=0;_f<yy;_f+=1)El.assets[_f].layers&&wy(El.assets[_f].layers)}}}();function yl(Ty){Ty.__complete||(mo(Ty),zs(Ty),ho(Ty),ga(Ty),go(Ty),Ur(Ty.layers,Ty.assets),hr(Ty.chars,Ty.assets),Ty.__complete=!0)}function Zl(Ty){Ty.t.a.length===0&&"m"in Ty.t.p}var _d={};return _d.completeData=yl,_d.checkColors=mo,_d.checkChars=ho,_d.checkPathProperties=ga,_d.checkShapes=go,_d.completeLayers=Ur,_d}if(bt.dataManager||(bt.dataManager=Dr()),bt.assetLoader||(bt.assetLoader=function(){function Ur(zr){var rs=zr.getResponseHeader("content-type");return rs&&zr.responseType==="json"&&rs.indexOf("json")!==-1||zr.response&&_typeof$5(zr.response)==="object"?zr.response:zr.response&&typeof zr.response=="string"?JSON.parse(zr.response):zr.responseText?JSON.parse(zr.responseText):null}function hr(zr,rs,as,os){var cs,zs=new XMLHttpRequest;try{zs.responseType="json"}catch{}zs.onreadystatechange=function(){if(zs.readyState===4)if(zs.status===200)cs=Ur(zs),as(cs);else try{cs=Ur(zs),as(cs)}catch(ho){os&&os(ho)}};try{zs.open(["G","E","T"].join(""),zr,!0)}catch{zs.open(["G","E","T"].join(""),rs+"/"+zr,!0)}zs.send()}return{load:hr}}()),cr.data.type==="loadAnimation")bt.assetLoader.load(cr.data.path,cr.data.fullPath,function(Ur){bt.dataManager.completeData(Ur),bt.postMessage({id:cr.data.id,payload:Ur,status:"success"})},function(){bt.postMessage({id:cr.data.id,status:"error"})});else if(cr.data.type==="complete"){var es=cr.data.animation;bt.dataManager.completeData(es),bt.postMessage({id:cr.data.id,payload:es,status:"success"})}else cr.data.type==="loadData"&&bt.assetLoader.load(cr.data.path,cr.data.fullPath,function(Ur){bt.postMessage({id:cr.data.id,payload:Ur,status:"success"})},function(){bt.postMessage({id:cr.data.id,status:"error"})})}),b.onmessage=function(lr){var cr=lr.data,Dr=cr.id,es=s[Dr];s[Dr]=null,cr.status==="success"?es.onComplete(cr.payload):es.onError&&es.onError()})}function yn(lr,cr){o+=1;var Dr="processId_"+o;return s[Dr]={onComplete:lr,onError:cr},Dr}function Pn(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"loadAnimation",path:lr,fullPath:window.location.origin+window.location.pathname,id:es})}function zn(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"loadData",path:lr,fullPath:window.location.origin+window.location.pathname,id:es})}function ar(lr,cr,Dr){sn();var es=yn(cr,Dr);b.postMessage({type:"complete",animation:lr,id:es})}return{loadAnimation:Pn,loadData:zn,completeAnimation:ar}}(),ImagePreloader=function(){var o=function(){var hr=createTag("canvas");hr.width=1,hr.height=1;var zr=hr.getContext("2d");return zr.fillStyle="rgba(0,0,0,0)",zr.fillRect(0,0,1,1),hr}();function s(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function a(){this.loadedFootagesCount+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function b(hr,zr,rs){var as="";if(hr.e)as=hr.p;else if(zr){var os=hr.p;os.indexOf("images/")!==-1&&(os=os.split("/")[1]),as=zr+os}else as=rs,as+=hr.u?hr.u:"",as+=hr.p;return as}function _e(hr){var zr=0,rs=setInterval(function(){var as=hr.getBBox();(as.width||zr>500)&&(this._imageLoaded(),clearInterval(rs)),zr+=1}.bind(this),50)}function bt(hr){var zr=b(hr,this.assetsPath,this.path),rs=createNS("image");isSafari?this.testImageLoaded(rs):rs.addEventListener("load",this._imageLoaded,!1),rs.addEventListener("error",function(){as.img=o,this._imageLoaded()}.bind(this),!1),rs.setAttributeNS("http://www.w3.org/1999/xlink","href",zr),this._elementHelper.append?this._elementHelper.append(rs):this._elementHelper.appendChild(rs);var as={img:rs,assetData:hr};return as}function rn(hr){var zr=b(hr,this.assetsPath,this.path),rs=createTag("img");rs.crossOrigin="anonymous",rs.addEventListener("load",this._imageLoaded,!1),rs.addEventListener("error",function(){as.img=o,this._imageLoaded()}.bind(this),!1),rs.src=zr;var as={img:rs,assetData:hr};return as}function sn(hr){var zr={assetData:hr},rs=b(hr,this.assetsPath,this.path);return dataManager.loadData(rs,function(as){zr.img=as,this._footageLoaded()}.bind(this),function(){zr.img={},this._footageLoaded()}.bind(this)),zr}function yn(hr,zr){this.imagesLoadedCb=zr;var rs,as=hr.length;for(rs=0;rs<as;rs+=1)hr[rs].layers||(!hr[rs].t||hr[rs].t==="seq"?(this.totalImages+=1,this.images.push(this._createImageData(hr[rs]))):hr[rs].t===3&&(this.totalFootages+=1,this.images.push(this.createFootageData(hr[rs]))))}function Pn(hr){this.path=hr||""}function zn(hr){this.assetsPath=hr||""}function ar(hr){for(var zr=0,rs=this.images.length;zr<rs;){if(this.images[zr].assetData===hr)return this.images[zr].img;zr+=1}return null}function lr(){this.imagesLoadedCb=null,this.images.length=0}function cr(){return this.totalImages===this.loadedAssets}function Dr(){return this.totalFootages===this.loadedFootagesCount}function es(hr,zr){hr==="svg"?(this._elementHelper=zr,this._createImageData=this.createImageData.bind(this)):this._createImageData=this.createImgData.bind(this)}function Ur(){this._imageLoaded=s.bind(this),this._footageLoaded=a.bind(this),this.testImageLoaded=_e.bind(this),this.createFootageData=sn.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return Ur.prototype={loadAssets:yn,setAssetsPath:zn,setPath:Pn,loadedImages:cr,loadedFootages:Dr,destroy:lr,getAsset:ar,createImgData:rn,createImageData:bt,imageLoaded:s,footageLoaded:a,setCacheType:es},Ur}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(s,a){if(this._cbs[s])for(var b=this._cbs[s],_e=0;_e<b.length;_e+=1)b[_e](a)},addEventListener:function(s,a){return this._cbs[s]||(this._cbs[s]=[]),this._cbs[s].push(a),function(){this.removeEventListener(s,a)}.bind(this)},removeEventListener:function(s,a){if(!a)this._cbs[s]=null;else if(this._cbs[s]){for(var b=0,_e=this._cbs[s].length;b<_e;)this._cbs[s][b]===a&&(this._cbs[s].splice(b,1),b-=1,_e-=1),b+=1;this._cbs[s].length||(this._cbs[s]=null)}}};var markerParser=function(){function o(s){for(var a=s.split(`\r
|
|
8998
8998
|
`),b={},_e,bt=0,rn=0;rn<a.length;rn+=1)_e=a[rn].split(":"),_e.length===2&&(b[_e[0]]=_e[1].trim(),bt+=1);if(bt===0)throw new Error;return b}return function(s){for(var a=[],b=0;b<s.length;b+=1){var _e=s[b],bt={time:_e.tm,duration:_e.dr};try{bt.payload=JSON.parse(s[b].cm)}catch{try{bt.payload=o(s[b].cm)}catch{bt.payload={name:s[b].cm}}}a.push(bt)}return a}}(),ProjectInterface=function(){function o(s){this.compositions.push(s)}return function(){function s(a){for(var b=0,_e=this.compositions.length;b<_e;){if(this.compositions[b].data&&this.compositions[b].data.nm===a)return this.compositions[b].prepareFrame&&this.compositions[b].data.xt&&this.compositions[b].prepareFrame(this.currentFrame),this.compositions[b].compInterface;b+=1}return null}return s.compositions=[],s.currentFrame=0,s.registerComposition=o,s}}(),renderers={},registerRenderer=function(s,a){renderers[s]=a};function getRenderer(o){return renderers[o]}function getRegisteredRenderer(){if(renderers.canvas)return"canvas";for(var o in renderers)if(renderers[o])return o;return""}function _typeof$4(o){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?_typeof$4=function(a){return typeof a}:_typeof$4=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof$4(o)}var AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.firstFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=createElementID(),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.isSubframeEnabled=getSubframeEnabled(),this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader,this.audioController=audioControllerFactory(),this.markers=[],this.configAnimation=this.configAnimation.bind(this),this.onSetupError=this.onSetupError.bind(this),this.onSegmentComplete=this.onSegmentComplete.bind(this),this.drawnFrameEvent=new BMEnterFrameEvent("drawnFrame",0,0,0),this.expressionsPlugin=getExpressionsPlugin()};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(o){(o.wrapper||o.container)&&(this.wrapper=o.wrapper||o.container);var s="svg";o.animType?s=o.animType:o.renderer&&(s=o.renderer);var a=getRenderer(s);this.renderer=new a(this,o.rendererSettings),this.imagePreloader.setCacheType(s,this.renderer.globalData.defs),this.renderer.setProjectInterface(this.projectInterface),this.animType=s,o.loop===""||o.loop===null||o.loop===void 0||o.loop===!0?this.loop=!0:o.loop===!1?this.loop=!1:this.loop=parseInt(o.loop,10),this.autoplay="autoplay"in o?o.autoplay:!0,this.name=o.name?o.name:"",this.autoloadSegments=Object.prototype.hasOwnProperty.call(o,"autoloadSegments")?o.autoloadSegments:!0,this.assetsPath=o.assetsPath,this.initialSegment=o.initialSegment,o.audioFactory&&this.audioController.setAudioFactory(o.audioFactory),o.animationData?this.setupAnimation(o.animationData):o.path&&(o.path.lastIndexOf("\\")!==-1?this.path=o.path.substr(0,o.path.lastIndexOf("\\")+1):this.path=o.path.substr(0,o.path.lastIndexOf("/")+1),this.fileName=o.path.substr(o.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),dataManager.loadAnimation(o.path,this.configAnimation,this.onSetupError))},AnimationItem.prototype.onSetupError=function(){this.trigger("data_failed")},AnimationItem.prototype.setupAnimation=function(o){dataManager.completeAnimation(o,this.configAnimation)},AnimationItem.prototype.setData=function(o,s){s&&_typeof$4(s)!=="object"&&(s=JSON.parse(s));var a={wrapper:o,animationData:s},b=o.attributes;a.path=b.getNamedItem("data-animation-path")?b.getNamedItem("data-animation-path").value:b.getNamedItem("data-bm-path")?b.getNamedItem("data-bm-path").value:b.getNamedItem("bm-path")?b.getNamedItem("bm-path").value:"",a.animType=b.getNamedItem("data-anim-type")?b.getNamedItem("data-anim-type").value:b.getNamedItem("data-bm-type")?b.getNamedItem("data-bm-type").value:b.getNamedItem("bm-type")?b.getNamedItem("bm-type").value:b.getNamedItem("data-bm-renderer")?b.getNamedItem("data-bm-renderer").value:b.getNamedItem("bm-renderer")?b.getNamedItem("bm-renderer").value:getRegisteredRenderer()||"canvas";var _e=b.getNamedItem("data-anim-loop")?b.getNamedItem("data-anim-loop").value:b.getNamedItem("data-bm-loop")?b.getNamedItem("data-bm-loop").value:b.getNamedItem("bm-loop")?b.getNamedItem("bm-loop").value:"";_e==="false"?a.loop=!1:_e==="true"?a.loop=!0:_e!==""&&(a.loop=parseInt(_e,10));var bt=b.getNamedItem("data-anim-autoplay")?b.getNamedItem("data-anim-autoplay").value:b.getNamedItem("data-bm-autoplay")?b.getNamedItem("data-bm-autoplay").value:b.getNamedItem("bm-autoplay")?b.getNamedItem("bm-autoplay").value:!0;a.autoplay=bt!=="false",a.name=b.getNamedItem("data-name")?b.getNamedItem("data-name").value:b.getNamedItem("data-bm-name")?b.getNamedItem("data-bm-name").value:b.getNamedItem("bm-name")?b.getNamedItem("bm-name").value:"";var rn=b.getNamedItem("data-anim-prerender")?b.getNamedItem("data-anim-prerender").value:b.getNamedItem("data-bm-prerender")?b.getNamedItem("data-bm-prerender").value:b.getNamedItem("bm-prerender")?b.getNamedItem("bm-prerender").value:"";rn==="false"&&(a.prerender=!1),a.path?this.setParams(a):this.trigger("destroy")},AnimationItem.prototype.includeLayers=function(o){o.op>this.animationData.op&&(this.animationData.op=o.op,this.totalFrames=Math.floor(o.op-this.animationData.ip));var s=this.animationData.layers,a,b=s.length,_e=o.layers,bt,rn=_e.length;for(bt=0;bt<rn;bt+=1)for(a=0;a<b;){if(s[a].id===_e[bt].id){s[a]=_e[bt];break}a+=1}if((o.chars||o.fonts)&&(this.renderer.globalData.fontManager.addChars(o.chars),this.renderer.globalData.fontManager.addFonts(o.fonts,this.renderer.globalData.defs)),o.assets)for(b=o.assets.length,a=0;a<b;a+=1)this.animationData.assets.push(o.assets[a]);this.animationData.__complete=!1,dataManager.completeAnimation(this.animationData,this.onSegmentComplete)},AnimationItem.prototype.onSegmentComplete=function(o){this.animationData=o;var s=getExpressionsPlugin();s&&s.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var o=this.animationData.segments;if(!o||o.length===0||!this.autoloadSegments){this.trigger("data_ready"),this.timeCompleted=this.totalFrames;return}var s=o.shift();this.timeCompleted=s.time*this.frameRate;var a=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,dataManager.loadData(a,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){var o=this.animationData.segments;o||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(o){if(this.renderer)try{this.animationData=o,this.initialSegment?(this.totalFrames=Math.floor(this.initialSegment[1]-this.initialSegment[0]),this.firstFrame=Math.round(this.initialSegment[0])):(this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.firstFrame=Math.round(this.animationData.ip)),this.renderer.configAnimation(o),o.assets||(o.assets=[]),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.frameMult=this.animationData.fr/1e3,this.renderer.searchExtraCompositions(o.assets),this.markers=markerParser(o.markers||[]),this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded(),this.isPaused&&this.audioController.pause()}catch(s){this.triggerConfigError(s)}},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.isLoaded?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){if(!this.isLoaded&&this.renderer.globalData.fontManager.isLoaded&&(this.imagePreloader.loadedImages()||this.renderer.rendererType!=="canvas")&&this.imagePreloader.loadedFootages()){this.isLoaded=!0;var o=getExpressionsPlugin();o&&o.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play()}},AnimationItem.prototype.resize=function(o,s){var a=typeof o=="number"?o:void 0,b=typeof s=="number"?s:void 0;this.renderer.updateContainerSize(a,b)},AnimationItem.prototype.setSubframe=function(o){this.isSubframeEnabled=!!o},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.isSubframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame(),this.trigger("drawnFrame")},AnimationItem.prototype.renderFrame=function(){if(!(this.isLoaded===!1||!this.renderer))try{this.expressionsPlugin&&this.expressionsPlugin.resetFrame(),this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(o){this.triggerRenderFrameError(o)}},AnimationItem.prototype.play=function(o){o&&this.name!==o||this.isPaused===!0&&(this.isPaused=!1,this.trigger("_play"),this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(o){o&&this.name!==o||this.isPaused===!1&&(this.isPaused=!0,this.trigger("_pause"),this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(o){o&&this.name!==o||(this.isPaused===!0?this.play():this.pause())},AnimationItem.prototype.stop=function(o){o&&this.name!==o||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(o){for(var s,a=0;a<this.markers.length;a+=1)if(s=this.markers[a],s.payload&&s.payload.name===o)return s;return null},AnimationItem.prototype.goToAndStop=function(o,s,a){if(!(a&&this.name!==a)){var b=Number(o);if(isNaN(b)){var _e=this.getMarkerData(o);_e&&this.goToAndStop(_e.time,!0)}else s?this.setCurrentRawFrameValue(o):this.setCurrentRawFrameValue(o*this.frameModifier);this.pause()}},AnimationItem.prototype.goToAndPlay=function(o,s,a){if(!(a&&this.name!==a)){var b=Number(o);if(isNaN(b)){var _e=this.getMarkerData(o);_e&&(_e.duration?this.playSegments([_e.time,_e.time+_e.duration],!0):this.goToAndStop(_e.time,!0))}else this.goToAndStop(b,s,a);this.play()}},AnimationItem.prototype.advanceTime=function(o){if(!(this.isPaused===!0||this.isLoaded===!1)){var s=this.currentRawFrame+o*this.frameModifier,a=!1;s>=this.totalFrames-1&&this.frameModifier>0?!this.loop||this.playCount===this.loop?this.checkSegments(s>this.totalFrames?s%this.totalFrames:0)||(a=!0,s=this.totalFrames-1):s>=this.totalFrames?(this.playCount+=1,this.checkSegments(s%this.totalFrames)||(this.setCurrentRawFrameValue(s%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(s):s<0?this.checkSegments(s%this.totalFrames)||(this.loop&&!(this.playCount--<=0&&this.loop!==!0)?(this.setCurrentRawFrameValue(this.totalFrames+s%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0):(a=!0,s=0)):this.setCurrentRawFrameValue(s),a&&(this.setCurrentRawFrameValue(s),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(o,s){this.playCount=0,o[1]<o[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=o[0]-o[1],this.timeCompleted=this.totalFrames,this.firstFrame=o[1],this.setCurrentRawFrameValue(this.totalFrames-.001-s)):o[1]>o[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=o[1]-o[0],this.timeCompleted=this.totalFrames,this.firstFrame=o[0],this.setCurrentRawFrameValue(.001+s)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(o,s){var a=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<o?a=o:this.currentRawFrame+this.firstFrame>s&&(a=s-o)),this.firstFrame=o,this.totalFrames=s-o,this.timeCompleted=this.totalFrames,a!==-1&&this.goToAndStop(a,!0)},AnimationItem.prototype.playSegments=function(o,s){if(s&&(this.segments.length=0),_typeof$4(o[0])==="object"){var a,b=o.length;for(a=0;a<b;a+=1)this.segments.push(o[a])}else this.segments.push(o);this.segments.length&&s&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(o){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),o&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(o){return this.segments.length?(this.adjustSegment(this.segments.shift(),o),!0):!1},AnimationItem.prototype.destroy=function(o){o&&this.name!==o||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=null,this.onLoopComplete=null,this.onComplete=null,this.onSegmentStart=null,this.onDestroy=null,this.renderer=null,this.expressionsPlugin=null,this.imagePreloader=null,this.projectInterface=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(o){this.currentRawFrame=o,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(o){this.playSpeed=o,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(o){this.playDirection=o<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.setLoop=function(o){this.loop=o},AnimationItem.prototype.setVolume=function(o,s){s&&this.name!==s||this.audioController.setVolume(o)},AnimationItem.prototype.getVolume=function(){return this.audioController.getVolume()},AnimationItem.prototype.mute=function(o){o&&this.name!==o||this.audioController.mute()},AnimationItem.prototype.unmute=function(o){o&&this.name!==o||this.audioController.unmute()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection,this.audioController.setRate(this.playSpeed*this.playDirection)},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(o){var s="";if(o.e)s=o.p;else if(this.assetsPath){var a=o.p;a.indexOf("images/")!==-1&&(a=a.split("/")[1]),s=this.assetsPath+a}else s=this.path,s+=o.u?o.u:"",s+=o.p;return s},AnimationItem.prototype.getAssetData=function(o){for(var s=0,a=this.assets.length;s<a;){if(o===this.assets[s].id)return this.assets[s];s+=1}return null},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(o){return o?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.updateDocumentData=function(o,s,a){try{var b=this.renderer.getElementByPath(o);b.updateDocumentData(s,a)}catch{}},AnimationItem.prototype.trigger=function(o){if(this._cbs&&this._cbs[o])switch(o){case"enterFrame":this.triggerEvent(o,new BMEnterFrameEvent(o,this.currentFrame,this.totalFrames,this.frameModifier));break;case"drawnFrame":this.drawnFrameEvent.currentTime=this.currentFrame,this.drawnFrameEvent.totalTime=this.totalFrames,this.drawnFrameEvent.direction=this.frameModifier,this.triggerEvent(o,this.drawnFrameEvent);break;case"loopComplete":this.triggerEvent(o,new BMCompleteLoopEvent(o,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(o,new BMCompleteEvent(o,this.frameMult));break;case"segmentStart":this.triggerEvent(o,new BMSegmentStartEvent(o,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(o,new BMDestroyEvent(o,this));break;default:this.triggerEvent(o)}o==="enterFrame"&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(o,this.currentFrame,this.totalFrames,this.frameMult)),o==="loopComplete"&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(o,this.loop,this.playCount,this.frameMult)),o==="complete"&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(o,this.frameMult)),o==="segmentStart"&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(o,this.firstFrame,this.totalFrames)),o==="destroy"&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(o,this))},AnimationItem.prototype.triggerRenderFrameError=function(o){var s=new BMRenderFrameErrorEvent(o,this.currentFrame);this.triggerEvent("error",s),this.onError&&this.onError.call(this,s)},AnimationItem.prototype.triggerConfigError=function(o){var s=new BMConfigErrorEvent(o,this.currentFrame);this.triggerEvent("error",s),this.onError&&this.onError.call(this,s)};var animationManager=function(){var o={},s=[],a=0,b=0,_e=0,bt=!0,rn=!1;function sn(gy){for(var wy=0,El=gy.target;wy<b;)s[wy].animation===El&&(s.splice(wy,1),wy-=1,b-=1,El.isPaused||ar()),wy+=1}function yn(gy,wy){if(!gy)return null;for(var El=0;El<b;){if(s[El].elem===gy&&s[El].elem!==null)return s[El].animation;El+=1}var _f=new AnimationItem;return lr(_f,gy),_f.setData(gy,wy),_f}function Pn(){var gy,wy=s.length,El=[];for(gy=0;gy<wy;gy+=1)El.push(s[gy].animation);return El}function zn(){_e+=1,mo()}function ar(){_e-=1}function lr(gy,wy){gy.addEventListener("destroy",sn),gy.addEventListener("_active",zn),gy.addEventListener("_idle",ar),s.push({elem:wy,animation:gy}),b+=1}function cr(gy){var wy=new AnimationItem;return lr(wy,null),wy.setParams(gy),wy}function Dr(gy,wy){var El;for(El=0;El<b;El+=1)s[El].animation.setSpeed(gy,wy)}function es(gy,wy){var El;for(El=0;El<b;El+=1)s[El].animation.setDirection(gy,wy)}function Ur(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.play(gy)}function hr(gy){var wy=gy-a,El;for(El=0;El<b;El+=1)s[El].animation.advanceTime(wy);a=gy,_e&&!rn?window.requestAnimationFrame(hr):bt=!0}function zr(gy){a=gy,window.requestAnimationFrame(hr)}function rs(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.pause(gy)}function as(gy,wy,El){var _f;for(_f=0;_f<b;_f+=1)s[_f].animation.goToAndStop(gy,wy,El)}function os(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.stop(gy)}function cs(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.togglePause(gy)}function zs(gy){var wy;for(wy=b-1;wy>=0;wy-=1)s[wy].animation.destroy(gy)}function ho(gy,wy,El){var _f=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),yy,Al=_f.length;for(yy=0;yy<Al;yy+=1)El&&_f[yy].setAttribute("data-bm-type",El),yn(_f[yy],gy);if(wy&&Al===0){El||(El="svg");var My=document.getElementsByTagName("body")[0];My.innerText="";var By=createTag("div");By.style.width="100%",By.style.height="100%",By.setAttribute("data-bm-type",El),My.appendChild(By),yn(By,gy)}}function ga(){var gy;for(gy=0;gy<b;gy+=1)s[gy].animation.resize()}function mo(){!rn&&_e&&bt&&(window.requestAnimationFrame(zr),bt=!1)}function go(){rn=!0}function yl(){rn=!1,mo()}function Zl(gy,wy){var El;for(El=0;El<b;El+=1)s[El].animation.setVolume(gy,wy)}function _d(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.mute(gy)}function Ty(gy){var wy;for(wy=0;wy<b;wy+=1)s[wy].animation.unmute(gy)}return o.registerAnimation=yn,o.loadAnimation=cr,o.setSpeed=Dr,o.setDirection=es,o.play=Ur,o.pause=rs,o.stop=os,o.togglePause=cs,o.searchAnimations=ho,o.resize=ga,o.goToAndStop=as,o.destroy=zs,o.freeze=go,o.unfreeze=yl,o.setVolume=Zl,o.mute=_d,o.unmute=Ty,o.getRegisteredAnimations=Pn,o}(),BezierFactory=function(){var o={};o.getBezierEasing=a;var s={};function a(zr,rs,as,os,cs){var zs=cs||("bez_"+zr+"_"+rs+"_"+as+"_"+os).replace(/\./g,"p");if(s[zs])return s[zs];var ho=new hr([zr,rs,as,os]);return s[zs]=ho,ho}var b=4,_e=.001,bt=1e-7,rn=10,sn=11,yn=1/(sn-1),Pn=typeof Float32Array=="function";function zn(zr,rs){return 1-3*rs+3*zr}function ar(zr,rs){return 3*rs-6*zr}function lr(zr){return 3*zr}function cr(zr,rs,as){return((zn(rs,as)*zr+ar(rs,as))*zr+lr(rs))*zr}function Dr(zr,rs,as){return 3*zn(rs,as)*zr*zr+2*ar(rs,as)*zr+lr(rs)}function es(zr,rs,as,os,cs){var zs,ho,ga=0;do ho=rs+(as-rs)/2,zs=cr(ho,os,cs)-zr,zs>0?as=ho:rs=ho;while(Math.abs(zs)>bt&&++ga<rn);return ho}function Ur(zr,rs,as,os){for(var cs=0;cs<b;++cs){var zs=Dr(rs,as,os);if(zs===0)return rs;var ho=cr(rs,as,os)-zr;rs-=ho/zs}return rs}function hr(zr){this._p=zr,this._mSampleValues=Pn?new Float32Array(sn):new Array(sn),this._precomputed=!1,this.get=this.get.bind(this)}return hr.prototype={get:function(rs){var as=this._p[0],os=this._p[1],cs=this._p[2],zs=this._p[3];return this._precomputed||this._precompute(),as===os&&cs===zs?rs:rs===0?0:rs===1?1:cr(this._getTForX(rs),os,zs)},_precompute:function(){var rs=this._p[0],as=this._p[1],os=this._p[2],cs=this._p[3];this._precomputed=!0,(rs!==as||os!==cs)&&this._calcSampleValues()},_calcSampleValues:function(){for(var rs=this._p[0],as=this._p[2],os=0;os<sn;++os)this._mSampleValues[os]=cr(os*yn,rs,as)},_getTForX:function(rs){for(var as=this._p[0],os=this._p[2],cs=this._mSampleValues,zs=0,ho=1,ga=sn-1;ho!==ga&&cs[ho]<=rs;++ho)zs+=yn;--ho;var mo=(rs-cs[ho])/(cs[ho+1]-cs[ho]),go=zs+mo*yn,yl=Dr(go,as,os);return yl>=_e?Ur(rs,go,as,os):yl===0?go:es(rs,zs,zs+yn,as,os)}},o}(),pooling=function(){function o(s){return s.concat(createSizedArray(s.length))}return{double:o}}(),poolFactory=function(){return function(o,s,a){var b=0,_e=o,bt=createSizedArray(_e),rn={newElement:sn,release:yn};function sn(){var Pn;return b?(b-=1,Pn=bt[b]):Pn=s(),Pn}function yn(Pn){b===_e&&(bt=pooling.double(bt),_e*=2),a&&a(Pn),bt[b]=Pn,b+=1}return rn}}(),bezierLengthPool=function(){function o(){return{addedLength:0,percents:createTypedArray("float32",getDefaultCurveSegments()),lengths:createTypedArray("float32",getDefaultCurveSegments())}}return poolFactory(8,o)}(),segmentsLengthPool=function(){function o(){return{lengths:[],totalLength:0}}function s(a){var b,_e=a.lengths.length;for(b=0;b<_e;b+=1)bezierLengthPool.release(a.lengths[b]);a.lengths.length=0}return poolFactory(8,o,s)}();function bezFunction(){var o=Math;function s(lr,cr,Dr,es,Ur,hr){var zr=lr*es+cr*Ur+Dr*hr-Ur*es-hr*lr-Dr*cr;return zr>-.001&&zr<.001}function a(lr,cr,Dr,es,Ur,hr,zr,rs,as){if(Dr===0&&hr===0&&as===0)return s(lr,cr,es,Ur,zr,rs);var os=o.sqrt(o.pow(es-lr,2)+o.pow(Ur-cr,2)+o.pow(hr-Dr,2)),cs=o.sqrt(o.pow(zr-lr,2)+o.pow(rs-cr,2)+o.pow(as-Dr,2)),zs=o.sqrt(o.pow(zr-es,2)+o.pow(rs-Ur,2)+o.pow(as-hr,2)),ho;return os>cs?os>zs?ho=os-cs-zs:ho=zs-cs-os:zs>cs?ho=zs-cs-os:ho=cs-os-zs,ho>-1e-4&&ho<1e-4}var b=function(){return function(lr,cr,Dr,es){var Ur=getDefaultCurveSegments(),hr,zr,rs,as,os,cs=0,zs,ho=[],ga=[],mo=bezierLengthPool.newElement();for(rs=Dr.length,hr=0;hr<Ur;hr+=1){for(os=hr/(Ur-1),zs=0,zr=0;zr<rs;zr+=1)as=bmPow(1-os,3)*lr[zr]+3*bmPow(1-os,2)*os*Dr[zr]+3*(1-os)*bmPow(os,2)*es[zr]+bmPow(os,3)*cr[zr],ho[zr]=as,ga[zr]!==null&&(zs+=bmPow(ho[zr]-ga[zr],2)),ga[zr]=ho[zr];zs&&(zs=bmSqrt(zs),cs+=zs),mo.percents[hr]=os,mo.lengths[hr]=cs}return mo.addedLength=cs,mo}}();function _e(lr){var cr=segmentsLengthPool.newElement(),Dr=lr.c,es=lr.v,Ur=lr.o,hr=lr.i,zr,rs=lr._length,as=cr.lengths,os=0;for(zr=0;zr<rs-1;zr+=1)as[zr]=b(es[zr],es[zr+1],Ur[zr],hr[zr+1]),os+=as[zr].addedLength;return Dr&&rs&&(as[zr]=b(es[zr],es[0],Ur[zr],hr[0]),os+=as[zr].addedLength),cr.totalLength=os,cr}function bt(lr){this.segmentLength=0,this.points=new Array(lr)}function rn(lr,cr){this.partialLength=lr,this.point=cr}var sn=function(){var lr={};return function(cr,Dr,es,Ur){var hr=(cr[0]+"_"+cr[1]+"_"+Dr[0]+"_"+Dr[1]+"_"+es[0]+"_"+es[1]+"_"+Ur[0]+"_"+Ur[1]).replace(/\./g,"p");if(!lr[hr]){var zr=getDefaultCurveSegments(),rs,as,os,cs,zs,ho=0,ga,mo,go=null;cr.length===2&&(cr[0]!==Dr[0]||cr[1]!==Dr[1])&&s(cr[0],cr[1],Dr[0],Dr[1],cr[0]+es[0],cr[1]+es[1])&&s(cr[0],cr[1],Dr[0],Dr[1],Dr[0]+Ur[0],Dr[1]+Ur[1])&&(zr=2);var yl=new bt(zr);for(os=es.length,rs=0;rs<zr;rs+=1){for(mo=createSizedArray(os),zs=rs/(zr-1),ga=0,as=0;as<os;as+=1)cs=bmPow(1-zs,3)*cr[as]+3*bmPow(1-zs,2)*zs*(cr[as]+es[as])+3*(1-zs)*bmPow(zs,2)*(Dr[as]+Ur[as])+bmPow(zs,3)*Dr[as],mo[as]=cs,go!==null&&(ga+=bmPow(mo[as]-go[as],2));ga=bmSqrt(ga),ho+=ga,yl.points[rs]=new rn(ga,mo),go=mo}yl.segmentLength=ho,lr[hr]=yl}return lr[hr]}}();function yn(lr,cr){var Dr=cr.percents,es=cr.lengths,Ur=Dr.length,hr=bmFloor((Ur-1)*lr),zr=lr*cr.addedLength,rs=0;if(hr===Ur-1||hr===0||zr===es[hr])return Dr[hr];for(var as=es[hr]>zr?-1:1,os=!0;os;)if(es[hr]<=zr&&es[hr+1]>zr?(rs=(zr-es[hr])/(es[hr+1]-es[hr]),os=!1):hr+=as,hr<0||hr>=Ur-1){if(hr===Ur-1)return Dr[hr];os=!1}return Dr[hr]+(Dr[hr+1]-Dr[hr])*rs}function Pn(lr,cr,Dr,es,Ur,hr){var zr=yn(Ur,hr),rs=1-zr,as=o.round((rs*rs*rs*lr[0]+(zr*rs*rs+rs*zr*rs+rs*rs*zr)*Dr[0]+(zr*zr*rs+rs*zr*zr+zr*rs*zr)*es[0]+zr*zr*zr*cr[0])*1e3)/1e3,os=o.round((rs*rs*rs*lr[1]+(zr*rs*rs+rs*zr*rs+rs*rs*zr)*Dr[1]+(zr*zr*rs+rs*zr*zr+zr*rs*zr)*es[1]+zr*zr*zr*cr[1])*1e3)/1e3;return[as,os]}var zn=createTypedArray("float32",8);function ar(lr,cr,Dr,es,Ur,hr,zr){Ur<0?Ur=0:Ur>1&&(Ur=1);var rs=yn(Ur,zr);hr=hr>1?1:hr;var as=yn(hr,zr),os,cs=lr.length,zs=1-rs,ho=1-as,ga=zs*zs*zs,mo=rs*zs*zs*3,go=rs*rs*zs*3,yl=rs*rs*rs,Zl=zs*zs*ho,_d=rs*zs*ho+zs*rs*ho+zs*zs*as,Ty=rs*rs*ho+zs*rs*as+rs*zs*as,gy=rs*rs*as,wy=zs*ho*ho,El=rs*ho*ho+zs*as*ho+zs*ho*as,_f=rs*as*ho+zs*as*as+rs*ho*as,yy=rs*as*as,Al=ho*ho*ho,My=as*ho*ho+ho*as*ho+ho*ho*as,By=as*as*ho+ho*as*as+as*ho*as,lA=as*as*as;for(os=0;os<cs;os+=1)zn[os*4]=o.round((ga*lr[os]+mo*Dr[os]+go*es[os]+yl*cr[os])*1e3)/1e3,zn[os*4+1]=o.round((Zl*lr[os]+_d*Dr[os]+Ty*es[os]+gy*cr[os])*1e3)/1e3,zn[os*4+2]=o.round((wy*lr[os]+El*Dr[os]+_f*es[os]+yy*cr[os])*1e3)/1e3,zn[os*4+3]=o.round((Al*lr[os]+My*Dr[os]+By*es[os]+lA*cr[os])*1e3)/1e3;return zn}return{getSegmentsLength:_e,getNewSegment:ar,getPointInSegment:Pn,buildBezierData:sn,pointOnLine2D:s,pointOnLine3D:a}}var bez=bezFunction(),initFrame=initialDefaultFrame,mathAbs=Math.abs;function interpolateValue(o,s){var a=this.offsetTime,b;this.propType==="multidimensional"&&(b=createTypedArray("float32",this.pv.length));for(var _e=s.lastIndex,bt=_e,rn=this.keyframes.length-1,sn=!0,yn,Pn,zn;sn;){if(yn=this.keyframes[bt],Pn=this.keyframes[bt+1],bt===rn-1&&o>=Pn.t-a){yn.h&&(yn=Pn),_e=0;break}if(Pn.t-a>o){_e=bt;break}bt<rn-1?bt+=1:(_e=0,sn=!1)}zn=this.keyframesMetadata[bt]||{};var ar,lr,cr,Dr,es,Ur,hr=Pn.t-a,zr=yn.t-a,rs;if(yn.to){zn.bezierData||(zn.bezierData=bez.buildBezierData(yn.s,Pn.s||yn.e,yn.to,yn.ti));var as=zn.bezierData;if(o>=hr||o<zr){var os=o>=hr?as.points.length-1:0;for(lr=as.points[os].point.length,ar=0;ar<lr;ar+=1)b[ar]=as.points[os].point[ar]}else{zn.__fnct?Ur=zn.__fnct:(Ur=BezierFactory.getBezierEasing(yn.o.x,yn.o.y,yn.i.x,yn.i.y,yn.n).get,zn.__fnct=Ur),cr=Ur((o-zr)/(hr-zr));var cs=as.segmentLength*cr,zs,ho=s.lastFrame<o&&s._lastKeyframeIndex===bt?s._lastAddedLength:0;for(es=s.lastFrame<o&&s._lastKeyframeIndex===bt?s._lastPoint:0,sn=!0,Dr=as.points.length;sn;){if(ho+=as.points[es].partialLength,cs===0||cr===0||es===as.points.length-1){for(lr=as.points[es].point.length,ar=0;ar<lr;ar+=1)b[ar]=as.points[es].point[ar];break}else if(cs>=ho&&cs<ho+as.points[es+1].partialLength){for(zs=(cs-ho)/as.points[es+1].partialLength,lr=as.points[es].point.length,ar=0;ar<lr;ar+=1)b[ar]=as.points[es].point[ar]+(as.points[es+1].point[ar]-as.points[es].point[ar])*zs;break}es<Dr-1?es+=1:sn=!1}s._lastPoint=es,s._lastAddedLength=ho-as.points[es].partialLength,s._lastKeyframeIndex=bt}}else{var ga,mo,go,yl,Zl;if(rn=yn.s.length,rs=Pn.s||yn.e,this.sh&&yn.h!==1)if(o>=hr)b[0]=rs[0],b[1]=rs[1],b[2]=rs[2];else if(o<=zr)b[0]=yn.s[0],b[1]=yn.s[1],b[2]=yn.s[2];else{var _d=createQuaternion(yn.s),Ty=createQuaternion(rs),gy=(o-zr)/(hr-zr);quaternionToEuler(b,slerp(_d,Ty,gy))}else for(bt=0;bt<rn;bt+=1)yn.h!==1&&(o>=hr?cr=1:o<zr?cr=0:(yn.o.x.constructor===Array?(zn.__fnct||(zn.__fnct=[]),zn.__fnct[bt]?Ur=zn.__fnct[bt]:(ga=yn.o.x[bt]===void 0?yn.o.x[0]:yn.o.x[bt],mo=yn.o.y[bt]===void 0?yn.o.y[0]:yn.o.y[bt],go=yn.i.x[bt]===void 0?yn.i.x[0]:yn.i.x[bt],yl=yn.i.y[bt]===void 0?yn.i.y[0]:yn.i.y[bt],Ur=BezierFactory.getBezierEasing(ga,mo,go,yl).get,zn.__fnct[bt]=Ur)):zn.__fnct?Ur=zn.__fnct:(ga=yn.o.x,mo=yn.o.y,go=yn.i.x,yl=yn.i.y,Ur=BezierFactory.getBezierEasing(ga,mo,go,yl).get,yn.keyframeMetadata=Ur),cr=Ur((o-zr)/(hr-zr)))),rs=Pn.s||yn.e,Zl=yn.h===1?yn.s[bt]:yn.s[bt]+(rs[bt]-yn.s[bt])*cr,this.propType==="multidimensional"?b[bt]=Zl:b=Zl}return s.lastIndex=_e,b}function slerp(o,s,a){var b=[],_e=o[0],bt=o[1],rn=o[2],sn=o[3],yn=s[0],Pn=s[1],zn=s[2],ar=s[3],lr,cr,Dr,es,Ur;return cr=_e*yn+bt*Pn+rn*zn+sn*ar,cr<0&&(cr=-cr,yn=-yn,Pn=-Pn,zn=-zn,ar=-ar),1-cr>1e-6?(lr=Math.acos(cr),Dr=Math.sin(lr),es=Math.sin((1-a)*lr)/Dr,Ur=Math.sin(a*lr)/Dr):(es=1-a,Ur=a),b[0]=es*_e+Ur*yn,b[1]=es*bt+Ur*Pn,b[2]=es*rn+Ur*zn,b[3]=es*sn+Ur*ar,b}function quaternionToEuler(o,s){var a=s[0],b=s[1],_e=s[2],bt=s[3],rn=Math.atan2(2*b*bt-2*a*_e,1-2*b*b-2*_e*_e),sn=Math.asin(2*a*b+2*_e*bt),yn=Math.atan2(2*a*bt-2*b*_e,1-2*a*a-2*_e*_e);o[0]=rn/degToRads,o[1]=sn/degToRads,o[2]=yn/degToRads}function createQuaternion(o){var s=o[0]*degToRads,a=o[1]*degToRads,b=o[2]*degToRads,_e=Math.cos(s/2),bt=Math.cos(a/2),rn=Math.cos(b/2),sn=Math.sin(s/2),yn=Math.sin(a/2),Pn=Math.sin(b/2),zn=_e*bt*rn-sn*yn*Pn,ar=sn*yn*rn+_e*bt*Pn,lr=sn*bt*rn+_e*yn*Pn,cr=_e*yn*rn-sn*bt*Pn;return[ar,lr,cr,zn]}function getValueAtCurrentTime(){var o=this.comp.renderedFrame-this.offsetTime,s=this.keyframes[0].t-this.offsetTime,a=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(o===this._caching.lastFrame||this._caching.lastFrame!==initFrame&&(this._caching.lastFrame>=a&&o>=a||this._caching.lastFrame<s&&o<s))){this._caching.lastFrame>=o&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var b=this.interpolateValue(o,this._caching);this.pv=b}return this._caching.lastFrame=o,this.pv}function setVValue(o){var s;if(this.propType==="unidimensional")s=o*this.mult,mathAbs(this.v-s)>1e-5&&(this.v=s,this._mdf=!0);else for(var a=0,b=this.v.length;a<b;)s=o[a]*this.mult,mathAbs(this.v[a]-s)>1e-5&&(this.v[a]=s,this._mdf=!0),a+=1}function processEffectsSequence(){if(!(this.elem.globalData.frameId===this.frameId||!this.effectsSequence.length)){if(this.lock){this.setVValue(this.pv);return}this.lock=!0,this._mdf=this._isFirstFrame;var o,s=this.effectsSequence.length,a=this.kf?this.pv:this.data.k;for(o=0;o<s;o+=1)a=this.effectsSequence[o](a);this.setVValue(a),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function addEffect(o){this.effectsSequence.push(o),this.container.addDynamicProperty(this)}function ValueProperty(o,s,a,b){this.propType="unidimensional",this.mult=a||1,this.data=s,this.v=a?s.k*a:s.k,this.pv=s.k,this._mdf=!1,this.elem=o,this.container=b,this.comp=o.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=processEffectsSequence,this.setVValue=setVValue,this.addEffect=addEffect}function MultiDimensionalProperty(o,s,a,b){this.propType="multidimensional",this.mult=a||1,this.data=s,this._mdf=!1,this.elem=o,this.container=b,this.comp=o.comp,this.k=!1,this.kf=!1,this.frameId=-1;var _e,bt=s.k.length;for(this.v=createTypedArray("float32",bt),this.pv=createTypedArray("float32",bt),this.vel=createTypedArray("float32",bt),_e=0;_e<bt;_e+=1)this.v[_e]=s.k[_e]*this.mult,this.pv[_e]=s.k[_e];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=processEffectsSequence,this.setVValue=setVValue,this.addEffect=addEffect}function KeyframedValueProperty(o,s,a,b){this.propType="unidimensional",this.keyframes=s.k,this.keyframesMetadata=[],this.offsetTime=o.data.st,this.frameId=-1,this._caching={lastFrame:initFrame,lastIndex:0,value:0,_lastKeyframeIndex:-1},this.k=!0,this.kf=!0,this.data=s,this.mult=a||1,this.elem=o,this.container=b,this.comp=o.comp,this.v=initFrame,this.pv=initFrame,this._isFirstFrame=!0,this.getValue=processEffectsSequence,this.setVValue=setVValue,this.interpolateValue=interpolateValue,this.effectsSequence=[getValueAtCurrentTime.bind(this)],this.addEffect=addEffect}function KeyframedMultidimensionalProperty(o,s,a,b){this.propType="multidimensional";var _e,bt=s.k.length,rn,sn,yn,Pn;for(_e=0;_e<bt-1;_e+=1)s.k[_e].to&&s.k[_e].s&&s.k[_e+1]&&s.k[_e+1].s&&(rn=s.k[_e].s,sn=s.k[_e+1].s,yn=s.k[_e].to,Pn=s.k[_e].ti,(rn.length===2&&!(rn[0]===sn[0]&&rn[1]===sn[1])&&bez.pointOnLine2D(rn[0],rn[1],sn[0],sn[1],rn[0]+yn[0],rn[1]+yn[1])&&bez.pointOnLine2D(rn[0],rn[1],sn[0],sn[1],sn[0]+Pn[0],sn[1]+Pn[1])||rn.length===3&&!(rn[0]===sn[0]&&rn[1]===sn[1]&&rn[2]===sn[2])&&bez.pointOnLine3D(rn[0],rn[1],rn[2],sn[0],sn[1],sn[2],rn[0]+yn[0],rn[1]+yn[1],rn[2]+yn[2])&&bez.pointOnLine3D(rn[0],rn[1],rn[2],sn[0],sn[1],sn[2],sn[0]+Pn[0],sn[1]+Pn[1],sn[2]+Pn[2]))&&(s.k[_e].to=null,s.k[_e].ti=null),rn[0]===sn[0]&&rn[1]===sn[1]&&yn[0]===0&&yn[1]===0&&Pn[0]===0&&Pn[1]===0&&(rn.length===2||rn[2]===sn[2]&&yn[2]===0&&Pn[2]===0)&&(s.k[_e].to=null,s.k[_e].ti=null));this.effectsSequence=[getValueAtCurrentTime.bind(this)],this.data=s,this.keyframes=s.k,this.keyframesMetadata=[],this.offsetTime=o.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=a||1,this.elem=o,this.container=b,this.comp=o.comp,this.getValue=processEffectsSequence,this.setVValue=setVValue,this.interpolateValue=interpolateValue,this.frameId=-1;var zn=s.k[0].s.length;for(this.v=createTypedArray("float32",zn),this.pv=createTypedArray("float32",zn),_e=0;_e<zn;_e+=1)this.v[_e]=initFrame,this.pv[_e]=initFrame;this._caching={lastFrame:initFrame,lastIndex:0,value:createTypedArray("float32",zn)},this.addEffect=addEffect}var PropertyFactory=function(){function o(a,b,_e,bt,rn){b.sid&&(b=a.globalData.slotManager.getProp(b));var sn;if(!b.k.length)sn=new ValueProperty(a,b,bt,rn);else if(typeof b.k[0]=="number")sn=new MultiDimensionalProperty(a,b,bt,rn);else switch(_e){case 0:sn=new KeyframedValueProperty(a,b,bt,rn);break;case 1:sn=new KeyframedMultidimensionalProperty(a,b,bt,rn);break}return sn.effectsSequence.length&&rn.addDynamicProperty(sn),sn}var s={getProp:o};return s}();function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(s){this.dynamicProperties.indexOf(s)===-1&&(this.dynamicProperties.push(s),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var s,a=this.dynamicProperties.length;for(s=0;s<a;s+=1)this.dynamicProperties[s].getValue(),this.dynamicProperties[s]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(s){this.container=s,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var pointPool=function(){function o(){return createTypedArray("float32",2)}return poolFactory(8,o)}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(o,s){this.c=o,this.setLength(s);for(var a=0;a<s;)this.v[a]=pointPool.newElement(),this.o[a]=pointPool.newElement(),this.i[a]=pointPool.newElement(),a+=1},ShapePath.prototype.setLength=function(o){for(;this._maxLength<o;)this.doubleArrayLength();this._length=o},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(o,s,a,b,_e){var bt;switch(this._length=Math.max(this._length,b+1),this._length>=this._maxLength&&this.doubleArrayLength(),a){case"v":bt=this.v;break;case"i":bt=this.i;break;case"o":bt=this.o;break;default:bt=[];break}(!bt[b]||bt[b]&&!_e)&&(bt[b]=pointPool.newElement()),bt[b][0]=o,bt[b][1]=s},ShapePath.prototype.setTripleAt=function(o,s,a,b,_e,bt,rn,sn){this.setXYAt(o,s,"v",rn,sn),this.setXYAt(a,b,"o",rn,sn),this.setXYAt(_e,bt,"i",rn,sn)},ShapePath.prototype.reverse=function(){var o=new ShapePath;o.setPathData(this.c,this._length);var s=this.v,a=this.o,b=this.i,_e=0;this.c&&(o.setTripleAt(s[0][0],s[0][1],b[0][0],b[0][1],a[0][0],a[0][1],0,!1),_e=1);var bt=this._length-1,rn=this._length,sn;for(sn=_e;sn<rn;sn+=1)o.setTripleAt(s[bt][0],s[bt][1],b[bt][0],b[bt][1],a[bt][0],a[bt][1],sn,!1),bt-=1;return o},ShapePath.prototype.length=function(){return this._length};var shapePool=function(){function o(){return new ShapePath}function s(_e){var bt=_e._length,rn;for(rn=0;rn<bt;rn+=1)pointPool.release(_e.v[rn]),pointPool.release(_e.i[rn]),pointPool.release(_e.o[rn]),_e.v[rn]=null,_e.i[rn]=null,_e.o[rn]=null;_e._length=0,_e.c=!1}function a(_e){var bt=b.newElement(),rn,sn=_e._length===void 0?_e.v.length:_e._length;for(bt.setLength(sn),bt.c=_e.c,rn=0;rn<sn;rn+=1)bt.setTripleAt(_e.v[rn][0],_e.v[rn][1],_e.o[rn][0],_e.o[rn][1],_e.i[rn][0],_e.i[rn][1],rn);return bt}var b=poolFactory(4,o,s);return b.clone=a,b}();function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}ShapeCollection.prototype.addShape=function(o){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=o,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var o;for(o=0;o<this._length;o+=1)shapePool.release(this.shapes[o]);this._length=0};var shapeCollectionPool=function(){var o={newShapeCollection:_e,release:bt},s=0,a=4,b=createSizedArray(a);function _e(){var rn;return s?(s-=1,rn=b[s]):rn=new ShapeCollection,rn}function bt(rn){var sn,yn=rn._length;for(sn=0;sn<yn;sn+=1)shapePool.release(rn.shapes[sn]);rn._length=0,s===a&&(b=pooling.double(b),a*=2),b[s]=rn,s+=1}return o}(),ShapePropertyFactory=function(){var o=-999999;function s(hr,zr,rs){var as=rs.lastIndex,os,cs,zs,ho,ga,mo,go,yl,Zl,_d=this.keyframes;if(hr<_d[0].t-this.offsetTime)os=_d[0].s[0],zs=!0,as=0;else if(hr>=_d[_d.length-1].t-this.offsetTime)os=_d[_d.length-1].s?_d[_d.length-1].s[0]:_d[_d.length-2].e[0],zs=!0;else{for(var Ty=as,gy=_d.length-1,wy=!0,El,_f,yy;wy&&(El=_d[Ty],_f=_d[Ty+1],!(_f.t-this.offsetTime>hr));)Ty<gy-1?Ty+=1:wy=!1;if(yy=this.keyframesMetadata[Ty]||{},zs=El.h===1,as=Ty,!zs){if(hr>=_f.t-this.offsetTime)yl=1;else if(hr<El.t-this.offsetTime)yl=0;else{var Al;yy.__fnct?Al=yy.__fnct:(Al=BezierFactory.getBezierEasing(El.o.x,El.o.y,El.i.x,El.i.y).get,yy.__fnct=Al),yl=Al((hr-(El.t-this.offsetTime))/(_f.t-this.offsetTime-(El.t-this.offsetTime)))}cs=_f.s?_f.s[0]:El.e[0]}os=El.s[0]}for(mo=zr._length,go=os.i[0].length,rs.lastIndex=as,ho=0;ho<mo;ho+=1)for(ga=0;ga<go;ga+=1)Zl=zs?os.i[ho][ga]:os.i[ho][ga]+(cs.i[ho][ga]-os.i[ho][ga])*yl,zr.i[ho][ga]=Zl,Zl=zs?os.o[ho][ga]:os.o[ho][ga]+(cs.o[ho][ga]-os.o[ho][ga])*yl,zr.o[ho][ga]=Zl,Zl=zs?os.v[ho][ga]:os.v[ho][ga]+(cs.v[ho][ga]-os.v[ho][ga])*yl,zr.v[ho][ga]=Zl}function a(){var hr=this.comp.renderedFrame-this.offsetTime,zr=this.keyframes[0].t-this.offsetTime,rs=this.keyframes[this.keyframes.length-1].t-this.offsetTime,as=this._caching.lastFrame;return as!==o&&(as<zr&&hr<zr||as>rs&&hr>rs)||(this._caching.lastIndex=as<hr?this._caching.lastIndex:0,this.interpolateShape(hr,this.pv,this._caching)),this._caching.lastFrame=hr,this.pv}function b(){this.paths=this.localShapeCollection}function _e(hr,zr){if(hr._length!==zr._length||hr.c!==zr.c)return!1;var rs,as=hr._length;for(rs=0;rs<as;rs+=1)if(hr.v[rs][0]!==zr.v[rs][0]||hr.v[rs][1]!==zr.v[rs][1]||hr.o[rs][0]!==zr.o[rs][0]||hr.o[rs][1]!==zr.o[rs][1]||hr.i[rs][0]!==zr.i[rs][0]||hr.i[rs][1]!==zr.i[rs][1])return!1;return!0}function bt(hr){_e(this.v,hr)||(this.v=shapePool.clone(hr),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function rn(){if(this.elem.globalData.frameId!==this.frameId){if(!this.effectsSequence.length){this._mdf=!1;return}if(this.lock){this.setVValue(this.pv);return}this.lock=!0,this._mdf=!1;var hr;this.kf?hr=this.pv:this.data.ks?hr=this.data.ks.k:hr=this.data.pt.k;var zr,rs=this.effectsSequence.length;for(zr=0;zr<rs;zr+=1)hr=this.effectsSequence[zr](hr);this.setVValue(hr),this.lock=!1,this.frameId=this.elem.globalData.frameId}}function sn(hr,zr,rs){this.propType="shape",this.comp=hr.comp,this.container=hr,this.elem=hr,this.data=zr,this.k=!1,this.kf=!1,this._mdf=!1;var as=rs===3?zr.pt.k:zr.ks.k;this.v=shapePool.clone(as),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=b,this.effectsSequence=[]}function yn(hr){this.effectsSequence.push(hr),this.container.addDynamicProperty(this)}sn.prototype.interpolateShape=s,sn.prototype.getValue=rn,sn.prototype.setVValue=bt,sn.prototype.addEffect=yn;function Pn(hr,zr,rs){this.propType="shape",this.comp=hr.comp,this.elem=hr,this.container=hr,this.offsetTime=hr.data.st,this.keyframes=rs===3?zr.pt.k:zr.ks.k,this.keyframesMetadata=[],this.k=!0,this.kf=!0;var as=this.keyframes[0].s[0].i.length;this.v=shapePool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,as),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=o,this.reset=b,this._caching={lastFrame:o,lastIndex:0},this.effectsSequence=[a.bind(this)]}Pn.prototype.getValue=rn,Pn.prototype.interpolateShape=s,Pn.prototype.setVValue=bt,Pn.prototype.addEffect=yn;var zn=function(){var hr=roundCorner;function zr(rs,as){this.v=shapePool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=as.d,this.elem=rs,this.comp=rs.comp,this.frameId=-1,this.initDynamicPropertyContainer(rs),this.p=PropertyFactory.getProp(rs,as.p,1,0,this),this.s=PropertyFactory.getProp(rs,as.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return zr.prototype={reset:b,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var as=this.p.v[0],os=this.p.v[1],cs=this.s.v[0]/2,zs=this.s.v[1]/2,ho=this.d!==3,ga=this.v;ga.v[0][0]=as,ga.v[0][1]=os-zs,ga.v[1][0]=ho?as+cs:as-cs,ga.v[1][1]=os,ga.v[2][0]=as,ga.v[2][1]=os+zs,ga.v[3][0]=ho?as-cs:as+cs,ga.v[3][1]=os,ga.i[0][0]=ho?as-cs*hr:as+cs*hr,ga.i[0][1]=os-zs,ga.i[1][0]=ho?as+cs:as-cs,ga.i[1][1]=os-zs*hr,ga.i[2][0]=ho?as+cs*hr:as-cs*hr,ga.i[2][1]=os+zs,ga.i[3][0]=ho?as-cs:as+cs,ga.i[3][1]=os+zs*hr,ga.o[0][0]=ho?as+cs*hr:as-cs*hr,ga.o[0][1]=os-zs,ga.o[1][0]=ho?as+cs:as-cs,ga.o[1][1]=os+zs*hr,ga.o[2][0]=ho?as-cs*hr:as+cs*hr,ga.o[2][1]=os+zs,ga.o[3][0]=ho?as-cs:as+cs,ga.o[3][1]=os-zs*hr}},extendPrototype([DynamicPropertyContainer],zr),zr}(),ar=function(){function hr(zr,rs){this.v=shapePool.newElement(),this.v.setPathData(!0,0),this.elem=zr,this.comp=zr.comp,this.data=rs,this.frameId=-1,this.d=rs.d,this.initDynamicPropertyContainer(zr),rs.sy===1?(this.ir=PropertyFactory.getProp(zr,rs.ir,0,0,this),this.is=PropertyFactory.getProp(zr,rs.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(zr,rs.pt,0,0,this),this.p=PropertyFactory.getProp(zr,rs.p,1,0,this),this.r=PropertyFactory.getProp(zr,rs.r,0,degToRads,this),this.or=PropertyFactory.getProp(zr,rs.or,0,0,this),this.os=PropertyFactory.getProp(zr,rs.os,0,.01,this),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return hr.prototype={reset:b,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var rs=Math.floor(this.pt.v)*2,as=Math.PI*2/rs,os=!0,cs=this.or.v,zs=this.ir.v,ho=this.os.v,ga=this.is.v,mo=2*Math.PI*cs/(rs*2),go=2*Math.PI*zs/(rs*2),yl,Zl,_d,Ty,gy=-Math.PI/2;gy+=this.r.v;var wy=this.data.d===3?-1:1;for(this.v._length=0,yl=0;yl<rs;yl+=1){Zl=os?cs:zs,_d=os?ho:ga,Ty=os?mo:go;var El=Zl*Math.cos(gy),_f=Zl*Math.sin(gy),yy=El===0&&_f===0?0:_f/Math.sqrt(El*El+_f*_f),Al=El===0&&_f===0?0:-El/Math.sqrt(El*El+_f*_f);El+=+this.p.v[0],_f+=+this.p.v[1],this.v.setTripleAt(El,_f,El-yy*Ty*_d*wy,_f-Al*Ty*_d*wy,El+yy*Ty*_d*wy,_f+Al*Ty*_d*wy,yl,!0),os=!os,gy+=as*wy}},convertPolygonToPath:function(){var rs=Math.floor(this.pt.v),as=Math.PI*2/rs,os=this.or.v,cs=this.os.v,zs=2*Math.PI*os/(rs*4),ho,ga=-Math.PI*.5,mo=this.data.d===3?-1:1;for(ga+=this.r.v,this.v._length=0,ho=0;ho<rs;ho+=1){var go=os*Math.cos(ga),yl=os*Math.sin(ga),Zl=go===0&&yl===0?0:yl/Math.sqrt(go*go+yl*yl),_d=go===0&&yl===0?0:-go/Math.sqrt(go*go+yl*yl);go+=+this.p.v[0],yl+=+this.p.v[1],this.v.setTripleAt(go,yl,go-Zl*zs*cs*mo,yl-_d*zs*cs*mo,go+Zl*zs*cs*mo,yl+_d*zs*cs*mo,ho,!0),ga+=as*mo}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],hr),hr}(),lr=function(){function hr(zr,rs){this.v=shapePool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=zr,this.comp=zr.comp,this.frameId=-1,this.d=rs.d,this.initDynamicPropertyContainer(zr),this.p=PropertyFactory.getProp(zr,rs.p,1,0,this),this.s=PropertyFactory.getProp(zr,rs.s,1,0,this),this.r=PropertyFactory.getProp(zr,rs.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return hr.prototype={convertRectToPath:function(){var rs=this.p.v[0],as=this.p.v[1],os=this.s.v[0]/2,cs=this.s.v[1]/2,zs=bmMin(os,cs,this.r.v),ho=zs*(1-roundCorner);this.v._length=0,this.d===2||this.d===1?(this.v.setTripleAt(rs+os,as-cs+zs,rs+os,as-cs+zs,rs+os,as-cs+ho,0,!0),this.v.setTripleAt(rs+os,as+cs-zs,rs+os,as+cs-ho,rs+os,as+cs-zs,1,!0),zs!==0?(this.v.setTripleAt(rs+os-zs,as+cs,rs+os-zs,as+cs,rs+os-ho,as+cs,2,!0),this.v.setTripleAt(rs-os+zs,as+cs,rs-os+ho,as+cs,rs-os+zs,as+cs,3,!0),this.v.setTripleAt(rs-os,as+cs-zs,rs-os,as+cs-zs,rs-os,as+cs-ho,4,!0),this.v.setTripleAt(rs-os,as-cs+zs,rs-os,as-cs+ho,rs-os,as-cs+zs,5,!0),this.v.setTripleAt(rs-os+zs,as-cs,rs-os+zs,as-cs,rs-os+ho,as-cs,6,!0),this.v.setTripleAt(rs+os-zs,as-cs,rs+os-ho,as-cs,rs+os-zs,as-cs,7,!0)):(this.v.setTripleAt(rs-os,as+cs,rs-os+ho,as+cs,rs-os,as+cs,2),this.v.setTripleAt(rs-os,as-cs,rs-os,as-cs+ho,rs-os,as-cs,3))):(this.v.setTripleAt(rs+os,as-cs+zs,rs+os,as-cs+ho,rs+os,as-cs+zs,0,!0),zs!==0?(this.v.setTripleAt(rs+os-zs,as-cs,rs+os-zs,as-cs,rs+os-ho,as-cs,1,!0),this.v.setTripleAt(rs-os+zs,as-cs,rs-os+ho,as-cs,rs-os+zs,as-cs,2,!0),this.v.setTripleAt(rs-os,as-cs+zs,rs-os,as-cs+zs,rs-os,as-cs+ho,3,!0),this.v.setTripleAt(rs-os,as+cs-zs,rs-os,as+cs-ho,rs-os,as+cs-zs,4,!0),this.v.setTripleAt(rs-os+zs,as+cs,rs-os+zs,as+cs,rs-os+ho,as+cs,5,!0),this.v.setTripleAt(rs+os-zs,as+cs,rs+os-ho,as+cs,rs+os-zs,as+cs,6,!0),this.v.setTripleAt(rs+os,as+cs-zs,rs+os,as+cs-zs,rs+os,as+cs-ho,7,!0)):(this.v.setTripleAt(rs-os,as-cs,rs-os+ho,as-cs,rs-os,as-cs,1,!0),this.v.setTripleAt(rs-os,as+cs,rs-os,as+cs-ho,rs-os,as+cs,2,!0),this.v.setTripleAt(rs+os,as+cs,rs+os-ho,as+cs,rs+os,as+cs,3,!0)))},getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:b},extendPrototype([DynamicPropertyContainer],hr),hr}();function cr(hr,zr,rs){var as;if(rs===3||rs===4){var os=rs===3?zr.pt:zr.ks,cs=os.k;cs.length?as=new Pn(hr,zr,rs):as=new sn(hr,zr,rs)}else rs===5?as=new lr(hr,zr):rs===6?as=new zn(hr,zr):rs===7&&(as=new ar(hr,zr));return as.k&&hr.addDynamicProperty(as),as}function Dr(){return sn}function es(){return Pn}var Ur={};return Ur.getShapeProp=cr,Ur.getConstructorFunction=Dr,Ur.getKeyframedConstructorFunction=es,Ur}();/*!
|
|
8999
8999
|
Transformation Matrix v2.0
|
|
9000
9000
|
(c) Epistemex 2014-2015
|
|
@@ -9016,7 +9016,7 @@ b.goToAndStop(es-b.firstFrame-1,!0)}Dr.type==="loop"&&(zn===null||zn!==Dr.frames
|
|
|
9016
9016
|
`,BuildStyles=`.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#ffffff00;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-ms-flex-negative:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: hsla(0, 0%, 100%, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( 90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translate(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width: 480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translate(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translate(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width: 480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.f{--y: calc(var(--len) - var(--nth));bottom:0;min-height:80px;position:absolute;right:0;-webkit-transform:translate3d(0,calc(var(--y) * -40%),0) scale(calc(1 - var(--y) * .05));transform:translate3d(0,calc(var(--y) * -40%),0) scale(calc(1 - var(--y) * .05));transition:all .3s;width:100%}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-radius:100%;border-right:2px solid var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[data-rsbs-overlay]{background:#fff;background:var(--rsbs-bg, #fff);border-top-left-radius:16px;border-top-left-radius:var(--rsbs-overlay-rounded, 16px);border-top-right-radius:16px;border-top-right-radius:var(--rsbs-overlay-rounded, 16px);display:flex;flex-direction:column;height:0;height:var(--rsbs-overlay-h, 0);transform:translateZ(0);transform:translate3d(0,var(--rsbs-overlay-translate-y, 0),0);will-change:height}[data-rsbs-overlay]:focus{outline:none}[data-rsbs-is-blocking=false] [data-rsbs-overlay]{box-shadow:0 -5px 60px #2659731c,0 -1px #2659730d}[data-rsbs-overlay],[data-rsbs-root]:after{margin-left:env(safe-area-inset-left);margin-left:var(--rsbs-ml, env(safe-area-inset-left));margin-right:env(safe-area-inset-right);margin-right:var(--rsbs-mr, env(safe-area-inset-right));max-width:auto;max-width:var(--rsbs-max-w, auto)}[data-rsbs-backdrop],[data-rsbs-overlay],[data-rsbs-root]:after{-ms-scroll-chaining:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}[data-rsbs-backdrop]{background-color:#0009;background-color:var(--rsbs-backdrop-bg, rgba(0, 0, 0, .6));bottom:-60px;cursor:pointer;opacity:1;top:-60px;will-change:opacity}[data-rsbs-is-dismissable=false] [data-rsbs-backdrop]{cursor:ns-resize}[data-rsbs-root]:after{background:#fff;background:var(--rsbs-bg, #fff);content:"";height:1px;pointer-events:none;transform:scaleY(0);transform:scaleY(var(--rsbs-antigap-scale-y, 0));transform-origin:bottom;will-change:transform}[data-rsbs-footer],[data-rsbs-header]{cursor:ns-resize;flex-shrink:0;padding:16px}[data-rsbs-header]{box-shadow:0 1px #2e3b4220;box-shadow:0 1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity, 1) * .125));padding-bottom:8px;padding-top:calc(20px + env(safe-area-inset-top));text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}[data-rsbs-header]:before{background-color:#00000024;background-color:var(--rsbs-handle-bg, rgba(0, 0, 0, .14));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:calc(8px + env(safe-area-inset-top));transform:translate(-50%);width:36px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){[data-rsbs-header]:before{transform:translate(-50%) scaleY(.75)}}[data-rsbs-has-header=false] [data-rsbs-header]{box-shadow:none;padding-top:calc(12px + env(safe-area-inset-top))}[data-rsbs-scroll]{-webkit-tap-highlight-color:revert;-webkit-touch-callout:revert;-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;flex-grow:1;flex-shrink:1;overflow:auto;overscroll-behavior:contain;-webkit-user-select:auto;-ms-user-select:auto;-moz-user-select:auto;user-select:auto}[data-rsbs-scroll]:focus{outline:none}[data-rsbs-has-footer=false] [data-rsbs-content]{padding-bottom:env(safe-area-inset-bottom)}[data-rsbs-content]{overflow:hidden}[data-rsbs-footer]{box-shadow:0 -1px #2e3b4220,0 2px #fff;box-shadow:0 -1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity, 1) * .125)),0 2px 0 var(--rsbs-bg, #fff);overflow:hidden;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:1}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=true] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=true] [data-rsbs-header]>*,[data-rsbs-is-dismissable=true] [data-rsbs-scroll]>*{opacity:1;opacity:var(--rsbs-content-opacity, 1)}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-backdrop],[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-backdrop],[data-rsbs-is-dismissable=true] [data-rsbs-backdrop]{opacity:1;opacity:var(--rsbs-backdrop-opacity, 1)}[data-rsbs-state=closed],[data-rsbs-state=closing]{pointer-events:none}
|
|
9017
9017
|
`,FeaturesUiStyles=`h1,h2,h3,h4,h5,p{margin:0}.hotspot-content{padding:.5rem 2rem 2.5rem}.hotspot-content h2{font-size:1.3rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.carousel{margin-top:1rem;padding-bottom:1rem;display:flex;justify-content:center}.carousel img{width:100%}.carousel video{max-width:100%;height:100%}.carouselTabParent{width:100%;display:flex;justify-content:center;align-items:center}.carouselVideoPlaceholderText{position:absolute}.splide__pagination{display:none!important}.splide__arrows{position:absolute;bottom:-52px;width:100%;justify-content:center;display:flex}.splide__arrow--prev{transform:rotateY(180deg)}.splide__arrow{background:transparent;border:none;box-shadow:none;transition:.1s;padding:1rem}.splide__arrow svg{width:1rem;height:1rem}.splide__arrow:disabled{opacity:.3;pointer-events:none}.col{border-radius:12px}
|
|
9018
9018
|
`,SideMenuContentStyles=`.hide{display:none!important}.container{padding:28px 46px;padding-bottom:2.5rem;height:100%;overflow-y:scroll}.variantContainer{height:100%;overflow-y:scroll}.col{padding:0;height:100%;overflow-y:scroll}.container .subheading{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:1.5rem}.item-grid{display:flex;justify-content:flex-start;column-gap:1.25rem;align-items:flex-start;position:relative;flex-wrap:wrap}.item-grid .imageContainer{width:6rem;height:fit-content;position:relative;cursor:pointer;border-radius:.6rem;background:#fff;box-sizing:border-box;margin-bottom:2rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:.2s ease}.item-grid .imageContainer .contentContainer{left:0;top:0;width:6rem;height:6rem;transition:.2s ease;background:var(--item-card-background-color);padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a;-webkit-box-shadow:0px 2px 8px rgb(0 0 0 / 10%);border-radius:.6rem;margin:0}.splide__arrow{pointer-events:all;cursor:pointer}.item-grid .imageContainer .addCartButton{width:100%;height:auto;line-height:.75rem;justify-content:center;align-items:center;background:var(--primary-color);cursor:pointer;display:none;position:absolute;bottom:0;left:0;border:none;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;font-size:.625rem;color:#fff;text-transform:uppercase;font-weight:600;padding:.5rem;transition:.2s all ease;-webkit-transition:.2s all ease}.item-grid .imageContainer .addCartButton.added{background:var(--brand-dark)}.item-grid .imageContainer .infoButton{position:absolute;right:.25rem;top:.25rem;z-index:8;background:none;padding:0;margin:0;border:0;cursor:pointer;opacity:0;pointer-events:none;transition:.2s all ease;-webkit-transition:.2s all ease}.item-grid .imageContainer .contentOverlay{position:absolute;left:0;top:0;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;opacity:0;transition:.5s;background:rgba(51,51,51,.2);border-radius:.6rem;z-index:3;pointer-events:all}.enabled-item-overlay{opacity:1!important;cursor:pointer!important}.disabled-item-overlay{cursor:not-allowed!important}.item-grid .imageContainer .contentOverlay img{filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);width:1.875rem;pointer-events:all}.item-grid .imageContainer .itemDetails{opacity:0;font-size:.685rem;justify-content:center;width:100%;height:fit-content;margin-top:.8rem;display:flex;align-items:center}.showAlways{opacity:1!important}.item-details-icon:before{content:none;vertical-align:middle}.item-grid .imageContainer .itemDetails:hover{opacity:1;text-decoration:underline}.item-grid .imageContainer:hover .itemDetails{opacity:1;transition:.5s}.item-grid img{max-width:100%;max-height:100%}.container .subContainer{border-bottom:.5px solid #c4c4c4;margin-bottom:2rem}.container .subContainer:nth-child(1){margin-top:0}.container .subContainer:nth-last-child(1){margin-bottom:0;border-bottom:0}.bottomBar .cartButton img{width:2rem}.sideMenu .sideMenuTabContainer,.mobileTabContent,.mobileElementsModal{display:none}.infoModal{position:absolute;width:100%;height:100%;left:0;top:0;z-index:8;background:#fff;box-shadow:0 -5px 8px #00000005;border-radius:.75rem .75rem 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;opacity:0;pointer-events:none;transition:.2s all ease;-webkit-transition:.2s all ease;padding-bottom:1rem;padding-top:2rem;overflow-y:auto}.infoModal.open{opacity:1;pointer-events:all}.infoModal .categoryLink{display:flex;align-items:center;color:var(--brand-dark);gap:.75rem;text-decoration:none;align-self:flex-start;margin-left:4rem;margin-bottom:2rem}.infoModal .categoryLink:hover{text-decoration:underline}.infoModal .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700}.infoModal .infoModalImageContainer{position:relative;width:auto;height:12.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-radius:.8rem}.infoModal .itemImage{width:auto;height:100%}.infoModal button{background:transparent;border:none;outline:none;cursor:pointer}.infoModal .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoModal .closeButton img{width:1.5rem}.infoModal .openNewTab{position:relative;margin-top:1rem;color:var(--brand-dark);font-size:.75rem;text-decoration:underline}.infoModal .itemTitle{font-weight:400;max-width:60%;font-size:1.25rem;margin-top:1rem;margin-bottom:1rem}.infoModal .itemDescription{max-width:70%;font-size:1rem;line-height:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;white-space:pre-wrap;text-align:-webkit-left}.infoModal .infoModalDimensions{color:var(--brand-dark);opacity:.4;font-weight:700;font-size:.875rem;margin-top:1rem}.infoModal .infoModalActions{width:100%;margin-top:2rem}.infoModal .infoModalActions button{width:65%;padding:.6875rem;text-align:center;color:var(--brand-dark);pointer-events:none;font-size:1.25rem;font-weight:700;background:#f8f8f8}.addToCartDisabled{background:#00000057!important;opacity:.75;cursor:not-allowed!important}.previewCartModal{position:absolute;width:100%;height:calc(100% + 5rem);left:0;top:-5rem;z-index:9;background:#fff;box-shadow:0 4.96px 19.84px #0000001a;border-radius:.75rem .75rem 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;opacity:0;pointer-events:none;transition:.2s all ease;-webkit-transition:.2s all ease;overflow:hidden;padding-top:5.75rem}.previewCartModal .cartTitle{font-size:1.25rem;font-weight:700;position:absolute;left:2rem;top:2.5rem}.previewCartModal.open{opacity:1;pointer-events:all}.previewCartModal.mobile{display:none}.previewCartModal .previewCartContent{overflow:auto;padding:0 1.5rem;width:100%;height:100%;position:absolute}.previewCartModal .checkoutButton{position:relative;width:20.625rem;background:var(--primary-color);color:#fff;display:flex;align-items:center;text-align:center;padding:.6875rem 1rem;border-radius:.25rem;justify-content:center}.previewCartModal .checkoutButton:disabled{background:#00000057!important;opacity:.75;cursor:not-allowed!important}.previewCartModal .checkoutButton img{margin-left:.25rem}.previewCartModal .checkoutButton span{font-size:.6875rem;text-transform:uppercase;font-weight:700}.previewCartModal button{background:transparent;border:none;outline:none;cursor:pointer}.previewCartModal .closeButton{position:absolute;right:1.5rem;top:1.5rem}.previewCartModal .closeButton img{width:1.5rem}.cartItem{display:flex;align-items:flex-start;max-width:100%}.cartItemOutOfStock{border:1px solid #d0342c;border-radius:5px}.cartItem:nth-child(n+1){margin-bottom:1rem}.cartItem .cartItemImage{width:6.25rem;height:6.25rem;padding:.5rem;background:#ffffff;box-shadow:0 2px 8px #0000001a;border-radius:.25rem;margin-right:1rem;display:flex;justify-content:center;align-items:center}.cartItem .cartItemImage img{width:100%;height:auto;max-width:100%;max-height:100%}.cartItem .cartItemDetails{display:flex;flex-direction:column;width:calc(100% - 6.25rem);justify-content:flex-start;padding-top:.75rem}.cartItem .cartItemDetails h4{font-size:.75rem;font-weight:400;padding-top:.25rem;white-space:pre-line}.cartItem .cartItemDetails h5{font-size:.7rem;font-weight:400;padding-top:.25rem;white-space:pre-line}.cartRowImage{height:.8rem}.cartItem .cartRow{margin-top:1rem;width:100%;display:flex;justify-content:flex-start;align-items:center;color:red;gap:.25rem}.cartItem .itemCount{font-size:.7rem}.cartItem .qtyContainer{display:flex;gap:.5rem;color:var(--primary-color);margin-right:1.75rem}.cartItem .qtyContainer span{display:none}.cartItem .qtyContainer button{color:var(--primary-color)}.cartItem .qtyContainer input{color:#333;width:1.7rem;padding:.25rem .5rem;border-radius:3px;background:#eeeeee;border:none}.cartItem .deleteCartButton{font-size:.6875rem;text-decoration:underline;color:#333;display:flex;margin-top:.5rem}.cartItem .deleteCartButton:hover{color:var(--primary-color)}.cartItem .itemPrice{font-size:.7rem}.cartItem .itemAvailable{font-size:.5rem}.cartItem .actionButton{margin-top:.2rem;font-weight:600;font-size:.9rem;cursor:pointer}.color-grid{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;align-items:flex-start}.colorSelector{cursor:pointer;display:flex;flex-direction:column;align-items:center}.colorSelector .colorThumbnailContainer{position:relative}.colorSelector .colorThumbnailContainer .colorThumbnail{width:5rem;height:5rem;position:relative;overflow:hidden}.colorSelector .colorThumbnailContainer .checkMark{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0}.colorSelector .colorThumbnailContainer .checkMark img{opacity:0;transition:.1s all ease;width:45%;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.colorSelector .colorDetails{margin-top:.5rem;text-align:center}.colorDetails .colorDetailsLabel{width:100px}.colorSelector .colorDetails p{margin:0;font-size:.75rem;color:var(--brand-dark)}.colorDetails .redText{color:#d0342c!important;font-size:.6rem!important;font-weight:800}.colorSelector .colorDetails p:nth-child(1){font-weight:600}.colorSelector .colorDetails p:nth-child(2){font-weight:400}
|
|
9019
|
-
`,MobileStyles$1=`@media only screen and (orientation: portrait){.overlayUI{z-index:3;flex-direction:column;padding:0;align-content:flex-start;align-items:flex-start;justify-content:flex-start;top:0;height:100%;max-height:800px;border:none;pointer-events:none}.uiContainer{flex-direction:column;justify-content:flex-end}.leftShell{width:100%;height:100%!important;padding:0;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-content:flex-start;background:#fff;z-index:2;transition:.5s ease-out;flex-shrink:2}.expanded-left-shell,.disabledleftShell{height:100%!important}.desktopSideMenu{display:none}.sideMenu{width:100%;height:100%!important;display:flex;z-index:1;bottom:0;flex-direction:column;align-items:flex-start;justify-content:space-between;align-content:flex-end;padding:0;border:none;background:#f5f5f5;border-radius:12px;max-width:unset;min-width:unset;box-shadow:0 -2px 12px #0000001a!important;transition:.5s;min-height:300px;max-height:300px;flex-shrink:1}.side-menu-collapsed{min-height:110px;max-height:110px}.collapse-side-menu-button{opacity:1;border:none;box-shadow:none;background:transparent;display:flex;align-items:center;position:absolute;right:6%;top:5%}.set-display-none,.sideMenuContent,.sideMenu .desktop,.sideMenuTabs{display:none}.sideMenu .viewInSpaceButton{width:9rem}.sideMenu .bottomBar{z-index:4;width:100%;position:absolute}.bottomBar .reviewButton{font-size:.875rem;margin-right:.5rem}.bottomBar .cartButton img{width:1.25rem}.mobileExpandButton{justify-content:center;align-items:center;display:flex;flex-direction:column-reverse;background:#f5f5f5;font-size:.75rem;width:100%;border-top-left-radius:.75rem;border-top-right-radius:.75rem;transition:none;opacity:1;text-transform:uppercase}.mobileExpandButton.sideMenuOpen{padding:0;height:0%;opacity:0;background:#f8f8f8;pointer-events:none}.mobileExpandButton button{position:relative;width:100%;top:0;right:auto;border:none;box-shadow:none;background:transparent;display:flex;justify-content:center;align-items:center;z-index:5;transition:none}.mobileExpandButton button img{transform:rotate(180deg)}#epigraphConfiguratorCore{width:100%;height:100%}epigraph-configurator{position:fixed!important;top:0;left:0;width:100%!important;height:100%!important}.sideMenu .sideMenuTabContainer{display:flex;width:100%;height:100%;transition:none;align-items:flex-start;min-height:300px;max-height:300px}.side-menu-tab-container-open{height:100%}.side-menu-container-hide{height:0%!important}.sideMenu.open .sideMenuTabContainer{height:100%}.sideMenu.open{height:100%;max-height:310px}.sideMenu .sideMenuTabContainer .mobileTab{display:flex}.sideMenu .sideMenuTabContainer .firstMobileTabs img{height:auto}.sideMenu .sideMenuTabContainer .firstMobileTab{width:100%}.sideMenu .firstMobileTabs{width:100%;height:auto;display:flex;justify-content:center;padding:0 2.5rem;margin:0;border-bottom:.25px solid #c4c4c4}.sideMenu .firstMobileTabs .mobileTab{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;font-weight:600;color:var(--brand-dark);width:6rem;height:3rem;text-transform:uppercase;font-size:1rem;background:transparent;border-radius:0;padding:.75rem 0rem;opacity:.5}.sideMenu .react-tabs__tab--selected{background:none;border:none;border-radius:0}.react-tabs__tab{padding:0!important}.react-tabs__tab-panel{height:auto}.sideMenu .firstMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:2px solid var(--brand-dark);opacity:1}.sideMenu .secondMobileTabs{width:100%;height:auto;display:flex;justify-content:flex-start;margin:0;gap:1rem;padding:0 1rem;margin-top:1.5rem;margin-bottom:1.25rem;overflow:auto}.sideMenu .secondMobileTabs::-webkit-scrollbar{display:none}.sideMenu .secondMobileTabs .mobileTab{padding:0;font-weight:500;font-size:.75rem;text-transform:uppercase;color:#c4c4c4;text-decoration:none;white-space:nowrap}.sideMenu .secondMobileTabs .mobileTab.scrolled{font-weight:700;color:var(--brand-dark)}.sideMenu .secondMobileTabs .react-tabs__tab{padding:0;width:100%}.sideMenu .secondMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:1px solid var(--brand-dark)}.imageContainer{width:100%;height:8rem;cursor:pointer;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:.375rem;background:transparent;position:relative}.imageContainer .contentContainer,.imageContainer:hover .contentContainer{width:4.5rem;height:4.5rem;left:0%;top:0;border-radius:.375rem;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.imageContainer .itemDetails{display:flex;text-align:start;font-size:.75rem;margin-top:.5rem;text-decoration:none}.truncate{width:70px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center}.truncate-mobile{text-align:center}.product-image{margin-right:0;border-radius:0rem;padding:.5rem;max-width:100%;max-height:100%}.mobileGrid{display:flex;flex-direction:row;grid-template-columns:none;align-items:flex-start;justify-items:flex-start;justify-content:flex-start;padding-left:1rem;padding-right:1rem;width:100%;gap:1rem;overflow-x:auto;overflow-y:hidden;margin-bottom:10px}.mobileGridCenter{align-items:center}.mobileGrid .mobileGridSection,.mobileGrid .mobileGridSection .mobileGridCategorySection{display:flex;align-items:flex-start;gap:.75rem}.mobileGrid::-webkit-scrollbar{display:none}.mobileGrid .imageContainer .contentContainer .contentOverlay{transition:none;opacity:1;pointer-events:all;background:transparent}.mobileGrid .imageContainer .contentContainer .contentOverlay img{display:none}.mobileGrid .imageContainer .contentOverlay{position:absolute;left:0;top:0;width:100%;height:5rem;display:flex;justify-content:center;align-items:center;opacity:0;transition:none;background:rgba(51,51,51,.2);border-radius:.6rem;z-index:3}.mobileGrid .imageContainer .contentOverlay img{filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);width:3rem;background:none}.imageContainer .infoButton{display:none}.imageContainer:hover .itemDetails,.imageContainer:hover .addCartButton{display:flex}.mobileTabContent{display:block;padding-bottom:0}.mobileElementsModal{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mobileElementsModal.open{pointer-events:all;opacity:1}.mobileElementsModal .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(31,31,31,.7);z-index:2}.mobileElementsModal .modalContent{position:relative;width:8.9rem;height:auto;background:#fff;box-shadow:0 1.89333px 7.57333px #0000001a;border-radius:.75rem;z-index:4;display:flex;flex-direction:column;overflow:hidden;margin-top:-25%}.mobileElementsModal .modalContent .contentContainer{padding:.5rem}.mobileElementsModal .modalContent .thumbnailImage{max-height:6.4rem;width:100%;display:flex;justify-content:center}.mobileElementsModal .modalContent .thumbnailImage img{max-height:100%;max-width:100%}.mobileElementsModal .addCartButton{width:2rem;height:2rem;justify-content:center;align-items:center;background:#ffffff;box-shadow:0 1px 3px #0000000d;display:block;position:absolute;right:1.25rem;top:.875rem;border:none;border-radius:50%;font-size:1.25rem;color:var(--brand-dark)}.mobileElementsModal .itemDetails{display:block;max-width:100%;font-size:.85rem;align-items:flex-start;margin-top:.25rem;display:flex;flex-direction:row}.mobileElementsModal .itemDetails p{max-width:50%}.mobileElementsModal .itemDetails img{width:.7rem;margin-left:.25rem;margin-top:.25rem}.mobileElementsModal .cartOptions{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 1rem);background:white;position:relative;top:.5rem;left:.5rem;border-radius:2.6rem;overflow:hidden}.mobileElementsModal .cartOptions button{background:#ffffff;box-shadow:0 .946667px 2.84px #0000000d;width:1.75rem;height:1.75rem;font-size:1.125rem;border:none;outline:none}.mobileElementsModal .cartOptions .cartCount{color:#e52438;font-size:1rem}.mobileElementsModal .confirmCartButton{width:100%;padding:.5rem;display:flex;justify-content:center;align-items:center;background:#e52438;font-weight:900;color:#fff;border:none;font-size:.6875rem;margin-top:.25rem}.mobileGridSection{display:flex;width:auto;gap:1rem}.itemGridDivider{background:transparent;width:1px;height:5rem;border-right:.5px solid #c4c4c4;margin:0}.itemGridPlaceholder{width:calc(100vw - 8rem)}.previewCartModal.mobile{display:flex;box-shadow:none}.previewCartModal{height:90%;z-index:9;top:0}.previewCartModal .checkoutButton{position:relative;width:100%;margin:auto;text-align:center;bottom:0;left:0}.previewCartModal .checkoutButton img{filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.previewCartModal .checkoutButton:disabled{opacity:.75}.previewCartModal .previewCartButtonContainer{position:absolute;width:100%;display:flex;flex-direction:column;gap:.75rem;left:0;bottom:0;align-items:center;padding:.6875rem .9rem;box-shadow:0 -4px 12px #0000000d}.cartMessageDiv{margin:0;padding-bottom:.2rem}.removeAllColorOverridesButton{margin:0;cursor:pointer;width:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;background:transparent!important;border:none;font-size:11px;text-transform:capitalize;color:var(--brand-dark)!important}.removeAllColorOverridesButton .iconContainer{background:white;padding:.5rem;box-shadow:1.28889px 1.28889px 7.73333px #0000000d;border-radius:50%}.removeAllColorOverridesButton .iconContainer img{width:1.25rem;height:auto}.removeAllColorOverridesButton:disabled{opacity:.25;cursor:not-allowed}.uiModalDrawer .modalDialog{background:#fff;width:100%;padding:1.5rem;border-radius:0;position:relative;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.uiModalDrawer .modalDialog .modalHeading{font-size:1.25rem;font-weight:700;color:var(--brand-dark);text-transform:capitalize;margin:0;margin-bottom:2.25rem;position:relative;width:100%}.uiModalDrawer .modalDialog .modalHeading:after{content:"";position:absolute;width:100%;height:.25px;background:#a0a0a0;left:0rem;bottom:-1rem}.uiModalDrawer .modalDialog button{border-radius:2px;background:var(--primary-color);color:#fff;text-align:center;font-size:.875rem;font-weight:500;padding:.75rem 1.875rem;outline:none;border:none;box-shadow:none;margin:0;cursor:pointer;width:100%}.uiModalDrawer .shareModal{position:relative;width:100%}.uiModalDrawer .shareModalChildDiv,.uiModalDrawer .shareModalLoaderImg{height:100%}.uiModalDrawer .shareModalRelative{position:relative;width:100%}.UIModalButtonParentDiv{display:flex;gap:10px;width:100%}.uiModalDrawer .shareModal button{position:absolute;text-transform:uppercase;right:.25rem;margin:0;top:.25rem;font-size:1rem;padding:0;width:2.3125rem;height:2.3125rem;display:flex;justify-content:center;align-items:center}.shellCanvasContainer{padding:0!important;box-shadow:none!important;flex-direction:row!important;gap:.75rem!important;overflow-x:scroll!important;background:#ffffff!important;box-shadow:0 2px 12px #0000001a!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;padding:.5rem!important;position:absolute;top:0}.shellCanvasContainer::-webkit-scrollbar{display:none}.shellCanvasContainerParent{align-items:flex-start!important;width:100%!important;height:20%!important;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;top:0!important;position:relative}.shellButtonContainer{padding:.5rem .75rem!important;margin:0!important;background:#f8f8f8!important;border-radius:1.5rem!important;gap:.25rem!important}.shellButtonContainer .buttonContent{gap:.25rem!important;display:flex!important;align-items:center!important;flex-direction:row!important;min-width:auto!important;max-width:none!important;min-height:auto!important;max-height:none!important;height:auto!important;width:auto!important;background:transparent!important}.shellButtonContainer .buttonContent span{display:flex;font-size:.6875rem}.contextMenuParent{display:none}.shellButtonContainer.active{border-left:none;background:#f1f1f1!important}.shellButtonContainer.active .buttonContent{background:transparent}.shellButtonContainer .hoverDescriptor,.infoModal{display:none}.epigraphDrawer .contextMenuParent{position:relative;max-width:none;width:100%;top:0;left:0;z-index:1005;background:#ffffff;box-shadow:none;border:black;border-radius:3%;display:flex;gap:1rem;justify-content:center;padding:1rem 1rem 1.5rem;flex-direction:column;align-content:center;border-radius:.625rem;min-width:200px}#contextDrawer{z-index:3}.epigraphDrawer .contextMenuParent .closeContainer{width:100%;display:flex;justify-content:flex-end}.epigraphDrawer .contextMenuParent .closeContainer button{cursor:pointer;border:none;outline:none;box-shadow:none;background:transparent}.epigraphDrawer .contextMenuParent .closeContainer button img{width:.75rem}.epigraphDrawer .contextMenuParent .contextContent h3{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:0}.epigraphDrawer .contextMenuParent .contextContentNameDiv{display:flex;align-items:center;gap:.5rem}.epigraphDrawer .contextMenuParent .selectColorLabel{font-weight:300;font-size:.75rem;margin-top:1rem;text-transform:uppercase}.epigraphDrawer .contextMenuParent .colorSwatchTitle{margin-top:1rem}.epigraphDrawer .contextMenuParent .contextContent p{font-size:.75rem;font-weight:300;margin:0}.epigraphDrawer .contextMenuParent .contextButtons{display:flex;flex-direction:row;gap:.75rem;margin-top:.05rem}.epigraphDrawer .contextMenuParent .contextButtons button{border-radius:.25rem;padding:.75rem 2rem;background:transparent;display:flex;flex-direction:row;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;font-size:.75rem;font-weight:700;border:1px solid var(--primary-color);outline:none;background:#fff;box-shadow:none;justify-content:center}.epigraphDrawer .contextMenuParent .contextButtons button img{width:1rem}.epigraphDrawer .contextMenuParent .contextButtons button{color:var(--primary-color);width:100%}.epigraphDrawer .contextMenuParent .contextButtons button:nth-child(1) img{filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%)}.epigraphDrawer .contextMenuParent .contextButtons button svg path{fill:var(--primary-color)}.epigraphDrawer .color-grid{display:flex;gap:1rem}.epigraphDrawer .colorSelector{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.epigraphDrawer .colorSelector .colorThumbnailContainer{position:relative}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail{width:2.625rem;height:2.625rem;border-radius:50%}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail .colorThumbnailImg{height:100%;width:100%;opacity:1}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark img{opacity:0;transition:none;width:45%;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.epigraphDrawer .colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.epigraphDrawer .colorSelector .colorDetails{text-align:center;opacity:.75;pointer-events:none;margin-top:0}.epigraphDrawer .colorSelector:hover .colorDetails,.epigraphDrawer .colorSelector.selected .colorDetails{opacity:1;pointer-events:all}.epigraphDrawer .colorSelector .colorDetails p{margin:0;font-size:.75rem;color:var(--brand-dark)}.epigraphDrawer .colorSelector .colorDetails p:nth-child(1){font-weight:600;text-align:center}.epigraphDrawer .colorSelector .colorDetails p:nth-child(2){font-weight:400}.epigraphDrawer p,.epigraphDrawer span,.epigraphDrawer h1,.epigraphDrawer h2,.epigraphDrawer h3,.epigraphDrawer h4,.epigraphDrawer h5,.epigraphDrawer pre{font-family:Inter,helvetica,sans-serif}.infoDrawer{padding-top:2rem;padding-bottom:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.infoDrawer .drawerContent{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:unset}.infoDrawer .infoDrawerImageContainer{position:relative;width:100%}.infoDrawer button{background:transparent;border:none;outline:none;cursor:pointer}.infoDrawer .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoDrawer .closeButton img{width:.75rem}.infoDrawer .openNewTab{position:relative;margin-top:1rem;display:flex;align-items:center;color:var(--brand-dark);gap:.5rem;outline:none}.infoDrawer .itemImage{max-width:60%;width:50%}.infoDrawer .itemTitle{font-weight:400;max-width:70%;font-size:1rem;margin-top:1.25rem;text-align:center}.infoDrawer .infoDrawerActions{margin-top:1.5rem}.infoDrawer .infoDrawerActions button{width:65%;padding:.6875rem;text-align:center;color:#fff}.infoDrawer .infoDrawerActions .removeFromCart{background:var(--brand-dark)}.infoDrawer .itemTitle{font-weight:400;max-width:60%;font-size:1.25rem;margin-top:1rem;margin-bottom:1rem}.infoDrawer .itemDescription{max-width:70%;font-size:1rem;line-height:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;white-space:pre-wrap;text-align:-webkit-left}.infoDrawer .infoDrawerDimensions{color:var(--brand-dark);opacity:.4;font-weight:700;font-size:.875rem;margin-top:1rem}.infoDrawer .infoDrawerActions{margin-top:3.75rem}.infoDrawer .infoModalActions button{width:100%;padding:.6875rem;text-align:center;color:var(--brand-dark);pointer-events:none;font-size:1.25rem;font-weight:700;background:#f8f8f8;margin-top:1rem}.infoDrawer .categoryLink{display:flex;align-items:center;color:var(--brand-dark);gap:.75rem;text-decoration:none;position:relative;width:70%;outline:none;margin-bottom:2rem}.infoDrawer .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700;text-align:center;margin:auto}.addToCartDisabled{background:#00000057!important;opacity:.75;cursor:not-allowed!important}.epigraphDrawer.hotspotDrawer .drawerContent{padding:unset;height:100%;overflow-y:unset}.epigraphDrawer.hotspotDrawer h2{font-size:1.25rem;text-transform:uppercase;margin:0;margin-bottom:2rem}.epigraphDrawer.hotspotDrawer .quill p{margin:0;margin-top:.5rem}.uiModalDrawer.open{opacity:1;pointer-events:all}.uiModalDrawer .modalOverlay{background:rgba(51,51,51,.4);position:absolute;top:0;left:0;width:100%;height:100%}.uiModalDrawer .modalDialog{background:#fff;width:100%;padding:0;border-radius:0;position:relative;z-index:32;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.uiModalDrawer .modalText{white-space:pre-wrap;font-size:.75rem;font-weight:300;color:#222;margin-bottom:1rem}.uiModalDrawer .modalDialog input{font-weight:300;color:var(--brand-dark);border:.5px solid var(--brand-dark);border-radius:2px;padding:1rem;width:100%}.uiModalDrawer .shareModal{width:100%;display:flex}.uiModalDrawer .shareModal button{position:absolute;text-transform:uppercase;right:0;margin:0;top:0;font-size:1rem;padding:0;width:3rem;height:100%;display:flex;justify-content:center;align-items:center}.uiModalDrawer .shareModal button:before{position:absolute;content:"";background:white;height:calc(100% - 2px);right:3rem;top:1px;width:12px}.uiModalDrawer .shareModal button img{width:1.75rem;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.uiModalDrawer .modalDialog .modalCloseContainer{display:none}.uiModalDrawer .modalDialog .modalCloseContainer button{cursor:pointer;outline:none;background:transparent;border:none;margin:0;padding:0}.uiModalDrawer .modalDialog .modalCloseContainer button img{width:1.5rem}}
|
|
9019
|
+
`,MobileStyles$1=`@media only screen and (orientation: portrait){.overlayUI{z-index:3;flex-direction:column;padding:0;align-content:flex-start;align-items:flex-start;justify-content:flex-start;top:0;height:100%;max-height:800px;border:none;pointer-events:none}.uiContainer{flex-direction:column;justify-content:flex-end}.leftShell{width:100%;height:100%!important;padding:0;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-content:flex-start;z-index:2;transition:.5s ease-out;flex-shrink:2}.expanded-left-shell,.disabledleftShell{height:100%!important}.desktopSideMenu{display:none}.sideMenu{width:100%;height:100%!important;display:flex;z-index:1;bottom:0;flex-direction:column;align-items:flex-start;justify-content:space-between;align-content:flex-end;padding:0;border:none;background:#f5f5f5;border-radius:12px;max-width:unset;min-width:unset;box-shadow:0 -2px 12px #0000001a!important;transition:.5s;min-height:300px;max-height:300px;flex-shrink:1}.side-menu-collapsed{min-height:110px;max-height:110px}.collapse-side-menu-button{opacity:1;border:none;box-shadow:none;background:transparent;display:flex;align-items:center;position:absolute;right:6%;top:5%}.set-display-none,.sideMenuContent,.sideMenu .desktop,.sideMenuTabs{display:none}.sideMenu .viewInSpaceButton{width:9rem}.sideMenu .bottomBar{z-index:4;width:100%;position:absolute}.bottomBar .reviewButton{font-size:.875rem;margin-right:.5rem}.bottomBar .cartButton img{width:1.25rem}.mobileExpandButton{justify-content:center;align-items:center;display:flex;flex-direction:column-reverse;background:#f5f5f5;font-size:.75rem;width:100%;border-top-left-radius:.75rem;border-top-right-radius:.75rem;transition:none;opacity:1;text-transform:uppercase}.mobileExpandButton.sideMenuOpen{padding:0;height:0%;opacity:0;background:#f8f8f8;pointer-events:none}.mobileExpandButton button{position:relative;width:100%;top:0;right:auto;border:none;box-shadow:none;background:transparent;display:flex;justify-content:center;align-items:center;z-index:5;transition:none}.mobileExpandButton button img{transform:rotate(180deg)}#epigraphConfiguratorCore{width:100%;height:100%}epigraph-configurator{position:fixed!important;top:0;left:0;width:100%!important;height:100%!important}.sideMenu .sideMenuTabContainer{display:flex;width:100%;height:100%;transition:none;align-items:flex-start;min-height:300px;max-height:300px}.side-menu-tab-container-open{height:100%}.side-menu-container-hide{height:0%!important}.sideMenu.open .sideMenuTabContainer{height:100%}.sideMenu.open{height:100%;max-height:310px}.sideMenu .sideMenuTabContainer .mobileTab{display:flex}.sideMenu .sideMenuTabContainer .firstMobileTabs img{height:auto}.sideMenu .sideMenuTabContainer .firstMobileTab{width:100%}.sideMenu .firstMobileTabs{width:100%;height:auto;display:flex;justify-content:center;padding:0 2.5rem;margin:0;border-bottom:.25px solid #c4c4c4}.sideMenu .firstMobileTabs .mobileTab{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;font-weight:600;color:var(--brand-dark);width:6rem;height:3rem;text-transform:uppercase;font-size:1rem;background:transparent;border-radius:0;padding:.75rem 0rem;opacity:.5}.sideMenu .react-tabs__tab--selected{background:none;border:none;border-radius:0}.react-tabs__tab{padding:0!important}.react-tabs__tab-panel{height:auto}.sideMenu .firstMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:2px solid var(--brand-dark);opacity:1}.sideMenu .secondMobileTabs{width:100%;height:auto;display:flex;justify-content:flex-start;margin:0;gap:1rem;padding:0 1rem;margin-top:1.5rem;margin-bottom:1.25rem;overflow:auto}.sideMenu .secondMobileTabs::-webkit-scrollbar{display:none}.sideMenu .secondMobileTabs .mobileTab{padding:0;font-weight:500;font-size:.75rem;text-transform:uppercase;color:#c4c4c4;text-decoration:none;white-space:nowrap}.sideMenu .secondMobileTabs .mobileTab.scrolled{font-weight:700;color:var(--brand-dark)}.sideMenu .secondMobileTabs .react-tabs__tab{padding:0;width:100%}.sideMenu .secondMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:1px solid var(--brand-dark)}.imageContainer{width:100%;height:8rem;cursor:pointer;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:.375rem;background:transparent;position:relative}.imageContainer .contentContainer,.imageContainer:hover .contentContainer{width:4.5rem;height:4.5rem;left:0%;top:0;border-radius:.375rem;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.imageContainer .itemDetails{display:flex;text-align:start;font-size:.75rem;margin-top:.5rem;text-decoration:none}.truncate{width:70px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center}.truncate-mobile{text-align:center}.product-image{margin-right:0;border-radius:0rem;padding:.5rem;max-width:100%;max-height:100%}.mobileGrid{display:flex;flex-direction:row;grid-template-columns:none;align-items:flex-start;justify-items:flex-start;justify-content:flex-start;padding-left:1rem;padding-right:1rem;width:100%;gap:1rem;overflow-x:auto;overflow-y:hidden;margin-bottom:10px}.mobileGridCenter{align-items:center}.mobileGrid .mobileGridSection,.mobileGrid .mobileGridSection .mobileGridCategorySection{display:flex;align-items:flex-start;gap:.75rem}.mobileGrid::-webkit-scrollbar{display:none}.mobileGrid .imageContainer .contentContainer .contentOverlay{transition:none;opacity:1;pointer-events:all;background:transparent}.mobileGrid .imageContainer .contentContainer .contentOverlay img{display:none}.mobileGrid .imageContainer .contentOverlay{position:absolute;left:0;top:0;width:100%;height:5rem;display:flex;justify-content:center;align-items:center;opacity:0;transition:none;background:rgba(51,51,51,.2);border-radius:.6rem;z-index:3}.mobileGrid .imageContainer .contentOverlay img{filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);width:3rem;background:none}.imageContainer .infoButton{display:none}.imageContainer:hover .itemDetails,.imageContainer:hover .addCartButton{display:flex}.mobileTabContent{display:block;padding-bottom:0}.mobileElementsModal{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mobileElementsModal.open{pointer-events:all;opacity:1}.mobileElementsModal .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(31,31,31,.7);z-index:2}.mobileElementsModal .modalContent{position:relative;width:8.9rem;height:auto;background:#fff;box-shadow:0 1.89333px 7.57333px #0000001a;border-radius:.75rem;z-index:4;display:flex;flex-direction:column;overflow:hidden;margin-top:-25%}.mobileElementsModal .modalContent .contentContainer{padding:.5rem}.mobileElementsModal .modalContent .thumbnailImage{max-height:6.4rem;width:100%;display:flex;justify-content:center}.mobileElementsModal .modalContent .thumbnailImage img{max-height:100%;max-width:100%}.mobileElementsModal .addCartButton{width:2rem;height:2rem;justify-content:center;align-items:center;background:#ffffff;box-shadow:0 1px 3px #0000000d;display:block;position:absolute;right:1.25rem;top:.875rem;border:none;border-radius:50%;font-size:1.25rem;color:var(--brand-dark)}.mobileElementsModal .itemDetails{display:block;max-width:100%;font-size:.85rem;align-items:flex-start;margin-top:.25rem;display:flex;flex-direction:row}.mobileElementsModal .itemDetails p{max-width:50%}.mobileElementsModal .itemDetails img{width:.7rem;margin-left:.25rem;margin-top:.25rem}.mobileElementsModal .cartOptions{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 1rem);background:white;position:relative;top:.5rem;left:.5rem;border-radius:2.6rem;overflow:hidden}.mobileElementsModal .cartOptions button{background:#ffffff;box-shadow:0 .946667px 2.84px #0000000d;width:1.75rem;height:1.75rem;font-size:1.125rem;border:none;outline:none}.mobileElementsModal .cartOptions .cartCount{color:#e52438;font-size:1rem}.mobileElementsModal .confirmCartButton{width:100%;padding:.5rem;display:flex;justify-content:center;align-items:center;background:#e52438;font-weight:900;color:#fff;border:none;font-size:.6875rem;margin-top:.25rem}.mobileGridSection{display:flex;width:auto;gap:1rem}.itemGridDivider{background:transparent;width:1px;height:5rem;border-right:.5px solid #c4c4c4;margin:0}.itemGridPlaceholder{width:calc(100vw - 8rem)}.previewCartModal.mobile{display:flex;box-shadow:none}.previewCartModal{height:90%;z-index:9;top:0}.previewCartModal .checkoutButton{position:relative;width:100%;margin:auto;text-align:center;bottom:0;left:0}.previewCartModal .checkoutButton img{filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.previewCartModal .checkoutButton:disabled{opacity:.75}.previewCartModal .previewCartButtonContainer{position:absolute;width:100%;display:flex;flex-direction:column;gap:.75rem;left:0;bottom:0;align-items:center;padding:.6875rem .9rem;box-shadow:0 -4px 12px #0000000d}.cartMessageDiv{margin:0;padding-bottom:.2rem}.removeAllColorOverridesButton{margin:0;cursor:pointer;width:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;background:transparent!important;border:none;font-size:11px;text-transform:capitalize;color:var(--brand-dark)!important}.removeAllColorOverridesButton .iconContainer{background:white;padding:.5rem;box-shadow:1.28889px 1.28889px 7.73333px #0000000d;border-radius:50%}.removeAllColorOverridesButton .iconContainer img{width:1.25rem;height:auto}.removeAllColorOverridesButton:disabled{opacity:.25;cursor:not-allowed}.uiModalDrawer .modalDialog{background:#fff;width:100%;padding:1.5rem;border-radius:0;position:relative;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.uiModalDrawer .modalDialog .modalHeading{font-size:1.25rem;font-weight:700;color:var(--brand-dark);text-transform:capitalize;margin:0;margin-bottom:2.25rem;position:relative;width:100%}.uiModalDrawer .modalDialog .modalHeading:after{content:"";position:absolute;width:100%;height:.25px;background:#a0a0a0;left:0rem;bottom:-1rem}.uiModalDrawer .modalDialog button{border-radius:2px;background:var(--primary-color);color:#fff;text-align:center;font-size:.875rem;font-weight:500;padding:.75rem 1.875rem;outline:none;border:none;box-shadow:none;margin:0;cursor:pointer;width:100%}.uiModalDrawer .shareModal{position:relative;width:100%}.uiModalDrawer .shareModalChildDiv,.uiModalDrawer .shareModalLoaderImg{height:100%}.uiModalDrawer .shareModalRelative{position:relative;width:100%}.UIModalButtonParentDiv{display:flex;gap:10px;width:100%}.uiModalDrawer .shareModal button{position:absolute;text-transform:uppercase;right:.25rem;margin:0;top:.25rem;font-size:1rem;padding:0;width:2.3125rem;height:2.3125rem;display:flex;justify-content:center;align-items:center}.shellCanvasContainer{padding:0!important;box-shadow:none!important;flex-direction:row!important;gap:.75rem!important;overflow-x:scroll!important;background:#ffffff!important;box-shadow:0 2px 12px #0000001a!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;padding:.5rem!important;position:absolute;top:0}.shellCanvasContainer::-webkit-scrollbar{display:none}.shellCanvasContainerParent{align-items:flex-start!important;width:100%!important;height:20%!important;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;top:0!important;position:relative}.shellButtonContainer{padding:.5rem .75rem!important;margin:0!important;background:#f8f8f8!important;border-radius:1.5rem!important;gap:.25rem!important}.shellButtonContainer .buttonContent{gap:.25rem!important;display:flex!important;align-items:center!important;flex-direction:row!important;min-width:auto!important;max-width:none!important;min-height:auto!important;max-height:none!important;height:auto!important;width:auto!important;background:transparent!important}.shellButtonContainer .buttonContent span{display:flex;font-size:.6875rem}.contextMenuParent{display:none}.shellButtonContainer.active{border-left:none;background:#f1f1f1!important}.shellButtonContainer.active .buttonContent{background:transparent}.shellButtonContainer .hoverDescriptor,.infoModal{display:none}.epigraphDrawer .contextMenuParent{position:relative;max-width:none;width:100%;top:0;left:0;z-index:1005;background:#ffffff;box-shadow:none;border:black;border-radius:3%;display:flex;gap:1rem;justify-content:center;padding:1rem 1rem 1.5rem;flex-direction:column;align-content:center;border-radius:.625rem;min-width:200px}#contextDrawer{z-index:3}.epigraphDrawer .contextMenuParent .closeContainer{width:100%;display:flex;justify-content:flex-end}.epigraphDrawer .contextMenuParent .closeContainer button{cursor:pointer;border:none;outline:none;box-shadow:none;background:transparent}.epigraphDrawer .contextMenuParent .closeContainer button img{width:.75rem}.epigraphDrawer .contextMenuParent .contextContent h3{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:0}.epigraphDrawer .contextMenuParent .contextContentNameDiv{display:flex;align-items:center;gap:.5rem}.epigraphDrawer .contextMenuParent .selectColorLabel{font-weight:300;font-size:.75rem;margin-top:1rem;text-transform:uppercase}.epigraphDrawer .contextMenuParent .colorSwatchTitle{margin-top:1rem}.epigraphDrawer .contextMenuParent .contextContent p{font-size:.75rem;font-weight:300;margin:0}.epigraphDrawer .contextMenuParent .contextButtons{display:flex;flex-direction:row;gap:.75rem;margin-top:.05rem}.epigraphDrawer .contextMenuParent .contextButtons button{border-radius:.25rem;padding:.75rem 2rem;background:transparent;display:flex;flex-direction:row;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;font-size:.75rem;font-weight:700;border:1px solid var(--primary-color);outline:none;background:#fff;box-shadow:none;justify-content:center}.epigraphDrawer .contextMenuParent .contextButtons button img{width:1rem}.epigraphDrawer .contextMenuParent .contextButtons button{color:var(--primary-color);width:100%}.epigraphDrawer .contextMenuParent .contextButtons button:nth-child(1) img{filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%)}.epigraphDrawer .contextMenuParent .contextButtons button svg path{fill:var(--primary-color)}.epigraphDrawer .color-grid{display:flex;gap:1rem}.epigraphDrawer .colorSelector{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.epigraphDrawer .colorSelector .colorThumbnailContainer{position:relative}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail{width:2.625rem;height:2.625rem;border-radius:50%}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail .colorThumbnailImg{height:100%;width:100%;opacity:1}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark img{opacity:0;transition:none;width:45%;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.epigraphDrawer .colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.epigraphDrawer .colorSelector .colorDetails{text-align:center;opacity:.75;pointer-events:none;margin-top:0}.epigraphDrawer .colorSelector:hover .colorDetails,.epigraphDrawer .colorSelector.selected .colorDetails{opacity:1;pointer-events:all}.epigraphDrawer .colorSelector .colorDetails p{margin:0;font-size:.75rem;color:var(--brand-dark)}.epigraphDrawer .colorSelector .colorDetails p:nth-child(1){font-weight:600;text-align:center}.epigraphDrawer .colorSelector .colorDetails p:nth-child(2){font-weight:400}.epigraphDrawer p,.epigraphDrawer span,.epigraphDrawer h1,.epigraphDrawer h2,.epigraphDrawer h3,.epigraphDrawer h4,.epigraphDrawer h5,.epigraphDrawer pre{font-family:Inter,helvetica,sans-serif}.infoDrawer{padding-top:2rem;padding-bottom:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.infoDrawer .drawerContent{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:unset}.infoDrawer .infoDrawerImageContainer{position:relative;width:100%}.infoDrawer button{background:transparent;border:none;outline:none;cursor:pointer}.infoDrawer .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoDrawer .closeButton img{width:.75rem}.infoDrawer .openNewTab{position:relative;margin-top:1rem;display:flex;align-items:center;color:var(--brand-dark);gap:.5rem;outline:none}.infoDrawer .itemImage{max-width:60%;width:50%}.infoDrawer .itemTitle{font-weight:400;max-width:70%;font-size:1rem;margin-top:1.25rem;text-align:center}.infoDrawer .infoDrawerActions{margin-top:1.5rem}.infoDrawer .infoDrawerActions button{width:65%;padding:.6875rem;text-align:center;color:#fff}.infoDrawer .infoDrawerActions .removeFromCart{background:var(--brand-dark)}.infoDrawer .itemTitle{font-weight:400;max-width:60%;font-size:1.25rem;margin-top:1rem;margin-bottom:1rem}.infoDrawer .itemDescription{max-width:70%;font-size:1rem;line-height:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;white-space:pre-wrap;text-align:-webkit-left}.infoDrawer .infoDrawerDimensions{color:var(--brand-dark);opacity:.4;font-weight:700;font-size:.875rem;margin-top:1rem}.infoDrawer .infoDrawerActions{margin-top:3.75rem}.infoDrawer .infoModalActions button{width:100%;padding:.6875rem;text-align:center;color:var(--brand-dark);pointer-events:none;font-size:1.25rem;font-weight:700;background:#f8f8f8;margin-top:1rem}.infoDrawer .categoryLink{display:flex;align-items:center;color:var(--brand-dark);gap:.75rem;text-decoration:none;position:relative;width:70%;outline:none;margin-bottom:2rem}.infoDrawer .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700;text-align:center;margin:auto}.addToCartDisabled{background:#00000057!important;opacity:.75;cursor:not-allowed!important}.epigraphDrawer.hotspotDrawer .drawerContent{padding:unset;height:100%;overflow-y:unset}.epigraphDrawer.hotspotDrawer h2{font-size:1.25rem;text-transform:uppercase;margin:0;margin-bottom:2rem}.epigraphDrawer.hotspotDrawer .quill p{margin:0;margin-top:.5rem}.uiModalDrawer.open{opacity:1;pointer-events:all}.uiModalDrawer .modalOverlay{background:rgba(51,51,51,.4);position:absolute;top:0;left:0;width:100%;height:100%}.uiModalDrawer .modalDialog{background:#fff;width:100%;padding:0;border-radius:0;position:relative;z-index:32;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.uiModalDrawer .modalText{white-space:pre-wrap;font-size:.75rem;font-weight:300;color:#222;margin-bottom:1rem}.uiModalDrawer .modalDialog input{font-weight:300;color:var(--brand-dark);border:.5px solid var(--brand-dark);border-radius:2px;padding:1rem;width:100%}.uiModalDrawer .shareModal{width:100%;display:flex}.uiModalDrawer .shareModal button{position:absolute;text-transform:uppercase;right:0;margin:0;top:0;font-size:1rem;padding:0;width:3rem;height:100%;display:flex;justify-content:center;align-items:center}.uiModalDrawer .shareModal button:before{position:absolute;content:"";background:white;height:calc(100% - 2px);right:3rem;top:1px;width:12px}.uiModalDrawer .shareModal button img{width:1.75rem;filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.uiModalDrawer .modalDialog .modalCloseContainer{display:none}.uiModalDrawer .modalDialog .modalCloseContainer button{cursor:pointer;outline:none;background:transparent;border:none;margin:0;padding:0}.uiModalDrawer .modalDialog .modalCloseContainer button img{width:1.5rem}}
|
|
9020
9020
|
`,ViewInYourSpaceStyles=`model-viewer{width:100vw;height:100vh;display:block}.viewInYourSpaceButton{width:100%;height:100%;background-color:transparent;border:2px solid black;display:flex;align-items:center;justify-content:center;gap:20px;display:none}.viewInYourSpaceButton img{height:50%}.viewInYourSpaceButton:disabled{display:none;pointer-events:none}.viewInYourSpaceButton:hover img{filter:invert()}.viewInYourSpaceButton:hover{background-color:#000;color:#fff;cursor:pointer}.qrModalContainer{--qrModalMargin: 50px;--qrModalPadding: 200px;display:flex;flex-direction:column;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#3336;margin:0;z-index:999;opacity:1;transition:opacity .5s}.qr-code-container{display:flex;position:relative;width:100%;min-width:300px;height:100%;min-height:300px;justify-content:center;align-items:center}.qr-code-image{height:100%;width:100%;transform:scale(1.15)}.qrModal{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;width:90%;min-width:500px;max-width:620px;height:90%;min-height:300px;max-height:315px;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;box-shadow:7px 7px 20px #0000000d}.qrModalHide{pointer-events:none;opacity:0;transition:opacity .5s}.qrModal>img{align-self:center;aspect-ratio:1;min-width:300px;min-height:300px;max-width:100%;max-height:100%;opacity:1;transition:1s}.img-hide{display:none;opacity:0}.instructions-container{display:flex;flex-direction:column;height:80%;gap:10px;justify-content:space-between}.done-button{width:90%;height:25%;background-color:var(--view-in-your-space-done-button-bg-color);color:#fff;font-weight:700;font-size:18px;border:2px solid var(--view-in-your-space-done-button-bg-color);transition:.5s;text-transform:uppercase}.done-button:hover{background-color:var(--view-in-your-space-done-button-hover-bg-color);color:var(--view-in-your-space-done-button-hover-color);cursor:pointer;transition:.5s}.qr-modal-title{font-size:25px;font-style:normal;font-weight:700;line-height:30px;text-transform:none;color:var(--qr-modal-title-color);font-family:var( --view-in-your-space-modal-heading-font-family, Inter, helvetica, sans-serif )}.qr-modal-instruction{font-family:var(--font-family);font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:var(--qr-modal-instruction-color)}.qr-modal-requirement{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:19px;color:var(--qr-modal-requirement-color)}.qr-modal-close-button{width:50px;height:50px;font-size:x-large;position:absolute;top:21px;align-self:flex-start;border:0px;right:21px;background-color:transparent}.qr-modal-close-button:hover{cursor:pointer}.loader-hide{display:none!important;opacity:0;transition:1s}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.qr-ar-modal-title{font-family:var(--configurator-font-family, sans-serif);font-size:20px;font-style:normal;font-weight:700;line-height:24.2px;text-transform:none;color:var(--qr-modal-title-color);font-family:var( --view-in-your-space-modal-heading-font-family, Inter, helvetica, sans-serif )}.launch-ar-modal-title{font-family:var(--configurator-font-family, sans-serif);font-size:20px;font-style:normal;font-weight:700;line-height:24.2px;text-transform:none;color:var(--qr-modal-title-color);align-self:center;font-family:var( --view-in-your-space-modal-heading-font-family, Inter, helvetica, sans-serif )}.qr-ar-modal-instruction,.launch-ar-modal-instruction{font-family:var(--configurator-font-family, sans-serif);font-style:normal;font-weight:400;font-size:12px;line-height:18px;text-align:center;color:var(--qr-modal-instruction-color);align-self:flex-start;text-align:left}.launch-ar-modal-error{font-family:var(--configurator-font-family, sans-serif);font-size:15px;color:red}.launch-ar-modal-error-hide{display:none}.qr-ar-modal-requirement,.launch-ar-modal-requirement{font-family:var(--configurator-font-family, sans-serif);font-style:normal;font-weight:400;font-size:10px;line-height:19.2px;color:var(--qr-modal-requirement-color, black)}.launch-ar-modal-handle{height:5px;width:50%;background-color:#000;border-radius:99px;margin:0 20px}.QR-Parent{height:200px;width:200px;min-width:200px;min-height:200px;display:flex;justify-content:center;align-items:center}.QR-Content-Parent{height:100%;width:200px;display:flex;flex-direction:column;align-items:flex-start}.qr-content-container{display:flex;flex-direction:row;height:100%;margin:0 24px 24px;gap:7%;align-items:center;justify-content:space-around}.launch-ar-content-container{display:flex;flex-direction:column;height:260px;margin:24px 20px 24px 24px;padding-bottom:2rem;gap:7%;align-items:center;justify-content:flex-start}.launch-ar-button-container{width:100%;height:48px;display:flex;justify-content:center;align-items:center;position:relative}.qr-ar-bottom-content-container{height:100%;gap:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.launch-ar-bottom-content-container{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.launch-ar-button{width:100%;height:100%;opacity:1;position:absolute;transition:1s;background-color:var(--primary-color, black);color:#fff;border:0}.launch-ar-button:disabled{opacity:.6;transition:1s}.lds-ellipsis{display:inline-block;position:absolute;width:80px;height:80px;opacity:1;transition:1s;z-index:9999;pointer-events:none}.loader-hide{opacity:0;display:none!important;transition:1s}.lds-spinner{color:official;display:inline-block;position:relative;width:70px;height:70px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#000}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@media only screen and (orientation: portrait){.qr-ar-modal-title{align-self:center;font-family:var(--configurator-font-family, sans-serif);font-size:20px;font-style:normal;font-weight:700;line-height:24.2px;text-transform:none;color:var(--qr-modal-title-color);font-family:var( --view-in-your-space-modal-heading-font-family, Inter, helvetica, sans-serif )}.qr-ar-modal-instruction{font-family:var(--configurator-font-family, sans-serif);font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:var(--qr-modal-instruction-color);align-self:flex-start;text-align:center}.QR-Parent{width:150px;height:150px;min-height:150px;min-width:150px;display:flex;justify-content:center;align-items:center}.qr-content-container{display:flex;flex-direction:column;height:auto;margin:0 24px 35px;gap:7%;align-items:center;justify-content:flex-start}.QR-Content-Parent{text-align:left;height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start}.qr-ar-modal-requirement{text-align:center;font-family:var(--configurator-font-family, sans-serif);font-style:normal;font-weight:400;font-size:10px;line-height:19.2px;color:var(--qr-modal-requirement-color, black)}}
|
|
9021
9021
|
`,BottomDrawerStyles=`.drawer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;pointer-events:none;z-index:30}.drawer .drawerDialog{z-index:9;-ms-scroll-chaining:none;overscroll-behavior:none;touch-action:none;position:absolute;right:0;left:0;bottom:0;width:100%;height:90%;background:white;border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;flex-direction:column;pointer-events:all}.drawer .drawerDialog .drawerContainer{width:100%}.drawer .draggableBar{box-shadow:none;height:50px;pointer-events:all;display:flex;align-items:center;justify-content:center}.drawer .draggableBar .icon{content:"";display:block;width:40%;height:4px;border-radius:12px;background-color:#0009}.drawer .drawerOverlay{background-color:#0009;will-change:opacity;opacity:0;position:absolute;left:0;height:100%;width:100%;z-index:6;pointer-events:none;transition:.3s ease-out}.drawerContent{height:100%;overflow-y:scroll;padding:1rem;padding-top:0;box-sizing:content-box}@media only screen and (orientation: portrait){.drawer{display:block}}
|
|
9022
9022
|
`,FullScreenModalStyles=`.full-screen-modal-container{width:100%;height:100%;background-color:#3336;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;opacity:0;transition:opacity .5s;pointer-events:none;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:999999}.full-screen-modal-container.show{opacity:1;pointer-events:all}.full-screen-modal-container .close-button{height:24px!important;all:unset;cursor:pointer;align-self:flex-end}.full-screen-modal-container .close-button img{height:100%}.modal-content-container{width:80%;background-color:#fff;display:flex;flex-direction:column;padding:20px;border-radius:10px;box-sizing:content-box;max-width:500px}
|
|
@@ -9221,7 +9221,7 @@ ${_e.join(`
|
|
|
9221
9221
|
* See the License for the specific language governing permissions and
|
|
9222
9222
|
* limitations under the License.
|
|
9223
9223
|
*/const HAS_WEBXR_DEVICE_API=navigator.xr!=null&&self.XRSession!=null&&navigator.xr.isSessionSupported!=null;HAS_WEBXR_DEVICE_API&&self.XRSession.prototype.requestHitTestSource!=null;(()=>{const o=navigator.userAgent||navigator.vendor||self.opera;let s=!1;return(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(o)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(o.substr(0,4)))&&(s=!0),s})();const IS_IOS=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!self.MSStream||navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,IS_WKWEBVIEW=!!(window.webkit&&window.webkit.messageHandlers);(()=>{if(IS_IOS){if(IS_WKWEBVIEW)return!!/CriOS\/|EdgiOS\/|FxiOS\/|GSA\/|DuckDuckGo\//.test(navigator.userAgent);{const o=document.createElement("a");return!!(o.relList&&o.relList.supports&&o.relList.supports("ar"))}}else return!1})();class ConfiguratorCoreAPI{static instanceSingleton=void 0;#t=!1;#r;#i;#a;#n;#o;#c;#u;#s;#m=!0;#v;#e;#h=!0;#l;#d=!0;#f="";#p="";#g=null;epigraphAnalytics=null;EVENTS={UI:{PreloadScreen_Show:"preload:show",PreloadScreen_Hide:"preload:hide",ContextMenu_InfoBtnClicked:"infoButtonClicked_ContextMenu",ContextMenu_Show:"contextMenu:show",ContextMenu_Hide:"contextMenu:hide",UtilityMenu_Show:"utilityMenu:show",UtilityMenu_Hide:"utilityMenu:hide",ShareButton_Show:"shareButton:show",ShareButton_Hide:"shareButton:hide",ViewInYourSpaceButton_Show:"viewInYourSpace:show",ViewInYourSpaceButton_Hide:"viewInYourSpace:hide",ResetButton_Show:"resetBtn:show",ResetButton_Hide:"resetBtn:hide",DimensionsButton_Show:"dimensionsBtn:show",DimensionsButton_Hide:"dimensionsBtn:hide",Instructions_Show:"instructions:show"},SCENE:{Item_Added:"item:added",Item_Removed:"item:removed",Items_Updated:"items:updated",FittingSkuIds_Updated:"fittingSkuIds:updated",CartItems_Updated:"cartItems:updated",Hotspot_Enter:"hotspot:enter",Hotspot_Exit:"hotspot:exit",SavedConfiguration_Loaded:"loaded-saved-configuration",MaterialOverrides_Exists:"materialOverrideExists",Cart_Checkout:"cart:checkout",Cart_OutOfStock:"cart:outOfStock",Cart_StatusUpdated:"cart:statusUpdated",ReplaceableCategory_Updated:"replaceableCategory:updated",GlobalVariant_Updated:"globalVariant:updated",CategoryData_Updated:"categoryData:updated",GlobalGeometryVariant_Updated:"globalGeometryVariant:updated",Ghost_Loaded:"ghost:loaded",Model_Loaded:"model:loaded",Model_Removed:"model:removed",Scene_Cleared:"scene:cleared",Inventory_Updated:"inventory:updated",DraggingOnDrop_CollsionDetected:"draggingOnDrop:collisionDetected",ActionButton_Clicked:"actionButton:clicked",CartMessage_Update:"cartMessage:updated"},CONFIGURATION:{OnClickItem:"onClickItem",CameraDetails_Update:"cameraDetails:Update"}};constructor(s,a=null){if(ConfiguratorCoreAPI.instanceSingleton!==void 0)return ConfiguratorCoreAPI.instanceSingleton;if(s.identifier!=="wc-epigraph-configurator-core")return LOGGER.error({title:"Invalid identifier on the 'wc-epigraph-configurator-core'. Unable to initialise the ConfiguratorCoreAPI class."}),null;ConfiguratorCoreAPI.instanceSingleton=this,Object.freeze(this.CORE_EVENTS),this.#n=s,this.#c=performance.now(),this.#a=a,this.#n.addEventListener(this.EVENTS.SCENE.CartItems_Updated,()=>{this.#l=void 0,this.#h=!0,this.#d=!0}),this.setupAnalyticsEventListeners(),this.#t=!0}set shadowRootRef(s){this.#r=s}get shadowRootRef(){return this.#r}set configuratorWCRef(s){this.#o=s}get configuratorWCRef(){return this.#o}set clientAccessKey(s){this.#v=s}set canUpdateInventory(s){this.#m=s}get lastSharedConfigurationID(){return this.#l}set lastSharedConfigurationID(s){this.#l=s}set projectId(s){this.#e=s}get projectId(){return this.#e}get coreWCRef(){return this.#n}getResolvedAssetUrl(s){return resolveAssetUrl(s)}initializeAnalytics(s=void 0){s!==void 0&&(this.epigraphAnalytics=new I2,this.epigraphAnalytics.addEventPlugin(new w2(s,!1)))}get isReady(){return this.#t}get preloadProgress(){return this.#i}get categoryData(){return productDataStore$1.getState().categoryData}get productData(){return productDataStore$1.getState().productData}get lookData(){return productDataStore$1.getState().lookData}get hotspotsData(){return productDataStore$1.getState().hotspotsData}get sceneSettings(){return sceneStore.getState().sceneSettings}get assetsData(){return productDataStore$1.getState().assetsData}get isMobile(){return sceneStore.getState().isMobile}getDeviceState(){return sceneStore.getState().actions.getDeviceState()}get hasSceneChanged(){return this.#h}set hasSceneChanged(s){this.#h=s}enableCart(){sceneStore.getState().actions.enableCart()}disableCart(){sceneStore.getState().actions.disableCart()}fireEvent(s,a){let b=new CustomEvent(s,{bubbles:!0,cancelable:!1,composed:!0});b.data=a,this.coreWCRef?this.coreWCRef.dispatchEvent(b):LOGGER.warn({title:"core web component not found!"})}setupAnalyticsEventListeners(){this.coreWCRef.addEventListener("coreApi:ready",s=>{let a=Object.assign({},CONFIGURATOR_READY);const b=((performance.now()-this.#c)/1e3).toFixed(2);this.#u=b,a.event_label=`${this.#e}`,a.parameters={project_id:`${this.#e}`,load_time:b},this.sendAnalyticsEvent(a)}),this.coreWCRef.addEventListener("coreApi:failed",s=>{let a=Object.assign({},CONFIGURATOR_FAILED);a.parameters={project_id:`${this.#e}`},a.event_label=`${this.#e}`,this.sendAnalyticsEvent(a)}),this.coreWCRef.addEventListener(this.EVENTS.SCENE.Item_Added,s=>{LOGGER.info({title:"Add Item",details:s});const a=s.data.itemData.guid,bt=attachmentStore$1.getState().attachmentSystem.currentStructure.getNodeByGUID(a).currentVariant,rn=`${s.data.itemData.skuID}(${bt})`;let sn=Object.assign({},CONFIGURATOR_ITEM_ADDED);sn.parameters={item_added:`${rn}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(sn)}),this.coreWCRef.addEventListener(this.EVENTS.SCENE.Item_Removed,s=>{if(LOGGER.info({title:"Remove Item"}),s.data.itemData==null)return;const a=s.data.itemData.skuID;let b=Object.assign({},CONFIGURATOR_ITEM_REMOVED);b.parameters={item_removed:`${a}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(b)}),this.coreWCRef.addEventListener(this.EVENTS.SCENE.Hotspot_Enter,s=>{let a=Object.assign({},CONFIGURATOR_HOTSPOT_ENTER);const b=s.data.hotspot?.hotspotData?.title;a.parameters={hotspot_entered:`${this.sceneSettings.analyticsEventPrefix}${b||s.data.hotspotAbsID}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(a)}),this.coreWCRef.addEventListener(this.EVENTS.SCENE.Hotspot_Exit,s=>{let a=Object.assign({},CONFIGURATOR_HOTSPOT_EXIT);const b=s.data.hotspot?.hotspotData?.title;a.parameters={hotspot_exited:`${this.sceneSettings.analyticsEventPrefix}${b||s.data.hotspotAbsID}`,project_id:`${this.#e}`,c_hotspot_time_spent:`${s.data.hotspotTimeSpent}`},this.sendAnalyticsEvent(a)}),this.coreWCRef.addEventListener(this.EVENTS.SCENE.Cart_Checkout,s=>{let a=0,b=0,_e=0;s.data.cartItems.forEach((rn,sn)=>{b++,_e+=rn.count,a+=rn.price;let yn=Object.assign({},CONFIGURATOR_CHECKOUT_ITEM);yn.parameters={client_product_id:rn.clientProductId,count_added_to_cart:rn.count,variant:`${rn.currentVariant}`,total_value:rn.price,epigraph_sku:`${rn.skuID}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(yn)});let bt=Object.assign({},CONFIGURATOR_CHECKOUT);bt.parameters={cart_total:a,unique_items_count:b,total_items:_e,project_id:`${this.#e}`},this.sendAnalyticsEvent(bt)})}getPreconfigurationModuleData(){return productDataStore$1.getState().categoryData.preconfiguration}setEmptySceneText(s){const a=sceneStore.getState().sceneSettings;a.emptySceneText=s,sceneStore.setState({sceneSettings:{...a}})}getSpawningRequirementForSkuID(s){return attachmentStore$1.getState().attachmentSystem.currentStructure.getSpawningRequirementForSkuID(s)}getCartItems(){return attachmentStore$1.getState().attachmentSystem.getCartItems()}checkout(s=!1){const a=attachmentStore$1.getState().attachmentSystem;this.#g=this.getSceneStructure();const b=a.getCartItems();return LOGGER.warn({title:"CONFIGURATOR CHECKED OUT: "}),LOGGER.table(b),s===!0||b.cartItems.find(_e=>_e.countUnavailable>0)===void 0?(this.fireEvent(this.EVENTS.SCENE.Cart_Checkout,b),CORE_API.alert({alertMsg:"Items from your configuration have been added to your cart.",alertTime:6e3,alertType:"success",alertLabel:"Success",alertId:"itemAdded"})):this.fireEvent(this.EVENTS.SCENE.Cart_OutOfStock,b),b}async reloadCheckedoutScene(){if(!this.#g){LOGGER.info({title:"No data found since last checkout"});return}await this.loadSceneFromConfiguration(this.#g)}getCurrentItemsInReplaceableCategory(){return attachmentStore$1.getState().attachmentSystem.currentStructure.getCurrentItemsInReplaceableCategory()}async getSceneAsGlbUrl(){return this.#d===!1?this.#f:(URL.revokeObjectURL(this.#f),this.#f=void 0,this.#f=await getSceneAsGLBUrl(),this.#d=!1,this.#f)}async getSceneAsUsdzUrl(){return this.#d===!1?this.#p:(URL.revokeObjectURL(this.#p),this.#p=void 0,this.#p=await getSceneAsUsdzUrl(),this.#d=!1,this.#p)}async generateShareableLink(s=!1){if(!this.#h&&this.#l)LOGGER.info({title:"Reusing the cached configuration ID that was last saved..."});else{LOGGER.info({title:"Generating a new configuration ID..."});let bt=attachmentStore$1.getState().actions.export();const rn=await saveStructureToCMS(bt);this.#l=await rn.text()}const a=window.location.href;let b=new URL(a);s===!0&&b.searchParams.set("launchInAR",!0),b.searchParams.set("projectId",this.#e),b.searchParams.set("epgsharedconfigid",this.#l),this.#h=!1;let _e=Object.assign({},CONFIGURATOR_SCENE_SHARED);return _e.parameters={shared_url:`${b}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(_e),b.href}closeContextMenu(){itemStore.getState().selectedItemData&&itemStore.getState().actions.deselectItem()}updatePreloadProgress(s){const a=this.#i;this.#i=s;const b=new CustomEvent("preload:update",{detail:{progress:this.#i}});window.dispatchEvent(b),typeof this.#a=="function"&&this.#a(a,s)}alert({alertMsg:s,alertTime:a,alertType:b,alertLabel:_e,persistant:bt=!1,alertId:rn}){sceneStore.getState().actions.sendAlert({alertMsg:s,alertTime:a,alertType:b,alertLabel:_e,persistant:bt,alertId:rn})}removePersistantAlert(){sceneStore.setState({persistantAlertData:null})}clickHotspot(s){let a=this.coreWCRef.shadowRootRef.getElementById(s);a&&a.click()}exitHotspot(){hotspotStore$1.getState().actions.exitHotspot(!1)}async spawnGhostsForSkuID(s,a=!1,b){if(itemStore.getState().busy)return null;await ghostStore.getState().actions.spawnGhostsForSkuID(s,a,b)}removeAllGhosts(){if(itemStore.getState().busy)return null;ghostStore.getState().actions.clearAllGhosts()}printSceneHierarchy(s=!1){const a=sceneStore.getState().sceneRef;(function b(_e){const bt=`${_e.name} < ${_e.type} >`;s===!0?console.groupCollapsed(bt):console.group(bt),_e.children.forEach(b),console.groupEnd()})(a)}getSceneItems(){const s=itemStore.getState().itemsSpawned;if(typeof s!="object"){LOGGER.error({title:"There was an error while fetching the scene item count."});return}return s}getSceneItemCount(){let s;const a=itemStore.getState().itemsSpawned;return typeof a!="object"&&LOGGER.error({title:"There was an error while fetching the scene item count."}),s=Object.keys(a).length,s}async spawnItemBySkuID(s,a=!1){return itemStore.getState().busy?null:(a===!0&&await this.spawnGhostsForSkuID(s,!1,1),await itemStore.getState().actions.addItemBySkuID(s))}async replaceItemsByGuid(s){let a={...s},b=!1;const _e=attachmentStore$1.getState().attachmentSystem.currentStructure;let bt=this.getSceneStructure();return Object.keys(s).map(rn=>{bt.structure.map(sn=>{if(sn.guid==rn){let yn=!1;const Pn=_e.getNodeByGUID(rn);Pn&&(yn=Pn.isReplaceableWithSkuId(s[rn].skuId)),a[rn].success=yn,yn&&(sn.skuID=s[rn].skuId,b=!0)}})}),b&&await this.loadSceneFromConfiguration(bt),a}async replaceItemsBySkuId(s,a=[]){let b={...s},_e=!1;const bt=attachmentStore$1.getState().attachmentSystem.currentStructure;let rn=this.getSceneStructure();return rn.structure.map(sn=>{a.includes(sn.guid)!==!0&&Object.keys(s).map(yn=>{if(sn.skuID==yn){let Pn=!1;const zn=bt.getNodeByGUID(sn.guid);zn&&(Pn=zn.isReplaceableWithSkuId(s[yn].skuId)),b[yn].success=Pn,Pn&&(sn.skuID=s[yn].skuId,_e=!0)}})}),_e&&await this.loadSceneFromConfiguration(rn),b}async removeItemByGUID(s,a=!1){const _e=attachmentStore$1.getState().attachmentSystem.currentStructure.getNodeByGUID(s);a===!1&&_e.canSwapRoot===!0&&_e.swapRoot(),await itemStore.getState().actions.removeItemByGUID(s)}rotateItemByGUID(s){attachmentStore$1.getState().attachmentSystem.currentStructure.rotateNode(s)}rotateSelectedItem(){const s=itemStore.getState().selectedItemData;if(!s){LOGGER.info("No current item selected to rotate");return}const a=s.itemData.guid;return attachmentStore$1.getState().attachmentSystem.currentStructure.rotateNode(a),s}removeItemBySkuID(s,a=!0){this.removeSelectedItem()}async removeSelectedItem(){const s=itemStore.getState().selectedItemData;if(!s){LOGGER.info({title:"No current item selected to delete"});return}const a=s.itemData.guid;return itemStore.getState().actions.deselectItem(),await this.removeItemByGUID(a),LOGGER.info({title:`Removed Item: ${a}`}),s}refocus(){sceneStore.getState().actions.triggerAutoFocus()}focusOnGhosts(){if(ghostStore.getState().ghostParentRef===null){LOGGER.warn({title:"Ghost Parent Reference not found"});return}ghostStore.getState().ghostParentRef.children.length<=0?sceneStore.getState().actions.triggerAutoFocus():sceneStore.getState().actions.triggerAutoFocus(ghostStore.getState().ghostParentRef)}exitSelectedItem(){itemStore.getState().actions.deselectItem()}getSelectedItemData(){return itemStore.getState().selectedItemData}canSelectedItemRotate(){const s=attachmentStore$1.getState().attachmentSystem.currentStructure;let a=this.getSelectedItemData();return a?s.getNodeByGUID(a.itemData.guid).canRotate:!1}canSelectedItemDrag(){const s=attachmentStore$1.getState().attachmentSystem.currentStructure,a=this.getSelectedItemData();return a?s.getNodeByGUID(a.itemData.guid).canDrag:!1}doesGuidItemHaveAnAttachedDependency(s){let a=!0;const _e=attachmentStore$1.getState().attachmentSystem.currentStructure.getNodeByGUID(s),bt=_e.isEndNode;return a=!bt,bt||_e.canSwapRoot&&_e.whichNodesAreAttachedToUs().length==1&&(a=!1),a}doesSelectedItemHasAttachedDependency(){const s=this.getSelectedItemData();return s?this.doesGuidItemHaveAnAttachedDependency(s.itemData.guid):!1}isSelectedItemAnEndNode(){const s=attachmentStore$1.getState().attachmentSystem.currentStructure,a=this.getSelectedItemData();return a?s.getNodeByGUID(a.itemData.guid).isEndNode:!1}getCurrentSceneEnvMap(){return lightStore.getState().envMapUrl}async switchGlobalGeometryVariant(s,a){if(!s){LOGGER.WARN({title:"Geometry Category: '"+s+"' not valid!"});return}itemStore.getState().selectedItemData&&itemStore.getState().actions.deselectItem(),await attachmentStore$1.getState().attachmentSystem.switchGlobalGeometryVariant(s,a),await wait(1);let b=Object.assign({},CONFIGURATOR_GLOBAL_GEOMETRY_VARIANT_SWITCHED);b.parameters={variant:`${a}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(b);const bt=productDataStore$1.getState().categoryData.geometryVariants;let rn=null;if(bt.map(yn=>{yn.id==s&&(rn=yn)}),!rn)return;const sn=rn.variants[a];this.alert({alertMsg:rn.label.charAt(0).toUpperCase()+rn.label.slice(1)+" was successfully switched to "+sn.label.charAt(0).toUpperCase()+sn.label.slice(1)+".",alertTime:3e3,alertType:"success",alertLabel:`${rn.label} Changed`,alertId:"geometryVariantChanged"})}async switchGlobalVariant(s,a=""){if(!s){LOGGER.WARN({title:"Look Category: '"+s+"' not valid!"});return}itemStore.getState().selectedItemData&&itemStore.getState().actions.deselectItem(),LOGGER.info({title:`Changing Global Variant: Category: ${s} Id: ${a}`}),await attachmentStore$1.getState().attachmentSystem.switchGlobalVariant(s,a),await wait(1);let b=Object.assign({},CONFIGURATOR_GLOBAL_VARIANT_SWITCHED);b.parameters={variant:`${a}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(b)}async overrideSelectedItemMaterial(s=""){return itemStore.getState().selectedItemData?(await itemStore.getState().actions.switchToVariant(itemStore.getState().selectedItemData.itemData,s,!0),!0):!1}async overrideItemMaterialByGuid(s,a){const b=itemStore.getState().itemsSpawned[s];if(!b)return LOGGER.warn({title:"Item with guid: "+s+" doesn't exist"}),!1;await itemStore.getState().actions.switchToVariant(b.itemData,a,!0);let _e=Object.assign({},CONFIGURATOR_LOCAL_VARIANT_SWITCHED);return _e.parameters={variant:`${a}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(_e),!0}getSelectedItemColors(){let s=[];if(this.getSelectedItemData()==null)return s;let b=this.getSelectedItemData().itemData.looks;if(b){let _e=productDataStore$1.getState().lookData;b.map(bt=>{_e.hasOwnProperty(bt)&&s.push(_e[bt])})}return s}getCanvasSize(){return sceneStore.getState().canvasSize}async removeAllVariantOverrides(){itemStore.getState().selectedItemData&&itemStore.getState().actions.deselectItem(),await attachmentStore$1.getState().attachmentSystem.removeAllVariantOverrides()}switchCursor(s){sceneStore&&sceneStore.getState().actions.switchCursor(s)}getSceneStructure(){return attachmentStore$1.getState().actions.export()}async loadSceneFromConfiguration(s){await attachmentStore$1.getState().actions.loadStructure(s);let a=Object.assign({},CONFIGURATOR_LOAD_FROM_PRECONFIG);a.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(a)}async loadSceneFromConfigurationID(s,a=!0){const b=await attachmentStore$1.getState().actions.loadSavedStructureFromConfigID(s);if(!b)return null;a===!0&&attachmentStore$1.setState({defaultConfig:b});let _e=Object.assign({},CONFIGURATOR_LOAD_FROM_PRECONFIG);_e.label=`Preconfig ID: ${s}`,await this.loadSceneFromConfiguration(b)}viewInYourSpace(){LOGGER.info({title:"View in your space called from the Core API"});let s=Object.assign({},CONFIGURATOR_AR_REQUESTED);s.label="AR Requested",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s),this.#n.epigraphViewInYourSpaceRef.onViewInYourSpaceButtonClicked()}async shareScene(){const s=await this.generateShareableLink();let a=Object.assign({},CONFIGURATOR_SCENE_SHARED);return a.parameters={shared_url:`${s}`,project_id:`${this.#e}`},this.sendAnalyticsEvent(a),s}async clearScene(){await attachmentStore$1.getState().attachmentSystem.clear()}async restartScene(){LOGGER.info({title:"Restarting Scene."}),await attachmentStore$1.getState().attachmentSystem.restart();let s=Object.assign({},CONFIGURATOR_SCENE_RESTARTED);s.label="Scene Restarted",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}areDimensionsVisible(){return sceneStore.getState().showDimensions}getActiveHotspot(){return hotspotStore$1.getState().activeHotspotData}reviewCartShown(){let s=Object.assign({},CONFIGURATOR_REVIEW_CART_SHOWN);s.label="Review Cart shown",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}reviewCartHidden(){let s=Object.assign({},CONFIGURATOR_REVIEW_CART_HIDE);s.label="Review Cart hidden",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}sendShowInstructionsBtnAnalyticsEvent(){let s=Object.assign({},CONFIGURATOR_INSTRUCTIONS_BTN_CLICKED);s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}sendInstructionsAnalyticsCompletionRate(s){let a=Date.now()-this.#s,b=Math.round(a/1e3);this.#s=Date.now();let _e=Object.assign({},CONFIGURATOR_INSTRUCTIONS_COMPLETION_RATE);_e.parameters={completion_rate:s,time_spent:b,project_id:`${this.#e}`},this.sendAnalyticsEvent(_e)}showInstructions(){this.fireEvent(this.EVENTS.UI.Instructions_Show),this.#s=Date.now();let s=Object.assign({},CONFIGURATOR_INSTRUCTIONS_SHOWN);s.label="Instructions shown",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}showDimensions(){sceneStore.setState({showDimensions:!0});let s=Object.assign({},CONFIGURATOR_DIMENSION_SHOWN);s.label="Dimensions shown",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}hideDimensions(){sceneStore.setState({showDimensions:!1});let s=Object.assign({},CONFIGURATOR_DIMENSION_HIDE);s.label="Dimensions hidden",s.parameters={project_id:`${this.#e}`},this.sendAnalyticsEvent(s)}areHotspotsVisible(){return hotspotStore$1.getState().hotspotsVisibility}areHotspotsTemporarilyVisible(){return hotspotStore$1.getState().hotspotsTempVisibility}showAllHotspots(s=!1){hotspotStore$1.getState().actions.switchHotspotsVisibility(!0,s)}hideAllHotspots(s=!1){hotspotStore$1.getState().actions.switchHotspotsVisibility(!1,s)}getFittingSkuIds(){return attachmentStore$1.getState().attachmentSystem.getFittingSKUIDs()}selectItemWithGUID(s){const a=itemStore.getState().itemsSpawned,b=attachmentStore$1.getState().attachmentSystem.currentStructure.getNodeByGUID(s);itemStore.getState().actions.setSelectedItemData({...a[s],overrideVariant:b.overrideVariant,currentVariant:b.currentVariant,offsetX:0,offsetY:0})}async getCurrentCameraDetails(){return new Promise((s,a)=>{CORE_API.coreWCRef.addEventListener(CORE_API.EVENTS.CONFIGURATION.CameraDetails_Update,b=>{s(b.data)},{once:!0}),cameraStore.getState().actions.triggerFetchingCamera()})}moveCamera(s,a,b=!0){hotspotStore$1.setState({isAnyHotspotActive:!0}),s&&cameraStore.setState({viewPointPosition:ArrToVec3(s)}),a&&cameraStore.setState({focusPointPosition:ArrToVec3(a)}),cameraStore.setState({resetToLastPosition:b})}setEnvLightMap(s){lightStore.setState({envMapUrl:s})}updateInventoryForAllProducts(s){return this.#m===!1?(LOGGER.warn({title:"Inventory has been already updated once!"}),null):(inventoryStore.getState().actions.updateInventoryForAllProducts(s),this.#m=!1,this.getInventoryInfo())}getInventoryInfo(){return inventoryStore.getState().actions.getInventoryInfo()}updatePricingForAllProducts(s){productDataStore$1.getState().actions.updatePricingForAllProducts(s);const b=attachmentStore$1.getState().attachmentSystem.getCartItems();b&&CORE_API.fireEvent(CORE_API.EVENTS.SCENE.CartItems_Updated,b)}updatePricingForProduct(s,a,b){productDataStore$1.getState().actions.updatePricingForProduct(s,a,b);const bt=attachmentStore$1.getState().attachmentSystem.getCartItems();bt&&CORE_API.fireEvent(CORE_API.EVENTS.SCENE.CartItems_Updated,bt)}getCurrentPricingInfo(){return productDataStore$1.getState().actions.getCurrentPricingInfo()}async itemDragStart(s){if(itemStore.getState().busy)return null;sceneStore.setState({hoveredGhostIndex:-1}),await this.removeAllGhosts(),sceneStore.setState({itemDraggedSkuID:s}),await this.spawnGhostsForSkuID(s,!1)}async itemDragEnd(){if(itemStore.getState().busy)return null;const s=sceneStore.getState().hoveredGhostIndex;s!==-1?await itemStore.getState().actions.addItemBySkuID(sceneStore.getState().itemDraggedSkuID,s):await this.removeAllGhosts(),sceneStore.setState({itemDraggedSkuID:null,hoveredGhostIndex:-1})}async forceSpawnItem(s,a){const b=productDataStore$1.getState().productData,_e=attachmentStore$1.getState().attachmentSystem;if(!_e)return;const bt=_e.currentStructure;if(!bt)return;let rn=bt.getNodeByGUID(a);rn?(rn._skuID=s,rn.generatePlugsForNode(s)):(rn=new Node$1(s,{guid:a,isEndNode:!0,overrideVariant:null,plugs:b[s].plugs}),bt.addNode(rn),bt.connectPlugs({incomingPlug:new Plug({name:"haha",acceptedPlugTypes:[],connectsToPlugTypes:[]},rn),receiverPlug:bt.rootNode.plugs[0]}));const sn=await itemStore.getState().actions.addItemWithTransform({position:new Vector3(0,0,0),rotation:new Quaternion().identity()},s,a);return await wait(1),sn}async getScreenshotForCurrentCamera(s){return await sceneStore.getState().actions.requestNewScreenshot(null,s)}async getScreenshotForCamera(s,a){return await sceneStore.getState().actions.requestNewScreenshot(s,a)}async getAllPredefinedScreenshots(s){const a=sceneStore.getState().sceneSettings.screenshotCameras,b=[];for(const _e of a){const bt=await sceneStore.getState().actions.requestNewScreenshot(_e,s);b.push(bt)}return b}setCameraFocusPointPosition(s){cameraStore.setState({focusPointPosition:s})}triggerFetchingCamera(){cameraStore.getState().actions.triggerFetchingCamera()}async completeItemDrop(){await sceneStore.getState().actions.completeDropItem()}revertItemDrop(){sceneStore.getState().actions.revertDropItem()}getCameraFocusPointPosition(){return cameraStore.getState().focusPointPosition}sendAnalyticsPageViewedEvent(){}sendAnalyticsEvent(s){this.epigraphAnalytics!==null&&this.epigraphAnalytics.sendEvent(s)}isIosDevice(){return IS_IOS}actionButtonClicked(s){this.fireEvent(this.EVENTS.SCENE.ActionButton_Clicked,{data:s.actionButton.data,skuID:s.skuID,count:s.count,price:s.price,countAvailable:s.countAvailable,countUnavailable:s.countUnavailable,currentVariant:s.currentVariant})}setCartMessage(s){this.fireEvent(this.EVENTS.SCENE.CartMessage_Update,{cartMessage:s})}}const EpigraphConfiguratorCore=React.forwardRef((o,s)=>{const[a,b]=reactExports.useState(null);reactExports.useEffect(()=>{s.current&&(s.current.identifier="wc-epigraph-configurator-core",s.current.epigraphViewInYourSpaceRef=void 0,s.current.initialConfigId="",s.current.clientAccessKey="",s.current.gaMeasurementId="",s.current.configuratorWcRef=void 0,s.current.builderMode=!1,s.current.projectId="",s.current.api=null,setCoreApi(new ConfiguratorCoreAPI(s.current)),s.current.api=CORE_API,rn(s.current))},[s]),reactExports.useEffect(()=>{s.current&&o.viewInYourSpaceRef&&(o.viewInYourSpaceRef.current&&(s.current.epigraphViewInYourSpaceRef=o.viewInYourSpaceRef.current),LOGGER.info({title:"ViewInYourSpace is now accessible from the core: "}))},[s,o]);const _e=sn=>{o.configuratorWcRef&&(sn.configuratorWCRef=o.configuratorWcRef,sn.shadowRootRef=sn.configuratorWCRef.shadowRoot,sn.api.shadowRootRef=sn.shadowRootRef,sn.api.configuratorWCRef=sn.configuratorWCRef),o["initial-config-id"]&&(sn.initialConfigId=o["initial-config-id"]),o["client-access-key"]&&(sn.clientAccessKey=o["client-access-key"]),o["ga-measurement-id"]&&(sn.gaMeasurementId=o["ga-measurement-id"]),o["builder-mode"]&&(sn.builderMode=!0),LOGGER.group("Collected Web Component Attributes"),LOGGER.table({initialConfigId:sn.initialConfigId,clientAccessKey:sn.clientAccessKey,builderMode:sn.builderMode}),LOGGER.groupEnd()},bt=sn=>new Promise(function(yn,Pn){let zn=new XMLHttpRequest;zn.withCredentials=!1,zn.open("GET","https://api.seeitinyourspace.com/auth/"+sn),zn.setRequestHeader("Content-Type","application/json"),zn.onreadystatechange=function(){if(this.readyState===4){const ar=JSON.parse(this.responseText);LOGGER.warn({title:ar}),yn(ar)}},zn.onerror=function(){Pn({status:this.status,statusText:zn.statusText})},zn.send()}),rn=async sn=>{if(sn.coreReady===!0)return;_e(sn);const yn=await bt(sn.clientAccessKey);sn.validationPassed=yn.passed,sn.projectId=yn.projectID,sn.api.projectId=sn.projectId,CORE_API.initializeAnalytics(sn.gaMeasurementId);let Pn=Object.assign({},CONFIGURATOR_LOADING);if(Pn.parameters={project_id:`${sn.projectId}`},CORE_API.sendAnalyticsEvent(Pn),sn.validationPassed==="false"){LOGGER.error({title:"Request from an invalidated source: "+window.location.href}),CORE_API.fireEvent("coreApi:failed");return}LOGGER.info({title:"VALIDATION SUCCESSFUL!"}),sn.coreReady=!0;let zn=new URL(window.location).searchParams;zn.has("epgsharedconfigid")&&(sn.initialConfigId=zn.get("epgsharedconfigid")),b({projectId:sn.projectId,clientAccessKey:sn.clientAccessKey,initialConfigId:sn.initialConfigId,builderMode:sn.builderMode})};return reactExports.useEffect(()=>()=>{CORE_API.fireEvent("coreApi:shutDown")},[]),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:jsxRuntimeExports.jsx("div",{id:o.id,ref:s,children:a&&jsxRuntimeExports.jsx(App$1,{projectId:a.projectId,clientAccessKey:a.clientAccessKey,initialConfigId:a.initialConfigId,builderMode:a.builderMode,disableCart:o["disable-cart"]!==void 0?o["disable-cart"]:!1})})})}),ViewInYourSpace=React.forwardRef((o,s)=>{const a=reactExports.useRef(null),b=reactExports.useRef(null),_e=reactExports.useRef(null),bt=reactExports.useRef(null),rn=reactExports.useRef(null),sn=reactExports.useRef(null),yn=reactExports.useRef(null),Pn=reactExports.useRef(null),zn=reactExports.useRef(null),ar=reactExports.useRef(null),lr=()=>{o["asset-src"]&&(s.current.assetSrc=o["asset-src"])};reactExports.useEffect(()=>{!s.current||!a.current||!b.current||!_e.current||!bt.current||!rn.current||!sn.current||!yn.current||!Pn.current||!zn.current||!ar.current||(lr(),s.current.getQRForURL=async yy=>await El(yy),s.current.onViewInYourSpaceButtonClicked=async yy=>await mo(),s.current.assetSrc="",s.current.iosAssetSrc="",s.current.arLink="",s.current.qrSrc="https://help.spreadsheetconverter.com/wp-content/uploads/2013/07/car-loan-amortization-mobile-qrcode.png",s.current.coreApi=void 0,s.current.arInProgress=!1,s.current._modelViewerScriptSource="https://cdn.jsdelivr.net/npm/@google/model-viewer@2.x.x/dist/model-viewer.min.js",s.current._modelViewer=null,s.current._qrModalContainer=null,zr(),hr(),es(),s.current._modelViewer.addEventListener("error",yy=>{ga(yy)}),s.current._viewInYourSpaceButton.addEventListener("click",yy=>{mo()}),s.current.canLaunchAR=cr)},[s,a,b,_e,bt,rn,sn,yn,Pn,zn,ar]);const cr=reactExports.useCallback(()=>s.current._modelViewer.canActivateAR,[]);reactExports.useEffect(()=>{s.current&&(o["asset-src"]&&(s.current.assetSrc=o["asset-src"]),o["core-api"]&&(s.current.coreApi=o["core-api"]),Dr())},[s,o]);const Dr=()=>{s.current._modelViewer.setAttribute("src",s.current.assetSrc),s.current._modelViewer.setAttribute("ios-src",s.current.iosAssetSrc),s.current._modelViewer.style.display="none"},es=()=>{window.customElements.get("model-viewer")===void 0&&Ur(),cs(),Dr(),s.current._modelViewer.addEventListener("ar-status",yy=>{yy.detail.status==="session-started"?(s.current._modelViewer.style.display="block",s.current.arInProgress=!0):(yy.detail.status==="not-presenting"||yy.detail.status==="failed")&&(s.current._modelViewer.style.display="none",s.current.arInProgress=!1)})},Ur=()=>{s.current._modelViewerScriptElem=document.createElement("script"),s.current._modelViewerScriptElem.setAttribute("type","module"),s.current._modelViewerScriptElem.setAttribute("src",s.current._modelViewerScriptSource),s.current._modelViewerScriptElem.setAttribute("id","modelViewerScript"),document.head.appendChild(s.current._modelViewerScriptElem)},hr=()=>{s.current._qrModalContainer=bt.current,s.current._qrCodeImage=rn.current,s.current._arLink=sn.current,s.current._qrLoader=yn.current,s.current.doneViewInYourSpaceBtn=Pn.current,s.current.doneViewInYourSpaceBtn.addEventListener("click",()=>{ho()})},zr=()=>{s.current.arDrawer=a.current,s.current._launchARButton=b.current,s.current._modelDownloadLoader=_e.current,s.current._launchARButton.addEventListener("click",()=>{s.current.arInProgress!==!0&&_d()})},rs=()=>{s.current._modelDownloadLoader.classList.remove("loader-hide")},as=()=>{s.current._modelDownloadLoader.classList.add("loader-hide")},os=()=>{Zl(),s.current.arDrawer.show()},cs=()=>{s.current._modelViewer=zn.current,s.current._viewInYourSpaceButton=ar.current},zs=()=>{s.current._qrModalContainer.show()},ho=()=>{s.current._qrModalContainer.hide()},ga=yy=>{console.error(`[VIEW-IN-YOUR-SPACE ERROR]: Asset load Errors!!
|
|
9224
|
-
Make sure that the URL provided for the asset to be loaded is correct.`),console.error("==============================================================="),console.error(yy),console.error("===============================================================")},mo=yy=>{s.current.canLaunchAR()===!0?go():wy()},go=async yy=>{os(),await wait$1(1e3),s.current.coreApi.isIosDevice()?(s.current.iosAssetSrc=await s.current.coreApi.getSceneAsUsdzUrl(),s.current.assetSrc="https://storage.googleapis.com/epigraph-configurator/configurator-lite/assets/common/3d-assets/proxies/null-product-proxy.glb"):s.current.assetSrc=await s.current.coreApi.getSceneAsGlbUrl(),Dr(),yl()},yl=()=>{s.current._launchARButton.disabled=!1,as()},Zl=()=>{s.current._launchARButton.disabled=!0,rs()},_d=()=>{s.current._modelViewer.activateAR()},Ty=()=>{s.current._qrLoader.classList.remove("loader-hide")},gy=()=>{s.current._qrLoader.classList.add("loader-hide")},wy=async()=>{if(s.current._qrCodeImage.classList.add("img-hide"),s.current._qrCodeImage.setAttribute("src",""),Ty(),zs(),s.current.qrSrc=await _f(),!s.current.qrSrc){console.error("[VIEW-IN-YOUR-SPACE:Error] Cannot launch QR modal with no qrSrc.");return}s.current._qrCodeImage.setAttribute("src",s.current.qrSrc),s.current._qrCodeImage.classList.remove("img-hide"),gy()},El=async yy=>new Promise(function(Al,My){let By={qrdata:yy};By=JSON.stringify(By);const lA=new XMLHttpRequest;lA.withCredentials=!1,lA.open("PUT","https://api.seeitinyourspace.com/qr"),lA.setRequestHeader("Content-Type","application/json"),lA.onreadystatechange=function(){if(this.readyState===4){let wA=this.responseText;try{Al(wA)}catch(Fy){My({status:Fy})}}},lA.onerror=function(){My({status:this.status,statusText:lA.statusText})},lA.send(By)}),_f=async()=>(s.current.arLink=await s.current.coreApi.generateShareableLink(!0),await s.current.getQRForURL(s.current.arLink));return jsxRuntimeExports.jsxs("div",{...o,ref:s,children:[jsxRuntimeExports.jsxs("button",{id:"viewInYourSpaceButton",ref:ar,className:"viewInYourSpaceButton",children:[jsxRuntimeExports.jsx("img",{src:"https://storage.googleapis.com/gsc-epigraph-design/product-assets/Icon/AR.svg"}),"VIEW IN YOUR SPACE"]}),jsxRuntimeExports.jsx("model-viewer",{ref:zn,ar:!0,"ar-modes":"webxr scene-viewer quick-look","ar-scale":"fixed",src:"",alt:"Epigraph View In Your Space","camera-controls":!0}),jsxRuntimeExports.jsx(FullScreenModal,{id:"arDrawer",ref:a,children:jsxRuntimeExports.jsxs("div",{className:"launch-ar-content-container",children:[jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-title",children:"View In Your Space®"}),jsxRuntimeExports.jsxs("div",{className:"launch-ar-bottom-content-container",children:[jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-instruction",children:"Click the “Launch AR” button below to begin viewing this product in your space."}),jsxRuntimeExports.jsxs("div",{className:"launch-ar-button-container",children:[jsxRuntimeExports.jsxs("div",{id:"modelDownloadLoader",ref:_e,className:"lds-spinner",children:[jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{})]}),jsxRuntimeExports.jsx("button",{className:"launch-ar-button",id:"launchARButton",ref:b,children:"Launch AR"})]}),jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-requirement",children:"*Technical requirements: iOS Version 11 and later or Android 8 and later."})]}),jsxRuntimeExports.jsxs("div",{id:"arSessionError",className:"launch-ar-modal-error launch-ar-modal-error-hide",children:[" ","Uh Oh! Looks like there was a problem while loading the AR session."," "]})]})}),jsxRuntimeExports.jsx(FullScreenModal,{id:"qrModalContainer",ref:bt,children:jsxRuntimeExports.jsxs("div",{className:"qr-content-container",children:[jsxRuntimeExports.jsxs("div",{className:"QR-Parent",children:[jsxRuntimeExports.jsx("img",{id:"qrCodeImage",ref:rn,className:"qr-code-image",src:""}),jsxRuntimeExports.jsxs("div",{id:"qrLoader",ref:yn,className:"lds-spinner",children:[jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{})]}),jsxRuntimeExports.jsx("div",{id:"arLink",ref:sn})]}),jsxRuntimeExports.jsxs("div",{className:"QR-Content-Parent",children:[jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-title",children:"Scan QR code"}),jsxRuntimeExports.jsxs("div",{className:"qr-ar-bottom-content-container",children:[jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-instruction",children:"Using your mobile device camera, scan the QR code and follow the on-screen directions to view this item in your space."}),jsxRuntimeExports.jsx("div",{className:"launch-ar-button-container",children:jsxRuntimeExports.jsx("button",{className:"launch-ar-button",id:"doneViewInYourSpaceBtn",ref:Pn,children:"Done"})}),jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-requirement",children:"*Technical requirements: iOS Version 11 and later or Android 8 and later."})]})]}),jsxRuntimeExports.jsxs("div",{id:"arSessionError",className:"launch-ar-modal-error launch-ar-modal-error-hide",children:[" ","Uh Oh! Looks like there was a problem while loading the AR session."," "]})]})})]})}),UI_LOCAL_STYLES=[{id:"variables",contents:StyleVariables},{id:"styles",contents:GenericStyles$1},{id:"accordion",contents:AccordionStyles},{id:"productFeaturesUI",contents:FeaturesUiStyles},{id:"sideMenuContent",contents:SideMenuContentStyles},{id:"build",contents:BuildStyles},{id:"mobile",contents:MobileStyles$1},{id:"bottomDrawer",contents:BottomDrawerStyles},{id:"fullScreenModal",contents:FullScreenModalStyles},{id:"viewInYourSpace",contents:ViewInYourSpaceStyles},{id:"instructionsModal",contents:InstructionsModalStyles}];function App({disableUI:o,launchInAR:s,disableCart:a,configuratorWcRef:b,gaMeasurementId:_e,thumbComputedStyle:bt=null}){const rn=itemStore(as=>as.itemsSpawned),sn=reactExports.useRef(null),yn=reactExports.useRef(null),Pn=reactExports.useRef(null),[zn,ar]=reactExports.useState(!1),lr=sceneStore$1(as=>as.CORE_API),cr=sceneStore$1(as=>as.cssLoaded),Dr=sceneStore$1(as=>as.setCSSLoaded),es=reactExports.useRef(null);addCoreEventListener("coreApi:ready",as=>{const os=as.categoryData.geometryVariants;Object.keys(colorStore.getState().allActiveGeometryVariants).length==0&&os.map(zs=>colorStore.getState().allActiveGeometryVariants[zs.id]=Object.keys(zs.variants)[0]);const cs=as.categoryData.color;if(Object.keys(colorStore.getState().allActiveVariants).length==0&&cs.map(zs=>colorStore.getState().allActiveVariants[zs.id]=zs.looks[0]),as.configuration&&as.configuration.globalVariants){const zs=as.configuration.globalVariants;Object.keys(zs).map(ho=>{colorStore.getState().allActiveVariants[ho]=zs[ho]}),colorStore.setState({allActiveVariants:{...colorStore.getState().allActiveVariants}})}Pn.current.coreApi=sn.current.api,ar(!0)}),addCoreEventListener("coreApi:failed",as=>{b.showHiccupScreen(`AUTHENTICATION FAILED FOR: ${window.location.href}`),ar(!1)}),reactExports.useEffect(()=>{Ur(rn)},[rn]),addCoreEventListener("globalGeometryVariant:updated",as=>{colorStore.setState({allActiveGeometryVariants:{...as}});const os=itemStore.getState().itemsSpawned;Ur(os)}),addCoreEventListener("globalVariant:updated",as=>{colorStore.setState({allActiveVariants:{...as}})}),addCoreEventListener("cartMessage:updated",as=>{sceneStore$1.setState({cartMessage:as.cartMessage})});const Ur=as=>{let os=[],cs=[];const zs=colorStore.getState().allActiveGeometryVariants;Object.keys(as).map(ho=>{let ga=as[ho];ga.hotspotsData&&ga.hotspotsData.map(mo=>{if(mo.geometryVariantID){let go=!1;if(Object.keys(zs).map(yl=>{mo.geometryVariantID==zs[yl]&&(go=!0)}),go===!1)return}mo.categoryID!==""&&cs.includes(mo.categoryID)||(cs.push(mo.categoryID),os=[...os,{itemData:{...as[ho].itemData},hotspotData:{...mo}}])})}),sceneStore$1.setState({tabSpawnCount:os})};addCoreEventListener("cart:statusUpdated",as=>{as.disableCart!==void 0&&sceneStore$1.setState({disableCart:as.disableCart})}),addCoreEventListener("viewInYourSpace:hide",as=>{sceneStore$1.setState({viewInYourSpaceMenuBtnVisible:!1})}),addCoreEventListener("viewInYourSpace:show",as=>{sceneStore$1.setState({viewInYourSpaceMenuBtnVisible:!0})});const hr=reactExports.useCallback(as=>{let os=[];const cs=productDataStore$1.getState().productData;as.cartItems.forEach(zs=>{let ho={...zs},ga=cs[zs.skuID];ho.title=ga.lookDetails[zs.currentVariant].title,ho.subtitle=ga.lookDetails[zs.currentVariant].subtitle,ho.actionButton=ga.lookDetails[zs.currentVariant].actionButton,ho.thumbnails=ga.lookDetails[zs.currentVariant].thumbnails,os.push(ho)}),cartStore.setState({cart:[...os]}),cartStore.getState().actions.setCartTotalPrice(as.details.total)},[]),zr=reactExports.useCallback(as=>{lr&&(sceneStore$1.setState({inventoryData:{...as}}),hr(lr.getCartItems()))},[lr]),rs=()=>(addCoreEventListener(lr.EVENTS.UI.PreloadScreen_Hide,()=>{b.api.ui.hidePreloadScreen()}),addCoreEventListener(lr.EVENTS.UI.PreloadScreen_Show,()=>{b.api.ui.showPreloadScreen()}),addCoreEventListener(lr.EVENTS.SCENE.CartItems_Updated,hr),addCoreEventListener(lr.EVENTS.SCENE.Inventory_Updated,zr),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{}));return reactExports.useEffect(()=>{const{current:as}=sn;as&&(sceneStore$1.setState({coreWcRef:as}),b.api.core=as.api,b.api.core.clientAccessKey=b.clientAccessKey,sceneStore$1.setState({CORE_API:as.api}))},[sn]),reactExports.useEffect(()=>{cr===!1||zn===!1||(hr(lr.getCartItems()),b.api.ui.hidePreloadScreen())},[cr,zn]),reactExports.useEffect(()=>{const{current:as}=es;as&&(bt=window.getComputedStyle(as),window.dragImgElRef=as,window.addEventListener("mousemove",os=>{if(os.preventDefault(),window.mouseDownImgSrc){if(Math.abs(os.clientX-window.pointerDownPos)<=window.moveThreshold)return;const zs={x:os.offsetX,y:os.offsetY},ho=as;ho.src=window.mouseDownImgSrc,ho.style.opacity=.75,ho.style.left=`calc(${zs.x}px - ${bt.width})`,ho.style.top=`calc(${zs.y}px - ${bt.height})`,window.mouseDragging||(window.mouseDragging=!0,sceneStore$1.getState().CORE_API.itemDragStart(window.mouseDownSkuID))}}),window.addEventListener("mouseup",()=>{if(window.mouseDownImgSrc){const os=as;os.style.opacity=0,window.mouseDragging&&sceneStore$1.getState().CORE_API.itemDragEnd(),window.mouseDownImgSrc=null,window.mouseDragging=!1}}),window.addEventListener("touchmove",os=>{if(window.mouseDownImgSrc){if(Math.abs(os.touches[0].screenX-window.pointerDownPos)<=window.moveThreshold)return;const zs={x:os.touches[0].clientX,y:os.touches[0].clientY},ho=as.parentElement.getBoundingClientRect().top,ga=as;if(ga.src=window.mouseDownImgSrc,ga.style.opacity=.75,ga.style.left=`calc(${zs.x}px - ${bt.width})`,ga.style.top=`calc(${zs.y}px - ${ho}px - ${bt.height})`,!window.mouseDragging){window.mouseDragging=!0;const mo=yn.current.getElementsByClassName("mobileGrid");for(let go=0;go<mo.length;go++)mo[go].style="overflow-x:hidden !important";sceneStore$1.getState().CORE_API.itemDragStart(window.mouseDownSkuID)}}}),window.addEventListener("touchend",os=>{if(window.mouseDownImgSrc){const cs=as;if(cs.style.left="0px",cs.style.top="0px",cs.style.opacity=0,window.mouseDragging){sceneStore$1.getState().CORE_API.itemDragEnd();const zs=yn.current.getElementsByClassName("mobileGrid");for(let ho=0;ho<zs.length;ho++)zs[ho].style="overflow-x:auto !important"}window.mouseDownImgSrc=null,window.mouseDragging=!1}}))},[es,yn,lr]),jsxRuntimeExports.jsxs("div",{className:"configuratorParentDiv",ref:yn,children:[zn&&jsxRuntimeExports.jsx(rs,{}),jsxRuntimeExports.jsx(StyleManager,{containerId:"uiStylesContainer",localStyles:UI_LOCAL_STYLES,dynamicStylesId:"uiStyles",setCSSLoaded:Dr}),jsxRuntimeExports.jsx("img",{id:"dragImgElRef",ref:es,alt:""}),jsxRuntimeExports.jsx(EpigraphConfiguratorCore,{ref:sn,id:"epigraphConfiguratorCore",viewInYourSpaceRef:Pn,"ga-measurement-id":_e,...a&&{"disable-cart":""},configuratorWcRef:b,"initial-config-id":b.initialConfigId,"client-access-key":b.clientAccessKey}),jsxRuntimeExports.jsx(ViewInYourSpace,{ref:Pn,id:"viewInYourSpace"}),zn&&cr&&jsxRuntimeExports.jsx("div",{className:"uiContainer",children:jsxRuntimeExports.jsx(OverlayUIManager$1,{configuratorWcRef:b,coreRef:sn,viewInYourSpaceRef:Pn,disableUI:o})})]})}const PRELOAD_MUTED_CSS=document.createElement("template");PRELOAD_MUTED_CSS.innerHTML=`
|
|
9224
|
+
Make sure that the URL provided for the asset to be loaded is correct.`),console.error("==============================================================="),console.error(yy),console.error("===============================================================")},mo=yy=>{s.current.canLaunchAR()===!0?go():wy()},go=async yy=>{os(),await wait$1(1e3),s.current.coreApi.isIosDevice()?(s.current.iosAssetSrc=await s.current.coreApi.getSceneAsUsdzUrl(),s.current.assetSrc="https://storage.googleapis.com/epigraph-configurator/configurator-lite/assets/common/3d-assets/proxies/null-product-proxy.glb"):s.current.assetSrc=await s.current.coreApi.getSceneAsGlbUrl(),Dr(),yl()},yl=()=>{s.current._launchARButton.disabled=!1,as()},Zl=()=>{s.current._launchARButton.disabled=!0,rs()},_d=()=>{s.current._modelViewer.activateAR()},Ty=()=>{s.current._qrLoader.classList.remove("loader-hide")},gy=()=>{s.current._qrLoader.classList.add("loader-hide")},wy=async()=>{if(s.current._qrCodeImage.classList.add("img-hide"),s.current._qrCodeImage.setAttribute("src",""),Ty(),zs(),s.current.qrSrc=await _f(),!s.current.qrSrc){console.error("[VIEW-IN-YOUR-SPACE:Error] Cannot launch QR modal with no qrSrc.");return}s.current._qrCodeImage.setAttribute("src",s.current.qrSrc),s.current._qrCodeImage.classList.remove("img-hide"),gy()},El=async yy=>new Promise(function(Al,My){let By={qrdata:yy};By=JSON.stringify(By);const lA=new XMLHttpRequest;lA.withCredentials=!1,lA.open("PUT","https://api.seeitinyourspace.com/qr"),lA.setRequestHeader("Content-Type","application/json"),lA.onreadystatechange=function(){if(this.readyState===4){let wA=this.responseText;try{Al(wA)}catch(Fy){My({status:Fy})}}},lA.onerror=function(){My({status:this.status,statusText:lA.statusText})},lA.send(By)}),_f=async()=>(s.current.arLink=await s.current.coreApi.generateShareableLink(!0),await s.current.getQRForURL(s.current.arLink));return jsxRuntimeExports.jsxs("div",{...o,ref:s,children:[jsxRuntimeExports.jsxs("button",{id:"viewInYourSpaceButton",ref:ar,className:"viewInYourSpaceButton",children:[jsxRuntimeExports.jsx("img",{src:"https://storage.googleapis.com/gsc-epigraph-design/product-assets/Icon/AR.svg"}),"VIEW IN YOUR SPACE"]}),jsxRuntimeExports.jsx("model-viewer",{ref:zn,ar:!0,"ar-modes":"webxr scene-viewer quick-look","ar-scale":"fixed",src:"",alt:"Epigraph View In Your Space","camera-controls":!0}),jsxRuntimeExports.jsx(FullScreenModal,{id:"arDrawer",ref:a,children:jsxRuntimeExports.jsxs("div",{className:"launch-ar-content-container",children:[jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-title",children:"View In Your Space®"}),jsxRuntimeExports.jsxs("div",{className:"launch-ar-bottom-content-container",children:[jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-instruction",children:"Click the “Launch AR” button below to begin viewing this product in your space."}),jsxRuntimeExports.jsxs("div",{className:"launch-ar-button-container",children:[jsxRuntimeExports.jsxs("div",{id:"modelDownloadLoader",ref:_e,className:"lds-spinner",children:[jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{})]}),jsxRuntimeExports.jsx("button",{className:"launch-ar-button",id:"launchARButton",ref:b,children:"Launch AR"})]}),jsxRuntimeExports.jsx("div",{className:"launch-ar-modal-requirement",children:"*Technical requirements: iOS Version 11 and later or Android 8 and later."})]}),jsxRuntimeExports.jsxs("div",{id:"arSessionError",className:"launch-ar-modal-error launch-ar-modal-error-hide",children:[" ","Uh Oh! Looks like there was a problem while loading the AR session."," "]})]})}),jsxRuntimeExports.jsx(FullScreenModal,{id:"qrModalContainer",ref:bt,children:jsxRuntimeExports.jsxs("div",{className:"qr-content-container",children:[jsxRuntimeExports.jsxs("div",{className:"QR-Parent",children:[jsxRuntimeExports.jsx("img",{id:"qrCodeImage",ref:rn,className:"qr-code-image",src:""}),jsxRuntimeExports.jsxs("div",{id:"qrLoader",ref:yn,className:"lds-spinner",children:[jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{}),jsxRuntimeExports.jsx("div",{})]}),jsxRuntimeExports.jsx("div",{id:"arLink",ref:sn})]}),jsxRuntimeExports.jsxs("div",{className:"QR-Content-Parent",children:[jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-title",children:"Scan QR code"}),jsxRuntimeExports.jsxs("div",{className:"qr-ar-bottom-content-container",children:[jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-instruction",children:"Using your mobile device camera, scan the QR code and follow the on-screen directions to view this item in your space."}),jsxRuntimeExports.jsx("div",{className:"launch-ar-button-container",children:jsxRuntimeExports.jsx("button",{className:"launch-ar-button",id:"doneViewInYourSpaceBtn",ref:Pn,children:"Done"})}),jsxRuntimeExports.jsx("div",{className:"qr-ar-modal-requirement",children:"*Technical requirements: iOS Version 11 and later or Android 8 and later."})]})]}),jsxRuntimeExports.jsxs("div",{id:"arSessionError",className:"launch-ar-modal-error launch-ar-modal-error-hide",children:[" ","Uh Oh! Looks like there was a problem while loading the AR session."," "]})]})})]})}),UI_LOCAL_STYLES=[{id:"variables",contents:StyleVariables},{id:"styles",contents:GenericStyles$1},{id:"accordion",contents:AccordionStyles},{id:"productFeaturesUI",contents:FeaturesUiStyles},{id:"sideMenuContent",contents:SideMenuContentStyles},{id:"build",contents:BuildStyles},{id:"mobile",contents:MobileStyles$1},{id:"bottomDrawer",contents:BottomDrawerStyles},{id:"fullScreenModal",contents:FullScreenModalStyles},{id:"viewInYourSpace",contents:ViewInYourSpaceStyles},{id:"instructionsModal",contents:InstructionsModalStyles}];function App({disableUI:o,launchInAR:s,disableCart:a,configuratorWcRef:b,gaMeasurementId:_e,thumbComputedStyle:bt=null}){const rn=itemStore(as=>as.itemsSpawned),sn=reactExports.useRef(null),yn=reactExports.useRef(null),Pn=reactExports.useRef(null),[zn,ar]=reactExports.useState(!1),lr=sceneStore$1(as=>as.CORE_API),cr=sceneStore$1(as=>as.cssLoaded),Dr=sceneStore$1(as=>as.setCSSLoaded),es=reactExports.useRef(null);addCoreEventListener("coreApi:ready",as=>{const os=as.categoryData.geometryVariants;Object.keys(colorStore.getState().allActiveGeometryVariants).length==0&&os.map(zs=>colorStore.getState().allActiveGeometryVariants[zs.id]=Object.keys(zs.variants)[0]);const cs=as.categoryData.color;if(Object.keys(colorStore.getState().allActiveVariants).length==0&&cs.map(zs=>colorStore.getState().allActiveVariants[zs.id]=zs.looks[0]),as.configuration&&as.configuration.globalVariants){const zs=as.configuration.globalVariants;Object.keys(zs).map(ho=>{colorStore.getState().allActiveVariants[ho]=zs[ho]}),colorStore.setState({allActiveVariants:{...colorStore.getState().allActiveVariants}})}Pn.current.coreApi=sn.current.api,ar(!0)}),addCoreEventListener("coreApi:failed",as=>{b.showHiccupScreen(`AUTHENTICATION FAILED FOR: ${window.location.href}`),ar(!1)}),reactExports.useEffect(()=>{Ur(rn)},[rn]),addCoreEventListener("globalGeometryVariant:updated",as=>{colorStore.setState({allActiveGeometryVariants:{...as}});const os=itemStore.getState().itemsSpawned;Ur(os)}),addCoreEventListener("globalVariant:updated",as=>{colorStore.setState({allActiveVariants:{...as}})}),addCoreEventListener("cartMessage:updated",as=>{sceneStore$1.setState({cartMessage:as.cartMessage})});const Ur=as=>{let os=[],cs=[];const zs=colorStore.getState().allActiveGeometryVariants;Object.keys(as).map(ho=>{let ga=as[ho];ga.hotspotsData&&ga.hotspotsData.map(mo=>{if(mo.geometryVariantID){let go=!1;if(Object.keys(zs).map(yl=>{mo.geometryVariantID==zs[yl]&&(go=!0)}),go===!1)return}mo.categoryID!==""&&cs.includes(mo.categoryID)||(cs.push(mo.categoryID),os=[...os,{itemData:{...as[ho].itemData},hotspotData:{...mo}}])})}),sceneStore$1.setState({tabSpawnCount:os})};addCoreEventListener("cart:statusUpdated",as=>{as.disableCart!==void 0&&sceneStore$1.setState({disableCart:as.disableCart})}),addCoreEventListener("viewInYourSpace:hide",as=>{sceneStore$1.setState({viewInYourSpaceMenuBtnVisible:!1})}),addCoreEventListener("viewInYourSpace:show",as=>{sceneStore$1.setState({viewInYourSpaceMenuBtnVisible:!0})});const hr=reactExports.useCallback(as=>{let os=[];const cs=productDataStore$1.getState().productData;as.cartItems.forEach(zs=>{let ho={...zs},ga=cs[zs.skuID];ho.title=ga.lookDetails[zs.currentVariant].title,ho.subtitle=ga.lookDetails[zs.currentVariant].subtitle,ho.actionButton=ga.lookDetails[zs.currentVariant].actionButton,ho.thumbnails=ga.lookDetails[zs.currentVariant].thumbnails,os.push(ho)}),cartStore.setState({cart:[...os]}),cartStore.getState().actions.setCartTotalPrice(as.details.total)},[]),zr=reactExports.useCallback(as=>{lr&&(sceneStore$1.setState({inventoryData:{...as}}),hr(lr.getCartItems()))},[lr]),rs=()=>(addCoreEventListener(lr.EVENTS.UI.PreloadScreen_Hide,()=>{b.api.ui.hidePreloadScreen()}),addCoreEventListener(lr.EVENTS.UI.PreloadScreen_Show,()=>{b.api.ui.showPreloadScreen()}),addCoreEventListener(lr.EVENTS.SCENE.CartItems_Updated,hr),addCoreEventListener(lr.EVENTS.SCENE.Inventory_Updated,zr),jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{}));return reactExports.useEffect(()=>{const{current:as}=sn;as&&(sceneStore$1.setState({coreWcRef:as}),b.api.core=as.api,b.api.core.clientAccessKey=b.clientAccessKey,sceneStore$1.setState({CORE_API:as.api}))},[sn]),reactExports.useEffect(()=>{cr===!1||zn===!1||(hr(lr.getCartItems()),b.api.ui.hidePreloadScreen())},[cr,zn]),reactExports.useEffect(()=>{const{current:as}=es;as&&(bt=window.getComputedStyle(as),window.dragImgElRef=as,window.addEventListener("mousemove",os=>{if(os.preventDefault(),window.mouseDownImgSrc){if(Math.abs(os.clientX-window.pointerDownPos)<=window.moveThreshold)return;const zs={x:os.offsetX,y:os.offsetY},ho=as;ho.src=window.mouseDownImgSrc,ho.style.opacity=.75,ho.style.left=`calc(${zs.x}px - ${bt.width})`,ho.style.top=`calc(${zs.y}px - ${bt.height})`,window.mouseDragging||(window.mouseDragging=!0,sceneStore$1.getState().CORE_API.itemDragStart(window.mouseDownSkuID))}}),window.addEventListener("mouseup",()=>{if(window.mouseDownImgSrc){const os=as;os.style.opacity=0,window.mouseDragging&&sceneStore$1.getState().CORE_API.itemDragEnd(),window.mouseDownImgSrc=null,window.mouseDragging=!1}}),window.addEventListener("touchmove",os=>{if(window.mouseDownImgSrc){if(Math.abs(os.touches[0].screenX-window.pointerDownPos)<=window.moveThreshold)return;const zs={x:os.touches[0].clientX,y:os.touches[0].clientY},ho=as.parentElement.getBoundingClientRect().top,ga=as;if(ga.src=window.mouseDownImgSrc,ga.style.opacity=.75,ga.style.left=`calc(${zs.x}px - ${bt.width})`,ga.style.top=`calc(${zs.y}px - ${ho}px - ${bt.height})`,!window.mouseDragging){window.mouseDragging=!0;const mo=yn.current.getElementsByClassName("mobileGrid");for(let go=0;go<mo.length;go++)mo[go].style="overflow-x:hidden !important";sceneStore$1.getState().CORE_API.itemDragStart(window.mouseDownSkuID)}}}),window.addEventListener("touchend",os=>{if(window.mouseDownImgSrc){const cs=as;if(cs.style.left="0px",cs.style.top="0px",cs.style.opacity=0,window.mouseDragging){sceneStore$1.getState().CORE_API.itemDragEnd();const zs=yn.current.getElementsByClassName("mobileGrid");for(let ho=0;ho<zs.length;ho++)zs[ho].style="overflow-x:auto !important"}window.mouseDownImgSrc=null,window.mouseDragging=!1}}))},[es,yn,lr]),jsxRuntimeExports.jsxs("div",{className:"configuratorParentDiv",style:{background:cameraStore.getState().cameraSettings.clearColour},ref:yn,children:[zn&&jsxRuntimeExports.jsx(rs,{}),jsxRuntimeExports.jsx(StyleManager,{containerId:"uiStylesContainer",localStyles:UI_LOCAL_STYLES,dynamicStylesId:"uiStyles",setCSSLoaded:Dr}),jsxRuntimeExports.jsx("img",{id:"dragImgElRef",ref:es,alt:""}),jsxRuntimeExports.jsx(EpigraphConfiguratorCore,{ref:sn,id:"epigraphConfiguratorCore",viewInYourSpaceRef:Pn,"ga-measurement-id":_e,...a&&{"disable-cart":""},configuratorWcRef:b,"initial-config-id":b.initialConfigId,"client-access-key":b.clientAccessKey}),jsxRuntimeExports.jsx(ViewInYourSpace,{ref:Pn,id:"viewInYourSpace"}),zn&&cr&&jsxRuntimeExports.jsx("div",{className:"uiContainer",children:jsxRuntimeExports.jsx(OverlayUIManager$1,{configuratorWcRef:b,coreRef:sn,viewInYourSpaceRef:Pn,disableUI:o})})]})}const PRELOAD_MUTED_CSS=document.createElement("template");PRELOAD_MUTED_CSS.innerHTML=`
|
|
9225
9225
|
<style>
|
|
9226
9226
|
.preload-main-container{
|
|
9227
9227
|
width: 100%;
|