File Manager

Editing File: /home/maglabs/julia/wp-content/plugins/3d-viewer/dist/block.js

(()=>{"use strict";var e={502:(e,t,a)=>{a.d(t,{Z:()=>E});var l=a(174),n=a.n(l);const r=e=>{let{attributes:t}=e;const{styles:a,uniqueId:n,woo:r,progressBar:o,additional:c}=t,{progressBarColor:i,thumbSize:s="90px"}=a,[m,d]=(0,l.useState)(null);return(0,l.useEffect)((()=>{const e=`\n        #${n} {\n            width: ${a?.width?.desktop||a.width};\n            height: calc(${a?.height?.desktop||a.height} + 100px);\n        }\n        .pop-up-content-wrap #${n} {\n            height: ${a?.height?.desktop||a.height};\n        }\n        #${n} .select {display: none}\n        #${n} .b3dviewer-wrapper {\n            height: ${a?.height?.desktop||a.height};\n        }\n\n        #${n} model-viewer {\n            background: ${a?.bgColor} ${a?.bgImage?`url(${a?.bgImage})`:" "} no-repeat center center; \n            background-size: cover;\n        }\n        #${n} model-viewer::part(default-progress-bar) {\n             display: ${o?"block":"none"}\n        }\n        @media screen and (max-width: 768px){\n            #${n} {\n                width: ${r?"":`${a?.width.tablet||a.width}`};\n                height: ${a?.height.tablet||a.height};\n            }\n        }\n        @media screen and (max-width: 480px){\n            #${n} {\n                width: ${r?"":`${a?.width.mobile||a.width}`};\n                height: ${a?.height.mobile||a.height};\n            }\n        }\n        #${n} model-viewer::part(default-progress-bar){\n            background: ${i};\n        }\n        #${n} .slides .slide{\n            width: ${s};\n            height: ${s};\n            padding: calc(${s} * 0.04);\n        }\n        #${n} .slide-number span{\n            font-size: calc(${s} * 0.8);\n        }\n        ${c?.CSS}\n    `.replaceAll(/\n?\s\s/g,"");d(e)}),[n,a,c,o]),React.createElement("style",null,m)},o=e=>{let{element:t}=e;return React.createElement("svg",{onClick:()=>{t&&t.requestFullscreen()},id:"openBtn",width:"24px",height:"24px",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"#222",className:"bi bi-arrows-fullscreen"},React.createElement("path",{fillRule:"even",d:"M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"}))},c=()=>React.createElement("svg",{id:"closeBtn",onClick:function(){document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},className:"sidebar-open",width:"34px",height:"34px",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{fill:"none",stroke:"#f2f2f2",strokeWidth:"2",d:"M7,7 L17,17 M7,17 L17,7"}));var i=a(448);const s=e=>{let{currentItem:t,setCurrentItem:a,models:l}=e;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slideController"},n().createElement("svg",{fill:"#000000",onClick:()=>a(t>0?t-1:t),className:"arrow-left "+(t>0?"":"disabled"),width:"24px",height:"24px",viewBox:"-78.5 0 512 512",xmlns:"http://www.w3.org/2000/svg"},n().createElement("title",null,"left"),n().createElement("path",{d:"M257 64L291 98 128 262 291 426 257 460 61 262 257 64Z"})),n().createElement("svg",{onClick:()=>a(t<l.length-1?t+1:t),fill:"#000000",className:"arrow-right "+(t<l.length-1?"":"disabled"),width:"24px",height:"24px",viewBox:"-77 0 512 512",xmlns:"http://www.w3.org/2000/svg"},n().createElement("title",null,"right"),n().createElement("path",{d:"M98 460L64 426 227 262 64 98 98 64 294 262 98 460Z"}))))};var m=a(392),d=a(404),u=a(807),p=a(450),g=a(108),v=a(534),w=a(751);const b=e=>{let{attributes:t,currentItem:a,setCurrentItem:l,isPagination:r}=e;const{multiple:o,woo:c,models:i}=t;return n().createElement(n().Fragment,null,o&&!c&&r&&n().createElement("div",{className:"slider"},n().createElement("div",{className:"slides"},i.map(((e,t)=>n().createElement("button",{key:t,className:`slide ${t===a?"selected":""} ${e.poster?"":"slide-number"}`,"data-source":e?.modelUrl,"data-poster":e?.poster,onClick:()=>l(t)},e.poster?n().createElement("img",{src:e?.poster}):n().createElement("span",null,t+1)))))))};const h=e=>React.createElement("button",e),f=e=>{const{attributes:t,currentItem:a,setCurrentItem:n,modelSrc:r,setAttributes:o,__:c}=e,{styles:i,models:f,multiple:E,O3DVSettings:R}=t,{isNavigation:y,isPagination:C,camera:_,mouseControl:S}=R,[k,x]=(0,l.useState)(!1),P=(0,l.useRef)(null),V=(0,l.useRef)(null);return(0,l.useEffect)((()=>{if(r)if(V.current?.Destroy(),V.current?.canvas?.remove(),V.current=null,null===V.current){OV.SetExternalLibLocation("../libs");const e=_&&!E?{camera:new OV.Camera(new OV.Coord3D(...Object.values(_.eye)),new OV.Coord3D(...Object.values(_.center)),new OV.Coord3D(...Object.values(_.up)),45)}:{};let t=new OV.EmbeddedViewer(P.current,{...e,backgroundColor:new OV.RGBAColor(255,255,255,255),edgeSettings:new OV.EdgeSettings(!1,new OV.RGBColor(0,0,0),1),environmentSettings:new OV.EnvironmentSettings([m.Z,d.Z,u.Z,p.Z,g.Z,v.Z],!1)});const a=[r];t.LoadModelFromUrlList(a),V.current=t,window.VR=t}else{V.current.LoadModelFromUrlList([r]);const e=new OV.Coord3D(0,0,0);V.current.viewer.SetCamera(new OV.Camera(new OV.Coord3D(0,0,1),e,new OV.Coord3D(0,1,0),45))}return()=>{if(null!==V.current&&null!==P.current&&k){delete V.current.model,V.current.viewer.renderer.resetState(),V.current.viewer.Clear(),V.current.viewer&&delete V.current.viewer;V.current.canvas.getContext("webgl2").getExtension("WEBGL_lose_context").loseContext();const e=V.current.canvas.cloneNode(!0);V.current.canvas.parentNode.replaceChild(e,V.current.canvas),P.current?.removeChild(P.current.children[0]),V.current.canvas?.parentNode?.removeChild(V.current.canvas),V.current.canvas.remove(),V.current=null,x(!1)}}}),[r]),(0,l.useEffect)((()=>{i.bgColor&&V.current?.viewer?.SetBackgroundColor((0,w.$W)(i.bgColor)),setTimeout((()=>{V.current?.viewer?.Resize(P.current.offsetWidth,P.current.offsetHeight)}),10),V.current.viewer.Render(),window.viewer=V.current}),[i,r]),(0,l.useEffect)((()=>{window.addEventListener("resize",(()=>{V.current?.viewer?.Resize(P.current?.offsetWidth,P.current?.offsetHeight)}))}),[]),React.createElement(React.Fragment,null,React.createElement("div",{ref:P,role:"img","aria-label":"Canvas showing the model in the 3D Viewer",className:`${S?"":"DMC"} ${V.current?.modelLoader?.inProgress} relative flex  flex-col items-center justify-center p-2 h-72 w-72 border-2 border-black rounded-sm online_3d_viewer`,style:{width:i.width.desktop||i.width,height:i.height.desktop||i.height}},React.createElement(b,{attributes:t,setCurrentItem:n,currentItem:a,isPagination:C}),E&&y&&f.length>1&&React.createElement(s,{currentItem:a,setCurrentItem:n,models:f}),o&&!E&&React.createElement("div",{className:"setDefaultViewContainer"},React.createElement(h,{variant:"primary",className:"setDefaultView button button-primary",onClick:()=>{if(V.current){const t=(e=V.current?.viewer?.GetCamera(),JSON.parse(JSON.stringify(e)));o({O3DVSettings:{...R,camera:t}})}var e}},c(_?"Reset Default View":"Set Default View","model-viewer")),_&&React.createElement(React.Fragment,null,React.createElement(h,{variant:"primary",className:"setDefaultView button button-primary",onClick:()=>{V.current?.viewer.SetCamera(new OV.Camera(new OV.Coord3D(...Object.values(_.eye)),new OV.Coord3D(...Object.values(_.center)),new OV.Coord3D(...Object.values(_.up)),45))}},c("See Default View","model-viewer")),React.createElement(h,{variant:"primary",className:"setDefaultView button button-primary",onClick:()=>o({O3DVSettings:{...R,camera:null}})},c("Remove Default View","model-viewer"))))))},E=e=>{let{attributes:t,__:a,setAttributes:n,viewerRef:m}=e;const[d,u]=(0,l.useState)(!1),{loadingPercentage:p=!1,uniqueId:g,model:v,models:w,fullscreen:b,variant:h,multiple:E,additional:R,exposure:y,selectedAnimation:C,animation:_,autoRotate:S,autoplay:k,rotateAlongX:x,align:P,woo:V,rotationPerSecond:N,preload:A,isPagination:L,isNavigation:$,zoom:O,currentViewer:B="modelViewer",O3DVSettings:T={},loading:I,texture:D={},environmentImage:F,zoomLevel:M=1}=t,{isFullscreen:j}=T,[q,U]=(0,l.useState)(0),[Z,z]=(0,l.useState)(E?w[q]?.modelUrl:v?.modelUrl),H=(0,l.useRef)(),W=(0,l.useRef)();(0,l.useEffect)((()=>{z(E?w[q]?.modelUrl:v?.modelUrl)}),[q,E,w,v]),(0,l.useEffect)((()=>{try{new URL(Z),u(!0)}catch(e){u(!1)}setTimeout((()=>{(0,i.Z)({animation:_,variant:h,wrapper:m.current?.parentElement})}),10)}),[g,v,w,E,Z]),(0,l.useEffect)((()=>{k||m.current?.pause()}),[k]),(0,l.useEffect)((()=>{setTimeout((()=>{if(m.current&&W.current){m.current.animationName=C;W.current.querySelector("select").value=C}}),10)}),[C]),(0,l.useEffect)((()=>{H.current&&(H.current.style.display=h?"inline-block":"none")}),[h]),(0,l.useEffect)((()=>{W.current&&(_&&m.current.loaded?W.current.style.display="inline-block":W.current.style.display="none")}),[_,W]),(0,l.useEffect)((()=>{m.current?.turntableRotation&&m.current.resetTurntableRotation()}),[x]),(0,l.useEffect)((()=>{setTimeout((()=>{const{mouseControl:e,autoplay:a,shadow:l,rotate:n,rotateAlongX:r,rotateAlongY:o,loading:c}=t;m.current&&(e?m.current.setAttribute("camera-controls",""):m.current.removeAttribute("camera-controls"),a?m.current.setAttribute("autoplay",""):m.current.removeAttribute("autoplay"),l?m.current.setAttribute("shadow-intensity","1"):m.current.removeAttribute("shadow-intensity"),l?m.current.setAttribute("shadow-softness","1"):m.current.removeAttribute("shadow-softness"),c?m.current.setAttribute("loading",c):m.current.removeAttribute("loading"),S?(m.current.setAttribute("auto-rotate",""),m.current.setAttribute("rotation-per-second",N+"deg")):m.current.removeAttribute("auto-rotate"),n?m.current.setAttribute("camera-orbit",`${r}deg ${o}deg 105%`):m.current.removeAttribute("camera-orbit"),m.current.setAttribute("reveal",A),m.current.dataset.animation=C,m.current.setAttribute("exposure",y),O?m.current.removeAttribute("disable-zoom"):m.current.setAttribute("disable-zoom",""),m.current?.addEventListener("load",(function(){m.current.setAttribute("scale",`${M} ${M} ${M}`)})),m.current?.loaded&&m.current.setAttribute("scale",`${M} ${M} ${M}`)),setTimeout((()=>{n?m.current?.setAttribute("camera-orbit",`${r}deg ${o}deg 105%`):m.current?.removeAttribute("camera-orbit")}),500)}),10)}),[g,t]),(0,l.useEffect)((()=>{if(V){const e=document.querySelector(".variations_form .variations select");if(e?.addEventListener("change",(function(e){const t=w.find((t=>t.product_variant===e.target.value))||w.find((e=>"all"===e.product_variant))||w?.[0];z(t.modelUrl)})),document.querySelectorAll(".variable-items-wrapper li")?.forEach((e=>e.addEventListener("click",(function(){const t=w.find((t=>t.product_variant===e.dataset?.value))||w.find((e=>"all"===e.product_variant))||w?.[0];z(t.modelUrl)})))),X.current){const e=document.querySelector(".wl-single-slider:not(.slick-cloned)");e&&!e.querySelector(".modelViewerBlock")&&(console.log("moved"),e.append(X.current.parentElement),X.current.parentElement.style.display="none",setTimeout((()=>{X.current.style.height=`calc(${getComputedStyle(X.current).height} - 100px)`,console.log(`calc(${getComputedStyle(X.current).height} - 100px)`)}),100)),document.querySelectorAll(".swatchly-swatch")?.forEach((t=>{function a(){e?.classList.add("bp3d_slick_model_container");const a=w.find((e=>e.product_variant===t.dataset?.attr_value))||w.find((e=>"all"===e.product_variant))||w?.[0];z(a.modelUrl),X.current.parentElement.style.display="block"}t.removeEventListener("click",a),t.addEventListener("click",a)}))}setTimeout((()=>{const e=document.querySelector(".select2-selection__rendered"),t=new MutationObserver((function(t){for(const a of t)if("childList"===a.type&&a.target===e){const t=w.find((t=>t.product_variant===e.innerText))||w.find((e=>"all"===e.product_variant))||w?.[0];z(t.modelUrl)}}));if(e){const a={childList:!0,subtree:!0};t.observe(e,a)}}),1e3)}}),[V]);const J=E?w[0]?.poster:v?.poster;(0,l.useEffect)((()=>{}),[v]);const X=(0,l.useRef)();return React.createElement("div",{ref:X,id:`${g}`,className:`modelViewerBlock b3dviewer align${P} ${V?"woocommerce":""} ${L&&E?"modelPagination":""}`},React.createElement("div",{id:R?.ID,className:`${R?.Class} b3dviewer-wrapper bp_model_parent `},React.createElement(r,{attributes:t}),Z&&d&&React.createElement(React.Fragment,null,"modelViewer"===B?React.createElement("model-viewer",{loading:I||"auto","camera-controls":!0,ref:m,"data-js-focus-visible":!0,"data-decoder":E?w[0]?.decoder:v?.decoder,poster:J?.replace(/https?:/,window.location.protocol),src:Z?.replace(/https?:/,window.location.protocol),alt:"A 3D model",scale:"1 1 1","environment-image":F,channel:D.type,texture:D.image},React.createElement("button",{type:"button",slot:"poster",id:"default-poster","aria-label":"A 3D model",style:{backgroundImage:` url("${J?.replace(/https?:/,window.location.protocol)}")`}}),p&&("lazy"===I||m.current)&&!m?.current?.loaded&&React.createElement("div",{className:"percentageWrapper"},React.createElement("div",{className:"overlay"}),React.createElement("span",{className:"percentage"},"0%")),React.createElement("div",{className:"variantWrapper select",ref:H},a("Variant","model-viewer")," ",React.createElement("select",{id:"variant"})),React.createElement("div",{className:"animationWrapper select",ref:W},a("Animations","model-viewer")," ",React.createElement("select",{id:"animations"})),E&&!V&&L&&React.createElement("div",{className:"slider"},React.createElement("div",{className:"slides"},w.map(((e,t)=>React.createElement("button",{key:t,className:`slide ${0===t?"selected":""} ${e.poster?"":"slide-number"}`,"data-source":e?.modelUrl,"data-poster":e?.poster,onClick:()=>U(t)},e.poster?React.createElement("img",{src:e?.poster}):React.createElement("span",null,t+1)))))),E&&$&&w.length>1&&React.createElement(s,{currentItem:q,setCurrentItem:U,models:w})):React.createElement(React.Fragment,null,React.createElement(f,{__:a,setAttributes:n,modelSrc:Z,currentItem:q,setCurrentItem:U,model:Z,attributes:t}))),""===Z&&w[q].poster&&React.createElement(React.Fragment,null,V&&w.length>1&&React.createElement(s,{currentItem:q,setCurrentItem:U,models:w}),React.createElement("img",{src:w[q].poster})),(b&&"modelViewer"===B||"O3DViewer"===B&&j)&&React.createElement(React.Fragment,null,React.createElement(o,{element:X.current?.querySelector(".bp_model_parent")}),React.createElement(c,null))),V&&L&&React.createElement("div",{className:"modelThumbs"},w.map(((e,t)=>React.createElement(React.Fragment,null,e.poster&&React.createElement("img",{className:"thumbsItem "+(t===q?"selected":""),onClick:()=>U(t),src:e.poster}))))))}},448:(e,t,a)=>{a.d(t,{Z:()=>m});var l=a(467),n=a(751),r=a(502);window.addEventListener("elementor/frontend/init",(function(){elementorFrontend.hooks.addAction("frontend/element_ready/3dModelViewer.default",(function(e,t){const a=e[0].querySelector(".b3dviewer-wrapper.elementor");modelRenderer({animation:!0,variant:!0,wrapper:a})}))})),document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelectorAll(".modelViewerBlock");setTimeout((()=>{Object.values(e).map((e=>{const t=e.querySelectorAll("model-viewer")||e.querySelectorAll(".online_3d_viewer"),a=e.querySelector(".progress");t.forEach((e=>{const t=new URL(e?.src||e?.getAttribute("src")||e?.getAttribute("model"));if("DIV"===e.tagName)console.log("Advanced viewer");else{t?.protocol!==location?.protocol&&e?.setAttribute("src",t.href.replace(t?.protocol,location?.protocol)),a&&(e?.addEventListener("progress",(e=>{a.innerHTML=parseInt(100*e.detail.totalProgress)+"%"})),e?.addEventListener("load",(()=>{setTimeout((()=>{a.style.display="none"}),500)}))),e.dataset.items="";const l=document.querySelector(".product-modal-wrap");if(l&&!l?.nextElementSibling?.classList?.contains("entry-summary")&&!l?.nextElementSibling?.classList?.contains("mkd-single-product-summary")){l.classList.add("model-full-width");const e=document.querySelector(".showcase-inner .product-information");if(e){const t=l.querySelector("model-viewer");t&&(t.style.height=e.offsetHeight+"px")}}}}))}))}),1e3)})),jQuery(document).ready((function(e){e(".bp3dmodel-carousel")?.[0]?.slick({slidesToShow:1,slidesToScroll:1,arrows:!0})}));var o=a(111);document.addEventListener("DOMContentLoaded",(function(){const e=document.querySelectorAll(".b3dviewer-wrapper:not(.elementor)");Object.values(e).map((e=>{s({animation:!0,variant:!0,wrapper:e})})),document.querySelectorAll(".bp3dv-model-main")?.forEach((e=>{let t=e.dataset.selector;if(!t||""===t)return!1;let a=document.querySelector((0,o.JZ)(t)?`img[src="${t}"]`:t.includes("#")||t.includes(".")?t:`.${t}`);(0,o.JZ)(t)&&(a||(a=document.querySelector(`img[data-src="${t}"]`)),a||(a=document.querySelector(`img[data-src="${(0,o.op)(t)}"]`)),a||(a=document.querySelector(`img[src="${(0,o.op)(t)}"]`)),a||(a=document.querySelector(`a[href="${(0,o.op)(t)}"]`))),a?(a=(0,o.vx)(a),a?.innerHTML?.includes("<a")&&a.classList.add("bp3dv_a_popup_opener"),a?.innerHTML?.includes("<img")&&"reintest.be"===window.location.host&&a.classList.add("bp3dv_play_icon"),a?.addEventListener("click",(t=>{t.preventDefault(),e.classList.add("model-open")})),a.style.cursor="pointer",e.querySelector(".close-btn").addEventListener("click",(()=>e.classList.remove("model-open"))),e.querySelector(".bg-overlay").addEventListener("click",(()=>e.classList.remove("model-open")))):console.warn("clickable item is not found",t)}))}));const c=e=>{let{attributes:t}=e;if(t)return React.createElement(r.Z,{attributes:t,__:function(e){return e}})};window.addEventListener("elementor/frontend/init",(function(){elementorFrontend.hooks.addAction("frontend/element_ready/3dModelViewer.default",(function(e,t){const a=e[0]?.querySelectorAll(".modelViewerBlock");a?.forEach((e=>{const t={...e.dataset}||{};setTimeout((()=>{Object.keys(e.dataset).map((t=>delete e.dataset[t]))}),10);const a=(0,n.o3)(t.attributes);if(a){const n=t.selector;if(n&&document.querySelector(n)&&(e=document.querySelector(n)).setAttribute("style",`width:${e.offsetWidth}px;height:350px`),!a?.currentViewer||"modelViewer"===a.currentViewer){e.setAttribute("data-rendered","true"),(0,l.render)(React.createElement(c,{attributes:a}),e);if(!document.getElementById("bp3d-model-viewer-js")){const e=document.createElement("script");e.type="module",e.id="bp3d-model-viewer-js",e.src=window.bp3dBlock?.modelViewerSrc,document.head.appendChild(e)}}if("O3DViewer"===a.currentViewer)if("undefined"==typeof OV){const t=document.getElementById("bp3d-o3dviewer-js");if(t)t.addEventListener("load",(()=>{(0,l.render)(React.createElement(c,{attributes:a}),e)}));else{const t=document.createElement("script");t.id="bp3d-o3dviewer-js",t.src=window.bp3dBlock?.o3dviewerSrc,document.head.appendChild(t),t.addEventListener("load",(()=>{(0,l.render)(React.createElement(c,{attributes:a}),e)}))}}else(0,l.render)(React.createElement(c,{attributes:a}),e)}}))}))}));const i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=arguments.length>2?arguments[2]:void 0,l=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(e?.parentElement){l&&(e.parentElement.style.display="inline-block"),e.innerHTML="",!t.length&&e.parentElement&&(window.location.href.includes("wp-admin")?t[0]="not available":e.parentElement.style.display="none");for(const l of t){const t=document.createElement("option");t.value=l,t.textContent=l,e.appendChild(t),l===a&&(t.selected=!0)}}};function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{animation:t=!1,variant:a=!1,wrapper:l}=e;if(!l)return;const n=l.querySelector("model-viewer");if(!n)return!1;if(n.src)try{const e=new URL(n.src);e?.protocol!==window.location.protocol&&(n.src=e.href.replace(e.protocol,window.location.protocol))}catch(e){console.warn(e.message,n.src)}const r=n.dataset.animation,o=l.querySelector("#variant"),c=l.querySelector("#animations"),s=l.querySelector(".percentageWrapper"),m=s?.querySelector(".percentage");"interaction"===n.reveal&&s&&(s.style.display="none"),n.addEventListener("load",(()=>{i(o,n.availableVariants,"",a),i(c,n.availableAnimations,r,t),n.animationName=r,setTimeout((()=>{s&&(s.style.display="none")}),100)})),m&&n.addEventListener("progress",(e=>{s.style.display="block",m.innerHTML=parseInt(100*e.detail.totalProgress)+"%"})),o&&o.addEventListener("input",(e=>{n.variantName=e.target.value})),c&&c.addEventListener("input",(e=>{n.animationName=e.target.value}));const d=l.querySelectorAll(".slide");for(const e of d)e.addEventListener("click",(t=>{t.preventDefault(),n.src=e?.dataset?.source,n.poster=e?.dataset?.poster,d.forEach((e=>{e.classList.remove("selected")})),e.classList.add("selected"),o&&(o.innerHTML="")}));document.querySelector(".slider")?.addEventListener("beforexrselect",(e=>{e.preventDefault()}))}window.modelRenderer=s;const m=s},111:(e,t,a)=>{function l(e){return e.replace(/-\d{2,4}x\d{2,4}/g,"")}function n(e){return/\.(jpg|jpeg|png|gif|bmp|svg|webp)$/i.test(e)}function r(e){let t=e.parentElement;for(;t&&1===t.children.length;)e=t,t=t.parentElement;return e}a.d(t,{JZ:()=>n,op:()=>l,vx:()=>r})},602:(e,t,a)=>{a.d(t,{Z:()=>r});const{useState:l,useEffect:n}=React,r=(e,t)=>{const[a,r]=l(!0),[o,c]=l(!1),[i,s]=l(!1),[m,d]=l(null),[u,p]=l(null);n((()=>{g()}),[]);const g=async()=>{const a=Object.keys(t).map((e=>`${e}=${t[e]}`)).join("&");try{const t=await fetch(`${e}?${a}`),l=await t.json();try{p(JSON.parse(l?.data))}catch(e){p(l?.data)}c(!0),r(!1)}catch(e){s(!0),d(e.message),r(!1)}};return{data:u,isLoading:a,isLoaded:o,isError:i,error:m}}},751:(e,t,a)=>{a.d(t,{$W:()=>n,o3:()=>r,Z9:()=>l.Z});var l=a(602);a(174);const n=function(e){if("transparent"===e)return{r:255,g:255,b:255,a:0};if(e.includes("rgba")){const t=e.match(/rgba?$(\d+),(\d+),(\d+)(?:,([\d.]+))?$/);if(t){const[,e,a,l,n=1]=t.map(Number);return{r:e,g:a,b:l,a:n}}return null}var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(e.replace("#",""));return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16),a:parseInt(t[4],16)?parseInt(t[4],16):0===parseInt(t[4],16)?0:255}:null},r=e=>{let t=null;try{t=JSON.parse(e)}catch(e){console.warn(e.message)}return t}},450:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/negx.jpg"},108:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/negy.jpg"},534:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/negz.jpg"},392:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/posx.jpg"},404:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/posy.jpg"},807:(e,t,a)=>{a.d(t,{Z:()=>l});const l=a.p+"public/images/envmaps/fishermans_bastion/posz.jpg"},174:e=>{e.exports=React},467:e=>{e.exports=ReactDOM}},t={};function a(l){var n=t[l];if(void 0!==n)return n.exports;var r=t[l]={exports:{}};return e[l](r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var l=t.getElementsByTagName("script");if(l.length)for(var n=l.length-1;n>-1&&!e;)e=l[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{const e=JSON.parse('{"apiVersion":"1","name":"b3dviewer/modelviewer","title":"Model Viewer","description":"","category":"design","icon":"visibility","keywords":["3D Viewer","3D Embedder","3D Model Viewer"],"textdomain":"model-viewer","attributes":{"uniqueId":{"type":"string","default":"uniqueId"},"multiple":{"type":"boolean","default":false},"model":{"type":"object","default":{}},"models":{"type":"array","default":[{"`modelUrl`":"","poster":"","useDecoder":"none"}]},"currentViewer":{"type":"string","default":"modelViewer"},"O3DVSettings":{"type":"object","default":{"isFullscreen":true,"isPagination":false,"isNavigation":false,"camera":null,"mouseControl":true}},"lazyLoad":{"type":"boolean","default":true},"preload":{"type":"string","default":"auto"},"autoplay":{"type":"boolean","default":true},"shadow":{"type":"boolean","default":true},"rotate":{"type":"boolean","default":false},"autoRotate":{"type":"boolean","default":false},"zoom":{"type":"boolean","default":true},"isPagination":{"type":"boolean","default":false},"isNavigation":{"type":"boolean","default":true},"rotationPerSecond":{"type":"number","default":20},"mouseControl":{"type":"boolean","default":true},"fullscreen":{"type":"boolean","default":true},"variant":{"type":"boolean","default":false},"loadingPercentage":{"type":"boolean","default":false},"progressBar":{"type":"boolean","default":true},"rotateAlongX":{"type":"number","default":"0"},"rotateAlongY":{"type":"number","default":75},"exposure":{"type":"number","default":1},"environmentImage":{"type":"string","default":""},"zoomLevel":{"type":"number","default":1},"appliedTextures":{"type":"object","default":{"name":true}},"styles":{"type":"object","default":{"width":"100%","height":"300px","bgColor":"#ffffff","progressBarColor":"#666","thumbSize":"90px"}},"stylesheet":{"type":"string"},"additional":{"type":"object","default":{"ID":"","Class":"","CSS":""}},"animation":{"type":"boolean","default":false},"woo":{"type":"boolean","default":false},"selectedAnimation":{"type":"string","default":""}},"supports":{"html":false,"lock":false,"align":["left","right","center"]},"example":{"attributes":{"preview":true}},"style":["file:./../../dist/3d-viewer-frontend.css"],"viewScript":["file:./../../dist/3d-viewer-frontend.js"]}'),t=wp.i18n,l=wp.element,n=wp.data,r=wp.components;var o=a(174),c=a.n(o);const{__:i}=wp.i18n,{Fragment:s}=wp.element,{MediaUpload:m,MediaUploadCheck:d}=wp.blockEditor,{Button:u,PanelRow:p,TextControl:g}=wp.components;const v=function(e){let{value:t,type:a=[],onSelect:l,placeholder:n,label:r}=e;return React.createElement("div",{className:"bMediaUpload"},React.createElement(s,null,r&&React.createElement("label",null,r),React.createElement(p,{className:"width-100"},React.createElement(d,{fallback:React.createElement(u,{icon:"upload",className:"button button-primary",onClick:()=>{const e=wp.media({button:{text:"Select"},multiple:!1});e.open(),e.on("select",(()=>{var t=e.state().get("selection").first().toJSON();l(t.url)}))}})},React.createElement(m,{allowedTypes:a,onSelect:e=>l(e.url),render:e=>{let{open:t}=e;return React.createElement(u,{className:"button button-primary",onClick:t,icon:"upload"})}})),React.createElement(g,{value:t,onChange:e=>l(e),placeholder:n}))))},{__:w}=wp.i18n,{Fragment:b}=wp.element,{MediaUpload:h,MediaUploadCheck:f}=wp.blockEditor,{Button:E,PanelRow:R,TextControl:y}=wp.components;function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},C.apply(this,arguments)}const _=e=>{let{label:t,className:a,onChange:l,onSelect:n,media:r=!1,isPremium:o=!1,Component:c,setOpen:i=(()=>{}),...s}=e;return React.createElement(c,C({className:`${a} ${o?"":"bplProIdentifier"}`,label:(e=>o?e:React.createElement(React.Fragment,null,React.createElement("span",{className:"bplOpacity75"},e)," ",React.createElement("span",{className:"labelPro"},"Pro")))(t),onChange:e=>o?r?n(e):l(e):i(!0),isPremium:o},s))},S=e=>{let{attributes:a,setAttributes:l}=e;const{model:n,models:o,multiple:c,isPremium:i,currentViewer:s,O3DVSettings:m}=a,d=(e,t,a)=>{const n=[...o];n[a][e]=t,l({models:n})};["gltf","glb"].includes(n.ext||"glb");return React.createElement(r.PanelBody,{title:(0,t.__)("Model","model-viewer")},React.createElement(r.PanelRow,null,React.createElement("strong",null,(0,t.__)("3D Viewer","model-viewer")),React.createElement(r.ButtonGroup,null,React.createElement(r.Tooltip,{delay:100,text:(0,t.__)("Support only .glb, .glTF","model-viewer")},React.createElement(r.Button,{variant:"modelViewer"===s?"primary":"",onClick:()=>l({currentViewer:"modelViewer"})},(0,t.__)("Lite","model-viewer"))),React.createElement(r.Tooltip,{text:(0,t.__)("Support .obj, .3ds, .stl, .ply, .gltf, .off, .3dm, .fbx, .dae, .wrl, .3mf, amf, ifc, .brep, .step, .iges, .fcstd, and .bim  file types","model-viewer"),delay:100},React.createElement(r.Button,{variant:"O3DViewer"===s?"primary":"",onClick:()=>l({currentViewer:"O3DViewer"})},(0,t.__)("Advanced","model-viewer"))))),React.createElement("p",{className:"bp3d_help components-base-control__help"},React.createElement("i",null,"The Lite Viewer prioritizes .glb and .glTF files with robust features, while the Advanced Viewer, supporting"," ",React.createElement(r.Tooltip,{delay:100,text:"obj, .3ds, .stl, .ply, .gltf, .off, .3dm, .fbx, .dae, .wrl, .3mf, amf, ifc, .brep, .step, .iges, .fcstd, .bim"},React.createElement("strong",null,React.createElement("u",null," almost every file types"))),", has a more streamlined functionality.")),React.createElement(r.PanelRow,null,React.createElement(_,{label:(0,t.__)("Use Multiple Model?","model-viewer"),isPremium:i,Component:r.ToggleControl,checked:c,onChange:()=>l({multiple:!c})})),c&&i?React.createElement(React.Fragment,null,o?.map(((e,a)=>React.createElement(r.PanelBody,{key:a,title:(0,t.__)("Model ","model-viewer")+parseInt(a+1),initialOpen:!1,className:"modelPanel"},React.createElement(v,{value:e?.modelUrl,placeholder:(0,t.__)("Model URL","model-viewer"),onSelect:e=>d("modelUrl",e,a),type:["model/gltf-binary"],label:(0,t.__)("Model URL","model-viewer")}),React.createElement(v,{value:e?.poster,placeholder:(0,t.__)("Model Poster","model-viewer"),onSelect:e=>d("poster",e,a),type:["image"],label:(0,t.__)("Model Poster","model-viewer")}),"modelViewer"===s&&React.createElement(React.Fragment,null,React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Use Decoder","model-viewer")),React.createElement(r.SelectControl,{options:[{label:"None",value:"none"},{label:"Draco",value:"draco"}],value:e?.decoder,onChange:e=>d("decoder",e,a)})),"draco"===e?.decoder&&React.createElement(React.Fragment,null,React.createElement(v,{value:e?.binFile,placeholder:(0,t.__)("Bin File","model-viewer"),onSelect:e=>d("binFile",e,a),type:["application/octet-stream"],label:(0,t.__)("Bin File","model-viewer")}))),1!==o.length&&React.createElement(r.PanelRow,{className:"modelRemover"},React.createElement(r.Button,{variant:"primary",onClick:()=>{const e=[...o];e.splice(a,1),l({models:e})}},(0,t.__)("Remove","model-viewer")))))),React.createElement(r.PanelRow,null,React.createElement(r.Button,{variant:"primary",onClick:()=>{const e=[...o];e.push({}),l({models:e})}},(0,t.__)("Add New","model-viewer")))):React.createElement(React.Fragment,null,React.createElement(v,{value:n?.modelUrl,placeholder:(0,t.__)("Model URL","model-viewer"),onSelect:e=>{l({model:{...n,modelUrl:e,ext:e.split(".")?.[e.split(".").length-1]},O3DVSettings:{...m,camera:null}})},type:["model/gltf-binary","model/obj","application/octet-stream","application/x-3ds","application/vnd.ms-pki.stl","text/vnd.in3d.3dml","application/collada+xml","model/vrml","application/vnd.ms-3mfdocument"],label:(0,t.__)("Model URL","model-viewer")}),"modelViewer"===s&&React.createElement(React.Fragment,null,React.createElement(v,{value:n?.poster,placeholder:(0,t.__)("Model Poster","model-viewer"),onSelect:e=>l({model:{...n,poster:e}}),type:["image"],label:(0,t.__)("Model Poster","model-viewer")}),React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Use Decoder","model-viewer")),React.createElement(r.SelectControl,{options:[{label:"None",value:"none"},{label:"Draco",value:"Draco"}],value:n?.decoder,onChange:e=>l({model:{...n,decoder:e}})})),"Draco"===n?.decoder&&React.createElement(React.Fragment,null,React.createElement(v,{value:n?.binFile,placeholder:(0,t.__)("Bin File","model-viewer"),onSelect:e=>l({model:{...n,binFile:e}}),type:["application/octet-stream"],label:(0,t.__)("Bin File","model-viewer")})))))},{useState:k,Fragment:x}=wp.element,{Dropdown:P,ColorPicker:V,Button:N}=wp.components,{__:A}=wp.i18n,L=e=>{const{value:t,title:a="",toolbar:l=!1,defaultColor:n,onChange:r,className:o,disableAlpha:c,boxPosition:i="top left",globalColors:s=[]}=e,[m,d]=k(t);return React.createElement("div",{className:"BColor"},React.createElement(P,{position:i,renderToggle:e=>{let{isOpen:o,onToggle:c}=e;return React.createElement("div",{style:{display:"flex"}},n&&n!=m&&React.createElement(N,{icon:"image-rotate",className:"bColorReset",onClick:()=>{r(n),d(n)}}),!l&&React.createElement("div",{className:"BColorButtonContainer"},React.createElement(N,{className:"BColorButton",title:a,onClick:c,"aria-expanded":o,style:t?{backgroundColor:t}:{backgroundColor:"transparent"}})),l&&React.createElement("div",{className:"BColorToolbar",onClick:c},React.createElement("p",null,"A"),React.createElement("p",{className:"color",style:{background:t}})))},renderContent:e=>{let{isOpen:a,onToggle:l,onClose:n}=e;return React.createElement(x,null,React.createElement(V,{color:t||"",onChangeComplete:e=>{r(e.hex),d(e.hex)}}),s.length>0&&React.createElement("div",{style:{display:"flex"},className:"globalColors"},s.map((e=>React.createElement("div",{className:"BColorButtonContainer"},React.createElement("button",{className:"BColorButton",onClick:()=>{r(e.color),d(e)},"aria-expanded":a,style:t?{backgroundColor:e.color}:{backgroundColor:"transparent"}}))))))}}))};function $(){return $=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},$.apply(this,arguments)}const{__experimentalUnitControl:O}=wp.components,B=e=>{const{units:t=[{value:"px",label:"px",default:16},{value:"em",label:"em",default:1}],value:a,onChange:l,isResetValueOnUnitChange:n=!0,...r}=e;return React.createElement("div",{id:"BUnitControl"},React.createElement(O,$({onChange:l,isResetValueOnUnitChange:n,value:a,units:t},r)))},T="#4527a4",I=React.createElement("svg",{xmlns:"https://www.w3.org/2000/svg",width:15,height:15,viewBox:"0 0 548.172 548.172"},React.createElement("path",{fill:T,d:"M534.75 49.965c-8.945-8.945-19.694-13.422-32.261-13.422H45.681c-12.562 0-23.313 4.477-32.264 13.422C4.471 58.913 0 69.663 0 82.226v310.633c0 12.566 4.471 23.315 13.417 32.265 8.951 8.945 19.702 13.414 32.264 13.414h155.318c0 7.231-1.524 14.661-4.57 22.269-3.044 7.614-6.09 14.273-9.136 19.981-3.042 5.715-4.565 9.897-4.565 12.56 0 4.948 1.807 9.24 5.424 12.847 3.615 3.621 7.898 5.435 12.847 5.435h146.179c4.949 0 9.233-1.813 12.848-5.435 3.62-3.606 5.427-7.898 5.427-12.847 0-2.468-1.526-6.611-4.571-12.415-3.046-5.801-6.092-12.566-9.134-20.267-3.046-7.71-4.569-15.085-4.569-22.128h155.318c12.56 0 23.309-4.469 32.254-13.414 8.949-8.949 13.422-19.698 13.422-32.265V82.226c.003-12.563-4.474-23.313-13.423-32.261zm-23.123 269.803c0 2.475-.903 4.613-2.711 6.424-1.81 1.804-3.952 2.707-6.427 2.707H45.681c-2.473 0-4.615-.903-6.423-2.707-1.807-1.817-2.712-3.949-2.712-6.424V82.226c0-2.475.902-4.615 2.712-6.423 1.809-1.805 3.951-2.712 6.423-2.712h456.815c2.471 0 4.617.904 6.42 2.712 1.808 1.809 2.711 3.949 2.711 6.423v237.542z"})),D=React.createElement("svg",{xmlns:"https://www.w3.org/2000/svg",width:15,height:15,viewBox:"0 0 512 512"},React.createElement("path",{fill:T,d:"M394.667 0H117.333C87.936 0 64 23.936 64 53.333v405.333C64 488.064 87.936 512 117.333 512h277.333C424.064 512 448 488.064 448 458.667V53.333C448 23.936 424.064 0 394.667 0zM256 480c-11.755 0-21.333-9.579-21.333-21.333s9.579-21.333 21.333-21.333 21.333 9.579 21.333 21.333S267.755 480 256 480zm149.333-64c0 5.888-4.779 10.667-10.667 10.667H117.333c-5.888 0-10.667-4.779-10.667-10.667V53.333c0-5.888 4.779-10.667 10.667-10.667h277.333c5.888 0 10.667 4.779 10.667 10.667V416z"})),F=React.createElement("svg",{xmlns:"https://www.w3.org/2000/svg",width:15,height:15,viewBox:"0 0 503.604 503.604"},React.createElement("path",{fill:T,d:"M337.324 0H167.192c-28.924 0-53.5 23.584-53.5 52.5v398.664c0 28.916 24.056 52.44 52.98 52.44l170.412-.184c28.92 0 52.58-23.528 52.58-52.448l.248-398.5C389.908 23.452 366.364 0 337.324 0zM227.68 31.476h49.36c4.336 0 7.868 3.52 7.868 7.868 0 4.348-3.532 7.868-7.868 7.868h-49.36a7.865 7.865 0 01-7.868-7.868 7.865 7.865 0 017.868-7.868zm-29.66 2.504c2.916-2.912 8.224-2.952 11.136 0a7.973 7.973 0 012.324 5.588c0 2.048-.864 4.088-2.324 5.548-1.452 1.46-3.504 2.32-5.548 2.32-2.084 0-4.088-.86-5.588-2.32-1.452-1.456-2.28-3.5-2.28-5.548-.004-2.088.828-4.132 2.28-5.588zm52.752 454.028c-12.984 0-23.544-10.568-23.544-23.548 0-12.984 10.56-23.548 23.544-23.548s23.544 10.564 23.544 23.548c0 12.98-10.564 23.548-23.544 23.548zm114.716-63.1H141.232V74.756h224.256v350.152z"})),M=e=>{let{device:t="desktop",onChange:a,className:l="iconButton",style:n}=e;const[r,c]=(0,o.useState)(!1);return window.addEventListener("click",(()=>c(!1))),React.createElement("div",{className:"bDevice",style:n},!r&&React.createElement("button",{className:l,title:t[0].toUpperCase()+t.slice(1),onClick:e=>{c(!0),e.stopPropagation()}},"desktop"==t?I:"tablet"==t?D:F),r&&React.createElement("div",{className:"bDevicePopup"},[{value:"desktop",icon:I},{value:"tablet",icon:D},{value:"mobile",icon:F}].map((e=>{let{icon:t,value:n}=e;return React.createElement("button",{key:n,className:l,title:n[0].toUpperCase()+n.slice(1),onClick:()=>{a(n),c(!1)}},t)}))))},j=e=>{let{attributes:a,setAttributes:n}=e;const{styles:o,woo:c,currentViewer:i}=a,{width:s,height:m,bgColor:d,bgImage:u,progressBar:p,progressBarColor:g,thumbSize:w="90px"}=o,[b,h]=(0,l.useState)("desktop");return(0,l.useEffect)((()=>{"string"==typeof m&&n({styles:{...o,height:{desktop:m,tablet:m,mobile:m}}}),"string"==typeof s&&n({styles:{...o,width:{desktop:s,tablet:s,mobile:s}}})}),[]),React.createElement(r.PanelBody,{title:(0,t.__)("Style","model-viewer")},!c&&React.createElement(r.PanelRow,{className:"deviceForUnit"},React.createElement("label",null,(0,t.__)("Width","model-viewer")),React.createElement(B,{value:s[b],onChange:e=>n({styles:{...o,width:{...o.width,[b]:e}}}),units:[{value:"px",label:"px",default:500},{value:"%",label:"%",default:100}]}),React.createElement(M,{device:b,onChange:e=>h(e)})),React.createElement(r.PanelRow,{className:"deviceForUnit"},React.createElement("label",null,(0,t.__)("Height","model-viewer")),React.createElement(B,{value:m[b],onChange:e=>n({styles:{...o,height:{...o.height,[b]:e}}}),units:[{value:"px",label:"px",default:500},{value:"%",label:"%",default:100},{value:"vh",label:"vh",default:100}]}),React.createElement(M,{device:b,onChange:e=>h(e)})),React.createElement(B,{label:(0,t.__)("Thumb Size","model-viewer"),value:w,onChange:e=>n({styles:{...o,thumbSize:e}}),units:[{value:"px",label:"px",default:100}]}),React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Background Color","model-viewer")),React.createElement(L,{value:d||"#ffffff",defaultColor:"#ffffff",onChange:e=>n({styles:{...o,bgColor:e}})})),"modelViewer"===i&&React.createElement(React.Fragment,null,React.createElement(r.PanelRow,null,React.createElement("label",null,React.createElement("strong",null,(0,t.__)("Note: Color will be ignore if background image used","model-viewer")))),React.createElement("br",null),React.createElement(r.PanelRow,null,React.createElement(_,{Component:v,media:!0,label:(0,t.__)("Background Image","model-viewer"),placeholder:(0,t.__)("Background Image","model-viewer"),value:u,onSelect:e=>n({styles:{...o,bgImage:e}})})),p&&React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("ProgressBar Color","model-viewer")),React.createElement(L,{value:g||"#666",defaultColor:"#666",onChange:e=>n({styles:{...o,progressBarColor:e}})}))))},q=e=>{let{attributes:a,setAttributes:l}=e;const{additional:n,isPremium:o}=a;return React.createElement(React.Fragment,null,React.createElement(r.PanelBody,{title:(0,t.__)("Additional","model-viewer")},React.createElement(_,{isPremium:o,Component:r.TextControl,label:(0,t.__)("ID","model-viewer"),value:n.ID,onChange:e=>l({additional:{...n,ID:e}})}),React.createElement(r.TextControl,{label:(0,t.__)("Class","model-viewer"),value:n.Class,onChange:e=>l({additional:{...n,Class:e}})}),React.createElement(_,{isPremium:o,Component:r.TextareaControl,label:(0,t.__)("CSS","model-viewer"),value:n.CSS,onChange:e=>l({additional:{...n,CSS:e}})})))},U=e=>{let{attributes:a,setAttributes:n}=e;const{animation:o,autoRotate:c,autoplay:i,exposure:s,fullscreen:m,lazyLoad:d,loadingPercentage:u,model:p,multiple:g,models:v,mouseControl:w,progressBar:b,rotate:h,rotateAlongX:f,rotateAlongY:E,rotationPerSecond:R,selectedAnimation:y,shadow:C,uniqueId:S,variant:k,isPagination:x,isNavigation:P,isPremium:V,zoomLevel:N=1}=a,[A,L]=(0,l.useState)([]);return(0,l.useEffect)((()=>{setTimeout((()=>{document.querySelector(`#${S} model-viewer`)?.addEventListener("load",(function(){const e=this.availableAnimations.map((e=>({label:e,value:e})));L([...e,{label:"None",value:""}])}))}),0)}),[S,p,v,g]),React.createElement(React.Fragment,null,React.createElement(r.PanelBody,{title:(0,t.__)("Options","model-viewer")},React.createElement(r.ToggleControl,{label:(0,t.__)("Fullscreen","model-viewer"),checked:m,onChange:()=>n({fullscreen:!m})}),["gltf","glb"].includes(p.ext||"glb")&&React.createElement(React.Fragment,null,React.createElement(r.ToggleControl,{label:(0,t.__)("Mouse Control","model-viewer"),checked:w,onChange:()=>n({mouseControl:!w})}),React.createElement(r.ToggleControl,{label:(0,t.__)("Lazy Load","model-viewer"),checked:d,onChange:()=>n({lazyLoad:!d})}),React.createElement(r.ToggleControl,{label:(0,t.__)("Show Loading Percentage","model-viewer"),checked:u,onChange:()=>n({loadingPercentage:!u})}),React.createElement(r.ToggleControl,{label:(0,t.__)("Show Progressbar","model-viewer"),checked:b,onChange:()=>n({progressBar:!b})}),React.createElement(_,{Component:r.ToggleControl,isPremium:V,label:(0,t.__)("Enable Shadow","model-viewer"),checked:C,onChange:()=>n({shadow:!C})}),React.createElement(_,{isPremium:V,label:(0,t.__)("Autoplay ( if animated )","model-viewer"),Component:r.ToggleControl,checked:i,onChange:()=>n({autoplay:!i})}),React.createElement(_,{isPremium:V,label:(0,t.__)("Enable Variant Selector","model-viewer"),Component:r.ToggleControl,checked:k,onChange:()=>n({variant:!k})}),React.createElement(_,{isPremium:V,label:(0,t.__)("Enable Animation Selector","model-viewer"),Component:r.ToggleControl,checked:o,onChange:()=>n({animation:!o})}),o&&0!==A.length&&!g&&React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Set Animation","model-viewer")),React.createElement(r.SelectControl,{options:A,value:y,onChange:e=>n({selectedAnimation:e})})),React.createElement(_,{isPremium:V,Component:r.ToggleControl,label:(0,t.__)("Auto Rotate","model-viewer"),checked:c,onChange:()=>n({autoRotate:!c})}),c&&React.createElement(React.Fragment,null,React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Rotate Per Second (deg)","model-viewer")),React.createElement(r.__experimentalNumberControl,{value:R,onChange:e=>n({rotationPerSecond:e})}))),!g&&React.createElement(React.Fragment,null,React.createElement(_,{isPremium:V,Component:r.ToggleControl,label:(0,t.__)("Rotate Direction","model-viewer"),checked:h,onChange:()=>n({rotate:!h})}),h&&React.createElement(React.Fragment,null,React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Rotate Along X","model-viewer")),React.createElement(r.__experimentalNumberControl,{onChange:e=>n({rotateAlongX:parseInt(e)}),value:f,max:360,min:0})),React.createElement(r.PanelRow,null,React.createElement("label",null,(0,t.__)("Rotate Along Y","model-viewer")),React.createElement(r.__experimentalNumberControl,{onChange:e=>n({rotateAlongY:parseInt(e)}),value:E,max:360,min:0})))),React.createElement(_,{isPremium:V,Component:r.RangeControl,label:(0,t.__)("Exposure","model-viewer"),value:s,onChange:e=>n({exposure:e}),min:.1,step:.1,max:10}),React.createElement(_,{isPremium:V,Component:r.RangeControl,labelPosition:"side",label:(0,t.__)("Zoom","model-viewer"),value:N,onChange:e=>n({zoomLevel:e}),min:.5,step:.1,max:10}),(g||!V)&&React.createElement(React.Fragment,null,React.createElement(_,{isPremium:V,Component:r.ToggleControl,label:(0,t.__)("show thumbnails list","model-viewer"),checked:x,onChange:()=>n({isPagination:!x})}),React.createElement(_,{isPremium:V,Component:r.ToggleControl,label:(0,t.__)("show arrow","model-viewer"),checked:P,onChange:()=>n({isNavigation:!P})})))))},Z=e=>{let{attributes:a,setAttributes:l}=e;const{O3DVSettings:n,multiple:o,isPremium:i}=a,{isFullscreen:s,isNavigation:m=!1,isPagination:d=!1,mouseControl:u}=n,p=e=>{l({O3DVSettings:{...n,...e}})};return c().createElement(r.PanelBody,{title:(0,t.__)("Options","model-viewer")},c().createElement(r.ToggleControl,{label:(0,t.__)("Fullscreen","model-viewer"),checked:s,onChange:()=>p({isFullscreen:!s})}),c().createElement(r.ToggleControl,{label:(0,t.__)("Mouse Control","model-viewer"),checked:u,onChange:()=>p({mouseControl:!u})}),(o||!i)&&c().createElement(c().Fragment,null,c().createElement(_,{isPremium:i,Component:r.ToggleControl,label:(0,t.__)("show thumbnails list","model-viewer"),checked:d,onChange:()=>p({isPagination:!d})}),c().createElement(_,{isPremium:i,Component:r.ToggleControl,label:(0,t.__)("show arrow","model-viewer"),checked:m,onChange:()=>p({isNavigation:!m})})))};var z=a(392),H=a(404),W=a(807),J=a(450),X=a(108),G=a(534);const Y=e=>{let{attributes:a,setAttributes:l}=e;const{models:n,environmentImage:o}=a;return React.createElement(r.PanelBody,{title:(0,t.__)("Environment Image","model-viewer"),initialOpen:!1},React.createElement(r.PanelRow,null,React.createElement("div",{className:"environmentImages"},React.createElement("img",{src:z.Z,className:o===z.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}),React.createElement("img",{src:H.Z,className:o===H.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}),React.createElement("img",{src:W.Z,className:o===W.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}),React.createElement("img",{src:J.Z,className:o===J.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}),React.createElement("img",{src:X.Z,className:o===X.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}),React.createElement("img",{src:G.Z,className:o===G.Z?"image-active":"",onClick:e=>l({environmentImage:e.target.src})}))),React.createElement(r.PanelRow,null),React.createElement(v,{value:o,placeholder:(0,t.__)("Custom","model-viewer"),onSelect:e=>l({environmentImage:e}),label:(0,t.__)("Custom","model-viewer")}))},{InspectorControls:Q}=wp.blockEditor,K=(0,n.withSelect)((e=>{const t=e("core/editor")?.getCurrentPostType()||"product",a=e("core/editor")?.getCurrentPostId();return{postId:a,postType:t}}))((e=>{let{attributes:a,setAttributes:n,postId:o,postType:c,viewerRef:i}=e;const[s,m]=(0,l.useState)(!1),{currentViewer:d}=a;return React.createElement(Q,null,"bp3d-model-viewer"===c&&React.createElement(r.PanelBody,null,React.createElement(r.PanelRow,null,React.createElement("div",{className:"b3dviewer_front_shortcode justify-center"},React.createElement(r.ClipboardButton,{title:s?(0,t.__)("Copied","model-viewer"):"",variant:"primary",text:`[3d_viewer id=${o}]`,onCopy:()=>m(!0),onFinishCopy:()=>m(!1)},(0,t.__)("Copy Shortcode","model-viewer")),s&&React.createElement(r.Snackbar,null,(0,t.__)("Copied Succesfully","model-viewer"))))),React.createElement(r.TabPanel,{className:"b3dviewer-tab-panel",activeClass:"active",tabs:[{name:"settings",title:(0,t.__)("Settings","model-viewer"),className:"settings"},{name:"style",title:(0,t.__)("Style","model-viewer"),className:"style"}]},(e=>React.createElement("span",null,"settings"===e.name&&React.createElement(r.Panel,null,React.createElement(S,{attributes:a,setAttributes:n}),"modelViewer"===d&&React.createElement(Y,{attributes:a,setAttributes:n}),"modelViewer"===d&&React.createElement(U,{attributes:a,setAttributes:n}),"O3DViewer"===d&&React.createElement(Z,{attributes:a,setAttributes:n})),"style"===e.name&&React.createElement(r.Panel,null,React.createElement(j,{attributes:a,setAttributes:n}),React.createElement(q,{attributes:a,setAttributes:n}))))))}));var ee=a(502),te=a(751);const{withSelect:ae}=wp.data,le=ae((e=>{const{isEditorSidebarOpened:t}=e("core/edit-post"),a=e("core/editor")?.getCurrentPostType()||"product";return{isSidebarOpened:t(),postType:a}}))((e=>{const{clientId:a,attributes:n,setAttributes:r,isSelected:o,postType:c}=e,[i,s]=(0,l.useState)(!0),{uniqueId:m,model:d,models:u,multiple:p,additional:g,align:v,woo:w,isPremium:b=!0}=n,{data:h,isLoading:f}=(0,te.Z9)(bp3dBlock?.ajaxURL,{action:"bp3d_pipe_checker",_wpnonce:bp3dBlock?.nonce}),E=(0,l.useRef)();(0,l.useEffect)((()=>{const e=!!["product",null].includes(c);r({uniqueId:"b3dviewer"+a.substr(0,8),woo:e})}),[]),(0,l.useEffect)((()=>{r({isPremium:h?.isPipe}),h?.isPipe||f||r({multiple:!1})}),[h,f]),(0,l.useEffect)((()=>{try{new URL(R),s(!0)}catch(e){s(!1)}}),[m,d,u,p]);const R=p?u[0]?.modelUrl:d?.modelUrl;return f?React.createElement("h2",null,"Loading..."):React.createElement(React.Fragment,null,!o&&React.createElement("div",{className:"modelViewerIsSelected"}),React.createElement(React.Fragment,null,React.createElement(K,{attributes:n,setAttributes:r,viewerRef:E}),R&&i&&React.createElement(ee.Z,{viewerRef:E,setAttributes:r,attributes:n,__:t.__}),R&&!i&&React.createElement("h2",null,(0,t.__)("3D file not valid","model-viewer")),!R&&React.createElement("h2",null,(0,t.__)("Click here to upload 3D Models","model-viewer"))))})),{registerBlockType:ne}=wp.blocks;ne(e,{edit:le,icon:React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},React.createElement("path",{fill:"#4527a4",d:"M68.983,382.642l171.35,98.928a32.082,32.082,0,0,0,32,0l171.352-98.929a32.093,32.093,0,0,0,16-27.713V157.071a32.092,32.092,0,0,0-16-27.713L272.334,30.429a32.086,32.086,0,0,0-32,0L68.983,129.358a32.09,32.09,0,0,0-16,27.713V354.929A32.09,32.09,0,0,0,68.983,382.642ZM272.333,67.38l155.351,89.691V334.449L272.333,246.642ZM256.282,274.327l157.155,88.828-157.1,90.7L99.179,363.125ZM84.983,157.071,240.333,67.38v179.2L84.983,334.39Z"})),save:()=>null})})()})();
//# sourceMappingURL=block.js.map

Back to Directory File Manager