js-cloudimage-360-view 4.0.0-beta.9 → 4.0.0

package/dist/js-cloudimage-360-view.min.js

@@ -1 +1,2111 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Cloudimage360View=t()}(this,(function(){"use strict";var e=Object.defineProperty,t=(t,i,n)=>((t,i,n)=>i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[i]=n)(t,"symbol"!=typeof i?i+"":i,n),i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var o="Expected a function",s=/^\s+|\s+$/g,a=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt,h="object"==typeof i&&i&&i.Object===Object&&i,d="object"==typeof self&&self&&self.Object===Object&&self,p=h||d||Function("return this")(),u=Object.prototype.toString,f=Math.max,m=Math.min,g=function(){return p.Date.now()};function v(e,t,i){var n,s,a,r,l,c,h=0,d=!1,p=!1,u=!0;if("function"!=typeof e)throw new TypeError(o);function v(t){var i=n,o=s;return n=s=void 0,h=t,r=e.apply(o,i)}function w(e){var i=e-c;return void 0===c||i>=t||i<0||p&&e-h>=a}function x(){var e=g();if(w(e))return I(e);l=setTimeout(x,function(e){var i=t-(e-c);return p?m(i,a-(e-h)):i}(e))}function I(e){return l=void 0,u&&n?v(e):(n=s=void 0,r)}function C(){var e=g(),i=w(e);if(n=arguments,s=this,c=e,i){if(void 0===l)return function(e){return h=e,l=setTimeout(x,t),d?v(e):r}(c);if(p)return l=setTimeout(x,t),v(c)}return void 0===l&&(l=setTimeout(x,t)),r}return t=b(t)||0,y(i)&&(d=!!i.leading,a=(p="maxWait"in i)?f(b(i.maxWait)||0,t):a,u="trailing"in i?!!i.trailing:u),C.cancel=function(){void 0!==l&&clearTimeout(l),h=0,n=c=s=l=void 0},C.flush=function(){return void 0===l?r:I(g())},C}function y(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function b(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==u.call(e)}(e))return NaN;if(y(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=y(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(s,"");var i=r.test(e);return i||l.test(e)?c(e.slice(2),i?2:8):a.test(e)?NaN:+e}const w=n((function(e,t,i){var n=!0,s=!0;if("function"!=typeof e)throw new TypeError(o);return y(i)&&(n="leading"in i?!!i.leading:n,s="trailing"in i?!!i.trailing:s),v(e,t,{leading:n,maxWait:t,trailing:s})})),x="spin-x",I="spin-y",C="spin-xy",L="spin-yx",O=[!1,0,null,void 0,"false","0","null","undefined"],Y="x-axis",k="y-axis",S=["folder","folderX","folderY","filenameX","filenameY","imageListX","imageListY","indexZeroBase","amountX","amountY"],R=[37,39],X=[38,40],E={folder:"/",apiVersion:"v7",filenameX:"image-{index}.jpg",filenameY:null,imageListX:null,imageListY:null,indexZeroBase:0,amountX:0,amountY:0,speed:80,dragSpeed:150,draggable:!0,swipeable:!0,keys:!1,keysReverse:!1,autoplay:!1,autoplayBehavior:x,playOnce:!1,autoplayReverse:!1,pointerZoom:0,fullscreen:!1,magnifier:null,bottomCircle:!0,bottomCircleOffset:5,ciToken:null,ciFilters:null,ciTransformation:null,lazyload:!0,dragReverse:!1,stopAtEdges:!1,imageInfo:!1,initialIconShown:!0,hotspots:null},T=(e,t,i)=>e.getAttribute(t)||e.getAttribute(`data-${t}`)||i,A=(e,t,i)=>e.hasAttribute(t)||e.hasAttribute(`data-${t}`)||i,H=(e,t)=>"false"===T(e,t,null),W=(e,t)=>{const{folder:i,apiVersion:n,filename:o="",ciParams:s}=e,{ciToken:a,ciFilters:r,ciTransformation:l}=s||{},c=`${i}${o}`;if(!a)return c;const h=O.includes(n)?null:n,d=h?`${h}/`:"",p=((e=1)=>{const t=Math.round(window.devicePixelRatio||1);return parseInt(e)*t})(t),u=((e,t,i)=>new URL(e).origin.includes("cloudimg")?e:`https://${t}.cloudimg.io/${i}${e}`)(c,a,d),f=(({ciTransformation:e,responsiveWidth:t,ciFilters:i})=>`${e||`width=${t}`}${i?`&f=${i}`:""}`)({ciTransformation:l,responsiveWidth:p,ciFilters:r});return`${u}${f?"?":""}${f}`},Z=(e,t)=>((e,t,i)=>{const[n,o]=e.split("?"),s=`${t}=${encodeURIComponent(i)}`;if(!o)return`${n}?${s}`;const a=new URLSearchParams(o);return a.set(t,i),`${n}?${a.toString()}`})(e,"width",t),M=(e,t=0)=>(e+="").length>=t?e:new Array(t-e.length+1).join("0")+e,B=({cdnPathX:e,cdnPathY:t,configX:i,configY:n,onFirstImageLoad:o,onImageLoad:s,onAllImagesLoad:a})=>{let r={x:!1,y:!1},l=[],c=[];const h=e||i.imageList.length,d=t||n.imageList.length,p=({cdnPath:e,config:t,orientation:i,loadedImages:n,onFirstImageLoad:o})=>{const h=i===Y,d=t.imageList.length?t.imageList:((e,{amount:t=0,indexZeroBase:i=0}={})=>Array.from({length:t},((t,n)=>e.replace("{index}",M(n+1,i)))))(e,t);(({imagesUrls:e,onFirstImageLoad:t,onImageLoad:i,onAllImagesLoad:n,autoplayReverse:o})=>{let s=0;const a=e.length,r=[],l=(e,t)=>{const o=new Image;o.crossOrigin="anonymous",o.src=e,o.onload=async()=>{const l=await createImageBitmap(o),h={src:e,bitmapImage:l,naturalWidth:c.naturalWidth,naturalHeight:c.naturalHeight};s++,r[t]=h,null==i||i(h,t),s===a&&(null==n||n(r))},o.onerror=()=>{console.error(`Failed to load image: ${e}`),s++,s===a&&(null==n||n(r))}},c=new Image,h=e[o?e.length-1:0];c.crossOrigin="anonymous",c.src=h,c.onload=async()=>{const n=await createImageBitmap(c),o={src:h,bitmapImage:n,naturalWidth:c.naturalWidth,naturalHeight:c.naturalHeight};r[0]=o,s++,null==t||t(o),null==i||i(o,0);for(let t=1;t<e.length;t++)l(e[t],t)},c.onerror=()=>{console.error(`Failed to load first image: ${e[0]}`),s++;for(let t=1;t<e.length;t++)l(e[t],t)}})({imagesUrls:d,onFirstImageLoad:o,onImageLoad:(e,t)=>{null==s||s(e,t,i),n[t]=e},onAllImagesLoad:e=>{n=e,r[h?"x":"y"]=!0,r.x&&r.y&&a(l,c)},autoplayReverse:t.autoplayReverse})};h?p({cdnPath:e,config:i,orientation:Y,loadedImages:l,onFirstImageLoad:o}):r.x=!0,d?p({cdnPath:t,config:n,orientation:k,loadedImages:c,onFirstImageLoad:h?void 0:o}):r.y=!0},P=e=>{const t=document.createElement("div");return t.className="cloudimage-360-icons-container",e.appendChild(t),t},D=(e,t)=>{const i=e.querySelector(t);i&&i.parentNode.removeChild(i)},V=e=>{const t=((e,t)=>{const[i,n]=e.split("?");if(!n)return e;const o=new RegExp(`^${t}=|&${t}=`),s=n.split("&").filter((e=>!o.test(e))).join("&");return s?`${i}?${s}`:i})(e,"width"),i=t.includes("?")?"&":"?";return`${t}${i}width=${150*devicePixelRatio}`},j=(e,t)=>{const{imageList:i,indexZeroBase:n}=t;if(i.length)try{return((e,t)=>{const[i]=e,n=/(https?):\/\//i.test(i);return W({...t,folder:n?"":t.folder,filename:i})})(JSON.parse(i),t)}catch(o){console.error(`Wrong format in image-list attribute: ${o.message}`)}return((e,t)=>{const i=M(1,t);return e.replace("{index}",i)})(e,n)},F=(e,t,i)=>{const n=new Image;return n.setAttribute(t?"data-src":"src",e),n.className=i,n.style.cssText=`\n    position: ${t?"absolute":"static"};\n    width: 100%;\n    inset: 0;\n    height: 100%;\n    object-fit: contain;\n    object-position: center;\n    filter: blur(10px);\n  `,n},G=(e,t,i)=>{const{innerBox:n,imageList:o,lazyload:s}=t||{},[a]=o,r=a||j(e,t),l=V(r),c=F(l,s,"cloudimage-lazy"),h=F(l,!1,"cloudimage-360-placeholder");var d;c.onload=e=>{D(n,".cloudimage-lazy"),i&&i({event:e,width:c.width,height:c.height,naturalWidth:c.naturalWidth,naturalHeight:c.naturalHeight,src:l})},n.appendChild(c),n.appendChild(h),d=c,new IntersectionObserver(((e,t)=>{e.forEach((e=>{e.isIntersecting&&((e=>{const t=e.getAttribute("data-src");t&&(e.src=t)})(e.target),t.unobserve(e.target))}))}),{root:null,rootMargin:"0px",threshold:.1}).observe(d)},z=(e,t,i)=>{const{container:n,w:o,h:s,zoom:a,bw:r,offsetX:l,offsetY:c}=t,h=((e,t)=>{const i=t.getBoundingClientRect(),n=e.touches?e.touches[0].clientX:e.clientX,o=e.touches?e.touches[0].clientY:e.clientY;return{x:n-i.left,y:o-i.top}})(e,n);let d=h.x,p=h.y;d=Math.max(o/a,Math.min(d,n.offsetWidth-o/a)),p=Math.max(s/a,Math.min(p,n.offsetHeight-s/a)),i.style.left=d-o+"px",i.style.top=p-s+"px";const u=(d-l)*a-o+r,f=(p-c)*a-s+r;i.style.backgroundPosition=`-${u}px -${f}px`},N=(e,{bottom:t,top:i})=>{e?t():i()},U=(e,{left:t,right:i})=>{e?t():i()},$=(e,t)=>{const i=[...R];return t?[...i,...X].includes(e):i.includes(e)},K=(e,t=150)=>{let i;return function(...n){clearTimeout(i),i=setTimeout((()=>{e.apply(this,n)}),t)}},q="IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2xldCB0LGUsYSxpLG8sbjtzZWxmLm9ubWVzc2FnZT1hc3luYyB0PT57Y29uc3R7YWN0aW9uOmUsb2Zmc2NyZWVuOmEsZGV2aWNlUGl4ZWxSYXRpbzppLGltYWdlRGF0YTpvLHpvb21TY2FsZTpuLHBvaW50ZXJYOnMscG9pbnRlclk6ZyxpbWFnZUFzcGVjdFJhdGlvOnIsY29udGFpbmVyV2lkdGg6Yyxjb250YWluZXJIZWlnaHQ6Zn09dC5kYXRhO3N3aXRjaChlKXtjYXNlImluaXRDYW52YXMiOmgoYSxpKTticmVhaztjYXNlImFkYXB0Q2FudmFzU2l6ZSI6bShyLGMsZik7YnJlYWs7Y2FzZSJkcmF3SW1hZ2VPbkNhbnZhcyI6ZChvLG4scyxnKX19O2NvbnN0IGg9KGksbyk9Pnt0PWksZT10LmdldENvbnRleHQoIjJkIiksYT1vfSxtPShoLG0sZCk9PntuPWg+bS9kLHQud2lkdGg9bSphLHQuaGVpZ2h0PWQqYSxlLnNjYWxlKGEsYSksbj8oaT1tLG89bS9oKToobz1kLGk9ZCpoKSxlLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxlLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LGQ9KGg9e30sbT0xLGQ9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6Z309aDtpZighdHx8IWcpcmV0dXJuO2xldCByLGM7aWYobj8ocj0wLGM9KHQuaGVpZ2h0L2EtbykvMik6KHI9KHQud2lkdGgvYS1pKS8yLGM9MCksZS5jbGVhclJlY3QoMCwwLHQud2lkdGgsdC5oZWlnaHQpLDEhPT1tKXtjb25zdHt6b29tZWRXaWR0aDp0LHpvb21lZEhlaWdodDphfT0oKHQsZSxhKT0+KHt6b29tZWRXaWR0aDp0L2Esem9vbWVkSGVpZ2h0OmUvYX0pKShpLG8sbSkse3pvb21PZmZzZXRYOm4sem9vbU9mZnNldFk6Zn09KCh7cG9pbnRlclg6dCxwb2ludGVyWTplLGltYWdlRGF0YTphLHpvb21lZFdpZHRoOmksem9vbWVkSGVpZ2h0Om8sZHJhd1dpZHRoOm4sZHJhd0hlaWdodDpofSk9Pntjb25zdHtuYXR1cmFsV2lkdGg6bSxuYXR1cmFsSGVpZ2h0OmR9PWE7bGV0IHM9dC9uKm0taS8yLGc9ZS9oKmQtby8yO2NvbnN0IHI9TWF0aC5tYXgoMCxtLWkpLGM9TWF0aC5tYXgoMCxkLW8pO3JldHVybiBzPU1hdGgubWF4KDAsTWF0aC5taW4ocyxyKSksZz1NYXRoLm1heCgwLE1hdGgubWluKGcsYykpLHt6b29tT2Zmc2V0WDpzLHpvb21PZmZzZXRZOmd9fSkoe3BvaW50ZXJYOmQscG9pbnRlclk6cyxpbWFnZURhdGE6aCx6b29tZWRXaWR0aDp0LHpvb21lZEhlaWdodDphLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6b30pO2UuZHJhd0ltYWdlKGcsbixmLHQsYSxyLGMsaSxvKX1lbHNlIGUuZHJhd0ltYWdlKGcscixjLGksbyl9fSgpOwo=",Q="undefined"!=typeof self&&self.Blob&&new Blob([(J=q,Uint8Array.from(atob(J),(e=>e.charCodeAt(0))))],{type:"text/javascript;charset=utf-8"});var J;function _(e){let t;try{if(t=Q&&(self.URL||self.webkitURL).createObjectURL(Q),!t)throw"";const i=new Worker(t,{name:null==e?void 0:e.name});return i.addEventListener("error",(()=>{(self.URL||self.webkitURL).revokeObjectURL(t)})),i}catch(i){return new Worker("data:text/javascript;base64,"+q,{name:null==e?void 0:e.name})}finally{t&&(self.URL||self.webkitURL).revokeObjectURL(t)}}const ee=(e,t,i)=>e.filter((e=>(e=>"x"===e?Y:k)(e.orientation)===i&&t in e.positions)),te=e=>{const t=Object.entries(e).sort((([e],[t])=>Number(e)-Number(t)));let i=null,n=null;const o={};for(const[s,a]of t)if(a){const{x:e,y:t}=a;null!=e&&(i=e),null!=t&&(n=t),o[s]={x:e||i,y:t||n}}else o[s]={x:i,y:n};return o};var ie="top",ne="bottom",oe="right",se="left",ae="auto",re=[ie,ne,oe,se],le="start",ce="end",he="viewport",de="popper",pe=re.reduce((function(e,t){return e.concat([t+"-"+le,t+"-"+ce])}),[]),ue=[].concat(re,[ae]).reduce((function(e,t){return e.concat([t,t+"-"+le,t+"-"+ce])}),[]),fe=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function me(e){return e?(e.nodeName||"").toLowerCase():null}function ge(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ve(e){return e instanceof ge(e).Element||e instanceof Element}function ye(e){return e instanceof ge(e).HTMLElement||e instanceof HTMLElement}function be(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ge(e).ShadowRoot||e instanceof ShadowRoot)}const we={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var i=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];ye(o)&&me(o)&&(Object.assign(o.style,i),Object.keys(n).forEach((function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],o=t.attributes[e]||{},s=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce((function(e,t){return e[t]="",e}),{});ye(n)&&me(n)&&(Object.assign(n.style,s),Object.keys(o).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]};function xe(e){return e.split("-")[0]}var Ie=Math.max,Ce=Math.min,Le=Math.round;function Oe(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function Ye(){return!/^((?!chrome|android).)*safari/i.test(Oe())}function ke(e,t,i){void 0===t&&(t=!1),void 0===i&&(i=!1);var n=e.getBoundingClientRect(),o=1,s=1;t&&ye(e)&&(o=e.offsetWidth>0&&Le(n.width)/e.offsetWidth||1,s=e.offsetHeight>0&&Le(n.height)/e.offsetHeight||1);var a=(ve(e)?ge(e):window).visualViewport,r=!Ye()&&i,l=(n.left+(r&&a?a.offsetLeft:0))/o,c=(n.top+(r&&a?a.offsetTop:0))/s,h=n.width/o,d=n.height/s;return{width:h,height:d,top:c,right:l+h,bottom:c+d,left:l,x:l,y:c}}function Se(e){var t=ke(e),i=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:n}}function Re(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(i&&be(i)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function Xe(e){return ge(e).getComputedStyle(e)}function Ee(e){return["table","td","th"].indexOf(me(e))>=0}function Te(e){return((ve(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ae(e){return"html"===me(e)?e:e.assignedSlot||e.parentNode||(be(e)?e.host:null)||Te(e)}function He(e){return ye(e)&&"fixed"!==Xe(e).position?e.offsetParent:null}function We(e){for(var t=ge(e),i=He(e);i&&Ee(i)&&"static"===Xe(i).position;)i=He(i);return i&&("html"===me(i)||"body"===me(i)&&"static"===Xe(i).position)?t:i||function(e){var t=/firefox/i.test(Oe());if(/Trident/i.test(Oe())&&ye(e)&&"fixed"===Xe(e).position)return null;var i=Ae(e);for(be(i)&&(i=i.host);ye(i)&&["html","body"].indexOf(me(i))<0;){var n=Xe(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(e)||t}function Ze(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Me(e,t,i){return Ie(e,Ce(t,i))}function Be(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Pe(e,t){return t.reduce((function(t,i){return t[i]=e,t}),{})}function De(e){return e.split("-")[1]}var Ve={top:"auto",right:"auto",bottom:"auto",left:"auto"};function je(e){var t,i=e.popper,n=e.popperRect,o=e.placement,s=e.variation,a=e.offsets,r=e.position,l=e.gpuAcceleration,c=e.adaptive,h=e.roundOffsets,d=e.isFixed,p=a.x,u=void 0===p?0:p,f=a.y,m=void 0===f?0:f,g="function"==typeof h?h({x:u,y:m}):{x:u,y:m};u=g.x,m=g.y;var v=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),b=se,w=ie,x=window;if(c){var I=We(i),C="clientHeight",L="clientWidth";if(I===ge(i)&&"static"!==Xe(I=Te(i)).position&&"absolute"===r&&(C="scrollHeight",L="scrollWidth"),o===ie||(o===se||o===oe)&&s===ce)w=ne,m-=(d&&I===x&&x.visualViewport?x.visualViewport.height:I[C])-n.height,m*=l?1:-1;if(o===se||(o===ie||o===ne)&&s===ce)b=oe,u-=(d&&I===x&&x.visualViewport?x.visualViewport.width:I[L])-n.width,u*=l?1:-1}var O,Y=Object.assign({position:r},c&&Ve),k=!0===h?function(e,t){var i=e.x,n=e.y,o=t.devicePixelRatio||1;return{x:Le(i*o)/o||0,y:Le(n*o)/o||0}}({x:u,y:m},ge(i)):{x:u,y:m};return u=k.x,m=k.y,l?Object.assign({},Y,((O={})[w]=y?"0":"",O[b]=v?"0":"",O.transform=(x.devicePixelRatio||1)<=1?"translate("+u+"px, "+m+"px)":"translate3d("+u+"px, "+m+"px, 0)",O)):Object.assign({},Y,((t={})[w]=y?m+"px":"",t[b]=v?u+"px":"",t.transform="",t))}var Fe={passive:!0};var Ge={left:"right",right:"left",bottom:"top",top:"bottom"};function ze(e){return e.replace(/left|right|bottom|top/g,(function(e){return Ge[e]}))}var Ne={start:"end",end:"start"};function Ue(e){return e.replace(/start|end/g,(function(e){return Ne[e]}))}function $e(e){var t=ge(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Ke(e){return ke(Te(e)).left+$e(e).scrollLeft}function qe(e){var t=Xe(e),i=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(i+o+n)}function Qe(e){return["html","body","#document"].indexOf(me(e))>=0?e.ownerDocument.body:ye(e)&&qe(e)?e:Qe(Ae(e))}function Je(e,t){var i;void 0===t&&(t=[]);var n=Qe(e),o=n===(null==(i=e.ownerDocument)?void 0:i.body),s=ge(n),a=o?[s].concat(s.visualViewport||[],qe(n)?n:[]):n,r=t.concat(a);return o?r:r.concat(Je(Ae(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function et(e,t,i){return t===he?_e(function(e,t){var i=ge(e),n=Te(e),o=i.visualViewport,s=n.clientWidth,a=n.clientHeight,r=0,l=0;if(o){s=o.width,a=o.height;var c=Ye();(c||!c&&"fixed"===t)&&(r=o.offsetLeft,l=o.offsetTop)}return{width:s,height:a,x:r+Ke(e),y:l}}(e,i)):ve(t)?function(e,t){var i=ke(e,!1,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):_e(function(e){var t,i=Te(e),n=$e(e),o=null==(t=e.ownerDocument)?void 0:t.body,s=Ie(i.scrollWidth,i.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=Ie(i.scrollHeight,i.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),r=-n.scrollLeft+Ke(e),l=-n.scrollTop;return"rtl"===Xe(o||i).direction&&(r+=Ie(i.clientWidth,o?o.clientWidth:0)-s),{width:s,height:a,x:r,y:l}}(Te(e)))}function tt(e,t,i,n){var o="clippingParents"===t?function(e){var t=Je(Ae(e)),i=["absolute","fixed"].indexOf(Xe(e).position)>=0&&ye(e)?We(e):e;return ve(i)?t.filter((function(e){return ve(e)&&Re(e,i)&&"body"!==me(e)})):[]}(e):[].concat(t),s=[].concat(o,[i]),a=s[0],r=s.reduce((function(t,i){var o=et(e,i,n);return t.top=Ie(o.top,t.top),t.right=Ce(o.right,t.right),t.bottom=Ce(o.bottom,t.bottom),t.left=Ie(o.left,t.left),t}),et(e,a,n));return r.width=r.right-r.left,r.height=r.bottom-r.top,r.x=r.left,r.y=r.top,r}function it(e){var t,i=e.reference,n=e.element,o=e.placement,s=o?xe(o):null,a=o?De(o):null,r=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(s){case ie:t={x:r,y:i.y-n.height};break;case ne:t={x:r,y:i.y+i.height};break;case oe:t={x:i.x+i.width,y:l};break;case se:t={x:i.x-n.width,y:l};break;default:t={x:i.x,y:i.y}}var c=s?Ze(s):null;if(null!=c){var h="y"===c?"height":"width";switch(a){case le:t[c]=t[c]-(i[h]/2-n[h]/2);break;case ce:t[c]=t[c]+(i[h]/2-n[h]/2)}}return t}function nt(e,t){void 0===t&&(t={});var i=t,n=i.placement,o=void 0===n?e.placement:n,s=i.strategy,a=void 0===s?e.strategy:s,r=i.boundary,l=void 0===r?"clippingParents":r,c=i.rootBoundary,h=void 0===c?he:c,d=i.elementContext,p=void 0===d?de:d,u=i.altBoundary,f=void 0!==u&&u,m=i.padding,g=void 0===m?0:m,v=Be("number"!=typeof g?g:Pe(g,re)),y=p===de?"reference":de,b=e.rects.popper,w=e.elements[f?y:p],x=tt(ve(w)?w:w.contextElement||Te(e.elements.popper),l,h,a),I=ke(e.elements.reference),C=it({reference:I,element:b,strategy:"absolute",placement:o}),L=_e(Object.assign({},b,C)),O=p===de?L:I,Y={top:x.top-O.top+v.top,bottom:O.bottom-x.bottom+v.bottom,left:x.left-O.left+v.left,right:O.right-x.right+v.right},k=e.modifiersData.offset;if(p===de&&k){var S=k[o];Object.keys(Y).forEach((function(e){var t=[oe,ne].indexOf(e)>=0?1:-1,i=[ie,ne].indexOf(e)>=0?"y":"x";Y[e]+=S[i]*t}))}return Y}function ot(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function st(e){return[ie,oe,ne,se].some((function(t){return e[t]>=0}))}function at(e,t,i){void 0===i&&(i=!1);var n,o,s=ye(t),a=ye(t)&&function(e){var t=e.getBoundingClientRect(),i=Le(t.width)/e.offsetWidth||1,n=Le(t.height)/e.offsetHeight||1;return 1!==i||1!==n}(t),r=Te(t),l=ke(e,a,i),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(s||!s&&!i)&&(("body"!==me(t)||qe(r))&&(c=(n=t)!==ge(n)&&ye(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:$e(n)),ye(t)?((h=ke(t,!0)).x+=t.clientLeft,h.y+=t.clientTop):r&&(h.x=Ke(r))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function rt(e){var t=new Map,i=new Set,n=[];function o(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!i.has(e)){var n=t.get(e);n&&o(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){i.has(e.name)||o(e)})),n}var lt={placement:"bottom",modifiers:[],strategy:"absolute"};function ct(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function ht(e){void 0===e&&(e={});var t=e,i=t.defaultModifiers,n=void 0===i?[]:i,o=t.defaultOptions,s=void 0===o?lt:o;return function(e,t,i){void 0===i&&(i=s);var o,a,r={placement:"bottom",orderedModifiers:[],options:Object.assign({},lt,s),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=!1,h={state:r,setOptions:function(i){var o="function"==typeof i?i(r.options):i;d(),r.options=Object.assign({},s,r.options,o),r.scrollParents={reference:ve(e)?Je(e):e.contextElement?Je(e.contextElement):[],popper:Je(t)};var a,c,p=function(e){var t=rt(e);return fe.reduce((function(e,i){return e.concat(t.filter((function(e){return e.phase===i})))}),[])}((a=[].concat(n,r.options.modifiers),c=a.reduce((function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e}),{}),Object.keys(c).map((function(e){return c[e]}))));return r.orderedModifiers=p.filter((function(e){return e.enabled})),r.orderedModifiers.forEach((function(e){var t=e.name,i=e.options,n=void 0===i?{}:i,o=e.effect;if("function"==typeof o){var s=o({state:r,name:t,instance:h,options:n}),a=function(){};l.push(s||a)}})),h.update()},forceUpdate:function(){if(!c){var e=r.elements,t=e.reference,i=e.popper;if(ct(t,i)){r.rects={reference:at(t,We(i),"fixed"===r.options.strategy),popper:Se(i)},r.reset=!1,r.placement=r.options.placement,r.orderedModifiers.forEach((function(e){return r.modifiersData[e.name]=Object.assign({},e.data)}));for(var n=0;n<r.orderedModifiers.length;n++)if(!0!==r.reset){var o=r.orderedModifiers[n],s=o.fn,a=o.options,l=void 0===a?{}:a,d=o.name;"function"==typeof s&&(r=s({state:r,options:l,name:d,instance:h})||r)}else r.reset=!1,n=-1}}},update:(o=function(){return new Promise((function(e){h.forceUpdate(),e(r)}))},function(){return a||(a=new Promise((function(e){Promise.resolve().then((function(){a=void 0,e(o())}))}))),a}),destroy:function(){d(),c=!0}};if(!ct(e,t))return h;function d(){l.forEach((function(e){return e()})),l=[]}return h.setOptions(i).then((function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e)})),h}}var dt=ht({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,n=e.options,o=n.scroll,s=void 0===o||o,a=n.resize,r=void 0===a||a,l=ge(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return s&&c.forEach((function(e){e.addEventListener("scroll",i.update,Fe)})),r&&l.addEventListener("resize",i.update,Fe),function(){s&&c.forEach((function(e){e.removeEventListener("scroll",i.update,Fe)})),r&&l.removeEventListener("resize",i.update,Fe)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=it({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,n=i.gpuAcceleration,o=void 0===n||n,s=i.adaptive,a=void 0===s||s,r=i.roundOffsets,l=void 0===r||r,c={placement:xe(t.placement),variation:De(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,je(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,je(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},we,{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,n=e.name,o=i.offset,s=void 0===o?[0,0]:o,a=ue.reduce((function(e,i){return e[i]=function(e,t,i){var n=xe(e),o=[se,ie].indexOf(n)>=0?-1:1,s="function"==typeof i?i(Object.assign({},t,{placement:e})):i,a=s[0],r=s[1];return a=a||0,r=(r||0)*o,[se,oe].indexOf(n)>=0?{x:r,y:a}:{x:a,y:r}}(i,t.rects,s),e}),{}),r=a[t.placement],l=r.x,c=r.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,i=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=i.mainAxis,s=void 0===o||o,a=i.altAxis,r=void 0===a||a,l=i.fallbackPlacements,c=i.padding,h=i.boundary,d=i.rootBoundary,p=i.altBoundary,u=i.flipVariations,f=void 0===u||u,m=i.allowedAutoPlacements,g=t.options.placement,v=xe(g),y=l||(v===g||!f?[ze(g)]:function(e){if(xe(e)===ae)return[];var t=ze(e);return[Ue(e),t,Ue(t)]}(g)),b=[g].concat(y).reduce((function(e,i){return e.concat(xe(i)===ae?function(e,t){void 0===t&&(t={});var i=t,n=i.placement,o=i.boundary,s=i.rootBoundary,a=i.padding,r=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?ue:l,h=De(n),d=h?r?pe:pe.filter((function(e){return De(e)===h})):re,p=d.filter((function(e){return c.indexOf(e)>=0}));0===p.length&&(p=d);var u=p.reduce((function(t,i){return t[i]=nt(e,{placement:i,boundary:o,rootBoundary:s,padding:a})[xe(i)],t}),{});return Object.keys(u).sort((function(e,t){return u[e]-u[t]}))}(t,{placement:i,boundary:h,rootBoundary:d,padding:c,flipVariations:f,allowedAutoPlacements:m}):i)}),[]),w=t.rects.reference,x=t.rects.popper,I=new Map,C=!0,L=b[0],O=0;O<b.length;O++){var Y=b[O],k=xe(Y),S=De(Y)===le,R=[ie,ne].indexOf(k)>=0,X=R?"width":"height",E=nt(t,{placement:Y,boundary:h,rootBoundary:d,altBoundary:p,padding:c}),T=R?S?oe:se:S?ne:ie;w[X]>x[X]&&(T=ze(T));var A=ze(T),H=[];if(s&&H.push(E[k]<=0),r&&H.push(E[T]<=0,E[A]<=0),H.every((function(e){return e}))){L=Y,C=!1;break}I.set(Y,H)}if(C)for(var W=function(e){var t=b.find((function(t){var i=I.get(t);if(i)return i.slice(0,e).every((function(e){return e}))}));if(t)return L=t,"break"},Z=f?3:1;Z>0;Z--){if("break"===W(Z))break}t.placement!==L&&(t.modifiersData[n]._skip=!0,t.placement=L,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,i=e.options,n=e.name,o=i.mainAxis,s=void 0===o||o,a=i.altAxis,r=void 0!==a&&a,l=i.boundary,c=i.rootBoundary,h=i.altBoundary,d=i.padding,p=i.tether,u=void 0===p||p,f=i.tetherOffset,m=void 0===f?0:f,g=nt(t,{boundary:l,rootBoundary:c,padding:d,altBoundary:h}),v=xe(t.placement),y=De(t.placement),b=!y,w=Ze(v),x="x"===w?"y":"x",I=t.modifiersData.popperOffsets,C=t.rects.reference,L=t.rects.popper,O="function"==typeof m?m(Object.assign({},t.rects,{placement:t.placement})):m,Y="number"==typeof O?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,S={x:0,y:0};if(I){if(s){var R,X="y"===w?ie:se,E="y"===w?ne:oe,T="y"===w?"height":"width",A=I[w],H=A+g[X],W=A-g[E],Z=u?-L[T]/2:0,M=y===le?C[T]:L[T],B=y===le?-L[T]:-C[T],P=t.elements.arrow,D=u&&P?Se(P):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},j=V[X],F=V[E],G=Me(0,C[T],D[T]),z=b?C[T]/2-Z-G-j-Y.mainAxis:M-G-j-Y.mainAxis,N=b?-C[T]/2+Z+G+F+Y.mainAxis:B+G+F+Y.mainAxis,U=t.elements.arrow&&We(t.elements.arrow),$=U?"y"===w?U.clientTop||0:U.clientLeft||0:0,K=null!=(R=null==k?void 0:k[w])?R:0,q=A+N-K,Q=Me(u?Ce(H,A+z-K-$):H,A,u?Ie(W,q):W);I[w]=Q,S[w]=Q-A}if(r){var J,_="x"===w?ie:se,ee="x"===w?ne:oe,te=I[x],ae="y"===x?"height":"width",re=te+g[_],ce=te-g[ee],he=-1!==[ie,se].indexOf(v),de=null!=(J=null==k?void 0:k[x])?J:0,pe=he?re:te-C[ae]-L[ae]-de+Y.altAxis,ue=he?te+C[ae]+L[ae]-de-Y.altAxis:ce,fe=u&&he?(ge=Me(pe,te,me=ue))>me?me:ge:Me(u?pe:re,te,u?ue:ce);I[x]=fe,S[x]=fe-te}var me,ge;t.modifiersData[n]=S}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,i=e.state,n=e.name,o=e.options,s=i.elements.arrow,a=i.modifiersData.popperOffsets,r=xe(i.placement),l=Ze(r),c=[se,oe].indexOf(r)>=0?"height":"width";if(s&&a){var h=function(e,t){return Be("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Pe(e,re))}(o.padding,i),d=Se(s),p="y"===l?ie:se,u="y"===l?ne:oe,f=i.rects.reference[c]+i.rects.reference[l]-a[l]-i.rects.popper[c],m=a[l]-i.rects.reference[l],g=We(s),v=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,y=f/2-m/2,b=h[p],w=v-d[c]-h[u],x=v/2-d[c]/2+y,I=Me(b,x,w),C=l;i.modifiersData[n]=((t={})[C]=I,t.centerOffset=I-x,t)}},effect:function(e){var t=e.state,i=e.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Re(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,n=t.rects.reference,o=t.rects.popper,s=t.modifiersData.preventOverflow,a=nt(t,{elementContext:"reference"}),r=nt(t,{altBoundary:!0}),l=ot(a,n),c=ot(r,o,s),h=st(l),d=st(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":d})}}]});class pt{constructor(e,i,n){t(this,"updateHotspotPosition",((e,t)=>{this.currentActiveIndex=e,this.currentOrientation=t;const i=ee(this.hotspotsConfig,e,t);this.hideHotspots(),i.forEach((t=>this.updateAndShowHotspot(t,e)))})),this.container=i,this.popper=null,this.popperInstance=null,this.hotspotsContainer=(e=>{const t=document.createElement("div");return t.className="cloudimage-360-hotspot-container",e.appendChild(t),t})(this.container),this.hotspotsConfig=(e=>{const t=[...e];return t.forEach(((e,i)=>{const n={...te(e.positions)};t[i].initialPositions=n,t[i].positions=n})),t})(e),this.shouldHidePopper=!0,this.hidePopper=this.hidePopper.bind(this),this.imageAspectRatio=n;const{containerSize:o}=e[0];this.initialContainerSize=o||[i.offsetWidth,i.offsetHeight],this.initHotspots(),this.observeContainerResize()}observeContainerResize(){this.resizeObserver=new ResizeObserver((()=>{const e=this.container.offsetWidth,t=this.container.offsetHeight;this.updateHotspotsForResize(e,t)})),this.resizeObserver.observe(this.container)}updateHotspotsForResize(e,t){this.hotspotsConfig=(({newWidth:e,newHeight:t,initialContainerSize:i,imageAspectRatio:n,hotspotsConfig:o})=>{const[s,a]=i;let r=e,l=t,c=0,h=0;n>e/t?(l=e/n,h=(t-l)/2):(r=t*n,c=(e-r)/2);const d=r/s,p=l/a;return o.map((e=>{const t={};return Object.entries(e.initialPositions).forEach((([e,i])=>{t[e]={x:i.x*d+c,y:i.y*p+h}})),{...e,positions:t}}))})({newWidth:e,newHeight:t,initialContainerSize:this.initialContainerSize,imageAspectRatio:this.imageAspectRatio,hotspotsConfig:this.hotspotsConfig}),this.updateHotspotPosition(this.currentActiveIndex,this.currentOrientation)}showPopper({hotspotElement:e,content:t,id:i,keepOpen:n}){this.popperInstance&&this.popperInstance.instanceId!==i&&this.hidePopper();const o={placement:"top",modifiers:(s=this.container,[{name:"offset",options:{offset:[0,10]}},{name:"preventOverflow",options:{boundary:s}}])};var s;this.popper=((e,t)=>{const i=document.createElement("div");return i.className="cloudimage-360-popper",i.id=`cloudimage-360-popper-${t}`,i.dataset.popperId=t,"string"==typeof e&&/<\/?[a-z][\s\S]*>/i.test(e)?i.innerHTML=e:i.textContent=e,document.body.appendChild(i),i})(t,i),this.popper.setAttribute("data-show",""),this.popper.addEventListener("mouseenter",(()=>{this.shouldHidePopper=!1})),this.popper.addEventListener("mouseleave",(()=>{this.shouldHidePopper=!0,this.checkAndHidePopper()})),e.addEventListener("mouseleave",(()=>{this.shouldHidePopper=!0,this.checkAndHidePopper()})),e.addEventListener("mouseenter",(()=>{this.shouldHidePopper=!1,this.hidePopperTimeout&&clearTimeout(this.hidePopperTimeout)})),this.popperInstance={...dt(e,this.popper,o),keepOpen:n,instanceId:i}}checkAndHidePopper(){var e;this.shouldHidePopper&&!(null==(e=this.popperInstance)?void 0:e.keepOpen)&&(this.hidePopperTimeout=setTimeout((()=>{this.shouldHidePopper&&this.hidePopper()}),150))}hidePopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.popper&&(this.popper.removeAttribute("data-show"),setTimeout((()=>{this.popper&&this.popper.remove(),this.popper=null}),200))}createHotspot(e){const{id:t,content:i,keepOpen:n,onClick:o}=e,s=(e=>{const t=document.createElement("span");return t.id=e,t.className="cloudimage-360-hotspot",t.dataset.hotspotId=e,t})(t);o&&(s.style.cursor="pointer"),s.onclick=e=>{e.stopPropagation(),null==o||o(e,this.popperInstance,t)},i&&s.addEventListener("mouseenter",(()=>this.showPopper({hotspotElement:s,content:i,id:t,keepOpen:n}))),this.hotspotsContainer.appendChild(s)}hideHotspots(){this.hotspotsContainer.querySelectorAll(".cloudimage-360-hotspot").forEach((e=>{e.style.opacity=0,e.style.pointerEvents="none"}))}updateAndShowHotspot(e,t){const{positions:i,id:n}=e,{x:o,y:s}=i[t]??{},a=this.hotspotsContainer.querySelector(`[data-hotspot-id="${n}"]`);a&&(a.style.translate=`${o}px ${s}px`,a.style.opacity=1,a.style.pointerEvents="all")}createAllHotspots(){this.hotspotsConfig.forEach((e=>this.createHotspot(e)))}initHotspots(){this.createAllHotspots()}destroy(){this.resizeObserver.disconnect(),this.hidePopper(),this.hotspotsContainer.innerHTML=""}}class ut{constructor(e,t,i){this.container=e,this.isClicked=!1,this.fullscreenView=!!i,this.imagesX=[],this.imagesY=[],this.devicePixelRatio=Math.round(window.devicePixelRatio||1),this.id=e.id,this.movementStart={x:0,y:0},this.draggingDirection=null,this.isReady=!1,this.currentZoomScale=1,this.touchDevice="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0,this.canvasWorker=new _,this.onMoveHandler=this.onMoveHandler.bind(this),this.destroy=this.destroy.bind(this),this.init(this.container,t)}mouseDown(e){if(!this.isReady||this.glass)return;const{pageX:t,pageY:i}=e;(this.autoplay||this.loopTimeoutId)&&(this.stopAutoplay(),this.autoplay=!1),this.movementStart={x:t,y:i},this.isClicked=!0,this.isDragging=!1}mouseUp(){this.isReady&&(this.isZoomed||this.showAllIcons(),this.movementStart={x:0,y:0},this.isClicked=!1,this.innerBox.style.cursor="grab")}drag(e,t){if(!this.isReady||!this.isClicked)return;const i=e-this.movementStart.x,n=t-this.movementStart.y;this.draggingDirection=(({deltaX:e,deltaY:t,reversed:i,allowSpinX:n,allowSpinY:o,threshold:s=0})=>{const a=n&&!o||o&&!n?0:s,r=Math.abs(e),l=Math.abs(t);return n&&r-a>l?i?e>0?"left":"right":e>0?"right":"left":o&&l-a>r?i?t>0?"up":"down":t>0?"down":"up":null})({deltaX:i,deltaY:n,reversed:this.dragReverse,allowSpinX:this.allowSpinX,allowSpinY:this.allowSpinY})||this.draggingDirection;const o=this.fullscreenView?document.body:this.container,s=this.dragSpeed/50,a=s*(this.amountX/o.offsetWidth),r=s*(this.amountY/o.offsetHeight),l=this.allowSpinX?Math.abs(Math.round(i*a)):0,c=this.allowSpinY?Math.abs(Math.round(n*r)):0;(this.allowSpinX&&0!==l||this.allowSpinY&&0!==c)&&(this.hideHotspotPopper(),this.onMoveHandler(this.draggingDirection,l,c),this.movementStart={x:e,y:t},setTimeout((()=>{this.isDragging=!0}),150))}mouseMove(e){this.isReady&&(this.isClicked||this.isZoomed)&&!this.glass&&(this.hideAllIcons(),this.drag(e.pageX,e.pageY),this.isZoomed&&this.applyZoom(e))}mouseClick(e){this.isReady&&!this.isDragging&&(this.glass&&this.magnified?this.removeGlass():!this.pointerZoom||this.glass||this.touchDevice||this.toggleZoom(e))}loadHigherQualityImages(e,t){const i=W(this.srcXConfig,e),n=this.allowSpinY?W(this.srcYConfig,e):null;B({cdnPathX:i,cdnPathY:n,configX:this.srcXConfig,configY:this.srcYConfig,onAllImagesLoad:(e,i)=>{this.imagesX=e,this.imagesY=i,t()}})}hideHotspots(){this.hotspotsInstance&&this.hotspotsInstance.hideHotspots()}hideHotspotPopper(){this.hotspotsInstance&&this.hotspotsInstance.hidePopper()}toggleZoom(e){if(this.isZoomed)this.showTransitionOverlay(),setTimeout((()=>{this.removeZoom()}),800);else{let t=(this.fullscreenView||this.pointerZoom?document.body:this.container).offsetWidth;this.hideHotspots(),this.showLoadingSpinner(),this.loadHigherQualityImages(t,(()=>{this.showTransitionOverlay(),setTimeout((()=>{this.applyZoom(e)}),800)}))}}removeZoom(){this.isZoomed=!1,this.updateView(),this.showAllIcons(),this.hideTransitionOverlay()}applyZoom(e){const{offsetX:t,offsetY:i}=((e,t,i)=>{const{clientX:n,clientY:o}=e,s=t.getBoundingClientRect(),a=t.width/(s.width*i),r=t.height/(s.height*i);return{offsetX:(n-s.left)*a,offsetY:(o-s.top)*r}})(e,this.canvas,this.devicePixelRatio);this.isZoomed=!0,this.hideAllIcons(),this.hideLoadingSpinner(),this.hideTransitionOverlay(),this.updateView(this.pointerZoom,t,i)}touchOutside(e){if(!this.glass)return;!this.canvas.contains(e.target)&&this.removeGlass()}touchStart(e){if(!this.isReady||e.touches.length>1||this.glass)return;const{pageX:t,pageY:i}=e.touches[0];(this.autoplay||this.loopTimeoutId)&&(this.stopAutoplay(),this.autoplay=!1),this.hideAllIcons(),this.movementStart={x:t,y:i},this.isClicked=!0}touchEnd(){this.isReady&&(this.showAllIcons(),this.movementStart={x:0,y:0},this.isClicked=!1)}touchMove(e){if(!this.isReady||!this.isClicked||this.glass)return;const{pageX:t,pageY:i}=e.touches[0];e.preventDefault(),this.drag(t,i)}keyDown(e){if(!this.isReady)return;const{keyCode:t}=e,i=this.keysReverse;switch(this.autoplay&&this.stopAutoplay(),$(t,this.allowSpinY)&&this.hideAllIcons(),t){case 37:i?this.moveLeft():this.moveRight();break;case 39:i?this.moveRight():this.moveLeft();break;case 38:this.allowSpinY&&(e.preventDefault(),i?this.moveTop():this.moveBottom());break;case 40:this.allowSpinY&&(e.preventDefault(),i?this.moveBottom():this.moveTop())}}keyUp(e){const{keyCode:t}=e;$(t,this.allowSpinY)&&this.showAllIcons()}moveActiveXIndexUp(e){this.orientation=Y,this.activeImageX=(this.activeImageX+e)%this.amountX}moveActiveXIndexDown(e){this.orientation=Y,this.activeImageX=(this.activeImageX-e+this.amountX)%this.amountX}moveActiveYIndexUp(e){this.orientation=k,this.activeImageY=(this.activeImageY+e)%this.amountY}moveActiveYIndexDown(e){this.orientation=k,this.activeImageY=(this.activeImageY-e+this.amountY)%this.amountY}moveRight(e,t=1){e&&this.activeImageX>=this.imagesX.length-1||(this.moveActiveXIndexUp(t),this.isZoomed||this.updateView())}moveLeft(e,t=1){e&&this.activeImageX<=0||(this.moveActiveXIndexDown(t),this.isZoomed||this.updateView())}moveTop(e,t=1){e&&this.activeImageY>=this.imagesY.length-1||(this.moveActiveYIndexUp(t),this.isZoomed||this.updateView())}moveBottom(e,t=1){e&&this.activeImageY<=0||(this.moveActiveYIndexDown(t),this.isZoomed||this.updateView())}onMoveHandler(e,t=1,i=1){"right"===e?this.moveRight(this.stopAtEdges,t):"left"===e?this.moveLeft(this.stopAtEdges,t):"up"===e?this.moveTop(this.stopAtEdges,i):"down"===e&&this.moveBottom(this.stopAtEdges,i)}updateView(e,t,i){const n=this.orientation===Y?this.activeImageX:this.activeImageY,o=this.orientation===Y?this.imagesX[this.activeImageX]:this.imagesY[this.activeImageY];!this.hotspotsInstance||this.isZoomed||this.autoplay||this.hotspotsInstance.updateHotspotPosition(n,this.orientation),this.drawImageOnCanvas(o,e,t,i)}updatePercentageInLoader(e=0){this.loader&&(this.loader.innerText=e+"%")}adaptCanvasSize(e){const{naturalWidth:t,naturalHeight:i}=e;this.imageAspectRatio=t/i;const n=this.fullscreenView?window.innerWidth:this.canvas.clientWidth,o=this.fullscreenView?window.innerHeight:this.canvas.clientHeight;this.canvasWorker.postMessage({action:"adaptCanvasSize",devicePixelRatio:this.devicePixelRatio,imageAspectRatio:this.imageAspectRatio,containerWidth:n,containerHeight:o})}drawImageOnCanvas(e,t=1,i=0,n=0){this.canvasWorker.postMessage({action:"drawImageOnCanvas",imageData:e,zoomScale:t,pointerX:i,pointerY:n})}pushImageToSet(e,t,i){i===Y?this.imagesX[t]=e:this.imagesY[t]=e}calculatePercentage(){const e=this.amountX+this.amountY,t=this.imagesX.length+this.imagesY.length;return Math.round(t/e*100)}onImageLoad(e,t,i){this.pushImageToSet(e,t,i),this.updatePercentageInLoader(this.calculatePercentage())}onFirstImageLoaded(e,t){this.createContainers(e),this.adaptCanvasSize(t),this.drawImageOnCanvas(t)}onAllImagesLoaded(){if(this.addAllIcons(),this.hotspots&&(this.hotspotsInstance=new pt(this.hotspots,this.innerBox,this.imageAspectRatio)),this.isReady=!0,this.amountX=this.imagesX.length,this.amountY=this.imagesY.length,this.activeImageX=this.autoplayReverse?this.amountX-1:0,this.activeImageY=this.autoplayReverse?this.amountY-1:0,this.autoplay){this.hideAllIcons();K(this.play.bind(this))()}}magnify(e){e.stopPropagation();const{src:t}=this.orientation===k?this.imagesY[this.activeImageY]:this.imagesX[this.activeImageX],i=(this.fullscreenView?document.body:this.container).offsetWidth*this.magnifier,n=Z(t,i);this.showLoadingSpinner(),this.createGlass();((e,t)=>{const i=new Image;i.src=e,i.onload=n=>{t&&t({event:n,width:i.width,height:i.height,naturalWidth:i.naturalWidth,naturalHeight:i.naturalHeight,src:e})},i.onerror=function(){}})(n,(t=>{this.hideLoadingSpinner(),this.magnified=!0,((e,t,i,n,o,s)=>{const{x:a=0,y:r=0}=i||{},l=(t.offsetWidth-2*a)*s,c=(t.offsetHeight-2*r)*s;if(!o)return;o.setAttribute("class","cloudimage-360-img-magnifier-glass"),t.prepend(o),o.style.backgroundImage=`url('${n.src}')`,o.style.backgroundSize=`${l}px ${c}px`;const h={container:t,w:o.offsetWidth/2,h:o.offsetHeight/2,zoom:s,bw:3,offsetX:a,offsetY:r};z(e,h,o);const d=e=>{z(e,h,o)};o.addEventListener("mousemove",d),t.addEventListener("mousemove",d),t.addEventListener("touchmove",(e=>{e.preventDefault(),z(e,h,o)}))})(e,this.innerBox,this.offset,t,this.glass,this.magnifier)}))}openFullscreenModal(e){e.stopPropagation();const t=(e=>{const t=document.createElement("div");t.className="cloudimage-360-fullscreen-modal";const i=e.cloneNode();return i.style.height="100vh",i.style.maxHeight="100%",t.appendChild(i),window.document.body.appendChild(t),i})(this.container);new ut(t,this.viewerConfig,!0)}closeFullscreenModal(e){e.stopPropagation(),document.body.removeChild(this.container.parentNode),window.document.body.style.overflow="visible"}play(){if(this.isClicked)return;this.hide360ViewCircleIcon();const e=36*this.speed/(this.amountX+this.amountY),t={left:this.moveLeft.bind(this),right:this.moveRight.bind(this),top:this.moveTop.bind(this),bottom:this.moveBottom.bind(this)};this.loopTimeoutId=window.setInterval((()=>{if(this.playOnce&&(({autoplayBehavior:e,activeImageX:t,activeImageY:i,amountX:n,amountY:o,autoplayReverse:s})=>{const a=(e,t)=>s?0===e:e===t-1;switch(e){case C:case I:return a(i,o);default:return a(t,n)}})({autoplayBehavior:this.autoplayBehavior,activeImageX:this.activeImageX,activeImageY:this.activeImageY,amountX:this.amountX,amountY:this.amountY,autoplayReverse:this.autoplayReverse}))return void this.stopAutoplay();(({autoplayBehavior:e,activeImageX:t,activeImageY:i,amountX:n,amountY:o,autoplayReverse:s,spinDirection:a})=>(e===C||e===L)&&("x"===a&&t===(s?0:n-1)||"y"===a&&i===(s?0:o-1)))({autoplayBehavior:this.autoplayBehavior,activeImageX:this.activeImageX,activeImageY:this.activeImageY,amountX:this.amountX,amountY:this.amountY,autoplayReverse:this.autoplayReverse,spinDirection:this.spinDirection})&&(this.spinDirection="x"===this.spinDirection?"y":"x");const e="y"===this.spinDirection;(({autoplayBehavior:e,spinY:t,reversed:i,loopTriggers:n})=>{switch(e){case C:case L:t?N(i,n):U(i,n);break;case I:N(i,n);break;default:U(i,n)}})({autoplayBehavior:this.autoplayBehavior,spinY:e,reversed:this.autoplayReverse,loopTriggers:t})}),e)}stopAutoplay(){this.showAllIcons(),this.autoplay=!1,window.clearTimeout(this.loopTimeoutId)}destroy(){this.stopAutoplay(),this.hotspotsInstance&&this.hotspotsInstance.destroy();const e=this.container,t=e.cloneNode(!0),i=t.querySelector(".cloudimage-360-inner-box");t.removeChild(i),e.parentNode.replaceChild(t,e)}addInitialIcon(){this.initialIcon||(this.initialIcon=(()=>{const e=document.createElement("div");return e.className="cloudimage-initial-icon",e.innerText="360°",e})(),this.innerBox.appendChild(this.initialIcon))}showInitialIcon(){this.initialIcon&&(this.initialIcon.style.opacity=1)}hideInitialIcon(){this.initialIcon&&(this.initialIcon.style.opacity=0)}createGlass(){this.hideAllIcons(),this.glass=document.createElement("div"),this.innerBox.appendChild(this.glass),this.innerBox.style.cursor="default"}removeGlass(){this.showAllIcons(),this.innerBox.removeChild(this.glass),this.glass=null,this.magnified=!1}addMagnifierIcon(){this.magnifier&&(this.magnifierIcon=(()=>{const e=document.createElement("div");return e.className="cloudimage-360-button cloudimage-360-magnifier-button",e.innerHTML="<img alt=\"magnifier icon\" src=data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='M765-144%20526-383q-30%2022-65.79%2034.5-35.79%2012.5-76.18%2012.5Q284-336%20214-406t-70-170q0-100%2070-170t170-70q100%200%20170%2070t70%20170.03q0%2040.39-12.5%2076.18Q599-464%20577-434l239%20239-51%2051ZM384-408q70%200%20119-49t49-119q0-70-49-119t-119-49q-70%200-119%2049t-49%20119q0%2070%2049%20119t119%2049Z'/%3e%3c/svg%3e>",e})(),this.magnifierIcon.onclick=this.magnify.bind(this),this.iconsContainer.appendChild(this.magnifierIcon))}showMagnifierIcon(){this.magnifierIcon&&(this.magnifierIcon.style.visibility="visible",this.magnifierIcon.style.opacity=1)}hideMagnifierIcon(){this.magnifierIcon&&(this.magnifierIcon.style.visibility="hidden",this.magnifierIcon.style.opacity=0)}addFullscreenIcon(){this.fullscreen&&(this.fullscreenIcon=(()=>{const e=document.createElement("div");return e.className="cloudimage-360-button cloudimage-360-fullscreen-button",e.innerHTML="<img alt=\"fullscreen icon\" src=data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='M144-144v-192h72v120h120v72H144Zm480%200v-72h120v-120h72v192H624ZM144-624v-192h192v72H216v120h-72Zm600%200v-120H624v-72h192v192h-72Z'/%3e%3c/svg%3e>",e})(),this.fullscreenIcon.onclick=this.openFullscreenModal.bind(this),this.iconsContainer.appendChild(this.fullscreenIcon))}addCloseFullscreenIcon(){this.fullscreenCloseIcon=(()=>{const e=document.createElement("div");return e.className="cloudimage-360-button cloudimage-360-close-icon",e.innerHTML="<img alt=\"close icon\" src=data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='m147-96-51-51%20261-261H192v-72h288v288h-72v-165L147-96Zm333-384v-288h72v165l261-261%2051%2051-261%20261h165v72H480Z'/%3e%3c/svg%3e>",e})(),this.fullscreenCloseIcon.onclick=this.closeFullscreenModal.bind(this),this.iconsContainer.appendChild(this.fullscreenCloseIcon)}showFullscreenIcon(){this.fullscreenIcon&&(this.fullscreenIcon.style.opacity=1)}hideFullscreenIcon(){this.fullscreenIcon&&(this.fullscreenIcon.style.opacity=0)}add360ViewCircleIcon(){this.view360CircleIcon||(this.view360CircleIcon=(e=>{const t=new Image;return t.src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/assets/img/360.svg",t.style.bottom=`${e}%`,t.className="cloudimage-360-view-360-circle",t})(this.bottomCircleOffset),this.innerBox.appendChild(this.view360CircleIcon))}show360ViewCircleIcon(){this.view360CircleIcon&&(this.view360CircleIcon.style.opacity=1)}hide360ViewCircleIcon(){this.view360CircleIcon&&(this.view360CircleIcon.style.opacity=0)}addLoadingSpinner(){this.loadingSpinner=(()=>{const e=document.createElement("div");return e.className="cloudimage-loading-spinner",e})(),this.innerBox.appendChild(this.loadingSpinner)}showLoadingSpinner(){this.loadingSpinner&&(this.hideAllIcons(),this.loadingSpinner.style.opacity=1)}createTransitionOverlay(){this.transitionOverlay=(()=>{const e=document.createElement("div");return e.className="cloudimage-360-transition-overlay",e})(),this.innerBox.appendChild(this.transitionOverlay)}showTransitionOverlay(){this.transitionOverlay&&(this.hideAllIcons(),this.transitionOverlay.style.opacity=1)}hideTransitionOverlay(){this.transitionOverlay&&(this.transitionOverlay.style.opacity=0)}hideLoadingSpinner(){this.loadingSpinner&&(this.loadingSpinner.style.opacity=0)}remove360ViewCircleIcon(){this.view360CircleIcon&&(this.innerBox.removeChild(this.view360CircleIcon),this.view360CircleIcon=null)}addAllIcons(){this.removeLoader(),this.innerBox.style.cursor="grab",this.pointerZoom&&(this.createTransitionOverlay(),this.addLoadingSpinner()),this.fullscreenView||this.touchDevice||this.addMagnifierIcon(),this.fullscreenView||this.addFullscreenIcon(),this.initialIconShown&&this.addInitialIcon(),this.bottomCircle||this.add360ViewCircleIcon()}showAllIcons(){this.showInitialIcon(),this.show360ViewCircleIcon(),this.showMagnifierIcon(),this.showFullscreenIcon()}hideAllIcons(){this.hideInitialIcon(),this.hide360ViewCircleIcon(),this.hideMagnifierIcon(),this.hideFullscreenIcon()}removeLoader(){this.loader&&(this.innerBox.removeChild(this.loader),this.loader=null)}attachEvents(e,t,i){e&&this.addMouseEvents(),t&&this.addTouchEvents(),i&&this.addKeyboardEvents()}removeEvents(){this.removeMouseEvents(),this.removeTouchEvents(),this.removeKeyboardEvents()}addMouseEvents(){this.boundMouseClick=this.mouseClick.bind(this),this.boundMouseDown=this.mouseDown.bind(this),this.boundMouseMove=w(this.mouseMove.bind(this),10),this.boundMouseUp=this.mouseUp.bind(this),this.innerBox.addEventListener("click",this.boundMouseClick),this.innerBox.addEventListener("mousedown",this.boundMouseDown),document.addEventListener("mousemove",this.boundMouseMove),document.addEventListener("mouseup",this.boundMouseUp)}addTouchEvents(){this.boundTouchOutside=this.touchOutside.bind(this),this.boundTouchStart=this.touchStart.bind(this),this.boundTouchEnd=this.touchEnd.bind(this),this.boundTouchMove=w(this.touchMove.bind(this),10),document.addEventListener("touchstart",this.boundTouchOutside),this.container.addEventListener("touchstart",this.boundTouchStart),this.container.addEventListener("touchend",this.boundTouchEnd),this.container.addEventListener("touchmove",this.boundTouchMove)}addKeyboardEvents(){this.boundKeyDown=this.keyDown.bind(this),this.boundKeyUp=this.keyUp.bind(this),document.addEventListener("keydown",this.boundKeyDown),document.addEventListener("keyup",this.boundKeyUp)}removeMouseEvents(){this.innerBox.removeEventListener("click",this.boundMouseClick),this.innerBox.removeEventListener("mousedown",this.boundMouseDown),document.removeEventListener("mousemove",this.boundMouseMove),document.removeEventListener("mouseup",this.boundMouseUp)}removeTouchEvents(){document.removeEventListener("touchstart",this.boundTouchOutside),this.container.removeEventListener("touchstart",this.boundTouchStart),this.container.removeEventListener("touchend",this.boundTouchEnd),this.container.removeEventListener("touchmove",this.boundTouchMove)}removeKeyboardEvents(){document.removeEventListener("keydown",this.boundKeyDown),document.removeEventListener("keyup",this.boundKeyUp)}createContainers(e){this.iconsContainer=P(this.innerBox),this.canvas=((e,t)=>{const{width:i,height:n}=t,o=document.createElement("canvas");return o.width=i,o.height=n,o.style.width="100%",o.style.height="auto",e.appendChild(o),o})(this.innerBox,e),this.loader=(e=>{const t=document.createElement("div");t.className="cloudimage-initial-icon";const i=document.createElement("span");return i.className="percentage",i.innerText="0%",t.appendChild(i),e.appendChild(t),t})(this.innerBox);const t=this.canvas.transferControlToOffscreen();this.canvasWorker.postMessage({action:"initCanvas",offscreen:t,devicePixelRatio:this.devicePixelRatio},[t]),this.fullscreenView&&this.addCloseFullscreenIcon(),D(this.innerBox,".cloudimage-360-placeholder")}update(e){this.isReady&&(this.stopAutoplay(),D(this.innerBox,".cloudimage-360-icons-container"),this.init(this.container,e,!0),this.iconsContainer=P(this.innerBox),this.onAllImagesLoaded())}init(e,t,i){const n=t?(e=>({folder:e.folder||E.folder,apiVersion:e.apiVersion||E.apiVersion,filenameX:e.filenameX||e.filename||E.filenameX,filenameY:e.filenameY||E.filenameY,imageListX:e.imageListX||E.imageListX,imageListY:e.imageListY||E.imageListY,indexZeroBase:parseInt(e.indexZeroBase??E.indexZeroBase,10),amountX:parseInt(e.amountX??E.amountX,10),amountY:parseInt(e.amountY??E.amountY,10),speed:parseInt(e.speed??E.speed,10),draggable:e.draggable??E.draggable,swipeable:e.swipeable??E.swipeable,dragSpeed:parseInt(e.dragSpeed??E.dragSpeed,10),keys:e.keys??E.keys,keysReverse:e.keysReverse??E.keysReverse,autoplay:e.autoplay??E.autoplay,autoplayBehavior:e.autoplayBehavior||E.autoplayBehavior,playOnce:e.playOnce??E.playOnce,autoplayReverse:e.autoplayReverse??E.autoplayReverse,pointerZoom:parseFloat(e.pointerZoom??E.pointerZoom,10),fullscreen:e.fullscreen??E.fullscreen,magnifier:parseFloat(e.magnifier??E.magnifier,10),bottomCircleOffset:parseInt(e.bottomCircleOffset??E.bottomCircleOffset,10),ciToken:e.ciToken||E.ciToken,ciFilters:e.ciFilters||E.ciFilters,ciTransformation:e.ciTransformation||E.ciTransformation,lazyload:e.lazyload??E.lazyload,dragReverse:e.dragReverse??E.dragReverse,stopAtEdges:e.stopAtEdges??E.stopAtEdges,imageInfo:e.imageInfo??E.imageInfo,initialIconShown:e.initialIconShown??E.initialIconShown,bottomCircle:e.bottomCircle??E.bottomCircle,hotspots:e.hotspots??E.hotspots}))(t):{folder:T(o=e,"folder",E.folder),apiVersion:T(o,"api-version",E.apiVersion),filenameX:T(o,"filename")||T(o,"filename-x")||E.filenameX,filenameY:T(o,"filename-y",E.filenameY),imageListX:T(o,"image-list-x",E.imageListX),imageListY:T(o,"image-list-y",E.imageListY),indexZeroBase:parseInt(T(o,"index-zero-base",E.indexZeroBase),10),amountX:parseInt(T(o,"amount-x",E.amountX),10),amountY:parseInt(T(o,"amount-y",E.amountY),10),speed:parseInt(T(o,"speed",E.speed),10),dragSpeed:parseInt(T(o,"drag-speed",E.dragSpeed),10),draggable:A(o,"draggable",E.draggable),swipeable:A(o,"swipeable",E.swipeable),keys:A(o,"keys",E.keys),keysReverse:A(o,"keys-reverse",E.keysReverse),autoplay:A(o,"autoplay",E.autoplay),autoplayBehavior:T(o,"autoplay-behavior",E.autoplayBehavior),playOnce:A(o,"play-once",E.playOnce),autoplayReverse:A(o,"autoplay-reverse",E.autoplayReverse),pointerZoom:parseFloat(T(o,"pointer-zoom",E.pointerZoom),10),fullscreen:A(o,"fullscreen")||A(o,"full-screen",E.fullscreen),magnifier:parseFloat(T(o,"magnifier",E.magnifier),10),bottomCircleOffset:parseInt(T(o,"bottom-circle-offset",E.bottomCircleOffset),10),ciToken:T(o,"responsive",E.ciToken),ciFilters:T(o,"filters",E.ciFilters),ciTransformation:T(o,"transformation",E.ciTransformation),lazyload:A(o,"lazyload",E.lazyload),dragReverse:A(o,"drag-reverse",E.dragReverse),stopAtEdges:A(o,"stop-at-edges",E.stopAtEdges),imageInfo:A(o,"info",E.imageInfo),initialIconShown:!H(o,"initial-icon"),bottomCircle:!H(o,"bottom-circle")};var o;const{folder:s,apiVersion:a,filenameX:r,filenameY:l,imageListX:c,imageListY:h,indexZeroBase:d,amountX:p,amountY:u,draggable:f=!0,swipeable:m=!0,keys:g,keysReverse:v,bottomCircleOffset:y,autoplay:b,autoplayBehavior:w,playOnce:x,speed:O,autoplayReverse:Y,fullscreen:S,magnifier:R,ciToken:X,ciFilters:Z,ciTransformation:M,lazyload:P,dragSpeed:D,stopAtEdges:V,pointerZoom:j,imageInfo:F="black",initialIconShown:z,bottomCircle:N,hotspots:U,dragReverse:$}=n,K={ciToken:X,ciFilters:Z,ciTransformation:M},q=c?JSON.parse(c):[],Q=h?JSON.parse(h):[];if(this.viewerConfig=n,this.amountX=q.length||p,this.amountY=Q.length||u,this.allowSpinX=!!this.amountX,this.allowSpinY=!!this.amountY,this.activeImageX=Y?this.amountX-1:0,this.activeImageY=Y?this.amountY-1:0,this.bottomCircleOffset=y,this.autoplay=b,this.autoplayBehavior=w,this.playOnce=x,this.speed=O,this.autoplayReverse=Y,this.fullscreen=S,this.magnifier=R>1?Math.min(R,5):0,this.dragSpeed=Math.max(D,50),this.stopAtEdges=V,this.ciParams=K,this.apiVersion=a,this.pointerZoom=j>1?Math.min(j,5):null,this.keysReverse=v,this.info=F,this.keys=g,this.innerBox=this.innerBox??(e=>{const t=document.createElement("div");return t.className="cloudimage-360-inner-box",e.appendChild(t),t})(this.container),this.initialIconShown=z,this.bottomCircle=N,this.spinDirection=((e,t,i)=>{if(!i)return"x";if(!t)return"y";switch(e){case C:return"x";case L:case I:return"y";default:return"x"}})(this.autoplayBehavior,this.allowSpinX,this.allowSpinY),this.dragReverse=$,this.hotspots=U,this.srcXConfig={folder:s,filename:r,imageList:q,container:e,innerBox:this.innerBox,apiVersion:a,ciParams:K,lazyload:P,amount:this.amountX,indexZeroBase:d,autoplayReverse:Y},this.srcYConfig={...this.srcXConfig,filename:l,imageList:Q,orientation:k,amount:this.amountY},i&&this.removeEvents(),this.attachEvents(f,m,g),i)return;const J=(this.fullscreenView?document.body:this.container).offsetWidth,_=this.allowSpinX&&!q.length?W(this.srcXConfig,J):null,ee=this.allowSpinY&&!Q.length?W(this.srcYConfig,J):null,te=e=>{B({cdnPathX:_,cdnPathY:ee,configX:this.srcXConfig,configY:this.srcYConfig,onImageLoad:(e,t,i)=>this.onImageLoad(e,t,i),onFirstImageLoad:t=>this.onFirstImageLoaded(e,t),onAllImagesLoad:this.onAllImagesLoaded.bind(this)})};this.allowSpinX?G(_,this.srcXConfig,te):this.allowSpinY&&G(ee,this.srcYConfig,te)}}class ft{constructor(){this.views=new Map,this.initAll=this.initAll.bind(this),this.getViews=this.getViews.bind(this)}generateId(){return`ci360-${Math.random().toString(36).slice(2,11)}`}init(e,t,i){if(!e)return;const n=e.id||this.generateId();e.id||(e.id=n);const o=new ut(e,t,i);return this.views.set(n,o),o}initAll(e="cloudimage-360"){[...document.querySelectorAll(`.${e}`)].filter(Boolean).forEach((e=>{const t=e.id||this.generateId();e.id||(e.id=t);const i=new ut(e);this.views.set(t,i)}))}destroy(e){const t=this.getViewById(e);t&&(t.destroy(),this.views.delete(e))}destroyAll(){this.views.forEach((e=>{e.destroy()})),this.views.clear()}getViewById(e){return this.views.get(e)}getViews(){return Array.from(this.views.values())}updateView(e,t){const i=this.getViewById(e),n={...i.viewerConfig,...t};if(((e,t,i=S)=>i.some((i=>i in t&&t[i]!==e[i])))(i.viewerConfig,t)){i.destroy();const t=document.getElementById(e);this.init(t,n)}else i.update(n);return i}}return window.CI360=ft,ft}));
+import './js-cloudimage-360-view.min.css';var De = Object.defineProperty;
+var Ne = (e, t, i) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var ee = (e, t, i) => Ne(e, typeof t != "symbol" ? t + "" : t, i);
+var Et = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function $e(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Oe = "Expected a function", ie = NaN, Ve = "[object Symbol]", je = /^\s+|\s+$/g, Fe = /^[-+]0x[0-9a-f]+$/i, Ge = /^0b[01]+$/i, ze = /^0o[0-7]+$/i, Ue = parseInt, Ke = typeof Et == "object" && Et && Et.Object === Object && Et, qe = typeof self == "object" && self && self.Object === Object && self, Je = Ke || qe || Function("return this")(), Qe = Object.prototype, _e = Qe.toString, ti = Math.max, ei = Math.min, kt = function() {
+  return Je.Date.now();
+};
+function ii(e, t, i) {
+  var n, o, s, a, r, c, l = 0, h = !1, u = !1, f = !0;
+  if (typeof e != "function")
+    throw new TypeError(Oe);
+  t = ne(t) || 0, Rt(i) && (h = !!i.leading, u = "maxWait" in i, s = u ? ti(ne(i.maxWait) || 0, t) : s, f = "trailing" in i ? !!i.trailing : f);
+  function d(m) {
+    var I = n, E = o;
+    return n = o = void 0, l = m, a = e.apply(E, I), a;
+  }
+  function y(m) {
+    return l = m, r = setTimeout(x, t), h ? d(m) : a;
+  }
+  function g(m) {
+    var I = m - c, E = m - l, S = t - I;
+    return u ? ei(S, s - E) : S;
+  }
+  function v(m) {
+    var I = m - c, E = m - l;
+    return c === void 0 || I >= t || I < 0 || u && E >= s;
+  }
+  function x() {
+    var m = kt();
+    if (v(m))
+      return C(m);
+    r = setTimeout(x, g(m));
+  }
+  function C(m) {
+    return r = void 0, f && n ? d(m) : (n = o = void 0, a);
+  }
+  function O() {
+    r !== void 0 && clearTimeout(r), l = 0, n = c = o = r = void 0;
+  }
+  function b() {
+    return r === void 0 ? a : C(kt());
+  }
+  function w() {
+    var m = kt(), I = v(m);
+    if (n = arguments, o = this, c = m, I) {
+      if (r === void 0)
+        return y(c);
+      if (u)
+        return r = setTimeout(x, t), d(c);
+    }
+    return r === void 0 && (r = setTimeout(x, t)), a;
+  }
+  return w.cancel = O, w.flush = b, w;
+}
+function ni(e, t, i) {
+  var n = !0, o = !0;
+  if (typeof e != "function")
+    throw new TypeError(Oe);
+  return Rt(i) && (n = "leading" in i ? !!i.leading : n, o = "trailing" in i ? !!i.trailing : o), ii(e, t, {
+    leading: n,
+    maxWait: t,
+    trailing: o
+  });
+}
+function Rt(e) {
+  var t = typeof e;
+  return !!e && (t == "object" || t == "function");
+}
+function oi(e) {
+  return !!e && typeof e == "object";
+}
+function si(e) {
+  return typeof e == "symbol" || oi(e) && _e.call(e) == Ve;
+}
+function ne(e) {
+  if (typeof e == "number")
+    return e;
+  if (si(e))
+    return ie;
+  if (Rt(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = Rt(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = e.replace(je, "");
+  var i = Ge.test(e);
+  return i || ze.test(e) ? Ue(e.slice(2), i ? 2 : 8) : Fe.test(e) ? ie : +e;
+}
+var ri = ni;
+const oe = /* @__PURE__ */ $e(ri), T = {
+  SPIN_X: "spin-x",
+  SPIN_Y: "spin-y",
+  SPIN_XY: "spin-xy",
+  SPIN_YX: "spin-yx"
+}, ai = [!1, 0, null, void 0, "false", "0", "null", "undefined"], A = {
+  X: "x-axis",
+  Y: "y-axis",
+  CENTER: "center"
+}, ci = [
+  "folder",
+  "folderX",
+  "folderY",
+  "filenameX",
+  "filenameY",
+  "imageListX",
+  "imageListY",
+  "indexZeroBase",
+  "amountX",
+  "amountY"
+], li = [37, 39], hi = [38, 40], se = 10, p = {
+  folder: "/",
+  apiVersion: "v7",
+  filenameX: "image-{index}.jpg",
+  filenameY: null,
+  imageListX: null,
+  imageListY: null,
+  indexZeroBase: 0,
+  amountX: 0,
+  amountY: 0,
+  speed: 80,
+  dragSpeed: 150,
+  draggable: !0,
+  swipeable: !0,
+  keys: !1,
+  keysReverse: !1,
+  autoplay: !1,
+  autoplayBehavior: T.SPIN_X,
+  playOnce: !1,
+  autoplayReverse: !1,
+  pointerZoom: 0,
+  fullscreen: !1,
+  magnifier: null,
+  bottomCircle: !0,
+  bottomCircleOffset: 5,
+  ciToken: null,
+  ciFilters: null,
+  ciTransformation: null,
+  lazyload: !0,
+  dragReverse: !1,
+  stopAtEdges: !1,
+  imageInfo: !1,
+  initialIconShown: !0,
+  hotspots: null
+}, di = (e) => ({
+  folder: R(e, "folder", p.folder),
+  apiVersion: R(e, "api-version", p.apiVersion),
+  filenameX: R(e, "filename") || R(e, "filename-x") || p.filenameX,
+  filenameY: R(e, "filename-y", p.filenameY),
+  imageListX: R(e, "image-list-x", p.imageListX),
+  imageListY: R(e, "image-list-y", p.imageListY),
+  indexZeroBase: parseInt(R(e, "index-zero-base", p.indexZeroBase), 10),
+  amountX: parseInt(R(e, "amount-x", p.amountX), 10),
+  amountY: parseInt(R(e, "amount-y", p.amountY), 10),
+  speed: parseInt(R(e, "speed", p.speed), 10),
+  dragSpeed: parseInt(R(e, "drag-speed", p.dragSpeed), 10),
+  draggable: B(e, "draggable", p.draggable),
+  swipeable: B(e, "swipeable", p.swipeable),
+  keys: B(e, "keys", p.keys),
+  keysReverse: B(e, "keys-reverse", p.keysReverse),
+  autoplay: B(e, "autoplay", p.autoplay),
+  autoplayBehavior: R(e, "autoplay-behavior", p.autoplayBehavior),
+  playOnce: B(e, "play-once", p.playOnce),
+  autoplayReverse: B(e, "autoplay-reverse", p.autoplayReverse),
+  pointerZoom: parseFloat(R(e, "pointer-zoom", p.pointerZoom), 10),
+  fullscreen: B(e, "fullscreen") || B(e, "full-screen", p.fullscreen),
+  magnifier: parseFloat(R(e, "magnifier", p.magnifier), 10),
+  bottomCircleOffset: parseInt(
+    R(e, "bottom-circle-offset", p.bottomCircleOffset),
+    10
+  ),
+  ciToken: R(e, "responsive", p.ciToken),
+  ciFilters: R(e, "filters", p.ciFilters),
+  ciTransformation: R(e, "transformation", p.ciTransformation),
+  lazyload: B(e, "lazyload", p.lazyload),
+  dragReverse: B(e, "drag-reverse", p.dragReverse),
+  stopAtEdges: B(e, "stop-at-edges", p.stopAtEdges),
+  imageInfo: B(e, "info", p.imageInfo),
+  initialIconShown: !re(e, "initial-icon"),
+  bottomCircle: !re(e, "bottom-circle")
+}), ui = (e) => ({
+  folder: e.folder || p.folder,
+  apiVersion: e.apiVersion || p.apiVersion,
+  filenameX: e.filenameX || e.filename || p.filenameX,
+  filenameY: e.filenameY || p.filenameY,
+  imageListX: e.imageListX || p.imageListX,
+  imageListY: e.imageListY || p.imageListY,
+  indexZeroBase: parseInt(e.indexZeroBase ?? p.indexZeroBase, 10),
+  amountX: parseInt(e.amountX ?? p.amountX, 10),
+  amountY: parseInt(e.amountY ?? p.amountY, 10),
+  speed: parseInt(e.speed ?? p.speed, 10),
+  draggable: e.draggable ?? p.draggable,
+  swipeable: e.swipeable ?? p.swipeable,
+  dragSpeed: parseInt(e.dragSpeed ?? p.dragSpeed, 10),
+  keys: e.keys ?? p.keys,
+  keysReverse: e.keysReverse ?? p.keysReverse,
+  autoplay: e.autoplay ?? p.autoplay,
+  autoplayBehavior: e.autoplayBehavior || p.autoplayBehavior,
+  playOnce: e.playOnce ?? p.playOnce,
+  autoplayReverse: e.autoplayReverse ?? p.autoplayReverse,
+  pointerZoom: parseFloat(e.pointerZoom ?? p.pointerZoom, 10),
+  fullscreen: e.fullscreen ?? p.fullscreen,
+  magnifier: parseFloat(e.magnifier ?? p.magnifier, 10),
+  bottomCircleOffset: parseInt(e.bottomCircleOffset ?? p.bottomCircleOffset, 10),
+  ciToken: e.ciToken || p.ciToken,
+  ciFilters: e.ciFilters || p.ciFilters,
+  ciTransformation: e.ciTransformation || p.ciTransformation,
+  lazyload: e.lazyload ?? p.lazyload,
+  dragReverse: e.dragReverse ?? p.dragReverse,
+  stopAtEdges: e.stopAtEdges ?? p.stopAtEdges,
+  imageInfo: e.imageInfo ?? p.imageInfo,
+  initialIconShown: e.initialIconShown ?? p.initialIconShown,
+  bottomCircle: e.bottomCircle ?? p.bottomCircle,
+  hotspots: e.hotspots ?? p.hotspots
+}), R = (e, t, i) => e.getAttribute(t) || e.getAttribute(`data-${t}`) || i, B = (e, t, i) => e.hasAttribute(t) || e.hasAttribute(`data-${t}`) || i, re = (e, t) => R(e, t, null) === "false", pi = (e, t, i = ci) => i.some((n) => n in t && t[n] !== e[n]), fi = (e = 1) => {
+  const t = Math.round(window.devicePixelRatio || 1);
+  return parseInt(e) * t;
+}, mi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, vi = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
+  const n = `width=${t}`, o = e || n, s = i ? `&f=${i}` : "";
+  return `${o}${s}`;
+}, gt = (e, t) => {
+  const { folder: i, apiVersion: n, filename: o = "", ciParams: s } = e, { ciToken: a, ciFilters: r, ciTransformation: c } = s || {}, l = `${i}${o}`;
+  if (!a) return l;
+  const h = ai.includes(n) ? null : n, u = h ? `${h}/` : "", f = fi(t), d = mi(l, a, u), y = vi({
+    ciTransformation: c,
+    responsiveWidth: f,
+    ciFilters: r
+  });
+  return `${d}${y ? "?" : ""}${y}`;
+}, gi = (e, t, i) => {
+  const [n, o] = e.split("?"), s = `${t}=${encodeURIComponent(i)}`;
+  if (!o)
+    return `${n}?${s}`;
+  const a = new URLSearchParams(o);
+  return a.set(t, i), `${n}?${a.toString()}`;
+}, yi = (e, t) => gi(e, "width", t), Ee = (e, t = 0) => (e += "", e.length >= t ? e : new Array(t - e.length + 1).join("0") + e), bi = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (n, o) => e.replace("{index}", Ee(o + 1, i))), wi = ({
+  imagesUrls: e,
+  onFirstImageLoad: t,
+  onImageLoad: i,
+  onAllImagesLoad: n,
+  autoplayReverse: o
+}) => {
+  let s = 0;
+  const a = e.length, r = [], c = (u, f) => {
+    const d = new Image();
+    d.crossOrigin = "anonymous", d.src = u, d.onload = async () => {
+      const y = await createImageBitmap(d), g = {
+        src: u,
+        bitmapImage: y,
+        naturalWidth: l.naturalWidth,
+        naturalHeight: l.naturalHeight
+      };
+      s++, r[f] = g, i == null || i(g, f), s === a && (n == null || n(r));
+    }, d.onerror = () => {
+      console.error(`Failed to load image: ${u}`), s++, s === a && (n == null || n(r));
+    };
+  }, l = new Image(), h = e[o ? e.length - 1 : 0];
+  l.crossOrigin = "anonymous", l.src = h, l.onload = async () => {
+    const u = await createImageBitmap(l), f = {
+      src: h,
+      bitmapImage: u,
+      naturalWidth: l.naturalWidth,
+      naturalHeight: l.naturalHeight
+    };
+    r[0] = f, s++, t == null || t(f), i == null || i(f, 0);
+    for (let d = 1; d < e.length; d++)
+      c(e[d], d);
+  }, l.onerror = () => {
+    console.error(`Failed to load first image: ${e[0]}`), s++;
+    for (let u = 1; u < e.length; u++)
+      c(e[u], u);
+  };
+}, ae = ({
+  cdnPathX: e,
+  cdnPathY: t,
+  configX: i,
+  configY: n,
+  onFirstImageLoad: o,
+  onImageLoad: s,
+  onAllImagesLoad: a
+}) => {
+  let r = { x: !1, y: !1 }, c = [], l = [];
+  const h = e || i.imageList.length, u = t || n.imageList.length, f = () => {
+    r.x && r.y && a(c, l);
+  }, d = ({ cdnPath: y, config: g, orientation: v, loadedImages: x, onFirstImageLoad: C }) => {
+    const O = v === A.X, b = g.imageList.length ? g.imageList : bi(y, g);
+    wi({
+      imagesUrls: b,
+      onFirstImageLoad: C,
+      onImageLoad: (w, m) => {
+        s == null || s(w, m, v), x[m] = w;
+      },
+      onAllImagesLoad: (w) => {
+        x = w, r[O ? "x" : "y"] = !0, f();
+      },
+      autoplayReverse: g.autoplayReverse
+    });
+  };
+  h ? d({
+    cdnPath: e,
+    config: i,
+    orientation: A.X,
+    loadedImages: c,
+    onFirstImageLoad: o
+  }) : r.x = !0, u ? d({
+    cdnPath: t,
+    config: n,
+    orientation: A.Y,
+    loadedImages: l,
+    onFirstImageLoad: h ? void 0 : o
+  }) : r.y = !0;
+}, xi = (e) => {
+  const t = new Image();
+  return t.src = "https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/assets/img/360.svg", t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
+}, Ii = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-initial-icon", e.innerText = "360°", e;
+}, Ci = (e, t) => {
+  const { width: i, height: n } = t, o = document.createElement("canvas");
+  return o.width = i, o.height = n, o.style.width = "100%", o.style.height = "auto", e.appendChild(o), o;
+}, Oi = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='m147-96-51-51%20261-261H192v-72h288v288h-72v-165L147-96Zm333-384v-288h72v165l261-261%2051%2051-261%20261h165v72H480Z'/%3e%3c/svg%3e", Ei = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-360-button cloudimage-360-close-icon", e.innerHTML = `<img alt="close icon" src=${Oi}>`, e;
+}, Si = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='M144-144v-192h72v120h120v72H144Zm480%200v-72h120v-120h72v192H624ZM144-624v-192h192v72H216v120h-72Zm600%200v-120H624v-72h192v192h-72Z'/%3e%3c/svg%3e", Yi = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-360-button cloudimage-360-fullscreen-button", e.innerHTML = `<img alt="fullscreen icon" src=${Si}>`, e;
+}, ce = (e) => {
+  const t = document.createElement("div");
+  return t.className = "cloudimage-360-icons-container", e.appendChild(t), t;
+}, Ri = (e) => {
+  const t = document.createElement("div");
+  return t.className = "cloudimage-360-inner-box", e.appendChild(t), t;
+}, Xi = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%235f6368'%3e%3cpath%20d='M765-144%20526-383q-30%2022-65.79%2034.5-35.79%2012.5-76.18%2012.5Q284-336%20214-406t-70-170q0-100%2070-170t170-70q100%200%20170%2070t70%20170.03q0%2040.39-12.5%2076.18Q599-464%20577-434l239%20239-51%2051ZM384-408q70%200%20119-49t49-119q0-70-49-119t-119-49q-70%200-119%2049t-49%20119q0%2070%2049%20119t119%2049Z'/%3e%3c/svg%3e", Li = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-360-button cloudimage-360-magnifier-button", e.innerHTML = `<img alt="magnifier icon" src=${Xi}>`, e;
+}, Pi = (e) => {
+  const t = document.createElement("div");
+  t.className = "cloudimage-initial-icon";
+  const i = document.createElement("span");
+  return i.className = "percentage", i.innerText = "0%", t.appendChild(i), e.appendChild(t), t;
+}, Ti = (e) => {
+  const t = document.createElement("div");
+  t.className = "cloudimage-360-fullscreen-modal";
+  const i = e.cloneNode();
+  return i.style.height = "100vh", i.style.maxHeight = "100%", t.appendChild(i), window.document.body.appendChild(t), i;
+}, Wt = (e, t) => {
+  const i = e.querySelector(t);
+  i && i.parentNode.removeChild(i);
+}, Ai = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-loading-spinner", e;
+}, ki = () => {
+  const e = document.createElement("div");
+  return e.className = "cloudimage-360-transition-overlay", e;
+}, Mi = (e) => {
+  const t = document.createElement("div");
+  return t.className = "cloudimage-360-hotspot-container", e.appendChild(t), t;
+}, Wi = (e, t) => {
+  const [i, n] = e.split("?");
+  if (!n) return e;
+  const o = new RegExp(`^${t}=|&${t}=`), s = n.split("&").filter((a) => !o.test(a)).join("&");
+  return s ? `${i}?${s}` : i;
+}, Hi = (e) => {
+  const t = Wi(e, "width"), i = t.includes("?") ? "&" : "?";
+  return `${t}${i}width=${150 * devicePixelRatio}`;
+}, Bi = (e) => {
+  const t = {
+    root: null,
+    rootMargin: "0px",
+    threshold: 0.1
+  }, i = (o) => {
+    const s = o.getAttribute("data-src");
+    s && (o.src = s);
+  };
+  new IntersectionObserver((o, s) => {
+    o.forEach((a) => {
+      a.isIntersecting && (i(a.target), s.unobserve(a.target));
+    });
+  }, t).observe(e);
+}, Zi = (e, t) => {
+  const i = Ee(1, t);
+  return e.replace("{index}", i);
+}, Di = (e, t) => {
+  const [i] = e, n = /(https?):\/\//i.test(i);
+  return gt({
+    ...t,
+    folder: n ? "" : t.folder,
+    filename: i
+  });
+}, Ni = (e, t) => {
+  const { imageList: i, indexZeroBase: n } = t;
+  if (i.length)
+    try {
+      const o = JSON.parse(i);
+      return Di(o, t);
+    } catch (o) {
+      console.error(`Wrong format in image-list attribute: ${o.message}`);
+    }
+  return Zi(e, n);
+}, le = (e, t, i) => {
+  const n = new Image();
+  return n.setAttribute(t ? "data-src" : "src", e), n.className = i, n.style.cssText = `
+    position: ${t ? "absolute" : "static"};
+    width: 100%;
+    inset: 0;
+    height: 100%;
+    object-fit: contain;
+    object-position: center;
+    filter: blur(10px);
+  `, n;
+}, he = (e, t, i) => {
+  const { innerBox: n, imageList: o, lazyload: s } = t || {}, [a] = o, r = a || Ni(e, t), c = Hi(r), l = le(c, s, "cloudimage-lazy"), h = le(c, !1, "cloudimage-360-placeholder"), u = (f) => {
+    Wt(n, ".cloudimage-lazy"), i && i({
+      event: f,
+      width: l.width,
+      height: l.height,
+      naturalWidth: l.naturalWidth,
+      naturalHeight: l.naturalHeight,
+      src: c
+    });
+  };
+  l.onload = u, n.appendChild(l), n.appendChild(h), Bi(l);
+}, $i = (e, t) => {
+  const i = new Image();
+  i.src = e, i.onload = (n) => {
+    t && t({
+      event: n,
+      width: i.width,
+      height: i.height,
+      naturalWidth: i.naturalWidth,
+      naturalHeight: i.naturalHeight,
+      src: e
+    });
+  }, i.onerror = function() {
+  };
+}, Vi = (e, t) => {
+  const i = t.getBoundingClientRect(), n = e.touches ? e.touches[0].clientX : e.clientX, o = e.touches ? e.touches[0].clientY : e.clientY;
+  return {
+    x: n - i.left,
+    y: o - i.top
+  };
+}, Mt = (e, t, i) => {
+  const { container: n, w: o, h: s, zoom: a, bw: r, offsetX: c, offsetY: l } = t, h = Vi(e, n);
+  let u = h.x, f = h.y;
+  u = Math.max(o / a, Math.min(u, n.offsetWidth - o / a)), f = Math.max(s / a, Math.min(f, n.offsetHeight - s / a)), i.style.left = `${u - o}px`, i.style.top = `${f - s}px`;
+  const d = (u - c) * a - o + r, y = (f - l) * a - s + r;
+  i.style.backgroundPosition = `-${d}px -${y}px`;
+}, ji = (e, t, i, n, o, s) => {
+  const { x: a = 0, y: r = 0 } = i || {}, c = (t.offsetWidth - a * 2) * s, l = (t.offsetHeight - r * 2) * s;
+  if (!o) return;
+  o.setAttribute("class", "cloudimage-360-img-magnifier-glass"), t.prepend(o), o.style.backgroundImage = `url('${n.src}')`, o.style.backgroundSize = `${c}px ${l}px`;
+  const h = 3, u = o.offsetWidth / 2, f = o.offsetHeight / 2, d = {
+    container: t,
+    w: u,
+    h: f,
+    zoom: s,
+    bw: h,
+    offsetX: a,
+    offsetY: r
+  };
+  Mt(e, d, o);
+  const y = (v) => {
+    Mt(v, d, o);
+  }, g = (v) => {
+    v.preventDefault(), Mt(v, d, o);
+  };
+  o.addEventListener("mousemove", y), t.addEventListener("mousemove", y), t.addEventListener("touchmove", g);
+}, Fi = (e, t, i) => {
+  const { clientX: n, clientY: o } = e, s = t.getBoundingClientRect(), a = t.width / (s.width * i), r = t.height / (s.height * i), c = (n - s.left) * a, l = (o - s.top) * r;
+  return { offsetX: c, offsetY: l };
+}, de = (e, { bottom: t, top: i }) => {
+  e ? t() : i();
+}, ue = (e, { left: t, right: i }) => {
+  e ? t() : i();
+}, Gi = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: n }) => {
+  switch (e) {
+    case T.SPIN_XY:
+    case T.SPIN_YX:
+      t ? de(i, n) : ue(i, n);
+      break;
+    case T.SPIN_Y:
+      de(i, n);
+      break;
+    case T.SPIN_X:
+    default:
+      ue(i, n);
+  }
+}, zi = ({
+  autoplayBehavior: e,
+  activeImageX: t,
+  activeImageY: i,
+  amountX: n,
+  amountY: o,
+  autoplayReverse: s
+}) => {
+  const a = (r, c) => {
+    const l = c - 1;
+    return s ? r === 0 : r === l;
+  };
+  switch (e) {
+    case T.SPIN_XY:
+    case T.SPIN_Y:
+      return a(i, o);
+    case T.SPIN_X:
+    case T.SPIN_YX:
+    default:
+      return a(t, n);
+  }
+}, Ui = ({
+  autoplayBehavior: e,
+  activeImageX: t,
+  activeImageY: i,
+  amountX: n,
+  amountY: o,
+  autoplayReverse: s,
+  spinDirection: a
+}) => {
+  const r = t === (s ? 0 : n - 1), c = i === (s ? 0 : o - 1);
+  return e === T.SPIN_XY || e === T.SPIN_YX ? a === "x" && r || a === "y" && c : !1;
+}, Ki = (e, t, i) => {
+  if (!i) return "x";
+  if (!t) return "y";
+  switch (e) {
+    case T.SPIN_XY:
+      return "x";
+    case T.SPIN_YX:
+      return "y";
+    case T.SPIN_Y:
+      return "y";
+    case T.SPIN_X:
+    default:
+      return "x";
+  }
+}, qi = (e) => e === "x" ? "y" : "x", pe = (e, t) => {
+  const i = [...li];
+  return t ? [...i, ...hi].includes(e) : i.includes(e);
+}, Ji = ({ deltaX: e, deltaY: t, reversed: i, allowSpinX: n, allowSpinY: o, threshold: s = 0 }) => {
+  const a = n && !o || o && !n ? 0 : s, r = Math.abs(e), c = Math.abs(t);
+  return n && r - a > c ? i ? e > 0 ? "left" : "right" : e > 0 ? "right" : "left" : o && c - a > r ? i ? t > 0 ? "up" : "down" : t > 0 ? "down" : "up" : null;
+}, Qi = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, _i = (e, t = 150) => {
+  let i;
+  return function(...n) {
+    clearTimeout(i), i = setTimeout(() => {
+      e.apply(this, n);
+    }, t);
+  };
+}, Se = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHg9KGEsdCxlKT0+e2NvbnN0IHM9YS9lLG49dC9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sTz0oe3BvaW50ZXJYOmEscG9pbnRlclk6dCxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOnIsbmF0dXJhbEhlaWdodDpsfT1lO2xldCBnPWEvaSpyLXMvMix1PXQvYypsLW4vMjtjb25zdCBwPU1hdGgubWF4KDAsci1zKSxJPU1hdGgubWF4KDAsbC1uKTtyZXR1cm4gZz1NYXRoLm1heCgwLE1hdGgubWluKGcscCkpLHU9TWF0aC5tYXgoMCxNYXRoLm1pbih1LEkpKSx7em9vbU9mZnNldFg6Zyx6b29tT2Zmc2V0WTp1fX07bGV0IG8sbSxmLGgsZCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIGE9Pntjb25zdHthY3Rpb246dCxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpyLGltYWdlQXNwZWN0UmF0aW86bCxjb250YWluZXJXaWR0aDpnLGNvbnRhaW5lckhlaWdodDp1fT1hLmRhdGE7c3dpdGNoKHQpe2Nhc2UiaW5pdENhbnZhcyI6dihlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjp6KGwsZyx1KTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpDKG4saSxjLHIpO2JyZWFrfX07Y29uc3Qgdj0oYSx0KT0+e289YSxtPW8uZ2V0Q29udGV4dCgiMmQiKSxmPXR9LHo9KGEsdCxlKT0+e2NvbnN0IHM9dC9lO3c9YT5zLG8ud2lkdGg9dCpmLG8uaGVpZ2h0PWUqZixtLnNjYWxlKGYsZiksdz8oaD10LGQ9dC9hKTooZD1lLGg9ZSphKSxtLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxtLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEM9KGE9e30sdD0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09YTtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L2YtZCkvMik6KGk9KG8ud2lkdGgvZi1oKS8yLGM9MCksbS5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLHQhPT0xKXtjb25zdHt6b29tZWRXaWR0aDpyLHpvb21lZEhlaWdodDpsfT14KGgsZCx0KSx7em9vbU9mZnNldFg6Zyx6b29tT2Zmc2V0WTp1fT1PKHtwb2ludGVyWDplLHBvaW50ZXJZOnMsaW1hZ2VEYXRhOmEsem9vbWVkV2lkdGg6cix6b29tZWRIZWlnaHQ6bCxkcmF3V2lkdGg6aCxkcmF3SGVpZ2h0OmR9KTttLmRyYXdJbWFnZShuLGcsdSxyLGwsaSxjLGgsZCl9ZWxzZSBtLmRyYXdJbWFnZShuLGksYyxoLGQpfX0pKCk7Cg==", tn = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), fe = typeof self < "u" && self.Blob && new Blob([tn(Se)], { type: "text/javascript;charset=utf-8" });
+function en(e) {
+  let t;
+  try {
+    if (t = fe && (self.URL || self.webkitURL).createObjectURL(fe), !t) throw "";
+    const i = new Worker(t, {
+      name: e == null ? void 0 : e.name
+    });
+    return i.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(t);
+    }), i;
+  } catch {
+    return new Worker(
+      "data:text/javascript;base64," + Se,
+      {
+        name: e == null ? void 0 : e.name
+      }
+    );
+  } finally {
+    t && (self.URL || self.webkitURL).revokeObjectURL(t);
+  }
+}
+const nn = (e) => e === "x" ? A.X : A.Y, on = (e, t, i) => e.filter(
+  (n) => nn(n.orientation) === i && t in n.positions
+), sn = (e) => {
+  const t = document.createElement("span");
+  return t.id = e, t.className = "cloudimage-360-hotspot", t.dataset.hotspotId = e, t;
+}, rn = (e) => {
+  const t = Object.entries(e).sort(([s], [a]) => Number(s) - Number(a));
+  let i = null, n = null;
+  const o = {};
+  for (const [s, a] of t)
+    if (!a)
+      o[s] = { x: i, y: n };
+    else {
+      const { x: r, y: c } = a;
+      r != null && (i = r), c != null && (n = c), o[s] = {
+        x: r || i,
+        y: c || n
+      };
+    }
+  return o;
+}, an = (e) => [
+  {
+    name: "offset",
+    options: {
+      offset: [0, 10]
+    }
+  },
+  {
+    name: "preventOverflow",
+    options: {
+      boundary: e
+    }
+  }
+], cn = (e, t) => {
+  const i = document.createElement("div");
+  return i.className = "cloudimage-360-popper", i.id = `cloudimage-360-popper-${t}`, i.dataset.popperId = t, typeof e == "string" && /<\/?[a-z][\s\S]*>/i.test(e) ? i.innerHTML = e : i.textContent = e, document.body.appendChild(i), i;
+}, ln = (e) => {
+  const t = [...e];
+  return t.forEach((i, n) => {
+    const o = { ...rn(i.positions) };
+    t[n].initialPositions = o, t[n].positions = o;
+  }), t;
+}, hn = ({
+  newWidth: e,
+  newHeight: t,
+  initialContainerSize: i,
+  imageAspectRatio: n,
+  hotspotsConfig: o
+}) => {
+  const [s, a] = i;
+  let r = e, c = t, l = 0, h = 0;
+  const u = e / t;
+  n > u ? (c = e / n, h = (t - c) / 2) : (r = t * n, l = (e - r) / 2);
+  const d = r / s, y = c / a;
+  return o.map((g) => {
+    const v = {};
+    return Object.entries(g.initialPositions).forEach(([x, C]) => {
+      v[x] = {
+        x: C.x * d + l,
+        y: C.y * y + h
+      };
+    }), { ...g, positions: v };
+  });
+};
+var k = "top", N = "bottom", $ = "right", M = "left", Zt = "auto", It = [k, N, $, M], ct = "start", wt = "end", dn = "clippingParents", Ye = "viewport", vt = "popper", un = "reference", me = /* @__PURE__ */ It.reduce(function(e, t) {
+  return e.concat([t + "-" + ct, t + "-" + wt]);
+}, []), Re = /* @__PURE__ */ [].concat(It, [Zt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ct, t + "-" + wt]);
+}, []), pn = "beforeRead", fn = "read", mn = "afterRead", vn = "beforeMain", gn = "main", yn = "afterMain", bn = "beforeWrite", wn = "write", xn = "afterWrite", In = [pn, fn, mn, vn, gn, yn, bn, wn, xn];
+function z(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function Z(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function st(e) {
+  var t = Z(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function D(e) {
+  var t = Z(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function Dt(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = Z(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function Cn(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(i) {
+    var n = t.styles[i] || {}, o = t.attributes[i] || {}, s = t.elements[i];
+    !D(s) || !z(s) || (Object.assign(s.style, n), Object.keys(o).forEach(function(a) {
+      var r = o[a];
+      r === !1 ? s.removeAttribute(a) : s.setAttribute(a, r === !0 ? "" : r);
+    }));
+  });
+}
+function On(e) {
+  var t = e.state, i = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, i.popper), t.styles = i, t.elements.arrow && Object.assign(t.elements.arrow.style, i.arrow), function() {
+    Object.keys(t.elements).forEach(function(n) {
+      var o = t.elements[n], s = t.attributes[n] || {}, a = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : i[n]), r = a.reduce(function(c, l) {
+        return c[l] = "", c;
+      }, {});
+      !D(o) || !z(o) || (Object.assign(o.style, r), Object.keys(s).forEach(function(c) {
+        o.removeAttribute(c);
+      }));
+    });
+  };
+}
+const En = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Cn,
+  effect: On,
+  requires: ["computeStyles"]
+};
+function G(e) {
+  return e.split("-")[0];
+}
+var ot = Math.max, Xt = Math.min, lt = Math.round;
+function Ht() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function Xe() {
+  return !/^((?!chrome|android).)*safari/i.test(Ht());
+}
+function ht(e, t, i) {
+  t === void 0 && (t = !1), i === void 0 && (i = !1);
+  var n = e.getBoundingClientRect(), o = 1, s = 1;
+  t && D(e) && (o = e.offsetWidth > 0 && lt(n.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && lt(n.height) / e.offsetHeight || 1);
+  var a = st(e) ? Z(e) : window, r = a.visualViewport, c = !Xe() && i, l = (n.left + (c && r ? r.offsetLeft : 0)) / o, h = (n.top + (c && r ? r.offsetTop : 0)) / s, u = n.width / o, f = n.height / s;
+  return {
+    width: u,
+    height: f,
+    top: h,
+    right: l + u,
+    bottom: h + f,
+    left: l,
+    x: l,
+    y: h
+  };
+}
+function Nt(e) {
+  var t = ht(e), i = e.offsetWidth, n = e.offsetHeight;
+  return Math.abs(t.width - i) <= 1 && (i = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: i,
+    height: n
+  };
+}
+function Le(e, t) {
+  var i = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (i && Dt(i)) {
+    var n = t;
+    do {
+      if (n && e.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function J(e) {
+  return Z(e).getComputedStyle(e);
+}
+function Sn(e) {
+  return ["table", "td", "th"].indexOf(z(e)) >= 0;
+}
+function et(e) {
+  return ((st(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function Pt(e) {
+  return z(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (Dt(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    et(e)
+  );
+}
+function ve(e) {
+  return !D(e) || // https://github.com/popperjs/popper-core/issues/837
+  J(e).position === "fixed" ? null : e.offsetParent;
+}
+function Yn(e) {
+  var t = /firefox/i.test(Ht()), i = /Trident/i.test(Ht());
+  if (i && D(e)) {
+    var n = J(e);
+    if (n.position === "fixed")
+      return null;
+  }
+  var o = Pt(e);
+  for (Dt(o) && (o = o.host); D(o) && ["html", "body"].indexOf(z(o)) < 0; ) {
+    var s = J(o);
+    if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
+      return o;
+    o = o.parentNode;
+  }
+  return null;
+}
+function Ct(e) {
+  for (var t = Z(e), i = ve(e); i && Sn(i) && J(i).position === "static"; )
+    i = ve(i);
+  return i && (z(i) === "html" || z(i) === "body" && J(i).position === "static") ? t : i || Yn(e) || t;
+}
+function $t(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function yt(e, t, i) {
+  return ot(e, Xt(t, i));
+}
+function Rn(e, t, i) {
+  var n = yt(e, t, i);
+  return n > i ? i : n;
+}
+function Pe() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Te(e) {
+  return Object.assign({}, Pe(), e);
+}
+function Ae(e, t) {
+  return t.reduce(function(i, n) {
+    return i[n] = e, i;
+  }, {});
+}
+var Xn = function(t, i) {
+  return t = typeof t == "function" ? t(Object.assign({}, i.rects, {
+    placement: i.placement
+  })) : t, Te(typeof t != "number" ? t : Ae(t, It));
+};
+function Ln(e) {
+  var t, i = e.state, n = e.name, o = e.options, s = i.elements.arrow, a = i.modifiersData.popperOffsets, r = G(i.placement), c = $t(r), l = [M, $].indexOf(r) >= 0, h = l ? "height" : "width";
+  if (!(!s || !a)) {
+    var u = Xn(o.padding, i), f = Nt(s), d = c === "y" ? k : M, y = c === "y" ? N : $, g = i.rects.reference[h] + i.rects.reference[c] - a[c] - i.rects.popper[h], v = a[c] - i.rects.reference[c], x = Ct(s), C = x ? c === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, O = g / 2 - v / 2, b = u[d], w = C - f[h] - u[y], m = C / 2 - f[h] / 2 + O, I = yt(b, m, w), E = c;
+    i.modifiersData[n] = (t = {}, t[E] = I, t.centerOffset = I - m, t);
+  }
+}
+function Pn(e) {
+  var t = e.state, i = e.options, n = i.element, o = n === void 0 ? "[data-popper-arrow]" : n;
+  o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || Le(t.elements.popper, o) && (t.elements.arrow = o));
+}
+const Tn = {
+  name: "arrow",
+  enabled: !0,
+  phase: "main",
+  fn: Ln,
+  effect: Pn,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function dt(e) {
+  return e.split("-")[1];
+}
+var An = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function kn(e, t) {
+  var i = e.x, n = e.y, o = t.devicePixelRatio || 1;
+  return {
+    x: lt(i * o) / o || 0,
+    y: lt(n * o) / o || 0
+  };
+}
+function ge(e) {
+  var t, i = e.popper, n = e.popperRect, o = e.placement, s = e.variation, a = e.offsets, r = e.position, c = e.gpuAcceleration, l = e.adaptive, h = e.roundOffsets, u = e.isFixed, f = a.x, d = f === void 0 ? 0 : f, y = a.y, g = y === void 0 ? 0 : y, v = typeof h == "function" ? h({
+    x: d,
+    y: g
+  }) : {
+    x: d,
+    y: g
+  };
+  d = v.x, g = v.y;
+  var x = a.hasOwnProperty("x"), C = a.hasOwnProperty("y"), O = M, b = k, w = window;
+  if (l) {
+    var m = Ct(i), I = "clientHeight", E = "clientWidth";
+    if (m === Z(i) && (m = et(i), J(m).position !== "static" && r === "absolute" && (I = "scrollHeight", E = "scrollWidth")), m = m, o === k || (o === M || o === $) && s === wt) {
+      b = N;
+      var S = u && m === w && w.visualViewport ? w.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        m[I]
+      );
+      g -= S - n.height, g *= c ? 1 : -1;
+    }
+    if (o === M || (o === k || o === N) && s === wt) {
+      O = $;
+      var Y = u && m === w && w.visualViewport ? w.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        m[E]
+      );
+      d -= Y - n.width, d *= c ? 1 : -1;
+    }
+  }
+  var X = Object.assign({
+    position: r
+  }, l && An), W = h === !0 ? kn({
+    x: d,
+    y: g
+  }, Z(i)) : {
+    x: d,
+    y: g
+  };
+  if (d = W.x, g = W.y, c) {
+    var L;
+    return Object.assign({}, X, (L = {}, L[b] = C ? "0" : "", L[O] = x ? "0" : "", L.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + d + "px, " + g + "px)" : "translate3d(" + d + "px, " + g + "px, 0)", L));
+  }
+  return Object.assign({}, X, (t = {}, t[b] = C ? g + "px" : "", t[O] = x ? d + "px" : "", t.transform = "", t));
+}
+function Mn(e) {
+  var t = e.state, i = e.options, n = i.gpuAcceleration, o = n === void 0 ? !0 : n, s = i.adaptive, a = s === void 0 ? !0 : s, r = i.roundOffsets, c = r === void 0 ? !0 : r, l = {
+    placement: G(t.placement),
+    variation: dt(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: o,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, ge(Object.assign({}, l, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: a,
+    roundOffsets: c
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, ge(Object.assign({}, l, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: c
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const Wn = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: Mn,
+  data: {}
+};
+var St = {
+  passive: !0
+};
+function Hn(e) {
+  var t = e.state, i = e.instance, n = e.options, o = n.scroll, s = o === void 0 ? !0 : o, a = n.resize, r = a === void 0 ? !0 : a, c = Z(t.elements.popper), l = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return s && l.forEach(function(h) {
+    h.addEventListener("scroll", i.update, St);
+  }), r && c.addEventListener("resize", i.update, St), function() {
+    s && l.forEach(function(h) {
+      h.removeEventListener("scroll", i.update, St);
+    }), r && c.removeEventListener("resize", i.update, St);
+  };
+}
+const Bn = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: Hn,
+  data: {}
+};
+var Zn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Yt(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Zn[t];
+  });
+}
+var Dn = {
+  start: "end",
+  end: "start"
+};
+function ye(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Dn[t];
+  });
+}
+function Vt(e) {
+  var t = Z(e), i = t.pageXOffset, n = t.pageYOffset;
+  return {
+    scrollLeft: i,
+    scrollTop: n
+  };
+}
+function jt(e) {
+  return ht(et(e)).left + Vt(e).scrollLeft;
+}
+function Nn(e, t) {
+  var i = Z(e), n = et(e), o = i.visualViewport, s = n.clientWidth, a = n.clientHeight, r = 0, c = 0;
+  if (o) {
+    s = o.width, a = o.height;
+    var l = Xe();
+    (l || !l && t === "fixed") && (r = o.offsetLeft, c = o.offsetTop);
+  }
+  return {
+    width: s,
+    height: a,
+    x: r + jt(e),
+    y: c
+  };
+}
+function $n(e) {
+  var t, i = et(e), n = Vt(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, s = ot(i.scrollWidth, i.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), a = ot(i.scrollHeight, i.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), r = -n.scrollLeft + jt(e), c = -n.scrollTop;
+  return J(o || i).direction === "rtl" && (r += ot(i.clientWidth, o ? o.clientWidth : 0) - s), {
+    width: s,
+    height: a,
+    x: r,
+    y: c
+  };
+}
+function Ft(e) {
+  var t = J(e), i = t.overflow, n = t.overflowX, o = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(i + o + n);
+}
+function ke(e) {
+  return ["html", "body", "#document"].indexOf(z(e)) >= 0 ? e.ownerDocument.body : D(e) && Ft(e) ? e : ke(Pt(e));
+}
+function bt(e, t) {
+  var i;
+  t === void 0 && (t = []);
+  var n = ke(e), o = n === ((i = e.ownerDocument) == null ? void 0 : i.body), s = Z(n), a = o ? [s].concat(s.visualViewport || [], Ft(n) ? n : []) : n, r = t.concat(a);
+  return o ? r : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    r.concat(bt(Pt(a)))
+  );
+}
+function Bt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function Vn(e, t) {
+  var i = ht(e, !1, t === "fixed");
+  return i.top = i.top + e.clientTop, i.left = i.left + e.clientLeft, i.bottom = i.top + e.clientHeight, i.right = i.left + e.clientWidth, i.width = e.clientWidth, i.height = e.clientHeight, i.x = i.left, i.y = i.top, i;
+}
+function be(e, t, i) {
+  return t === Ye ? Bt(Nn(e, i)) : st(t) ? Vn(t, i) : Bt($n(et(e)));
+}
+function jn(e) {
+  var t = bt(Pt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, n = i && D(e) ? Ct(e) : e;
+  return st(n) ? t.filter(function(o) {
+    return st(o) && Le(o, n) && z(o) !== "body";
+  }) : [];
+}
+function Fn(e, t, i, n) {
+  var o = t === "clippingParents" ? jn(e) : [].concat(t), s = [].concat(o, [i]), a = s[0], r = s.reduce(function(c, l) {
+    var h = be(e, l, n);
+    return c.top = ot(h.top, c.top), c.right = Xt(h.right, c.right), c.bottom = Xt(h.bottom, c.bottom), c.left = ot(h.left, c.left), c;
+  }, be(e, a, n));
+  return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
+}
+function Me(e) {
+  var t = e.reference, i = e.element, n = e.placement, o = n ? G(n) : null, s = n ? dt(n) : null, a = t.x + t.width / 2 - i.width / 2, r = t.y + t.height / 2 - i.height / 2, c;
+  switch (o) {
+    case k:
+      c = {
+        x: a,
+        y: t.y - i.height
+      };
+      break;
+    case N:
+      c = {
+        x: a,
+        y: t.y + t.height
+      };
+      break;
+    case $:
+      c = {
+        x: t.x + t.width,
+        y: r
+      };
+      break;
+    case M:
+      c = {
+        x: t.x - i.width,
+        y: r
+      };
+      break;
+    default:
+      c = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var l = o ? $t(o) : null;
+  if (l != null) {
+    var h = l === "y" ? "height" : "width";
+    switch (s) {
+      case ct:
+        c[l] = c[l] - (t[h] / 2 - i[h] / 2);
+        break;
+      case wt:
+        c[l] = c[l] + (t[h] / 2 - i[h] / 2);
+        break;
+    }
+  }
+  return c;
+}
+function xt(e, t) {
+  t === void 0 && (t = {});
+  var i = t, n = i.placement, o = n === void 0 ? e.placement : n, s = i.strategy, a = s === void 0 ? e.strategy : s, r = i.boundary, c = r === void 0 ? dn : r, l = i.rootBoundary, h = l === void 0 ? Ye : l, u = i.elementContext, f = u === void 0 ? vt : u, d = i.altBoundary, y = d === void 0 ? !1 : d, g = i.padding, v = g === void 0 ? 0 : g, x = Te(typeof v != "number" ? v : Ae(v, It)), C = f === vt ? un : vt, O = e.rects.popper, b = e.elements[y ? C : f], w = Fn(st(b) ? b : b.contextElement || et(e.elements.popper), c, h, a), m = ht(e.elements.reference), I = Me({
+    reference: m,
+    element: O,
+    strategy: "absolute",
+    placement: o
+  }), E = Bt(Object.assign({}, O, I)), S = f === vt ? E : m, Y = {
+    top: w.top - S.top + x.top,
+    bottom: S.bottom - w.bottom + x.bottom,
+    left: w.left - S.left + x.left,
+    right: S.right - w.right + x.right
+  }, X = e.modifiersData.offset;
+  if (f === vt && X) {
+    var W = X[o];
+    Object.keys(Y).forEach(function(L) {
+      var U = [$, N].indexOf(L) >= 0 ? 1 : -1, K = [k, N].indexOf(L) >= 0 ? "y" : "x";
+      Y[L] += W[K] * U;
+    });
+  }
+  return Y;
+}
+function Gn(e, t) {
+  t === void 0 && (t = {});
+  var i = t, n = i.placement, o = i.boundary, s = i.rootBoundary, a = i.padding, r = i.flipVariations, c = i.allowedAutoPlacements, l = c === void 0 ? Re : c, h = dt(n), u = h ? r ? me : me.filter(function(y) {
+    return dt(y) === h;
+  }) : It, f = u.filter(function(y) {
+    return l.indexOf(y) >= 0;
+  });
+  f.length === 0 && (f = u);
+  var d = f.reduce(function(y, g) {
+    return y[g] = xt(e, {
+      placement: g,
+      boundary: o,
+      rootBoundary: s,
+      padding: a
+    })[G(g)], y;
+  }, {});
+  return Object.keys(d).sort(function(y, g) {
+    return d[y] - d[g];
+  });
+}
+function zn(e) {
+  if (G(e) === Zt)
+    return [];
+  var t = Yt(e);
+  return [ye(e), t, ye(t)];
+}
+function Un(e) {
+  var t = e.state, i = e.options, n = e.name;
+  if (!t.modifiersData[n]._skip) {
+    for (var o = i.mainAxis, s = o === void 0 ? !0 : o, a = i.altAxis, r = a === void 0 ? !0 : a, c = i.fallbackPlacements, l = i.padding, h = i.boundary, u = i.rootBoundary, f = i.altBoundary, d = i.flipVariations, y = d === void 0 ? !0 : d, g = i.allowedAutoPlacements, v = t.options.placement, x = G(v), C = x === v, O = c || (C || !y ? [Yt(v)] : zn(v)), b = [v].concat(O).reduce(function(j, V) {
+      return j.concat(G(V) === Zt ? Gn(t, {
+        placement: V,
+        boundary: h,
+        rootBoundary: u,
+        padding: l,
+        flipVariations: y,
+        allowedAutoPlacements: g
+      }) : V);
+    }, []), w = t.rects.reference, m = t.rects.popper, I = /* @__PURE__ */ new Map(), E = !0, S = b[0], Y = 0; Y < b.length; Y++) {
+      var X = b[Y], W = G(X), L = dt(X) === ct, U = [k, N].indexOf(W) >= 0, K = U ? "width" : "height", P = xt(t, {
+        placement: X,
+        boundary: h,
+        rootBoundary: u,
+        altBoundary: f,
+        padding: l
+      }), H = U ? L ? $ : M : L ? N : k;
+      w[K] > m[K] && (H = Yt(H));
+      var rt = Yt(H), q = [];
+      if (s && q.push(P[W] <= 0), r && q.push(P[H] <= 0, P[rt] <= 0), q.every(function(j) {
+        return j;
+      })) {
+        S = X, E = !1;
+        break;
+      }
+      I.set(X, q);
+    }
+    if (E)
+      for (var at = y ? 3 : 1, ut = function(V) {
+        var tt = b.find(function(it) {
+          var F = I.get(it);
+          if (F)
+            return F.slice(0, V).every(function(pt) {
+              return pt;
+            });
+        });
+        if (tt)
+          return S = tt, "break";
+      }, Q = at; Q > 0; Q--) {
+        var _ = ut(Q);
+        if (_ === "break") break;
+      }
+    t.placement !== S && (t.modifiersData[n]._skip = !0, t.placement = S, t.reset = !0);
+  }
+}
+const Kn = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: Un,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function we(e, t, i) {
+  return i === void 0 && (i = {
+    x: 0,
+    y: 0
+  }), {
+    top: e.top - t.height - i.y,
+    right: e.right - t.width + i.x,
+    bottom: e.bottom - t.height + i.y,
+    left: e.left - t.width - i.x
+  };
+}
+function xe(e) {
+  return [k, $, N, M].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function qn(e) {
+  var t = e.state, i = e.name, n = t.rects.reference, o = t.rects.popper, s = t.modifiersData.preventOverflow, a = xt(t, {
+    elementContext: "reference"
+  }), r = xt(t, {
+    altBoundary: !0
+  }), c = we(a, n), l = we(r, o, s), h = xe(c), u = xe(l);
+  t.modifiersData[i] = {
+    referenceClippingOffsets: c,
+    popperEscapeOffsets: l,
+    isReferenceHidden: h,
+    hasPopperEscaped: u
+  }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-reference-hidden": h,
+    "data-popper-escaped": u
+  });
+}
+const Jn = {
+  name: "hide",
+  enabled: !0,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: qn
+};
+function Qn(e, t, i) {
+  var n = G(e), o = [M, k].indexOf(n) >= 0 ? -1 : 1, s = typeof i == "function" ? i(Object.assign({}, t, {
+    placement: e
+  })) : i, a = s[0], r = s[1];
+  return a = a || 0, r = (r || 0) * o, [M, $].indexOf(n) >= 0 ? {
+    x: r,
+    y: a
+  } : {
+    x: a,
+    y: r
+  };
+}
+function _n(e) {
+  var t = e.state, i = e.options, n = e.name, o = i.offset, s = o === void 0 ? [0, 0] : o, a = Re.reduce(function(h, u) {
+    return h[u] = Qn(u, t.rects, s), h;
+  }, {}), r = a[t.placement], c = r.x, l = r.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += c, t.modifiersData.popperOffsets.y += l), t.modifiersData[n] = a;
+}
+const to = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: _n
+};
+function eo(e) {
+  var t = e.state, i = e.name;
+  t.modifiersData[i] = Me({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    strategy: "absolute",
+    placement: t.placement
+  });
+}
+const io = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: eo,
+  data: {}
+};
+function no(e) {
+  return e === "x" ? "y" : "x";
+}
+function oo(e) {
+  var t = e.state, i = e.options, n = e.name, o = i.mainAxis, s = o === void 0 ? !0 : o, a = i.altAxis, r = a === void 0 ? !1 : a, c = i.boundary, l = i.rootBoundary, h = i.altBoundary, u = i.padding, f = i.tether, d = f === void 0 ? !0 : f, y = i.tetherOffset, g = y === void 0 ? 0 : y, v = xt(t, {
+    boundary: c,
+    rootBoundary: l,
+    padding: u,
+    altBoundary: h
+  }), x = G(t.placement), C = dt(t.placement), O = !C, b = $t(x), w = no(b), m = t.modifiersData.popperOffsets, I = t.rects.reference, E = t.rects.popper, S = typeof g == "function" ? g(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : g, Y = typeof S == "number" ? {
+    mainAxis: S,
+    altAxis: S
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, S), X = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, W = {
+    x: 0,
+    y: 0
+  };
+  if (m) {
+    if (s) {
+      var L, U = b === "y" ? k : M, K = b === "y" ? N : $, P = b === "y" ? "height" : "width", H = m[b], rt = H + v[U], q = H - v[K], at = d ? -E[P] / 2 : 0, ut = C === ct ? I[P] : E[P], Q = C === ct ? -E[P] : -I[P], _ = t.elements.arrow, j = d && _ ? Nt(_) : {
+        width: 0,
+        height: 0
+      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Pe(), tt = V[U], it = V[K], F = yt(0, I[P], j[P]), pt = O ? I[P] / 2 - at - F - tt - Y.mainAxis : ut - F - tt - Y.mainAxis, ft = O ? -I[P] / 2 + at + F + it + Y.mainAxis : Q + F + it + Y.mainAxis, mt = t.elements.arrow && Ct(t.elements.arrow), Tt = mt ? b === "y" ? mt.clientTop || 0 : mt.clientLeft || 0 : 0, Gt = (L = X == null ? void 0 : X[b]) != null ? L : 0, We = H + pt - Gt - Tt, He = H + ft - Gt, zt = yt(d ? Xt(rt, We) : rt, H, d ? ot(q, He) : q);
+      m[b] = zt, W[b] = zt - H;
+    }
+    if (r) {
+      var Ut, Be = b === "x" ? k : M, Ze = b === "x" ? N : $, nt = m[w], Ot = w === "y" ? "height" : "width", Kt = nt + v[Be], qt = nt - v[Ze], At = [k, M].indexOf(x) !== -1, Jt = (Ut = X == null ? void 0 : X[w]) != null ? Ut : 0, Qt = At ? Kt : nt - I[Ot] - E[Ot] - Jt + Y.altAxis, _t = At ? nt + I[Ot] + E[Ot] - Jt - Y.altAxis : qt, te = d && At ? Rn(Qt, nt, _t) : yt(d ? Qt : Kt, nt, d ? _t : qt);
+      m[w] = te, W[w] = te - nt;
+    }
+    t.modifiersData[n] = W;
+  }
+}
+const so = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: oo,
+  requiresIfExists: ["offset"]
+};
+function ro(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function ao(e) {
+  return e === Z(e) || !D(e) ? Vt(e) : ro(e);
+}
+function co(e) {
+  var t = e.getBoundingClientRect(), i = lt(t.width) / e.offsetWidth || 1, n = lt(t.height) / e.offsetHeight || 1;
+  return i !== 1 || n !== 1;
+}
+function lo(e, t, i) {
+  i === void 0 && (i = !1);
+  var n = D(t), o = D(t) && co(t), s = et(t), a = ht(e, o, i), r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = {
+    x: 0,
+    y: 0
+  };
+  return (n || !n && !i) && ((z(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Ft(s)) && (r = ao(t)), D(t) ? (c = ht(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : s && (c.x = jt(s))), {
+    x: a.left + r.scrollLeft - c.x,
+    y: a.top + r.scrollTop - c.y,
+    width: a.width,
+    height: a.height
+  };
+}
+function ho(e) {
+  var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), n = [];
+  e.forEach(function(s) {
+    t.set(s.name, s);
+  });
+  function o(s) {
+    i.add(s.name);
+    var a = [].concat(s.requires || [], s.requiresIfExists || []);
+    a.forEach(function(r) {
+      if (!i.has(r)) {
+        var c = t.get(r);
+        c && o(c);
+      }
+    }), n.push(s);
+  }
+  return e.forEach(function(s) {
+    i.has(s.name) || o(s);
+  }), n;
+}
+function uo(e) {
+  var t = ho(e);
+  return In.reduce(function(i, n) {
+    return i.concat(t.filter(function(o) {
+      return o.phase === n;
+    }));
+  }, []);
+}
+function po(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(i) {
+      Promise.resolve().then(function() {
+        t = void 0, i(e());
+      });
+    })), t;
+  };
+}
+function fo(e) {
+  var t = e.reduce(function(i, n) {
+    var o = i[n.name];
+    return i[n.name] = o ? Object.assign({}, o, n, {
+      options: Object.assign({}, o.options, n.options),
+      data: Object.assign({}, o.data, n.data)
+    }) : n, i;
+  }, {});
+  return Object.keys(t).map(function(i) {
+    return t[i];
+  });
+}
+var Ie = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Ce() {
+  for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
+    t[i] = arguments[i];
+  return !t.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
+  });
+}
+function mo(e) {
+  e === void 0 && (e = {});
+  var t = e, i = t.defaultModifiers, n = i === void 0 ? [] : i, o = t.defaultOptions, s = o === void 0 ? Ie : o;
+  return function(r, c, l) {
+    l === void 0 && (l = s);
+    var h = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Ie, s),
+      modifiersData: {},
+      elements: {
+        reference: r,
+        popper: c
+      },
+      attributes: {},
+      styles: {}
+    }, u = [], f = !1, d = {
+      state: h,
+      setOptions: function(x) {
+        var C = typeof x == "function" ? x(h.options) : x;
+        g(), h.options = Object.assign({}, s, h.options, C), h.scrollParents = {
+          reference: st(r) ? bt(r) : r.contextElement ? bt(r.contextElement) : [],
+          popper: bt(c)
+        };
+        var O = uo(fo([].concat(n, h.options.modifiers)));
+        return h.orderedModifiers = O.filter(function(b) {
+          return b.enabled;
+        }), y(), d.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!f) {
+          var x = h.elements, C = x.reference, O = x.popper;
+          if (Ce(C, O)) {
+            h.rects = {
+              reference: lo(C, Ct(O), h.options.strategy === "fixed"),
+              popper: Nt(O)
+            }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(Y) {
+              return h.modifiersData[Y.name] = Object.assign({}, Y.data);
+            });
+            for (var b = 0; b < h.orderedModifiers.length; b++) {
+              if (h.reset === !0) {
+                h.reset = !1, b = -1;
+                continue;
+              }
+              var w = h.orderedModifiers[b], m = w.fn, I = w.options, E = I === void 0 ? {} : I, S = w.name;
+              typeof m == "function" && (h = m({
+                state: h,
+                options: E,
+                name: S,
+                instance: d
+              }) || h);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: po(function() {
+        return new Promise(function(v) {
+          d.forceUpdate(), v(h);
+        });
+      }),
+      destroy: function() {
+        g(), f = !0;
+      }
+    };
+    if (!Ce(r, c))
+      return d;
+    d.setOptions(l).then(function(v) {
+      !f && l.onFirstUpdate && l.onFirstUpdate(v);
+    });
+    function y() {
+      h.orderedModifiers.forEach(function(v) {
+        var x = v.name, C = v.options, O = C === void 0 ? {} : C, b = v.effect;
+        if (typeof b == "function") {
+          var w = b({
+            state: h,
+            name: x,
+            instance: d,
+            options: O
+          }), m = function() {
+          };
+          u.push(w || m);
+        }
+      });
+    }
+    function g() {
+      u.forEach(function(v) {
+        return v();
+      }), u = [];
+    }
+    return d;
+  };
+}
+var vo = [Bn, io, Wn, En, to, Kn, so, Tn, Jn], go = /* @__PURE__ */ mo({
+  defaultModifiers: vo
+});
+class yo {
+  constructor(t, i, n) {
+    ee(this, "updateHotspotPosition", (t, i) => {
+      this.currentActiveIndex = t, this.currentOrientation = i;
+      const n = on(this.hotspotsConfig, t, i);
+      this.hideHotspots(), n.forEach((o) => this.updateAndShowHotspot(o, t));
+    });
+    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = Mi(this.container), this.hotspotsConfig = ln(t), this.shouldHidePopper = !0, this.hidePopper = this.hidePopper.bind(this), this.imageAspectRatio = n;
+    const { containerSize: o } = t[0];
+    this.initialContainerSize = o || [i.offsetWidth, i.offsetHeight], this.initHotspots(), this.observeContainerResize();
+  }
+  observeContainerResize() {
+    this.resizeObserver = new ResizeObserver(() => {
+      const t = this.container.offsetWidth, i = this.container.offsetHeight;
+      this.updateHotspotsForResize(t, i);
+    }), this.resizeObserver.observe(this.container);
+  }
+  updateHotspotsForResize(t, i) {
+    this.hotspotsConfig = hn({
+      newWidth: t,
+      newHeight: i,
+      initialContainerSize: this.initialContainerSize,
+      imageAspectRatio: this.imageAspectRatio,
+      hotspotsConfig: this.hotspotsConfig
+    }), this.updateHotspotPosition(this.currentActiveIndex, this.currentOrientation);
+  }
+  showPopper({ hotspotElement: t, content: i, id: n, keepOpen: o }) {
+    this.popperInstance && this.popperInstance.instanceId !== n && this.hidePopper();
+    const s = {
+      placement: "top",
+      modifiers: an(this.container)
+    };
+    this.popper = cn(i, n), this.popper.setAttribute("data-show", ""), this.popper.addEventListener("mouseenter", () => {
+      this.shouldHidePopper = !1;
+    }), this.popper.addEventListener("mouseleave", () => {
+      this.shouldHidePopper = !0, this.checkAndHidePopper();
+    }), t.addEventListener("mouseleave", () => {
+      this.shouldHidePopper = !0, this.checkAndHidePopper();
+    }), t.addEventListener("mouseenter", () => {
+      this.shouldHidePopper = !1, this.hidePopperTimeout && clearTimeout(this.hidePopperTimeout);
+    }), this.popperInstance = {
+      ...go(t, this.popper, s),
+      keepOpen: o,
+      instanceId: n
+    };
+  }
+  checkAndHidePopper() {
+    var t;
+    this.shouldHidePopper && !((t = this.popperInstance) != null && t.keepOpen) && (this.hidePopperTimeout = setTimeout(() => {
+      this.shouldHidePopper && this.hidePopper();
+    }, 150));
+  }
+  hidePopper() {
+    this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = null), this.popper && (this.popper.removeAttribute("data-show"), setTimeout(() => {
+      this.popper && this.popper.remove(), this.popper = null;
+    }, 200));
+  }
+  createHotspot(t) {
+    const { id: i, content: n, keepOpen: o, onClick: s } = t, a = sn(i);
+    s && (a.style.cursor = "pointer"), a.onclick = (r) => {
+      r.stopPropagation(), s == null || s(r, this.popperInstance, i);
+    }, n && a.addEventListener(
+      "mouseenter",
+      () => this.showPopper({ hotspotElement: a, content: n, id: i, keepOpen: o })
+    ), this.hotspotsContainer.appendChild(a);
+  }
+  hideHotspots() {
+    this.hotspotsContainer.querySelectorAll(".cloudimage-360-hotspot").forEach((t) => {
+      t.style.opacity = 0, t.style.pointerEvents = "none";
+    });
+  }
+  updateAndShowHotspot(t, i) {
+    const { positions: n, id: o } = t, { x: s, y: a } = n[i] ?? {}, r = this.hotspotsContainer.querySelector(`[data-hotspot-id="${o}"]`);
+    r && (r.style.translate = `${s}px ${a}px`, r.style.opacity = 1, r.style.pointerEvents = "all");
+  }
+  createAllHotspots() {
+    this.hotspotsConfig.forEach((t) => this.createHotspot(t));
+  }
+  initHotspots() {
+    this.createAllHotspots();
+  }
+  destroy() {
+    this.resizeObserver.disconnect(), this.hidePopper(), this.hotspotsContainer.innerHTML = "";
+  }
+}
+class Lt {
+  constructor(t, i, n) {
+    this.container = t, this.isClicked = !1, this.fullscreenView = !!n, this.imagesX = [], this.imagesY = [], this.devicePixelRatio = Math.round(window.devicePixelRatio || 1), this.id = t.id, this.movementStart = { x: 0, y: 0 }, this.draggingDirection = null, this.isReady = !1, this.currentZoomScale = 1, this.touchDevice = Qi(), this.canvasWorker = new en(), this.onMoveHandler = this.onMoveHandler.bind(this), this.destroy = this.destroy.bind(this), this.init(this.container, i);
+  }
+  mouseDown(t) {
+    if (!this.isReady || this.glass) return;
+    const { pageX: i, pageY: n } = t;
+    (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), this.movementStart = { x: i, y: n }, this.isClicked = !0, this.isDragging = !1;
+  }
+  mouseUp() {
+    this.isReady && (this.isZoomed || this.showAllIcons(), this.movementStart = { x: 0, y: 0 }, this.isClicked = !1, this.innerBox.style.cursor = "grab");
+  }
+  drag(t, i) {
+    if (!this.isReady || !this.isClicked) return;
+    const n = t - this.movementStart.x, o = i - this.movementStart.y;
+    this.draggingDirection = Ji({
+      deltaX: n,
+      deltaY: o,
+      reversed: this.dragReverse,
+      allowSpinX: this.allowSpinX,
+      allowSpinY: this.allowSpinY
+    }) || this.draggingDirection;
+    const s = this.fullscreenView ? document.body : this.container, a = this.dragSpeed / 50, r = a * (this.amountX / s.offsetWidth), c = a * (this.amountY / s.offsetHeight), l = this.allowSpinX ? Math.abs(Math.round(n * r)) : 0, h = this.allowSpinY ? Math.abs(Math.round(o * c)) : 0;
+    (this.allowSpinX && l !== 0 || this.allowSpinY && h !== 0) && (this.hideHotspotPopper(), this.onMoveHandler(this.draggingDirection, l, h), this.movementStart = { x: t, y: i }, setTimeout(() => {
+      this.isDragging = !0;
+    }, 150));
+  }
+  mouseMove(t) {
+    !this.isReady || !this.isClicked && !this.isZoomed || this.glass || (this.hideAllIcons(), this.drag(t.pageX, t.pageY), this.isZoomed && this.applyZoom(t));
+  }
+  mouseClick(t) {
+    if (!(!this.isReady || this.isDragging)) {
+      if (this.glass && this.magnified) {
+        this.removeGlass();
+        return;
+      }
+      this.pointerZoom && !this.glass && !this.touchDevice && this.toggleZoom(t);
+    }
+  }
+  loadHigherQualityImages(t, i) {
+    const n = gt(this.srcXConfig, t), o = this.allowSpinY ? gt(this.srcYConfig, t) : null;
+    ae({
+      cdnPathX: n,
+      cdnPathY: o,
+      configX: this.srcXConfig,
+      configY: this.srcYConfig,
+      onAllImagesLoad: (s, a) => {
+        this.imagesX = s, this.imagesY = a, i();
+      }
+    });
+  }
+  hideHotspots() {
+    this.hotspotsInstance && this.hotspotsInstance.hideHotspots();
+  }
+  hideHotspotPopper() {
+    this.hotspotsInstance && this.hotspotsInstance.hidePopper();
+  }
+  toggleZoom(t) {
+    if (this.isZoomed)
+      this.showTransitionOverlay(), setTimeout(() => {
+        this.removeZoom();
+      }, 800);
+    else {
+      let i = (this.fullscreenView || this.pointerZoom ? document.body : this.container).offsetWidth;
+      this.hideHotspots(), this.showLoadingSpinner(), this.loadHigherQualityImages(i, () => {
+        this.showTransitionOverlay(), setTimeout(() => {
+          this.applyZoom(t);
+        }, 800);
+      });
+    }
+  }
+  removeZoom() {
+    this.isZoomed = !1, this.updateView(), this.showAllIcons(), this.hideTransitionOverlay();
+  }
+  applyZoom(t) {
+    const { offsetX: i, offsetY: n } = Fi(t, this.canvas, this.devicePixelRatio);
+    this.isZoomed = !0, this.hideAllIcons(), this.hideLoadingSpinner(), this.hideTransitionOverlay(), this.updateView(this.pointerZoom, i, n);
+  }
+  touchOutside(t) {
+    if (!this.glass) return;
+    !this.canvas.contains(t.target) && this.removeGlass();
+  }
+  touchStart(t) {
+    if (!this.isReady || t.touches.length > 1 || this.glass) return;
+    const { pageX: i, pageY: n } = t.touches[0];
+    (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), this.hideAllIcons(), this.movementStart = { x: i, y: n }, this.isClicked = !0;
+  }
+  touchEnd() {
+    this.isReady && (this.showAllIcons(), this.movementStart = { x: 0, y: 0 }, this.isClicked = !1);
+  }
+  touchMove(t) {
+    if (!this.isReady || !this.isClicked || this.glass) return;
+    const { pageX: i, pageY: n } = t.touches[0];
+    t.preventDefault(), this.drag(i, n);
+  }
+  keyDown(t) {
+    if (!this.isReady) return;
+    const { keyCode: i } = t, n = this.keysReverse;
+    switch (this.autoplay && this.stopAutoplay(), pe(i, this.allowSpinY) && this.hideAllIcons(), i) {
+      case 37:
+        n ? this.moveLeft() : this.moveRight();
+        break;
+      case 39:
+        n ? this.moveRight() : this.moveLeft();
+        break;
+      case 38:
+        this.allowSpinY && (t.preventDefault(), n ? this.moveTop() : this.moveBottom());
+        break;
+      case 40:
+        this.allowSpinY && (t.preventDefault(), n ? this.moveBottom() : this.moveTop());
+        break;
+    }
+  }
+  keyUp(t) {
+    const { keyCode: i } = t;
+    pe(i, this.allowSpinY) && this.showAllIcons();
+  }
+  moveActiveXIndexUp(t) {
+    this.orientation = A.X, this.activeImageX = (this.activeImageX + t) % this.amountX;
+  }
+  moveActiveXIndexDown(t) {
+    this.orientation = A.X, this.activeImageX = (this.activeImageX - t + this.amountX) % this.amountX;
+  }
+  moveActiveYIndexUp(t) {
+    this.orientation = A.Y, this.activeImageY = (this.activeImageY + t) % this.amountY;
+  }
+  moveActiveYIndexDown(t) {
+    this.orientation = A.Y, this.activeImageY = (this.activeImageY - t + this.amountY) % this.amountY;
+  }
+  moveRight(t, i = 1) {
+    t && this.activeImageX >= this.imagesX.length - 1 || (this.moveActiveXIndexUp(i), this.isZoomed || this.updateView());
+  }
+  moveLeft(t, i = 1) {
+    t && this.activeImageX <= 0 || (this.moveActiveXIndexDown(i), this.isZoomed || this.updateView());
+  }
+  moveTop(t, i = 1) {
+    t && this.activeImageY >= this.imagesY.length - 1 || (this.moveActiveYIndexUp(i), this.isZoomed || this.updateView());
+  }
+  moveBottom(t, i = 1) {
+    t && this.activeImageY <= 0 || (this.moveActiveYIndexDown(i), this.isZoomed || this.updateView());
+  }
+  onMoveHandler(t, i = 1, n = 1) {
+    t === "right" ? this.moveRight(this.stopAtEdges, i) : t === "left" ? this.moveLeft(this.stopAtEdges, i) : t === "up" ? this.moveTop(this.stopAtEdges, n) : t === "down" && this.moveBottom(this.stopAtEdges, n);
+  }
+  updateView(t, i, n) {
+    const o = this.orientation === A.X ? this.activeImageX : this.activeImageY, s = this.orientation === A.X ? this.imagesX[this.activeImageX] : this.imagesY[this.activeImageY];
+    this.hotspotsInstance && !this.isZoomed && !this.autoplay && this.hotspotsInstance.updateHotspotPosition(o, this.orientation), this.drawImageOnCanvas(s, t, i, n);
+  }
+  updatePercentageInLoader(t = 0) {
+    this.loader && (this.loader.innerText = t + "%");
+  }
+  adaptCanvasSize(t) {
+    const { naturalWidth: i, naturalHeight: n } = t;
+    this.imageAspectRatio = i / n;
+    const o = this.fullscreenView ? window.innerWidth : this.canvas.clientWidth, s = this.fullscreenView ? window.innerHeight : this.canvas.clientHeight;
+    this.canvasWorker.postMessage({
+      action: "adaptCanvasSize",
+      devicePixelRatio: this.devicePixelRatio,
+      imageAspectRatio: this.imageAspectRatio,
+      containerWidth: o,
+      containerHeight: s
+    });
+  }
+  drawImageOnCanvas(t, i = 1, n = 0, o = 0) {
+    this.canvasWorker.postMessage({
+      action: "drawImageOnCanvas",
+      imageData: t,
+      zoomScale: i,
+      pointerX: n,
+      pointerY: o
+    });
+  }
+  pushImageToSet(t, i, n) {
+    n === A.X ? this.imagesX[i] = t : this.imagesY[i] = t;
+  }
+  calculatePercentage() {
+    const t = this.amountX + this.amountY, i = this.imagesX.length + this.imagesY.length;
+    return Math.round(i / t * 100);
+  }
+  onImageLoad(t, i, n) {
+    this.pushImageToSet(t, i, n), this.updatePercentageInLoader(this.calculatePercentage());
+  }
+  onFirstImageLoaded(t, i) {
+    this.createContainers(t), this.adaptCanvasSize(i), this.drawImageOnCanvas(i);
+  }
+  onAllImagesLoaded() {
+    this.addAllIcons(), this.hotspots && (this.hotspotsInstance = new yo(this.hotspots, this.innerBox, this.imageAspectRatio)), this.isReady = !0, this.amountX = this.imagesX.length, this.amountY = this.imagesY.length, this.activeImageX = this.autoplayReverse ? this.amountX - 1 : 0, this.activeImageY = this.autoplayReverse ? this.amountY - 1 : 0, this.autoplay && (this.hideAllIcons(), _i(this.play.bind(this))());
+  }
+  magnify(t) {
+    t.stopPropagation();
+    const { src: i } = this.orientation === A.Y ? this.imagesY[this.activeImageY] : this.imagesX[this.activeImageX], o = (this.fullscreenView ? document.body : this.container).offsetWidth * this.magnifier, s = yi(i, o);
+    this.showLoadingSpinner(), this.createGlass(), $i(s, (r) => {
+      this.hideLoadingSpinner(), this.magnified = !0, ji(t, this.innerBox, this.offset, r, this.glass, this.magnifier);
+    });
+  }
+  openFullscreenModal(t) {
+    t.stopPropagation();
+    const i = Ti(this.container);
+    new Lt(i, this.viewerConfig, !0);
+  }
+  closeFullscreenModal(t) {
+    t.stopPropagation(), document.body.removeChild(this.container.parentNode), window.document.body.style.overflow = "visible";
+  }
+  play() {
+    if (this.isClicked) return;
+    this.hide360ViewCircleIcon();
+    const t = this.speed * 36 / (this.amountX + this.amountY), i = {
+      left: this.moveLeft.bind(this),
+      right: this.moveRight.bind(this),
+      top: this.moveTop.bind(this),
+      bottom: this.moveBottom.bind(this)
+    };
+    this.loopTimeoutId = window.setInterval(() => {
+      if (this.playOnce && zi({
+        autoplayBehavior: this.autoplayBehavior,
+        activeImageX: this.activeImageX,
+        activeImageY: this.activeImageY,
+        amountX: this.amountX,
+        amountY: this.amountY,
+        autoplayReverse: this.autoplayReverse
+      })) {
+        this.stopAutoplay();
+        return;
+      }
+      Ui({
+        autoplayBehavior: this.autoplayBehavior,
+        activeImageX: this.activeImageX,
+        activeImageY: this.activeImageY,
+        amountX: this.amountX,
+        amountY: this.amountY,
+        autoplayReverse: this.autoplayReverse,
+        spinDirection: this.spinDirection
+      }) && (this.spinDirection = qi(this.spinDirection));
+      const s = this.spinDirection === "y";
+      Gi({
+        autoplayBehavior: this.autoplayBehavior,
+        spinY: s,
+        reversed: this.autoplayReverse,
+        loopTriggers: i
+      });
+    }, t);
+  }
+  stopAutoplay() {
+    this.showAllIcons(), this.autoplay = !1, window.clearTimeout(this.loopTimeoutId);
+  }
+  destroy() {
+    this.stopAutoplay(), this.hotspotsInstance && this.hotspotsInstance.destroy();
+    const t = this.container, i = t.cloneNode(!0), n = i.querySelector(".cloudimage-360-inner-box");
+    i.removeChild(n), t.parentNode.replaceChild(i, t);
+  }
+  addInitialIcon() {
+    this.initialIcon || (this.initialIcon = Ii(), this.innerBox.appendChild(this.initialIcon));
+  }
+  showInitialIcon() {
+    this.initialIcon && (this.initialIcon.style.opacity = 1);
+  }
+  hideInitialIcon() {
+    this.initialIcon && (this.initialIcon.style.opacity = 0);
+  }
+  createGlass() {
+    this.hideAllIcons(), this.glass = document.createElement("div"), this.innerBox.appendChild(this.glass), this.innerBox.style.cursor = "default";
+  }
+  removeGlass() {
+    this.showAllIcons(), this.innerBox.removeChild(this.glass), this.glass = null, this.magnified = !1;
+  }
+  addMagnifierIcon() {
+    this.magnifier && (this.magnifierIcon = Li(), this.magnifierIcon.onclick = this.magnify.bind(this), this.iconsContainer.appendChild(this.magnifierIcon));
+  }
+  showMagnifierIcon() {
+    this.magnifierIcon && (this.magnifierIcon.style.visibility = "visible", this.magnifierIcon.style.opacity = 1);
+  }
+  hideMagnifierIcon() {
+    this.magnifierIcon && (this.magnifierIcon.style.visibility = "hidden", this.magnifierIcon.style.opacity = 0);
+  }
+  addFullscreenIcon() {
+    this.fullscreen && (this.fullscreenIcon = Yi(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
+  }
+  addCloseFullscreenIcon() {
+    this.fullscreenCloseIcon = Ei(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
+  }
+  showFullscreenIcon() {
+    this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 1);
+  }
+  hideFullscreenIcon() {
+    this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 0);
+  }
+  add360ViewCircleIcon() {
+    this.view360CircleIcon || (this.view360CircleIcon = xi(this.bottomCircleOffset), this.innerBox.appendChild(this.view360CircleIcon));
+  }
+  show360ViewCircleIcon() {
+    this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 1);
+  }
+  hide360ViewCircleIcon() {
+    this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 0);
+  }
+  addLoadingSpinner() {
+    this.loadingSpinner = Ai(), this.innerBox.appendChild(this.loadingSpinner);
+  }
+  showLoadingSpinner() {
+    this.loadingSpinner && (this.hideAllIcons(), this.loadingSpinner.style.opacity = 1);
+  }
+  createTransitionOverlay() {
+    this.transitionOverlay = ki(), this.innerBox.appendChild(this.transitionOverlay);
+  }
+  showTransitionOverlay() {
+    this.transitionOverlay && (this.hideAllIcons(), this.transitionOverlay.style.opacity = 1);
+  }
+  hideTransitionOverlay() {
+    this.transitionOverlay && (this.transitionOverlay.style.opacity = 0);
+  }
+  hideLoadingSpinner() {
+    this.loadingSpinner && (this.loadingSpinner.style.opacity = 0);
+  }
+  remove360ViewCircleIcon() {
+    this.view360CircleIcon && (this.innerBox.removeChild(this.view360CircleIcon), this.view360CircleIcon = null);
+  }
+  addAllIcons() {
+    this.removeLoader(), this.innerBox.style.cursor = "grab", this.pointerZoom && (this.createTransitionOverlay(), this.addLoadingSpinner()), !this.fullscreenView && !this.touchDevice && this.addMagnifierIcon(), this.fullscreenView || this.addFullscreenIcon(), this.initialIconShown && this.addInitialIcon(), this.bottomCircle || this.add360ViewCircleIcon();
+  }
+  showAllIcons() {
+    this.showInitialIcon(), this.show360ViewCircleIcon(), this.showMagnifierIcon(), this.showFullscreenIcon();
+  }
+  hideAllIcons() {
+    this.hideInitialIcon(), this.hide360ViewCircleIcon(), this.hideMagnifierIcon(), this.hideFullscreenIcon();
+  }
+  removeLoader() {
+    this.loader && (this.innerBox.removeChild(this.loader), this.loader = null);
+  }
+  attachEvents(t, i, n) {
+    t && this.addMouseEvents(), i && this.addTouchEvents(), n && this.addKeyboardEvents();
+  }
+  removeEvents() {
+    this.removeMouseEvents(), this.removeTouchEvents(), this.removeKeyboardEvents();
+  }
+  addMouseEvents() {
+    this.boundMouseClick = this.mouseClick.bind(this), this.boundMouseDown = this.mouseDown.bind(this), this.boundMouseMove = oe(this.mouseMove.bind(this), se), this.boundMouseUp = this.mouseUp.bind(this), this.innerBox.addEventListener("click", this.boundMouseClick), this.innerBox.addEventListener("mousedown", this.boundMouseDown), document.addEventListener("mousemove", this.boundMouseMove), document.addEventListener("mouseup", this.boundMouseUp);
+  }
+  addTouchEvents() {
+    this.boundTouchOutside = this.touchOutside.bind(this), this.boundTouchStart = this.touchStart.bind(this), this.boundTouchEnd = this.touchEnd.bind(this), this.boundTouchMove = oe(this.touchMove.bind(this), se), document.addEventListener("touchstart", this.boundTouchOutside), this.container.addEventListener("touchstart", this.boundTouchStart), this.container.addEventListener("touchend", this.boundTouchEnd), this.container.addEventListener("touchmove", this.boundTouchMove);
+  }
+  addKeyboardEvents() {
+    this.boundKeyDown = this.keyDown.bind(this), this.boundKeyUp = this.keyUp.bind(this), document.addEventListener("keydown", this.boundKeyDown), document.addEventListener("keyup", this.boundKeyUp);
+  }
+  removeMouseEvents() {
+    this.innerBox.removeEventListener("click", this.boundMouseClick), this.innerBox.removeEventListener("mousedown", this.boundMouseDown), document.removeEventListener("mousemove", this.boundMouseMove), document.removeEventListener("mouseup", this.boundMouseUp);
+  }
+  removeTouchEvents() {
+    document.removeEventListener("touchstart", this.boundTouchOutside), this.container.removeEventListener("touchstart", this.boundTouchStart), this.container.removeEventListener("touchend", this.boundTouchEnd), this.container.removeEventListener("touchmove", this.boundTouchMove);
+  }
+  removeKeyboardEvents() {
+    document.removeEventListener("keydown", this.boundKeyDown), document.removeEventListener("keyup", this.boundKeyUp);
+  }
+  createContainers(t) {
+    this.iconsContainer = ce(this.innerBox), this.canvas = Ci(this.innerBox, t), this.loader = Pi(this.innerBox);
+    const i = this.canvas.transferControlToOffscreen();
+    this.canvasWorker.postMessage(
+      {
+        action: "initCanvas",
+        offscreen: i,
+        devicePixelRatio: this.devicePixelRatio
+      },
+      [i]
+    ), this.fullscreenView && this.addCloseFullscreenIcon(), Wt(this.innerBox, ".cloudimage-360-placeholder");
+  }
+  update(t) {
+    this.isReady && (this.stopAutoplay(), Wt(this.innerBox, ".cloudimage-360-icons-container"), this.init(this.container, t, !0), this.iconsContainer = ce(this.innerBox), this.onAllImagesLoaded());
+  }
+  init(t, i, n) {
+    const o = i ? ui(i) : di(t), {
+      folder: s,
+      apiVersion: a,
+      filenameX: r,
+      filenameY: c,
+      imageListX: l,
+      imageListY: h,
+      indexZeroBase: u,
+      amountX: f,
+      amountY: d,
+      draggable: y = !0,
+      swipeable: g = !0,
+      keys: v,
+      keysReverse: x,
+      bottomCircleOffset: C,
+      autoplay: O,
+      autoplayBehavior: b,
+      playOnce: w,
+      speed: m,
+      autoplayReverse: I,
+      fullscreen: E,
+      magnifier: S,
+      ciToken: Y,
+      ciFilters: X,
+      ciTransformation: W,
+      lazyload: L,
+      dragSpeed: U,
+      stopAtEdges: K,
+      pointerZoom: P,
+      imageInfo: H = "black",
+      initialIconShown: rt,
+      bottomCircle: q,
+      hotspots: at,
+      dragReverse: ut
+    } = o, Q = { ciToken: Y, ciFilters: X, ciTransformation: W }, _ = l ? JSON.parse(l) : [], j = h ? JSON.parse(h) : [];
+    if (this.viewerConfig = o, this.amountX = _.length || f, this.amountY = j.length || d, this.allowSpinX = !!this.amountX, this.allowSpinY = !!this.amountY, this.activeImageX = I ? this.amountX - 1 : 0, this.activeImageY = I ? this.amountY - 1 : 0, this.bottomCircleOffset = C, this.autoplay = O, this.autoplayBehavior = b, this.playOnce = w, this.speed = m, this.autoplayReverse = I, this.fullscreen = E, this.magnifier = S > 1 ? Math.min(S, 5) : 0, this.dragSpeed = Math.max(U, 50), this.stopAtEdges = K, this.ciParams = Q, this.apiVersion = a, this.pointerZoom = P > 1 ? Math.min(P, 5) : null, this.keysReverse = x, this.info = H, this.keys = v, this.innerBox = this.innerBox ?? Ri(this.container), this.initialIconShown = rt, this.bottomCircle = q, this.spinDirection = Ki(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = ut, this.hotspots = at, this.srcXConfig = {
+      folder: s,
+      filename: r,
+      imageList: _,
+      container: t,
+      innerBox: this.innerBox,
+      apiVersion: a,
+      ciParams: Q,
+      lazyload: L,
+      amount: this.amountX,
+      indexZeroBase: u,
+      autoplayReverse: I
+    }, this.srcYConfig = {
+      ...this.srcXConfig,
+      filename: c,
+      imageList: j,
+      orientation: A.Y,
+      amount: this.amountY
+    }, n && this.removeEvents(), this.attachEvents(y, g, v), n) return;
+    const V = (this.fullscreenView ? document.body : this.container).offsetWidth, tt = this.allowSpinX && !_.length ? gt(this.srcXConfig, V) : null, it = this.allowSpinY && !j.length ? gt(this.srcYConfig, V) : null, F = (pt) => {
+      ae({
+        cdnPathX: tt,
+        cdnPathY: it,
+        configX: this.srcXConfig,
+        configY: this.srcYConfig,
+        onImageLoad: (ft, mt, Tt) => this.onImageLoad(ft, mt, Tt),
+        onFirstImageLoad: (ft) => this.onFirstImageLoaded(pt, ft),
+        onAllImagesLoad: this.onAllImagesLoaded.bind(this)
+      });
+    };
+    this.allowSpinX ? he(tt, this.srcXConfig, F) : this.allowSpinY && he(it, this.srcYConfig, F);
+  }
+}
+class bo {
+  constructor() {
+    this.views = /* @__PURE__ */ new Map(), this.initAll = this.initAll.bind(this), this.getViews = this.getViews.bind(this);
+  }
+  generateId() {
+    return `ci360-${Math.random().toString(36).slice(2, 11)}`;
+  }
+  init(t, i, n) {
+    if (!t) return;
+    const o = t.id || this.generateId();
+    t.id || (t.id = o);
+    const s = new Lt(t, i, n);
+    return this.views.set(o, s), s;
+  }
+  initAll(t = "cloudimage-360") {
+    [...document.querySelectorAll(`.${t}`)].filter(Boolean).forEach((n) => {
+      const o = n.id || this.generateId();
+      n.id || (n.id = o);
+      const s = new Lt(n);
+      this.views.set(o, s);
+    });
+  }
+  destroy(t) {
+    const i = this.getViewById(t);
+    i && (i.destroy(), this.views.delete(t));
+  }
+  destroyAll() {
+    this.views.forEach((t) => {
+      t.destroy();
+    }), this.views.clear();
+  }
+  getViewById(t) {
+    return this.views.get(t);
+  }
+  getViews() {
+    return Array.from(this.views.values());
+  }
+  updateView(t, i) {
+    const n = this.getViewById(t), o = { ...n.viewerConfig, ...i };
+    if (pi(n.viewerConfig, i)) {
+      n.destroy();
+      const a = document.getElementById(t);
+      this.init(a, o);
+    } else
+      n.update(o);
+    return n;
+  }
+}
+window.CI360 = bo;
+export {
+  bo as default
+};