js-cloudimage-360-view 4.1.2 → 4.1.4

package/dist/react/{ci360-CbNlMnNZ.mjs → ci360-CILBSFAa.mjs}

@@ -1,32 +1,32 @@
-var Qe = Object.defineProperty;
-var ti = (e, t, i) => t in e ? Qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var le = (e, t, i) => ti(e, typeof t != "symbol" ? t + "" : t, i);
+var ti = Object.defineProperty;
+var ei = (e, t, i) => t in e ? ti(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var le = (e, t, i) => ei(e, typeof t != "symbol" ? t + "" : t, i);
 var Mt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ei(e) {
+function ii(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ze = "Expected a function", ce = NaN, ii = "[object Symbol]", ni = /^\s+|\s+$/g, oi = /^[-+]0x[0-9a-f]+$/i, si = /^0b[01]+$/i, ri = /^0o[0-7]+$/i, ai = parseInt, li = typeof Mt == "object" && Mt && Mt.Object === Object && Mt, ci = typeof self == "object" && self && self.Object === Object && self, hi = li || ci || Function("return this")(), di = Object.prototype, ui = di.toString, pi = Math.max, fi = Math.min, Kt = function() {
-  return hi.Date.now();
+var Ze = "Expected a function", ce = NaN, si = "[object Symbol]", oi = /^\s+|\s+$/g, ni = /^[-+]0x[0-9a-f]+$/i, ri = /^0b[01]+$/i, ai = /^0o[0-7]+$/i, li = parseInt, ci = typeof Mt == "object" && Mt && Mt.Object === Object && Mt, hi = typeof self == "object" && self && self.Object === Object && self, di = ci || hi || Function("return this")(), ui = Object.prototype, pi = ui.toString, fi = Math.max, mi = Math.min, Kt = function() {
+  return di.Date.now();
 };
-function mi(e, t, i) {
-  var n, o, s, l, r, a, c = 0, h = !1, p = !1, f = !0;
+function vi(e, t, i) {
+  var s, o, n, l, r, a, c = 0, h = !1, p = !1, f = !0;
   if (typeof e != "function")
     throw new TypeError(Ze);
-  t = he(t) || 0, Bt(i) && (h = !!i.leading, p = "maxWait" in i, s = p ? pi(he(i.maxWait) || 0, t) : s, f = "trailing" in i ? !!i.trailing : f);
+  t = he(t) || 0, Bt(i) && (h = !!i.leading, p = "maxWait" in i, n = p ? fi(he(i.maxWait) || 0, t) : n, f = "trailing" in i ? !!i.trailing : f);
   function u(y) {
-    var O = n, S = o;
-    return n = o = void 0, c = y, l = e.apply(S, O), l;
+    var O = s, S = o;
+    return s = o = void 0, c = y, l = e.apply(S, O), l;
   }
   function I(y) {
     return c = y, r = setTimeout(m, t), h ? u(y) : l;
   }
   function g(y) {
     var O = y - a, S = y - c, E = t - O;
-    return p ? fi(E, s - S) : E;
+    return p ? mi(E, n - S) : E;
   }
   function v(y) {
     var O = y - a, S = y - c;
-    return a === void 0 || O >= t || O < 0 || p && S >= s;
+    return a === void 0 || O >= t || O < 0 || p && S >= n;
   }
   function m() {
     var y = Kt();
@@ -35,17 +35,17 @@ function mi(e, t, i) {
     r = setTimeout(m, g(y));
   }
   function b(y) {
-    return r = void 0, f && n ? u(y) : (n = o = void 0, l);
+    return r = void 0, f && s ? u(y) : (s = o = void 0, l);
   }
   function x() {
-    r !== void 0 && clearTimeout(r), c = 0, n = a = o = r = void 0;
+    r !== void 0 && clearTimeout(r), c = 0, s = a = o = r = void 0;
   }
   function w() {
     return r === void 0 ? l : b(Kt());
   }
   function C() {
     var y = Kt(), O = v(y);
-    if (n = arguments, o = this, a = y, O) {
+    if (s = arguments, o = this, a = y, O) {
       if (r === void 0)
         return I(a);
       if (p)
@@ -55,12 +55,12 @@ function mi(e, t, i) {
   }
   return C.cancel = x, C.flush = w, C;
 }
-function vi(e, t, i) {
-  var n = !0, o = !0;
+function gi(e, t, i) {
+  var s = !0, o = !0;
   if (typeof e != "function")
     throw new TypeError(Ze);
-  return Bt(i) && (n = "leading" in i ? !!i.leading : n, o = "trailing" in i ? !!i.trailing : o), mi(e, t, {
-    leading: n,
+  return Bt(i) && (s = "leading" in i ? !!i.leading : s, o = "trailing" in i ? !!i.trailing : o), vi(e, t, {
+    leading: s,
     maxWait: t,
     trailing: o
   });
@@ -69,16 +69,16 @@ function Bt(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function gi(e) {
+function yi(e) {
   return !!e && typeof e == "object";
 }
-function yi(e) {
-  return typeof e == "symbol" || gi(e) && ui.call(e) == ii;
+function bi(e) {
+  return typeof e == "symbol" || yi(e) && pi.call(e) == si;
 }
 function he(e) {
   if (typeof e == "number")
     return e;
-  if (yi(e))
+  if (bi(e))
     return ce;
   if (Bt(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -86,20 +86,20 @@ function he(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = e.replace(ni, "");
-  var i = si.test(e);
-  return i || ri.test(e) ? ai(e.slice(2), i ? 2 : 8) : oi.test(e) ? ce : +e;
+  e = e.replace(oi, "");
+  var i = ri.test(e);
+  return i || ai.test(e) ? li(e.slice(2), i ? 2 : 8) : ni.test(e) ? ce : +e;
 }
-var bi = vi;
-const de = /* @__PURE__ */ ei(bi), M = {
+var wi = gi;
+const de = /* @__PURE__ */ ii(wi), M = {
   SPIN_X: "spin-x",
   SPIN_Y: "spin-y",
   SPIN_XY: "spin-xy",
   SPIN_YX: "spin-yx"
-}, wi = [!1, 0, null, void 0, "false", "0", "null", "undefined"], P = {
+}, Ii = [!1, 0, null, void 0, "false", "0", "null", "undefined"], P = {
   X: "x-axis",
   Y: "y-axis"
-}, Ii = [37, 39], xi = [38, 40], ue = 10, Ci = 150, pe = 800, Oi = 150, Ei = 200, fe = 50, Si = 50, Ai = 5, me = 5, Li = "https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/360_view.svg", d = {
+}, xi = [37, 39], Ci = [38, 40], ue = 10, Oi = 150, pe = 800, Ei = 150, Si = 200, fe = 50, Ai = 50, Li = 5, me = 5, ki = "https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/360_view.svg", d = {
   folder: "/",
   apiVersion: "v7",
   filenameX: "image-{index}.jpg",
@@ -134,12 +134,13 @@ const de = /* @__PURE__ */ ei(bi), M = {
   initialIconShown: !0,
   hotspots: null,
   hide360Logo: !1,
-  logoSrc: Li,
+  logoSrc: ki,
   inertia: !1,
   pinchZoom: !0,
   hints: !0,
   theme: null,
   hotspotTimelineOnClick: !0,
+  aspectRatio: null,
   // Event callbacks
   onReady: null,
   onLoad: null,
@@ -152,36 +153,36 @@ const de = /* @__PURE__ */ ei(bi), M = {
   onZoomOut: null,
   onDragStart: null,
   onDragEnd: null
-}, ki = (e) => ({
-  folder: k(e, "folder", d.folder),
-  apiVersion: k(e, "api-version", d.apiVersion),
-  filenameX: k(e, "filename") || k(e, "filename-x") || d.filenameX,
-  filenameY: k(e, "filename-y", d.filenameY),
-  imageListX: k(e, "image-list-x", d.imageListX),
-  imageListY: k(e, "image-list-y", d.imageListY),
-  indexZeroBase: parseInt(k(e, "index-zero-base", d.indexZeroBase), 10),
-  amountX: parseInt(k(e, "amount-x", d.amountX), 10),
-  amountY: parseInt(k(e, "amount-y", d.amountY), 10),
-  speed: parseInt(k(e, "speed", d.speed), 10),
-  dragSpeed: parseInt(k(e, "drag-speed", d.dragSpeed), 10),
+}, Ti = (e) => ({
+  folder: L(e, "folder", d.folder),
+  apiVersion: L(e, "api-version", d.apiVersion),
+  filenameX: L(e, "filename") || L(e, "filename-x") || d.filenameX,
+  filenameY: L(e, "filename-y", d.filenameY),
+  imageListX: L(e, "image-list-x", d.imageListX),
+  imageListY: L(e, "image-list-y", d.imageListY),
+  indexZeroBase: parseInt(L(e, "index-zero-base", d.indexZeroBase), 10),
+  amountX: parseInt(L(e, "amount-x", d.amountX), 10),
+  amountY: parseInt(L(e, "amount-y", d.amountY), 10),
+  speed: parseInt(L(e, "speed", d.speed), 10),
+  dragSpeed: parseInt(L(e, "drag-speed", d.dragSpeed), 10),
   draggable: X(e, "draggable", d.draggable),
   swipeable: X(e, "swipeable", d.swipeable),
   keys: X(e, "keys", d.keys),
   keysReverse: X(e, "keys-reverse", d.keysReverse),
   autoplay: X(e, "autoplay", d.autoplay),
-  autoplayBehavior: k(e, "autoplay-behavior", d.autoplayBehavior),
+  autoplayBehavior: L(e, "autoplay-behavior", d.autoplayBehavior),
   playOnce: X(e, "play-once", d.playOnce),
   autoplayReverse: X(e, "autoplay-reverse", d.autoplayReverse),
-  pointerZoom: parseFloat(k(e, "pointer-zoom", d.pointerZoom)),
+  pointerZoom: parseFloat(L(e, "pointer-zoom", d.pointerZoom)),
   fullscreen: X(e, "fullscreen") || X(e, "full-screen", d.fullscreen),
-  magnifier: parseFloat(k(e, "magnifier", d.magnifier)),
+  magnifier: parseFloat(L(e, "magnifier", d.magnifier)),
   bottomCircleOffset: parseInt(
-    k(e, "bottom-circle-offset", d.bottomCircleOffset),
+    L(e, "bottom-circle-offset", d.bottomCircleOffset),
     10
   ),
-  ciToken: k(e, "responsive", d.ciToken),
-  ciFilters: k(e, "filters", d.ciFilters),
-  ciTransformation: k(e, "transformation", d.ciTransformation),
+  ciToken: L(e, "responsive", d.ciToken),
+  ciFilters: L(e, "filters", d.ciFilters),
+  ciTransformation: L(e, "transformation", d.ciTransformation),
   lazyload: X(e, "lazyload", d.lazyload),
   dragReverse: X(e, "drag-reverse", d.dragReverse),
   stopAtEdges: X(e, "stop-at-edges", d.stopAtEdges),
@@ -189,20 +190,21 @@ const de = /* @__PURE__ */ ei(bi), M = {
   initialIconShown: !Ht(e, "initial-icon"),
   bottomCircle: !Ht(e, "bottom-circle"),
   hide360Logo: X(e, "hide-360-logo", d.hide360Logo),
-  logoSrc: k(e, "logo-src", d.logoSrc),
+  logoSrc: L(e, "logo-src", d.logoSrc),
   inertia: X(e, "inertia", d.inertia),
   pinchZoom: X(e, "pinch-zoom", d.pinchZoom),
   hints: !Ht(e, "hints"),
-  theme: k(e, "theme", d.theme),
-  hotspotTimelineOnClick: !Ht(e, "hotspot-timeline-on-click")
-}), Ti = (e) => {
+  theme: L(e, "theme", d.theme),
+  hotspotTimelineOnClick: !Ht(e, "hotspot-timeline-on-click"),
+  aspectRatio: L(e, "aspect-ratio", d.aspectRatio)
+}), Yi = (e) => {
   const t = [];
   e.amountX !== void 0 && e.amountX < 0 && t.push("amountX should be a positive number"), e.amountY !== void 0 && e.amountY < 0 && t.push("amountY should be a positive number"), e.speed !== void 0 && e.speed <= 0 && t.push("speed should be a positive number"), e.dragSpeed !== void 0 && e.dragSpeed <= 0 && t.push("dragSpeed should be a positive number"), e.pointerZoom !== void 0 && e.pointerZoom !== 0 && (e.pointerZoom < 1 || e.pointerZoom > 5) && t.push("pointerZoom should be between 1 and 5 (or 0 to disable)"), e.magnifier !== void 0 && e.magnifier !== null && e.magnifier !== 0 && (e.magnifier < 1 || e.magnifier > 5) && t.push("magnifier should be between 1 and 5 (or 0/null to disable)"), !e.folder && !e.imageListX && !e.imageListY && t.push("Either folder or imageListX/imageListY is required"), e.folder && !e.amountX && !e.imageListX && t.push("amountX is required when using folder (unless imageListX is provided)");
   const i = ["spin-x", "spin-y", "spin-xy", "spin-yx"];
-  return e.autoplayBehavior && !i.includes(e.autoplayBehavior) && t.push(`autoplayBehavior should be one of: ${i.join(", ")}`), t.forEach((n) => {
-    console.warn(`CloudImage 360: ${n}`);
+  return e.autoplayBehavior && !i.includes(e.autoplayBehavior) && t.push(`autoplayBehavior should be one of: ${i.join(", ")}`), t.forEach((s) => {
+    console.warn(`CloudImage 360: ${s}`);
   }), t.length === 0;
-}, Yi = (e) => (Ti(e), {
+}, Xi = (e) => (Yi(e), {
   folder: e.folder || d.folder,
   apiVersion: e.apiVersion || d.apiVersion,
   filenameX: e.filenameX || e.filename || d.filenameX,
@@ -243,6 +245,7 @@ const de = /* @__PURE__ */ ei(bi), M = {
   hints: e.hints ?? d.hints,
   theme: e.theme || d.theme,
   hotspotTimelineOnClick: e.hotspotTimelineOnClick ?? d.hotspotTimelineOnClick,
+  aspectRatio: e.aspectRatio || d.aspectRatio,
   // Event callbacks
   onReady: e.onReady ?? d.onReady,
   onLoad: e.onLoad ?? d.onLoad,
@@ -255,38 +258,38 @@ const de = /* @__PURE__ */ ei(bi), M = {
   onZoomOut: e.onZoomOut ?? d.onZoomOut,
   onDragStart: e.onDragStart ?? d.onDragStart,
   onDragEnd: e.onDragEnd ?? d.onDragEnd
-}), k = (e, t, i) => e.getAttribute(t) || e.getAttribute(`data-${t}`) || i, X = (e, t, i) => {
+}), L = (e, t, i) => e.getAttribute(t) || e.getAttribute(`data-${t}`) || i, X = (e, t, i) => {
   if (!(e.hasAttribute(t) || e.hasAttribute(`data-${t}`))) return i;
-  const o = k(e, t, null);
+  const o = L(e, t, null);
   return o !== "false" && o !== "0";
-}, Ht = (e, t) => k(e, t, null) === "false", Xi = (e = 1) => {
+}, Ht = (e, t) => L(e, t, null) === "false", Pi = (e = 1) => {
   const t = Math.round(window.devicePixelRatio || 1);
   return parseInt(e) * t;
-}, Pi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Ri = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
-  const n = `width=${t}`, o = e || n, s = i ? `&f=${i}` : "";
-  return `${o}${s}`;
-}, Ot = (e, t) => {
-  const { folder: i, apiVersion: n, filename: o = "", ciParams: s } = e, { ciToken: l, ciFilters: r, ciTransformation: a } = s || {}, c = `${i}${o}`;
+}, Ri = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Mi = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
+  const s = `width=${t}`, o = e || s, n = i ? `&f=${i}` : "";
+  return `${o}${n}`;
+}, Et = (e, t) => {
+  const { folder: i, apiVersion: s, filename: o = "", ciParams: n } = e, { ciToken: l, ciFilters: r, ciTransformation: a } = n || {}, c = `${i}${o}`;
   if (!l) return c;
-  const h = wi.includes(n) ? null : n, p = h ? `${h}/` : "", f = Xi(t), u = Pi(c, l, p), I = Ri({
+  const h = Ii.includes(s) ? null : s, p = h ? `${h}/` : "", f = Pi(t), u = Ri(c, l, p), I = Mi({
     ciTransformation: a,
     responsiveWidth: f,
     ciFilters: r
   });
   return `${u}${I ? "?" : ""}${I}`;
-}, Mi = (e, t, i) => {
-  const [n, o] = e.split("?"), s = `${t}=${encodeURIComponent(i)}`;
+}, Hi = (e, t, i) => {
+  const [s, o] = e.split("?"), n = `${t}=${encodeURIComponent(i)}`;
   if (!o)
-    return `${n}?${s}`;
+    return `${s}?${n}`;
   const l = new URLSearchParams(o);
-  return l.set(t, i), `${n}?${l.toString()}`;
-}, Hi = (e, t) => Mi(e, "width", t), Be = (e, t = 0) => (e += "", e.length >= t ? e : new Array(t - e.length + 1).join("0") + e), Di = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (n, o) => e.replace("{index}", Be(o + 1, i))), Zi = ({
+  return l.set(t, i), `${s}?${l.toString()}`;
+}, Di = (e, t) => Hi(e, "width", t), Be = (e, t = 0) => (e += "", e.length >= t ? e : new Array(t - e.length + 1).join("0") + e), Zi = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (s, o) => e.replace("{index}", Be(o + 1, i))), Bi = ({
   imagesUrls: e,
   onFirstImageLoad: t,
   onImageLoad: i,
-  onAllImagesLoad: n,
+  onAllImagesLoad: s,
   onError: o,
-  autoplayReverse: s
+  autoplayReverse: n
 }) => {
   let l = 0, r = 0;
   const a = e.length, c = [], h = [], p = (m, b, x = !1) => {
@@ -303,7 +306,7 @@ const de = /* @__PURE__ */ ei(bi), M = {
       errors: h
     });
   }, f = () => {
-    l === a && (n == null || n(c, { errorCount: r, errors: h }));
+    l === a && (s == null || s(c, { errorCount: r, errors: h }));
   }, u = (m, b) => {
     const x = new Image();
     x.crossOrigin = "anonymous", x.src = m, x.onload = async () => {
@@ -321,7 +324,7 @@ const de = /* @__PURE__ */ ei(bi), M = {
     }, x.onerror = () => {
       l++, p(m, b), f();
     };
-  }, I = new Image(), g = s ? e.length - 1 : 0, v = e[g];
+  }, I = new Image(), g = n ? e.length - 1 : 0, v = e[g];
   I.crossOrigin = "anonymous", I.src = v, I.onload = async () => {
     try {
       const m = await createImageBitmap(I), b = {
@@ -350,14 +353,14 @@ const de = /* @__PURE__ */ ei(bi), M = {
   cdnPathX: e,
   cdnPathY: t,
   configX: i,
-  configY: n,
+  configY: s,
   onFirstImageLoad: o,
-  onImageLoad: s,
+  onImageLoad: n,
   onAllImagesLoad: l,
   onError: r
 }) => {
   let a = { x: !1, y: !1 }, c = [], h = [], p = { errorCount: 0, errors: [] }, f = { errorCount: 0, errors: [] };
-  const u = e || i.imageList.length, I = t || n.imageList.length, g = () => {
+  const u = e || i.imageList.length, I = t || s.imageList.length, g = () => {
     if (a.x && a.y) {
       const m = {
         errorCount: p.errorCount + f.errorCount,
@@ -366,20 +369,20 @@ const de = /* @__PURE__ */ ei(bi), M = {
       l == null || l(c, h, m);
     }
   }, v = ({ cdnPath: m, config: b, orientation: x, loadedImages: w, loadStats: C, onFirstImageLoad: y }) => {
-    const O = x === P.X, S = b.imageList.length ? b.imageList : Di(m, b);
-    Zi({
+    const O = x === P.X, S = b.imageList.length ? b.imageList : Zi(m, b);
+    Bi({
       imagesUrls: S,
       onFirstImageLoad: y,
       onImageLoad: (E, A) => {
-        s == null || s(E, A, x), w[A] = E;
+        n == null || n(E, A, x), w[A] = E;
       },
       onError: (E) => {
         r == null || r({ ...E, orientation: x });
       },
       onAllImagesLoad: (E, A) => {
-        w.length = 0, E.forEach((L, R) => {
-          L && (w[R] = L);
-        }), C.errorCount = A.errorCount, C.errors = A.errors.map((L) => ({ ...L, orientation: x })), a[O ? "x" : "y"] = !0, g();
+        w.length = 0, E.forEach((k, R) => {
+          k && (w[R] = k);
+        }), C.errorCount = A.errorCount, C.errors = A.errors.map((k) => ({ ...k, orientation: x })), a[O ? "x" : "y"] = !0, g();
       },
       autoplayReverse: b.autoplayReverse
     });
@@ -393,13 +396,13 @@ const de = /* @__PURE__ */ ei(bi), M = {
     onFirstImageLoad: o
   }) : a.x = !0, I ? v({
     cdnPath: t,
-    config: n,
+    config: s,
     orientation: P.Y,
     loadedImages: h,
     loadStats: f,
     onFirstImageLoad: u ? void 0 : o
   }) : a.y = !0, !u && !I && g();
-}, Bi = `
+}, Wi = `
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1052 156" aria-hidden="true">
   <path fill="currentColor" d="M409.9,145.6c-42.7-1.7-85.5-4.4-128.1-8.4c-21.3-2-42.6-4.3-63.8-7.1c-21.2-2.8-42.4-5.9-63.4-9.7c-21.1-3.8-42-8.2-62.7-13.7c-10.3-2.8-20.6-5.8-30.7-9.4c-10.1-3.5-20.1-7.6-29.5-12.7c-4.7-2.6-9.3-5.4-13.5-8.8c-2.1-1.7-4-3.6-5.8-5.6c-1.8-2-3.3-4.3-4.3-6.8c-1.1-2.5-1.6-5.3-1.4-8c0.2-2.7,1.1-5.4,2.4-7.7c2.7-4.8,6.7-8.5,11-11.7c8.6-6.4,18.4-10.9,28.3-15c9.9-4,20.1-7.3,30.4-10.3c-10.2,3.1-20.4,6.5-30.3,10.5c-9.8,4.1-19.6,8.7-28.1,15.1c-4.2,3.2-8.2,6.9-10.7,11.6c-1.2,2.3-2.1,4.8-2.3,7.5c-0.1,2.6,0.4,5.2,1.4,7.6c2.1,4.8,5.9,8.7,10,12.1c4.1,3.3,8.7,6.1,13.4,8.6c9.4,5,19.4,8.9,29.4,12.4c10.1,3.5,20.4,6.4,30.7,9.1c20.7,5.3,41.6,9.5,62.7,13.2c21,3.6,42.2,6.6,63.4,9.2c21.2,2.6,42.5,4.8,63.7,6.6c42.6,3.7,85.2,6,127.9,7.4L409.9,145.6z"/>
   <path fill="currentColor" d="M977.1,11.6c13.8,4.1,27.4,8.8,40.4,15.2c6.4,3.2,12.7,6.9,18.3,11.5c2.7,2.4,5.3,5,7.3,8c2,3,3.3,6.6,3.3,10.3c0,3.7-1.4,7.2-3.3,10.3c-2,3.1-4.5,5.7-7.3,8.1c-2.7,2.4-5.7,4.4-8.8,6.3c-1.6,0.9-3.1,1.9-4.7,2.7l-2.4,1.3l-2.4,1.2C1004.5,93,990.8,97.8,977,102c-6.9,2.1-13.8,4-20.8,5.8c-7,1.8-14,3.5-21,5c-14.1,3.1-28.2,5.9-42.4,8.3c-28.4,4.9-57,8.8-85.6,12c-57.3,6.4-114.8,10.2-172.4,12.2c-57.6,2-115.2,2.3-172.9,0.8l0.1-4c57.5,1.8,115.1,1.9,172.6,0.2c57.5-1.7,115-5.2,172.3-11.2c28.6-3.1,57.2-6.7,85.6-11.5c14.2-2.4,28.3-5,42.4-8.1c7-1.5,14-3.1,21-4.9c7-1.7,13.9-3.6,20.8-5.7c13.8-4.1,27.4-8.8,40.3-15.2l2.4-1.2l2.4-1.3c1.6-0.8,3.1-1.8,4.7-2.7c3-1.9,6-3.9,8.7-6.2c2.7-2.3,5.2-4.9,7.2-7.9c1.9-3,3.2-6.4,3.3-10c0-3.6-1.2-7-3.1-10c-1.9-3-4.4-5.6-7.1-8c-5.5-4.7-11.7-8.3-18.1-11.6C1004.5,20.6,990.8,15.8,977.1,11.6z"/>
@@ -410,10 +413,10 @@ const de = /* @__PURE__ */ ei(bi), M = {
     <path fill="currentColor" d="M10.9,9.7c0-1.1-0.8-2-2.5-2.5c1.3-0.5,1.9-1.3,1.9-2.3c0-1.7-1.7-2.8-4.6-2.8c-1.5,0-2.7,0.3-3.6,0.8v1.7c0.9-0.4,2.3-0.7,3.4-0.7C7,3.9,8,4.4,8,5.1c0,0.8-0.7,1.3-2.4,1.3H4.3v1.6h1.3c2,0,2.9,0.8,2.9,1.6c0,0.8-1,1.5-2.8,1.5c-1.5,0-2.8-0.3-3.7-0.6v1.7c0.9,0.3,2.1,0.6,3.8,0.6C9.2,12.8,10.9,11.4,10.9,9.7"/>
   </g>
 </svg>
-`, Wi = (e) => {
+`, Fi = (e) => {
   const t = document.createElement("div");
-  return t.innerHTML = Bi, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
-}, Fi = `
+  return t.innerHTML = Wi, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
+}, Ni = `
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <!-- Circular arrows -->
   <path d="M 75 50 A 25 25 0 1 1 50 25" stroke="currentColor" stroke-width="3"/>
@@ -424,33 +427,33 @@ const de = /* @__PURE__ */ ei(bi), M = {
   <!-- 360 text -->
   <text x="50" y="54" text-anchor="middle" font-size="16" font-weight="600" fill="currentColor" stroke="none" font-family="system-ui, -apple-system, sans-serif">360°</text>
 </svg>
-`, Ni = (e) => {
+`, Vi = (e) => {
   const t = document.createElement("div");
-  return t.className = "cloudimage-initial-icon", t.setAttribute("aria-label", "360 degree view - drag to rotate"), e ? (t.style.backgroundImage = `url('${e}')`, t.style.backgroundPosition = "50% 50%", t.style.backgroundSize = "contain", t.style.backgroundRepeat = "no-repeat") : t.innerHTML = Fi, t;
-}, Vi = (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;
-}, ji = () => {
+  return t.className = "cloudimage-initial-icon", t.setAttribute("aria-label", "360 degree view - drag to rotate"), e ? (t.style.backgroundImage = `url('${e}')`, t.style.backgroundPosition = "50% 50%", t.style.backgroundSize = "contain", t.style.backgroundRepeat = "no-repeat") : t.innerHTML = Ni, t;
+}, ji = (e, t) => {
+  const { width: i, height: s } = t, o = document.createElement("canvas");
+  return o.width = i, o.height = s, o.style.width = "100%", o.style.height = "auto", e.appendChild(o), o;
+}, $i = () => {
   const e = document.createElement("button");
   return e.className = "cloudimage-360-button cloudimage-360-close-icon", e.setAttribute("aria-label", "Close fullscreen"), e.setAttribute("type", "button"), e.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>', e;
-}, $i = () => {
+}, zi = () => {
   const e = document.createElement("button");
   return e.className = "cloudimage-360-button cloudimage-360-fullscreen-button", e.setAttribute("aria-label", "View fullscreen"), e.setAttribute("type", "button"), e.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg>', e;
 }, ge = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-icons-container", e.appendChild(t), t;
-}, zi = (e) => {
+}, Gi = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-inner-box", t.setAttribute("role", "img"), t.setAttribute("aria-label", "360 degree product view. Use mouse drag or arrow keys to rotate."), e.appendChild(t), t;
-}, Gi = () => {
+}, Ui = () => {
   const e = document.createElement("button");
   return e.className = "cloudimage-360-button cloudimage-360-magnifier-button", e.setAttribute("aria-label", "Magnify image"), e.setAttribute("type", "button"), e.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="M11 8v6"/><path d="M8 11h6"/></svg>', e;
-}, Ui = (e) => {
+}, Ki = (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;
-}, Ki = (e) => {
+}, _i = (e) => {
   const t = document.createElement("div");
   t.className = "cloudimage-360-fullscreen-modal";
   const i = e.cloneNode();
@@ -458,19 +461,19 @@ const de = /* @__PURE__ */ ei(bi), M = {
 }, Jt = (e, t) => {
   const i = e.querySelector(t);
   i && i.parentNode.removeChild(i);
-}, _i = () => {
+}, Ji = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-loading-spinner", e;
-}, Ji = () => {
+}, qi = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-360-transition-overlay", e;
-}, qi = (e) => {
+}, Qi = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-hotspot-container", e.appendChild(t), t;
-}, Qi = (e) => {
+}, ts = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-sr-only", t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite"), t.setAttribute("aria-atomic", "true"), e.appendChild(t), t;
-}, tn = (e, t) => {
+}, es = (e, t) => {
   e && (e.textContent = "", setTimeout(() => {
     e.textContent = t;
   }, 50));
@@ -481,61 +484,61 @@ const de = /* @__PURE__ */ ei(bi), M = {
   pinch: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 6l4 4"/><path d="M18 6l-4 4"/><path d="M6 18l4-4"/><path d="M18 18l-4-4"/><circle cx="12" cy="12" r="2"/></svg>',
   keys: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m9 10 3 3 3-3"/></svg>',
   fullscreen: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg>'
-}, en = {
+}, is = {
   drag: "Drag to rotate",
   swipe: "Swipe to rotate",
   click: "Click to zoom",
   pinch: "Pinch to zoom",
   keys: "Use arrow keys",
   fullscreen: "Click for fullscreen"
-}, nn = (e) => {
+}, ss = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-hint-item", t.innerHTML = `
     ${We[e]}
-    <span>${en[e]}</span>
+    <span>${is[e]}</span>
   `, t;
 }, ye = (e, t = []) => {
   if (!t || t.length === 0) return null;
   const i = document.createElement("div");
   i.className = "cloudimage-360-hints-overlay", i.setAttribute("role", "tooltip"), i.setAttribute("aria-label", "Interaction hints");
-  const n = document.createElement("div");
-  return n.className = "cloudimage-360-hints-container", t.forEach((o) => {
-    We[o] && n.appendChild(nn(o));
-  }), i.appendChild(n), e.appendChild(i), i;
+  const s = document.createElement("div");
+  return s.className = "cloudimage-360-hints-container", t.forEach((o) => {
+    We[o] && s.appendChild(ss(o));
+  }), i.appendChild(s), e.appendChild(i), i;
 }, be = (e, t) => t ? ["swipe"] : ["drag", "click"], we = (e) => {
   e && e.classList.add("visible");
-}, on = (e) => {
+}, os = (e) => {
   e && (e.classList.remove("visible"), e.classList.add("hiding"), setTimeout(() => {
     e.classList.remove("hiding");
   }, 300));
-}, sn = (e) => {
+}, ns = (e) => {
   if (!e || typeof e != "object") return null;
-  const t = Object.keys(e).map((n) => parseInt(n, 10)).filter((n) => !isNaN(n)).sort((n, o) => n - o);
+  const t = Object.keys(e).map((s) => parseInt(s, 10)).filter((s) => !isNaN(s)).sort((s, o) => s - o);
   if (t.length === 0) return null;
   const i = Math.floor(t.length / 2);
   return t[i];
-}, rn = (e) => {
+}, rs = (e) => {
   const t = [];
-  return !e || !Array.isArray(e) || e.forEach((i, n) => {
-    const o = sn(i.positions);
+  return !e || !Array.isArray(e) || e.forEach((i, s) => {
+    const o = ns(i.positions);
     o !== null && t.push({
-      id: i.id || `hotspot-${n}`,
+      id: i.id || `hotspot-${s}`,
       frame: o,
       label: i.label || null
     });
   }), t;
-}, an = 400, ln = (e, t, i, n) => {
+}, as = 400, ls = (e, t, i, s) => {
   const o = document.createElement("button");
-  o.className = "cloudimage-360-hotspot-timeline-dot", o.setAttribute("type", "button"), o.setAttribute("aria-label", n || `Go to hotspot at frame ${t + 1}`), o.setAttribute("data-frame", t.toString()), o.setAttribute("data-hotspot-id", e);
-  const s = i > 1 ? t / (i - 1) * 100 : 0;
-  if (o.style.left = `${s}%`, n) {
+  o.className = "cloudimage-360-hotspot-timeline-dot", o.setAttribute("type", "button"), o.setAttribute("aria-label", s || `Go to hotspot at frame ${t + 1}`), o.setAttribute("data-frame", t.toString()), o.setAttribute("data-hotspot-id", e);
+  const n = i > 1 ? t / (i - 1) * 100 : 0;
+  if (o.style.left = `${n}%`, s) {
     const l = document.createElement("span");
-    l.className = "cloudimage-360-hotspot-timeline-tooltip", l.textContent = n, o.appendChild(l);
+    l.className = "cloudimage-360-hotspot-timeline-tooltip", l.textContent = s, o.appendChild(l);
     let r = null;
     o.addEventListener("mouseenter", () => {
       r = setTimeout(() => {
         l.classList.add("visible");
-      }, an);
+      }, as);
     }), o.addEventListener("mouseleave", () => {
       r && (clearTimeout(r), r = null), l.classList.remove("visible");
     }), o.addEventListener("click", () => {
@@ -543,29 +546,29 @@ const de = /* @__PURE__ */ ei(bi), M = {
     });
   }
   return o;
-}, cn = (e, t, i) => {
-  const n = rn(i);
-  if (n.length === 0) return null;
+}, cs = (e, t, i) => {
+  const s = rs(i);
+  if (s.length === 0) return null;
   const o = document.createElement("div");
   o.className = "cloudimage-360-hotspot-timeline", o.setAttribute("role", "navigation"), o.setAttribute("aria-label", "Hotspot timeline navigation");
-  const s = document.createElement("div");
-  s.className = "cloudimage-360-hotspot-timeline-track";
+  const n = document.createElement("div");
+  n.className = "cloudimage-360-hotspot-timeline-track";
   const l = document.createElement("div");
-  return l.className = "cloudimage-360-hotspot-timeline-indicator", n.forEach(({ id: r, frame: a, label: c }) => {
-    const h = ln(r, a, t, c);
-    s.appendChild(h);
-  }), s.appendChild(l), o.appendChild(s), e.appendChild(o), {
+  return l.className = "cloudimage-360-hotspot-timeline-indicator", s.forEach(({ id: r, frame: a, label: c }) => {
+    const h = ls(r, a, t, c);
+    n.appendChild(h);
+  }), n.appendChild(l), o.appendChild(n), e.appendChild(o), {
     element: o,
     indicator: l,
-    hotspotFrames: n
+    hotspotFrames: s
   };
-}, hn = (e, t, i) => {
+}, hs = (e, t, i) => {
   if (!e) return;
-  const n = i > 1 ? t / (i - 1) * 100 : 0;
-  e.style.left = `${n}%`;
-}, dn = (e) => {
+  const s = i > 1 ? t / (i - 1) * 100 : 0;
+  e.style.left = `${s}%`;
+}, ds = (e) => {
   e && e.classList.add("visible");
-}, un = (e) => {
+}, us = (e) => {
   e && e.classList.remove("visible");
 }, qt = (e, t = []) => {
   if (!e) return t;
@@ -574,49 +577,49 @@ const de = /* @__PURE__ */ ei(bi), M = {
   } catch (i) {
     return console.warn("CloudImage 360: Failed to parse JSON:", i.message), t;
   }
-}, pn = (e, t) => {
-  const [i, n] = e.split("?");
-  if (!n) return e;
-  const o = new RegExp(`^${t}=|&${t}=`), s = n.split("&").filter((l) => !o.test(l)).join("&");
-  return s ? `${i}?${s}` : i;
-}, fn = (e) => {
-  const t = pn(e, "width"), i = t.includes("?") ? "&" : "?";
+}, ps = (e, t) => {
+  const [i, s] = e.split("?");
+  if (!s) return e;
+  const o = new RegExp(`^${t}=|&${t}=`), n = s.split("&").filter((l) => !o.test(l)).join("&");
+  return n ? `${i}?${n}` : i;
+}, fs = (e) => {
+  const t = ps(e, "width"), i = t.includes("?") ? "&" : "?";
   return `${t}${i}width=${150 * devicePixelRatio}`;
-}, mn = (e) => {
+}, ms = (e) => {
   const t = {
     root: null,
     rootMargin: "0px",
     threshold: 0.1
   }, i = (o) => {
-    const s = o.getAttribute("data-src");
-    s && (o.src = s);
+    const n = o.getAttribute("data-src");
+    n && (o.src = n);
   };
-  new IntersectionObserver((o, s) => {
+  new IntersectionObserver((o, n) => {
     o.forEach((l) => {
-      l.isIntersecting && (i(l.target), s.unobserve(l.target));
+      l.isIntersecting && (i(l.target), n.unobserve(l.target));
     });
   }, t).observe(e);
-}, vn = (e, t) => {
+}, vs = (e, t) => {
   const i = Be(1, t);
   return e.replace("{index}", i);
-}, gn = (e, t) => {
-  const [i] = e, n = /(https?):\/\//i.test(i);
-  return Ot({
+}, gs = (e, t) => {
+  const [i] = e, s = /(https?):\/\//i.test(i);
+  return Et({
     ...t,
-    folder: n ? "" : t.folder,
+    folder: s ? "" : t.folder,
     filename: i
   });
-}, yn = (e, t) => {
-  const { imageList: i, indexZeroBase: n } = t;
+}, ys = (e, t) => {
+  const { imageList: i, indexZeroBase: s } = t;
   if (i.length) {
     const o = qt(i, null);
     if (o)
-      return gn(o, t);
+      return gs(o, t);
   }
-  return vn(e, n);
+  return vs(e, s);
 }, Ie = (e, t, i) => {
-  const n = new Image();
-  return n.setAttribute(t ? "data-src" : "src", e), n.className = i, n.style.cssText = `
+  const s = new Image();
+  return s.setAttribute(t ? "data-src" : "src", e), s.className = i, s.style.cssText = `
     position: ${t ? "absolute" : "static"};
     width: 100%;
     inset: 0;
@@ -624,10 +627,10 @@ const de = /* @__PURE__ */ ei(bi), M = {
     object-fit: contain;
     object-position: center;
     filter: blur(10px);
-  `, n;
+  `, s;
 }, xe = (e, t, i) => {
-  const { innerBox: n, imageList: o, lazyload: s } = t || {}, [l] = o, r = l || yn(e, t), a = fn(r), c = Ie(a, s, "cloudimage-lazy"), h = Ie(a, !1, "cloudimage-360-placeholder"), p = (f) => {
-    Jt(n, ".cloudimage-lazy"), i && i({
+  const { innerBox: s, imageList: o, lazyload: n } = t || {}, [l] = o, r = l || ys(e, t), a = fs(r), c = Ie(a, n, "cloudimage-lazy"), h = Ie(a, !1, "cloudimage-360-placeholder"), p = (f) => {
+    Jt(s, ".cloudimage-lazy"), i && i({
       event: f,
       width: c.width,
       height: c.height,
@@ -636,43 +639,43 @@ const de = /* @__PURE__ */ ei(bi), M = {
       src: a
     });
   };
-  c.onload = p, n.appendChild(c), n.appendChild(h), mn(c);
-}, bn = (e, t, i) => {
-  const n = new Image();
-  n.src = e, n.onload = (o) => {
+  c.onload = p, s.appendChild(c), s.appendChild(h), ms(c);
+}, bs = (e, t, i) => {
+  const s = new Image();
+  s.src = e, s.onload = (o) => {
     t && t({
       event: o,
-      width: n.width,
-      height: n.height,
-      naturalWidth: n.naturalWidth,
-      naturalHeight: n.naturalHeight,
+      width: s.width,
+      height: s.height,
+      naturalWidth: s.naturalWidth,
+      naturalHeight: s.naturalHeight,
       src: e
     });
-  }, n.onerror = (o) => {
-    const s = new Error(`Failed to load image: ${e}`);
-    s.url = e, s.event = o, i ? i(s) : console.error(s.message);
+  }, s.onerror = (o) => {
+    const n = new Error(`Failed to load image: ${e}`);
+    n.url = e, n.event = o, i ? i(n) : console.error(n.message);
   };
-}, wn = (e, t) => {
-  const i = t.getBoundingClientRect(), n = e.touches ? e.touches[0].clientX : e.clientX, o = e.touches ? e.touches[0].clientY : e.clientY;
+}, ws = (e, t) => {
+  const i = t.getBoundingClientRect(), s = e.touches ? e.touches[0].clientX : e.clientX, o = e.touches ? e.touches[0].clientY : e.clientY;
   return {
-    x: n - i.left,
+    x: s - i.left,
     y: o - i.top
   };
 }, _t = (e, t, i) => {
-  const { container: n, w: o, h: s, zoom: l, bw: r, offsetX: a, offsetY: c } = t, h = wn(e, n);
+  const { container: s, w: o, h: n, zoom: l, bw: r, offsetX: a, offsetY: c } = t, h = ws(e, s);
   let p = h.x, f = h.y;
-  p = Math.max(o / l, Math.min(p, n.offsetWidth - o / l)), f = Math.max(s / l, Math.min(f, n.offsetHeight - s / l)), i.style.left = `${p - o}px`, i.style.top = `${f - s}px`;
-  const u = (p - a) * l - o + r, I = (f - c) * l - s + r;
+  p = Math.max(o / l, Math.min(p, s.offsetWidth - o / l)), f = Math.max(n / l, Math.min(f, s.offsetHeight - n / l)), i.style.left = `${p - o}px`, i.style.top = `${f - n}px`;
+  const u = (p - a) * l - o + r, I = (f - c) * l - n + r;
   i.style.backgroundPosition = `-${u}px -${I}px`;
-}, In = (e, t, i, n, o, s) => {
-  const { x: l = 0, y: r = 0 } = i || {}, a = (t.offsetWidth - l * 2) * s, c = (t.offsetHeight - r * 2) * s;
+}, Is = (e, t, i, s, o, n) => {
+  const { x: l = 0, y: r = 0 } = i || {}, a = (t.offsetWidth - l * 2) * n, c = (t.offsetHeight - r * 2) * n;
   if (!o) return;
-  o.setAttribute("class", "cloudimage-360-img-magnifier-glass"), t.prepend(o), o.style.backgroundImage = `url('${n.src}')`, o.style.backgroundSize = `${a}px ${c}px`;
+  o.setAttribute("class", "cloudimage-360-img-magnifier-glass"), t.prepend(o), o.style.backgroundImage = `url('${s.src}')`, o.style.backgroundSize = `${a}px ${c}px`;
   const h = 3, p = o.offsetWidth / 2, f = o.offsetHeight / 2, u = {
     container: t,
     w: p,
     h: f,
-    zoom: s,
+    zoom: n,
     bw: h,
     offsetX: l,
     offsetY: r
@@ -684,37 +687,37 @@ const de = /* @__PURE__ */ ei(bi), M = {
     v.preventDefault(), _t(v, u, o);
   };
   o.addEventListener("mousemove", I), t.addEventListener("mousemove", I), t.addEventListener("touchmove", g);
-}, xn = (e, t, i) => {
-  const { clientX: n, clientY: o } = e, s = t.getBoundingClientRect(), l = t.width / (s.width * i), r = t.height / (s.height * i), a = (n - s.left) * l, c = (o - s.top) * r;
+}, xs = (e, t, i) => {
+  const { clientX: s, clientY: o } = e, n = t.getBoundingClientRect(), l = t.width / (n.width * i), r = t.height / (n.height * i), a = (s - n.left) * l, c = (o - n.top) * r;
   return { offsetX: a, offsetY: c };
 }, Ce = (e, { bottom: t, top: i }) => {
   e ? t() : i();
 }, Oe = (e, { left: t, right: i }) => {
   e ? t() : i();
-}, Cn = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: n }) => {
+}, Cs = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: s }) => {
   switch (e) {
     case M.SPIN_XY:
     case M.SPIN_YX:
-      t ? Ce(i, n) : Oe(i, n);
+      t ? Ce(i, s) : Oe(i, s);
       break;
     case M.SPIN_Y:
-      Ce(i, n);
+      Ce(i, s);
       break;
     case M.SPIN_X:
     default:
-      Oe(i, n);
+      Oe(i, s);
   }
-}, On = ({
+}, Os = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
-  amountX: n,
+  amountX: s,
   amountY: o,
-  autoplayReverse: s
+  autoplayReverse: n
 }) => {
   const l = (r, a) => {
     const c = a - 1;
-    return s ? r === 0 : r === c;
+    return n ? r === 0 : r === c;
   };
   switch (e) {
     case M.SPIN_XY:
@@ -723,20 +726,20 @@ const de = /* @__PURE__ */ ei(bi), M = {
     case M.SPIN_X:
     case M.SPIN_YX:
     default:
-      return l(t, n);
+      return l(t, s);
   }
-}, En = ({
+}, Es = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
-  amountX: n,
+  amountX: s,
   amountY: o,
-  autoplayReverse: s,
+  autoplayReverse: n,
   spinDirection: l
 }) => {
-  const r = t === (s ? 0 : n - 1), a = i === (s ? 0 : o - 1);
+  const r = t === (n ? 0 : s - 1), a = i === (n ? 0 : o - 1);
   return e === M.SPIN_XY || e === M.SPIN_YX ? l === "x" && r || l === "y" && a : !1;
-}, Sn = (e, t, i) => {
+}, Ss = (e, t, i) => {
   if (!i) return "x";
   if (!t) return "y";
   switch (e) {
@@ -750,21 +753,21 @@ const de = /* @__PURE__ */ ei(bi), M = {
     default:
       return "x";
   }
-}, An = (e) => e === "x" ? "y" : "x", Ee = (e, t) => {
-  const i = [...Ii];
-  return t ? [...i, ...xi].includes(e) : i.includes(e);
-}, Se = ({ deltaX: e, deltaY: t, reversed: i, allowSpinX: n, allowSpinY: o, threshold: s = 0 }) => {
-  const l = n && !o || o && !n ? 0 : s, r = Math.abs(e), a = Math.abs(t);
-  return n && r - l > a ? i ? e > 0 ? "left" : "right" : e > 0 ? "right" : "left" : o && a - l > r ? i ? t > 0 ? "up" : "down" : t > 0 ? "down" : "up" : null;
-}, Ln = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, kn = (e, t = 150) => {
+}, As = (e) => e === "x" ? "y" : "x", Ee = (e, t) => {
+  const i = [...xi];
+  return t ? [...i, ...Ci].includes(e) : i.includes(e);
+}, Se = ({ deltaX: e, deltaY: t, reversed: i, allowSpinX: s, allowSpinY: o, threshold: n = 0 }) => {
+  const l = s && !o || o && !s ? 0 : n, r = Math.abs(e), a = Math.abs(t);
+  return s && r - l > a ? i ? e > 0 ? "left" : "right" : e > 0 ? "right" : "left" : o && a - l > r ? i ? t > 0 ? "up" : "down" : t > 0 ? "down" : "up" : null;
+}, Ls = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, ks = (e, t = 150) => {
   let i;
-  return function(...n) {
+  return function(...s) {
     clearTimeout(i), i = setTimeout(() => {
-      e.apply(this, n);
+      e.apply(this, s);
     }, t);
   };
-}, Fe = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Tn = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Ae = typeof self < "u" && self.Blob && new Blob([Tn(Fe)], { type: "text/javascript;charset=utf-8" });
-function Yn(e) {
+}, Fe = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Ts = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Ae = typeof self < "u" && self.Blob && new Blob([Ts(Fe)], { type: "text/javascript;charset=utf-8" });
+function Ys(e) {
   let t;
   try {
     if (t = Ae && (self.URL || self.webkitURL).createObjectURL(Ae), !t) throw "";
@@ -785,7 +788,7 @@ function Yn(e) {
     t && (self.URL || self.webkitURL).revokeObjectURL(t);
   }
 }
-const Xn = /* @__PURE__ */ new Set([
+const Xs = /* @__PURE__ */ new Set([
   // Basic HTML
   "p",
   "span",
@@ -872,78 +875,78 @@ const Xn = /* @__PURE__ */ new Set([
   clippath: ["id"],
   mask: ["id"],
   "*": ["class", "id", "style"]
-}, Pn = [
+}, Ps = [
   /javascript:/gi,
   /vbscript:/gi,
   /data:/gi,
   /on\w+\s*=/gi
-], Rn = (e) => {
+], Rs = (e) => {
   if (typeof e != "string")
     return "";
   const t = document.createElement("template");
   t.innerHTML = e;
-  const i = (n) => {
-    if (Array.from(n.childNodes).forEach(i), n.nodeType === Node.ELEMENT_NODE) {
-      const s = n.tagName.toLowerCase();
-      if (!Xn.has(s)) {
-        if (s === "script" || s === "style") {
-          n.remove();
+  const i = (s) => {
+    if (Array.from(s.childNodes).forEach(i), s.nodeType === Node.ELEMENT_NODE) {
+      const n = s.tagName.toLowerCase();
+      if (!Xs.has(n)) {
+        if (n === "script" || n === "style") {
+          s.remove();
           return;
         }
-        const a = document.createTextNode(n.textContent);
-        n.parentNode.replaceChild(a, n);
+        const a = document.createTextNode(s.textContent);
+        s.parentNode.replaceChild(a, s);
         return;
       }
       const l = [
-        ...Le[s] || [],
+        ...Le[n] || [],
         ...Le["*"] || []
       ];
-      if (Array.from(n.attributes).forEach((a) => {
+      if (Array.from(s.attributes).forEach((a) => {
         const c = a.name.toLowerCase();
         if (c.startsWith("on")) {
-          n.removeAttribute(a.name);
+          s.removeAttribute(a.name);
           return;
         }
         if (!l.includes(c)) {
-          n.removeAttribute(a.name);
+          s.removeAttribute(a.name);
           return;
         }
         let h = a.value;
-        Pn.forEach((p) => {
-          p.test(h) && n.removeAttribute(a.name);
+        Ps.forEach((p) => {
+          p.test(h) && s.removeAttribute(a.name);
         });
-      }), s === "a") {
-        const a = n.getAttribute("href");
-        a && (/^(https?:|mailto:|tel:|#|\/)/i.test(a.trim()) || n.removeAttribute("href")), n.getAttribute("target") === "_blank" && n.setAttribute("rel", "noopener noreferrer");
+      }), n === "a") {
+        const a = s.getAttribute("href");
+        a && (/^(https?:|mailto:|tel:|#|\/)/i.test(a.trim()) || s.removeAttribute("href")), s.getAttribute("target") === "_blank" && s.setAttribute("rel", "noopener noreferrer");
       }
-      if (s === "img") {
-        const a = n.getAttribute("src");
-        a && (/^(https?:|\/|data:image\/)/i.test(a.trim()) || n.removeAttribute("src"));
+      if (n === "img") {
+        const a = s.getAttribute("src");
+        a && (/^(https?:|\/|data:image\/)/i.test(a.trim()) || s.removeAttribute("src"));
       }
     }
   };
   return i(t.content), t.innerHTML;
-}, Mn = (e) => e === "x" ? P.X : P.Y, Hn = (e, t, i) => e.filter(
-  (n) => Mn(n.orientation) === i && t in n.positions
-), Dn = (e, t) => {
+}, Ms = (e) => e === "x" ? P.X : P.Y, Hs = (e, t, i) => e.filter(
+  (s) => Ms(s.orientation) === i && t in s.positions
+), Ds = (e, t) => {
   const i = document.createElement("button");
   return i.id = e, i.className = "cloudimage-360-hotspot", i.dataset.hotspotId = e, i.setAttribute("type", "button"), i.setAttribute("aria-label", t || `Hotspot ${e}`), i.setAttribute("aria-haspopup", "true"), i.setAttribute("aria-expanded", "false"), i;
-}, Zn = (e) => {
-  const t = Object.entries(e).sort(([s], [l]) => Number(s) - Number(l));
-  let i = null, n = null;
+}, Zs = (e) => {
+  const t = Object.entries(e).sort(([n], [l]) => Number(n) - Number(l));
+  let i = null, s = null;
   const o = {};
-  for (const [s, l] of t)
+  for (const [n, l] of t)
     if (!l)
-      o[s] = { x: i, y: n };
+      o[n] = { x: i, y: s };
     else {
       const { x: r, y: a } = l;
-      r != null && (i = r), a != null && (n = a), o[s] = {
+      r != null && (i = r), a != null && (s = a), o[n] = {
         x: r || i,
-        y: a || n
+        y: a || s
       };
     }
   return o;
-}, Bn = (e) => [
+}, Bs = (e) => [
   {
     name: "offset",
     options: {
@@ -956,27 +959,27 @@ const Xn = /* @__PURE__ */ new Set([
       boundary: e
     }
   }
-], Wn = (e, t) => {
+], Ws = (e, t) => {
   const i = document.createElement("div");
-  return i.className = "cloudimage-360-popper", i.id = `cloudimage-360-popper-${t}`, i.dataset.popperId = t, i.setAttribute("role", "tooltip"), i.setAttribute("aria-hidden", "false"), typeof e == "string" && /<\/?[a-z][\s\S]*>/i.test(e) ? i.innerHTML = Rn(e) : i.textContent = e, document.body.appendChild(i), i;
-}, Fn = (e) => {
+  return i.className = "cloudimage-360-popper", i.id = `cloudimage-360-popper-${t}`, i.dataset.popperId = t, i.setAttribute("role", "tooltip"), i.setAttribute("aria-hidden", "false"), typeof e == "string" && /<\/?[a-z][\s\S]*>/i.test(e) ? i.innerHTML = Rs(e) : i.textContent = e, document.body.appendChild(i), i;
+}, Fs = (e) => {
   const t = [...e];
-  return t.forEach((i, n) => {
-    const o = { ...Zn(i.positions) };
-    t[n].initialPositions = o, t[n].positions = o;
+  return t.forEach((i, s) => {
+    const o = { ...Zs(i.positions) };
+    t[s].initialPositions = o, t[s].positions = o;
   }), t;
-}, Nn = ({
+}, Ns = ({
   newWidth: e,
   newHeight: t,
   initialContainerSize: i,
-  imageAspectRatio: n,
+  imageAspectRatio: s,
   hotspotsConfig: o
 }) => {
-  const [s, l] = i;
+  const [n, l] = i;
   let r = e, a = t, c = 0, h = 0;
   const p = e / t;
-  n > p ? (a = e / n, h = (t - a) / 2) : (r = t * n, c = (e - r) / 2);
-  const u = r / s, I = a / l;
+  s > p ? (a = e / s, h = (t - a) / 2) : (r = t * s, c = (e - r) / 2);
+  const u = r / n, I = a / l;
   return o.map((g) => {
     const v = {};
     return Object.entries(g.initialPositions).forEach(([m, b]) => {
@@ -987,11 +990,11 @@ const Xn = /* @__PURE__ */ new Set([
     }), { ...g, positions: v };
   });
 };
-var H = "top", F = "bottom", N = "right", D = "left", ee = "auto", kt = [H, F, N, D], ut = "start", At = "end", Vn = "clippingParents", Ne = "viewport", Ct = "popper", jn = "reference", ke = /* @__PURE__ */ kt.reduce(function(e, t) {
-  return e.concat([t + "-" + ut, t + "-" + At]);
-}, []), Ve = /* @__PURE__ */ [].concat(kt, [ee]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + ut, t + "-" + At]);
-}, []), $n = "beforeRead", zn = "read", Gn = "afterRead", Un = "beforeMain", Kn = "main", _n = "afterMain", Jn = "beforeWrite", qn = "write", Qn = "afterWrite", to = [$n, zn, Gn, Un, Kn, _n, Jn, qn, Qn];
+var H = "top", F = "bottom", N = "right", D = "left", ee = "auto", Tt = [H, F, N, D], ut = "start", Lt = "end", Vs = "clippingParents", Ne = "viewport", Ot = "popper", js = "reference", ke = /* @__PURE__ */ Tt.reduce(function(e, t) {
+  return e.concat([t + "-" + ut, t + "-" + Lt]);
+}, []), Ve = /* @__PURE__ */ [].concat(Tt, [ee]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ut, t + "-" + Lt]);
+}, []), $s = "beforeRead", zs = "read", Gs = "afterRead", Us = "beforeMain", Ks = "main", _s = "afterMain", Js = "beforeWrite", qs = "write", Qs = "afterWrite", to = [$s, zs, Gs, Us, Ks, _s, Js, qs, Qs];
 function $(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -1004,7 +1007,7 @@ function B(e) {
   }
   return e;
 }
-function st(e) {
+function nt(e) {
   var t = B(e).Element;
   return e instanceof t || e instanceof Element;
 }
@@ -1021,10 +1024,10 @@ function ie(e) {
 function eo(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];
-    !W(s) || !$(s) || (Object.assign(s.style, n), Object.keys(o).forEach(function(l) {
+    var s = t.styles[i] || {}, o = t.attributes[i] || {}, n = t.elements[i];
+    !W(n) || !$(n) || (Object.assign(n.style, s), Object.keys(o).forEach(function(l) {
       var r = o[l];
-      r === !1 ? s.removeAttribute(l) : s.setAttribute(l, r === !0 ? "" : r);
+      r === !1 ? n.removeAttribute(l) : n.setAttribute(l, r === !0 ? "" : r);
     }));
   });
 }
@@ -1042,17 +1045,17 @@ function io(e) {
     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] || {}, l = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : i[n]), r = l.reduce(function(a, c) {
+    Object.keys(t.elements).forEach(function(s) {
+      var o = t.elements[s], n = t.attributes[s] || {}, l = Object.keys(t.styles.hasOwnProperty(s) ? t.styles[s] : i[s]), r = l.reduce(function(a, c) {
         return a[c] = "", a;
       }, {});
-      !W(o) || !$(o) || (Object.assign(o.style, r), Object.keys(s).forEach(function(a) {
+      !W(o) || !$(o) || (Object.assign(o.style, r), Object.keys(n).forEach(function(a) {
         o.removeAttribute(a);
       }));
     });
   };
 }
-const no = {
+const so = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
@@ -1075,9 +1078,9 @@ function je() {
 }
 function ft(e, t, i) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
-  var n = e.getBoundingClientRect(), o = 1, s = 1;
-  t && W(e) && (o = e.offsetWidth > 0 && pt(n.width) / e.offsetWidth || 1, s = e.offsetHeight > 0 && pt(n.height) / e.offsetHeight || 1);
-  var l = st(e) ? B(e) : window, r = l.visualViewport, a = !je() && i, c = (n.left + (a && r ? r.offsetLeft : 0)) / o, h = (n.top + (a && r ? r.offsetTop : 0)) / s, p = n.width / o, f = n.height / s;
+  var s = e.getBoundingClientRect(), o = 1, n = 1;
+  t && W(e) && (o = e.offsetWidth > 0 && pt(s.width) / e.offsetWidth || 1, n = e.offsetHeight > 0 && pt(s.height) / e.offsetHeight || 1);
+  var l = nt(e) ? B(e) : window, r = l.visualViewport, a = !je() && i, c = (s.left + (a && r ? r.offsetLeft : 0)) / o, h = (s.top + (a && r ? r.offsetTop : 0)) / n, p = s.width / o, f = s.height / n;
   return {
     width: p,
     height: f,
@@ -1089,13 +1092,13 @@ function ft(e, t, i) {
     y: h
   };
 }
-function ne(e) {
-  var t = ft(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), {
+function se(e) {
+  var t = ft(e), i = e.offsetWidth, s = e.offsetHeight;
+  return Math.abs(t.width - i) <= 1 && (i = t.width), Math.abs(t.height - s) <= 1 && (s = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
     width: i,
-    height: n
+    height: s
   };
 }
 function $e(e, t) {
@@ -1103,12 +1106,12 @@ function $e(e, t) {
   if (e.contains(t))
     return !0;
   if (i && ie(i)) {
-    var n = t;
+    var s = t;
     do {
-      if (n && e.isSameNode(n))
+      if (s && e.isSameNode(s))
         return !0;
-      n = n.parentNode || n.host;
-    } while (n);
+      s = s.parentNode || s.host;
+    } while (s);
   }
   return !1;
 }
@@ -1119,7 +1122,7 @@ function oo(e) {
   return ["table", "td", "th"].indexOf($(e)) >= 0;
 }
 function Q(e) {
-  return ((st(e) ? e.ownerDocument : (
+  return ((nt(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
@@ -1140,36 +1143,36 @@ function Te(e) {
   return !W(e) || // https://github.com/popperjs/popper-core/issues/837
   J(e).position === "fixed" ? null : e.offsetParent;
 }
-function so(e) {
+function no(e) {
   var t = /firefox/i.test(Qt()), i = /Trident/i.test(Qt());
   if (i && W(e)) {
-    var n = J(e);
-    if (n.position === "fixed")
+    var s = J(e);
+    if (s.position === "fixed")
       return null;
   }
   var o = Nt(e);
   for (ie(o) && (o = o.host); W(o) && ["html", "body"].indexOf($(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")
+    var n = J(o);
+    if (n.transform !== "none" || n.perspective !== "none" || n.contain === "paint" || ["transform", "perspective"].indexOf(n.willChange) !== -1 || t && n.willChange === "filter" || t && n.filter && n.filter !== "none")
       return o;
     o = o.parentNode;
   }
   return null;
 }
-function Tt(e) {
+function Yt(e) {
   for (var t = B(e), i = Te(e); i && oo(i) && J(i).position === "static"; )
     i = Te(i);
-  return i && ($(i) === "html" || $(i) === "body" && J(i).position === "static") ? t : i || so(e) || t;
+  return i && ($(i) === "html" || $(i) === "body" && J(i).position === "static") ? t : i || no(e) || t;
 }
 function oe(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Et(e, t, i) {
+function St(e, t, i) {
   return ot(e, Wt(t, i));
 }
 function ro(e, t, i) {
-  var n = Et(e, t, i);
-  return n > i ? i : n;
+  var s = St(e, t, i);
+  return s > i ? i : s;
 }
 function ze() {
   return {
@@ -1183,24 +1186,24 @@ function Ge(e) {
   return Object.assign({}, ze(), e);
 }
 function Ue(e, t) {
-  return t.reduce(function(i, n) {
-    return i[n] = e, i;
+  return t.reduce(function(i, s) {
+    return i[s] = e, i;
   }, {});
 }
 var ao = function(t, i) {
   return t = typeof t == "function" ? t(Object.assign({}, i.rects, {
     placement: i.placement
-  })) : t, Ge(typeof t != "number" ? t : Ue(t, kt));
+  })) : t, Ge(typeof t != "number" ? t : Ue(t, Tt));
 };
 function lo(e) {
-  var t, i = e.state, n = e.name, o = e.options, s = i.elements.arrow, l = i.modifiersData.popperOffsets, r = j(i.placement), a = oe(r), c = [D, N].indexOf(r) >= 0, h = c ? "height" : "width";
-  if (!(!s || !l)) {
-    var p = ao(o.padding, i), f = ne(s), u = a === "y" ? H : D, I = a === "y" ? F : N, g = i.rects.reference[h] + i.rects.reference[a] - l[a] - i.rects.popper[h], v = l[a] - i.rects.reference[a], m = Tt(s), b = m ? a === "y" ? m.clientHeight || 0 : m.clientWidth || 0 : 0, x = g / 2 - v / 2, w = p[u], C = b - f[h] - p[I], y = b / 2 - f[h] / 2 + x, O = Et(w, y, C), S = a;
-    i.modifiersData[n] = (t = {}, t[S] = O, t.centerOffset = O - y, t);
+  var t, i = e.state, s = e.name, o = e.options, n = i.elements.arrow, l = i.modifiersData.popperOffsets, r = j(i.placement), a = oe(r), c = [D, N].indexOf(r) >= 0, h = c ? "height" : "width";
+  if (!(!n || !l)) {
+    var p = ao(o.padding, i), f = se(n), u = a === "y" ? H : D, I = a === "y" ? F : N, g = i.rects.reference[h] + i.rects.reference[a] - l[a] - i.rects.popper[h], v = l[a] - i.rects.reference[a], m = Yt(n), b = m ? a === "y" ? m.clientHeight || 0 : m.clientWidth || 0 : 0, x = g / 2 - v / 2, w = p[u], C = b - f[h] - p[I], y = b / 2 - f[h] / 2 + x, O = St(w, y, C), S = a;
+    i.modifiersData[s] = (t = {}, t[S] = O, t.centerOffset = O - y, t);
   }
 }
 function co(e) {
-  var t = e.state, i = e.options, n = i.element, o = n === void 0 ? "[data-popper-arrow]" : n;
+  var t = e.state, i = e.options, s = i.element, o = s === void 0 ? "[data-popper-arrow]" : s;
   o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || $e(t.elements.popper, o) && (t.elements.arrow = o));
 }
 const ho = {
@@ -1222,14 +1225,14 @@ var uo = {
   left: "auto"
 };
 function po(e, t) {
-  var i = e.x, n = e.y, o = t.devicePixelRatio || 1;
+  var i = e.x, s = e.y, o = t.devicePixelRatio || 1;
   return {
     x: pt(i * o) / o || 0,
-    y: pt(n * o) / o || 0
+    y: pt(s * o) / o || 0
   };
 }
 function Ye(e) {
-  var t, i = e.popper, n = e.popperRect, o = e.placement, s = e.variation, l = e.offsets, r = e.position, a = e.gpuAcceleration, c = e.adaptive, h = e.roundOffsets, p = e.isFixed, f = l.x, u = f === void 0 ? 0 : f, I = l.y, g = I === void 0 ? 0 : I, v = typeof h == "function" ? h({
+  var t, i = e.popper, s = e.popperRect, o = e.placement, n = e.variation, l = e.offsets, r = e.position, a = e.gpuAcceleration, c = e.adaptive, h = e.roundOffsets, p = e.isFixed, f = l.x, u = f === void 0 ? 0 : f, I = l.y, g = I === void 0 ? 0 : I, v = typeof h == "function" ? h({
     x: u,
     y: g
   }) : {
@@ -1239,25 +1242,25 @@ function Ye(e) {
   u = v.x, g = v.y;
   var m = l.hasOwnProperty("x"), b = l.hasOwnProperty("y"), x = D, w = H, C = window;
   if (c) {
-    var y = Tt(i), O = "clientHeight", S = "clientWidth";
-    if (y === B(i) && (y = Q(i), J(y).position !== "static" && r === "absolute" && (O = "scrollHeight", S = "scrollWidth")), y = y, o === H || (o === D || o === N) && s === At) {
+    var y = Yt(i), O = "clientHeight", S = "clientWidth";
+    if (y === B(i) && (y = Q(i), J(y).position !== "static" && r === "absolute" && (O = "scrollHeight", S = "scrollWidth")), y = y, o === H || (o === D || o === N) && n === Lt) {
       w = F;
       var E = p && y === C && C.visualViewport ? C.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         y[O]
       );
-      g -= E - n.height, g *= a ? 1 : -1;
+      g -= E - s.height, g *= a ? 1 : -1;
     }
-    if (o === D || (o === H || o === F) && s === At) {
+    if (o === D || (o === H || o === F) && n === Lt) {
       x = N;
       var A = p && y === C && C.visualViewport ? C.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         y[S]
       );
-      u -= A - n.width, u *= a ? 1 : -1;
+      u -= A - s.width, u *= a ? 1 : -1;
     }
   }
-  var L = Object.assign({
+  var k = Object.assign({
     position: r
   }, c && uo), R = h === !0 ? po({
     x: u,
@@ -1268,12 +1271,12 @@ function Ye(e) {
   };
   if (u = R.x, g = R.y, a) {
     var T;
-    return Object.assign({}, L, (T = {}, T[w] = b ? "0" : "", T[x] = m ? "0" : "", T.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + g + "px)" : "translate3d(" + u + "px, " + g + "px, 0)", T));
+    return Object.assign({}, k, (T = {}, T[w] = b ? "0" : "", T[x] = m ? "0" : "", T.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + g + "px)" : "translate3d(" + u + "px, " + g + "px, 0)", T));
   }
-  return Object.assign({}, L, (t = {}, t[w] = b ? g + "px" : "", t[x] = m ? u + "px" : "", t.transform = "", t));
+  return Object.assign({}, k, (t = {}, t[w] = b ? g + "px" : "", t[x] = m ? u + "px" : "", t.transform = "", t));
 }
 function fo(e) {
-  var t = e.state, i = e.options, n = i.gpuAcceleration, o = n === void 0 ? !0 : n, s = i.adaptive, l = s === void 0 ? !0 : s, r = i.roundOffsets, a = r === void 0 ? !0 : r, c = {
+  var t = e.state, i = e.options, s = i.gpuAcceleration, o = s === void 0 ? !0 : s, n = i.adaptive, l = n === void 0 ? !0 : n, r = i.roundOffsets, a = r === void 0 ? !0 : r, c = {
     placement: j(t.placement),
     variation: mt(t.placement),
     popper: t.elements.popper,
@@ -1306,11 +1309,11 @@ var Dt = {
   passive: !0
 };
 function vo(e) {
-  var t = e.state, i = e.instance, n = e.options, o = n.scroll, s = o === void 0 ? !0 : o, l = n.resize, r = l === void 0 ? !0 : l, a = B(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
-  return s && c.forEach(function(h) {
+  var t = e.state, i = e.instance, s = e.options, o = s.scroll, n = o === void 0 ? !0 : o, l = s.resize, r = l === void 0 ? !0 : l, a = B(t.elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return n && c.forEach(function(h) {
     h.addEventListener("scroll", i.update, Dt);
   }), r && a.addEventListener("resize", i.update, Dt), function() {
-    s && c.forEach(function(h) {
+    n && c.forEach(function(h) {
       h.removeEventListener("scroll", i.update, Dt);
     }), r && a.removeEventListener("resize", i.update, Dt);
   };
@@ -1344,53 +1347,53 @@ function Xe(e) {
     return bo[t];
   });
 }
-function se(e) {
-  var t = B(e), i = t.pageXOffset, n = t.pageYOffset;
+function ne(e) {
+  var t = B(e), i = t.pageXOffset, s = t.pageYOffset;
   return {
     scrollLeft: i,
-    scrollTop: n
+    scrollTop: s
   };
 }
 function re(e) {
-  return ft(Q(e)).left + se(e).scrollLeft;
+  return ft(Q(e)).left + ne(e).scrollLeft;
 }
 function wo(e, t) {
-  var i = B(e), n = Q(e), o = i.visualViewport, s = n.clientWidth, l = n.clientHeight, r = 0, a = 0;
+  var i = B(e), s = Q(e), o = i.visualViewport, n = s.clientWidth, l = s.clientHeight, r = 0, a = 0;
   if (o) {
-    s = o.width, l = o.height;
+    n = o.width, l = o.height;
     var c = je();
     (c || !c && t === "fixed") && (r = o.offsetLeft, a = o.offsetTop);
   }
   return {
-    width: s,
+    width: n,
     height: l,
     x: r + re(e),
     y: a
   };
 }
 function Io(e) {
-  var t, i = Q(e), n = se(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, s = ot(i.scrollWidth, i.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = ot(i.scrollHeight, i.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), r = -n.scrollLeft + re(e), a = -n.scrollTop;
-  return J(o || i).direction === "rtl" && (r += ot(i.clientWidth, o ? o.clientWidth : 0) - s), {
-    width: s,
+  var t, i = Q(e), s = ne(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, n = ot(i.scrollWidth, i.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = ot(i.scrollHeight, i.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), r = -s.scrollLeft + re(e), a = -s.scrollTop;
+  return J(o || i).direction === "rtl" && (r += ot(i.clientWidth, o ? o.clientWidth : 0) - n), {
+    width: n,
     height: l,
     x: r,
     y: a
   };
 }
 function ae(e) {
-  var t = J(e), i = t.overflow, n = t.overflowX, o = t.overflowY;
-  return /auto|scroll|overlay|hidden/.test(i + o + n);
+  var t = J(e), i = t.overflow, s = t.overflowX, o = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(i + o + s);
 }
 function Ke(e) {
   return ["html", "body", "#document"].indexOf($(e)) >= 0 ? e.ownerDocument.body : W(e) && ae(e) ? e : Ke(Nt(e));
 }
-function St(e, t) {
+function At(e, t) {
   var i;
   t === void 0 && (t = []);
-  var n = Ke(e), o = n === ((i = e.ownerDocument) == null ? void 0 : i.body), s = B(n), l = o ? [s].concat(s.visualViewport || [], ae(n) ? n : []) : n, r = t.concat(l);
+  var s = Ke(e), o = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = B(s), l = o ? [n].concat(n.visualViewport || [], ae(s) ? s : []) : s, r = t.concat(l);
   return o ? r : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    r.concat(St(Nt(l)))
+    r.concat(At(Nt(l)))
   );
 }
 function te(e) {
@@ -1406,23 +1409,23 @@ function xo(e, 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;
 }
 function Pe(e, t, i) {
-  return t === Ne ? te(wo(e, i)) : st(t) ? xo(t, i) : te(Io(Q(e)));
+  return t === Ne ? te(wo(e, i)) : nt(t) ? xo(t, i) : te(Io(Q(e)));
 }
 function Co(e) {
-  var t = St(Nt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, n = i && W(e) ? Tt(e) : e;
-  return st(n) ? t.filter(function(o) {
-    return st(o) && $e(o, n) && $(o) !== "body";
+  var t = At(Nt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, s = i && W(e) ? Yt(e) : e;
+  return nt(s) ? t.filter(function(o) {
+    return nt(o) && $e(o, s) && $(o) !== "body";
   }) : [];
 }
-function Oo(e, t, i, n) {
-  var o = t === "clippingParents" ? Co(e) : [].concat(t), s = [].concat(o, [i]), l = s[0], r = s.reduce(function(a, c) {
-    var h = Pe(e, c, n);
+function Oo(e, t, i, s) {
+  var o = t === "clippingParents" ? Co(e) : [].concat(t), n = [].concat(o, [i]), l = n[0], r = n.reduce(function(a, c) {
+    var h = Pe(e, c, s);
     return a.top = ot(h.top, a.top), a.right = Wt(h.right, a.right), a.bottom = Wt(h.bottom, a.bottom), a.left = ot(h.left, a.left), a;
-  }, Pe(e, l, n));
+  }, Pe(e, l, s));
   return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
 }
 function _e(e) {
-  var t = e.reference, i = e.element, n = e.placement, o = n ? j(n) : null, s = n ? mt(n) : null, l = t.x + t.width / 2 - i.width / 2, r = t.y + t.height / 2 - i.height / 2, a;
+  var t = e.reference, i = e.element, s = e.placement, o = s ? j(s) : null, n = s ? mt(s) : null, l = t.x + t.width / 2 - i.width / 2, r = t.y + t.height / 2 - i.height / 2, a;
   switch (o) {
     case H:
       a = {
@@ -1457,31 +1460,31 @@ function _e(e) {
   var c = o ? oe(o) : null;
   if (c != null) {
     var h = c === "y" ? "height" : "width";
-    switch (s) {
+    switch (n) {
       case ut:
         a[c] = a[c] - (t[h] / 2 - i[h] / 2);
         break;
-      case At:
+      case Lt:
         a[c] = a[c] + (t[h] / 2 - i[h] / 2);
         break;
     }
   }
   return a;
 }
-function Lt(e, t) {
+function kt(e, t) {
   t === void 0 && (t = {});
-  var i = t, n = i.placement, o = n === void 0 ? e.placement : n, s = i.strategy, l = s === void 0 ? e.strategy : s, r = i.boundary, a = r === void 0 ? Vn : r, c = i.rootBoundary, h = c === void 0 ? Ne : c, p = i.elementContext, f = p === void 0 ? Ct : p, u = i.altBoundary, I = u === void 0 ? !1 : u, g = i.padding, v = g === void 0 ? 0 : g, m = Ge(typeof v != "number" ? v : Ue(v, kt)), b = f === Ct ? jn : Ct, x = e.rects.popper, w = e.elements[I ? b : f], C = Oo(st(w) ? w : w.contextElement || Q(e.elements.popper), a, h, l), y = ft(e.elements.reference), O = _e({
+  var i = t, s = i.placement, o = s === void 0 ? e.placement : s, n = i.strategy, l = n === void 0 ? e.strategy : n, r = i.boundary, a = r === void 0 ? Vs : r, c = i.rootBoundary, h = c === void 0 ? Ne : c, p = i.elementContext, f = p === void 0 ? Ot : p, u = i.altBoundary, I = u === void 0 ? !1 : u, g = i.padding, v = g === void 0 ? 0 : g, m = Ge(typeof v != "number" ? v : Ue(v, Tt)), b = f === Ot ? js : Ot, x = e.rects.popper, w = e.elements[I ? b : f], C = Oo(nt(w) ? w : w.contextElement || Q(e.elements.popper), a, h, l), y = ft(e.elements.reference), O = _e({
     reference: y,
     element: x,
     placement: o
-  }), S = te(Object.assign({}, x, O)), E = f === Ct ? S : y, A = {
+  }), S = te(Object.assign({}, x, O)), E = f === Ot ? S : y, A = {
     top: C.top - E.top + m.top,
     bottom: E.bottom - C.bottom + m.bottom,
     left: C.left - E.left + m.left,
     right: E.right - C.right + m.right
-  }, L = e.modifiersData.offset;
-  if (f === Ct && L) {
-    var R = L[o];
+  }, k = e.modifiersData.offset;
+  if (f === Ot && k) {
+    var R = k[o];
     Object.keys(A).forEach(function(T) {
       var z = [N, F].indexOf(T) >= 0 ? 1 : -1, G = [H, F].indexOf(T) >= 0 ? "y" : "x";
       A[T] += R[G] * z;
@@ -1491,17 +1494,17 @@ function Lt(e, t) {
 }
 function Eo(e, t) {
   t === void 0 && (t = {});
-  var i = t, n = i.placement, o = i.boundary, s = i.rootBoundary, l = i.padding, r = i.flipVariations, a = i.allowedAutoPlacements, c = a === void 0 ? Ve : a, h = mt(n), p = h ? r ? ke : ke.filter(function(I) {
+  var i = t, s = i.placement, o = i.boundary, n = i.rootBoundary, l = i.padding, r = i.flipVariations, a = i.allowedAutoPlacements, c = a === void 0 ? Ve : a, h = mt(s), p = h ? r ? ke : ke.filter(function(I) {
     return mt(I) === h;
-  }) : kt, f = p.filter(function(I) {
+  }) : Tt, f = p.filter(function(I) {
     return c.indexOf(I) >= 0;
   });
   f.length === 0 && (f = p);
   var u = f.reduce(function(I, g) {
-    return I[g] = Lt(e, {
+    return I[g] = kt(e, {
       placement: g,
       boundary: o,
-      rootBoundary: s,
+      rootBoundary: n,
       padding: l
     })[j(g)], I;
   }, {});
@@ -1516,9 +1519,9 @@ function So(e) {
   return [Xe(e), t, Xe(t)];
 }
 function Ao(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, l = i.altAxis, r = l === void 0 ? !0 : l, a = i.fallbackPlacements, c = i.padding, h = i.boundary, p = i.rootBoundary, f = i.altBoundary, u = i.flipVariations, I = u === void 0 ? !0 : u, g = i.allowedAutoPlacements, v = t.options.placement, m = j(v), b = m === v, x = a || (b || !I ? [Zt(v)] : So(v)), w = [v].concat(x).reduce(function(q, V) {
+  var t = e.state, i = e.options, s = e.name;
+  if (!t.modifiersData[s]._skip) {
+    for (var o = i.mainAxis, n = o === void 0 ? !0 : o, l = i.altAxis, r = l === void 0 ? !0 : l, a = i.fallbackPlacements, c = i.padding, h = i.boundary, p = i.rootBoundary, f = i.altBoundary, u = i.flipVariations, I = u === void 0 ? !0 : u, g = i.allowedAutoPlacements, v = t.options.placement, m = j(v), b = m === v, x = a || (b || !I ? [Zt(v)] : So(v)), w = [v].concat(x).reduce(function(q, V) {
       return q.concat(j(V) === ee ? Eo(t, {
         placement: V,
         boundary: h,
@@ -1528,8 +1531,8 @@ function Ao(e) {
         allowedAutoPlacements: g
       }) : V);
     }, []), C = t.rects.reference, y = t.rects.popper, O = /* @__PURE__ */ new Map(), S = !0, E = w[0], A = 0; A < w.length; A++) {
-      var L = w[A], R = j(L), T = mt(L) === ut, z = [H, F].indexOf(R) >= 0, G = z ? "width" : "height", Y = Lt(t, {
-        placement: L,
+      var k = w[A], R = j(k), T = mt(k) === ut, z = [H, F].indexOf(R) >= 0, G = z ? "width" : "height", Y = kt(t, {
+        placement: k,
         boundary: h,
         rootBoundary: p,
         altBoundary: f,
@@ -1537,21 +1540,21 @@ function Ao(e) {
       }), Z = z ? T ? N : D : T ? F : H;
       C[G] > y[G] && (Z = Zt(Z));
       var rt = Zt(Z), U = [];
-      if (s && U.push(Y[R] <= 0), r && U.push(Y[Z] <= 0, Y[rt] <= 0), U.every(function(q) {
+      if (n && U.push(Y[R] <= 0), r && U.push(Y[Z] <= 0, Y[rt] <= 0), U.every(function(q) {
         return q;
       })) {
-        E = L, S = !1;
+        E = k, S = !1;
         break;
       }
-      O.set(L, U);
+      O.set(k, U);
     }
     if (S)
       for (var at = I ? 3 : 1, vt = function(V) {
         var et = w.find(function(it) {
           var K = O.get(it);
           if (K)
-            return K.slice(0, V).every(function(gt) {
-              return gt;
+            return K.slice(0, V).every(function(ct) {
+              return ct;
             });
         });
         if (et)
@@ -1560,7 +1563,7 @@ function Ao(e) {
         var lt = vt(tt);
         if (lt === "break") break;
       }
-    t.placement !== E && (t.modifiersData[n]._skip = !0, t.placement = E, t.reset = !0);
+    t.placement !== E && (t.modifiersData[s]._skip = !0, t.placement = E, t.reset = !0);
   }
 }
 const Lo = {
@@ -1590,11 +1593,11 @@ function Me(e) {
   });
 }
 function ko(e) {
-  var t = e.state, i = e.name, n = t.rects.reference, o = t.rects.popper, s = t.modifiersData.preventOverflow, l = Lt(t, {
+  var t = e.state, i = e.name, s = t.rects.reference, o = t.rects.popper, n = t.modifiersData.preventOverflow, l = kt(t, {
     elementContext: "reference"
-  }), r = Lt(t, {
+  }), r = kt(t, {
     altBoundary: !0
-  }), a = Re(l, n), c = Re(r, o, s), h = Me(a), p = Me(c);
+  }), a = Re(l, s), c = Re(r, o, n), h = Me(a), p = Me(c);
   t.modifiersData[i] = {
     referenceClippingOffsets: a,
     popperEscapeOffsets: c,
@@ -1613,10 +1616,10 @@ const To = {
   fn: ko
 };
 function Yo(e, t, i) {
-  var n = j(e), o = [D, H].indexOf(n) >= 0 ? -1 : 1, s = typeof i == "function" ? i(Object.assign({}, t, {
+  var s = j(e), o = [D, H].indexOf(s) >= 0 ? -1 : 1, n = typeof i == "function" ? i(Object.assign({}, t, {
     placement: e
-  })) : i, l = s[0], r = s[1];
-  return l = l || 0, r = (r || 0) * o, [D, N].indexOf(n) >= 0 ? {
+  })) : i, l = n[0], r = n[1];
+  return l = l || 0, r = (r || 0) * o, [D, N].indexOf(s) >= 0 ? {
     x: r,
     y: l
   } : {
@@ -1625,10 +1628,10 @@ function Yo(e, t, i) {
   };
 }
 function Xo(e) {
-  var t = e.state, i = e.options, n = e.name, o = i.offset, s = o === void 0 ? [0, 0] : o, l = Ve.reduce(function(h, p) {
-    return h[p] = Yo(p, t.rects, s), h;
+  var t = e.state, i = e.options, s = e.name, o = i.offset, n = o === void 0 ? [0, 0] : o, l = Ve.reduce(function(h, p) {
+    return h[p] = Yo(p, t.rects, n), h;
   }, {}), r = l[t.placement], a = r.x, c = r.y;
-  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a, t.modifiersData.popperOffsets.y += c), t.modifiersData[n] = l;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += a, t.modifiersData.popperOffsets.y += c), t.modifiersData[s] = l;
 }
 const Po = {
   name: "offset",
@@ -1656,7 +1659,7 @@ function Ho(e) {
   return e === "x" ? "y" : "x";
 }
 function Do(e) {
-  var t = e.state, i = e.options, n = e.name, o = i.mainAxis, s = o === void 0 ? !0 : o, l = i.altAxis, r = l === void 0 ? !1 : l, a = i.boundary, c = i.rootBoundary, h = i.altBoundary, p = i.padding, f = i.tether, u = f === void 0 ? !0 : f, I = i.tetherOffset, g = I === void 0 ? 0 : I, v = Lt(t, {
+  var t = e.state, i = e.options, s = e.name, o = i.mainAxis, n = o === void 0 ? !0 : o, l = i.altAxis, r = l === void 0 ? !1 : l, a = i.boundary, c = i.rootBoundary, h = i.altBoundary, p = i.padding, f = i.tether, u = f === void 0 ? !0 : f, I = i.tetherOffset, g = I === void 0 ? 0 : I, v = kt(t, {
     boundary: a,
     rootBoundary: c,
     padding: p,
@@ -1669,23 +1672,23 @@ function Do(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, E), L = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
+  }, E), k = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
     x: 0,
     y: 0
   };
   if (y) {
-    if (s) {
-      var T, z = w === "y" ? H : D, G = w === "y" ? F : N, Y = w === "y" ? "height" : "width", Z = y[w], rt = Z + v[z], U = Z - v[G], at = u ? -S[Y] / 2 : 0, vt = b === ut ? O[Y] : S[Y], tt = b === ut ? -S[Y] : -O[Y], lt = t.elements.arrow, q = u && lt ? ne(lt) : {
+    if (n) {
+      var T, z = w === "y" ? H : D, G = w === "y" ? F : N, Y = w === "y" ? "height" : "width", Z = y[w], rt = Z + v[z], U = Z - v[G], at = u ? -S[Y] / 2 : 0, vt = b === ut ? O[Y] : S[Y], tt = b === ut ? -S[Y] : -O[Y], lt = t.elements.arrow, q = u && lt ? se(lt) : {
         width: 0,
         height: 0
-      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ze(), et = V[z], it = V[G], K = Et(0, O[Y], q[Y]), gt = x ? O[Y] / 2 - at - K - et - A.mainAxis : vt - K - et - A.mainAxis, Vt = x ? -O[Y] / 2 + at + K + it + A.mainAxis : tt + K + it + A.mainAxis, yt = t.elements.arrow && Tt(t.elements.arrow), jt = yt ? w === "y" ? yt.clientTop || 0 : yt.clientLeft || 0 : 0, Yt = (T = L == null ? void 0 : L[w]) != null ? T : 0, $t = Z + gt - Yt - jt, zt = Z + Vt - Yt, Xt = Et(u ? Wt(rt, $t) : rt, Z, u ? ot(U, zt) : U);
-      y[w] = Xt, R[w] = Xt - Z;
+      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ze(), et = V[z], it = V[G], K = St(0, O[Y], q[Y]), ct = x ? O[Y] / 2 - at - K - et - A.mainAxis : vt - K - et - A.mainAxis, Vt = x ? -O[Y] / 2 + at + K + it + A.mainAxis : tt + K + it + A.mainAxis, gt = t.elements.arrow && Yt(t.elements.arrow), jt = gt ? w === "y" ? gt.clientTop || 0 : gt.clientLeft || 0 : 0, Xt = (T = k == null ? void 0 : k[w]) != null ? T : 0, $t = Z + ct - Xt - jt, zt = Z + Vt - Xt, Pt = St(u ? Wt(rt, $t) : rt, Z, u ? ot(U, zt) : U);
+      y[w] = Pt, R[w] = Pt - Z;
     }
     if (r) {
-      var Pt, Gt = w === "x" ? H : D, Ut = w === "x" ? F : N, _ = y[C], nt = C === "y" ? "height" : "width", ct = _ + v[Gt], ht = _ - v[Ut], dt = [H, D].indexOf(m) !== -1, bt = (Pt = L == null ? void 0 : L[C]) != null ? Pt : 0, wt = dt ? ct : _ - O[nt] - S[nt] - bt + A.altAxis, It = dt ? _ + O[nt] + S[nt] - bt - A.altAxis : ht, Rt = u && dt ? ro(wt, _, It) : Et(u ? wt : ct, _, u ? It : ht);
-      y[C] = Rt, R[C] = Rt - _;
+      var Rt, Gt = w === "x" ? H : D, Ut = w === "x" ? F : N, _ = y[C], ht = C === "y" ? "height" : "width", yt = _ + v[Gt], dt = _ - v[Ut], st = [H, D].indexOf(m) !== -1, bt = (Rt = k == null ? void 0 : k[C]) != null ? Rt : 0, wt = st ? yt : _ - O[ht] - S[ht] - bt + A.altAxis, It = st ? _ + O[ht] + S[ht] - bt - A.altAxis : dt, xt = u && st ? ro(wt, _, It) : St(u ? wt : yt, _, u ? It : dt);
+      y[C] = xt, R[C] = xt - _;
     }
-    t.modifiersData[n] = R;
+    t.modifiersData[s] = R;
   }
 }
 const Zo = {
@@ -1702,23 +1705,23 @@ function Bo(e) {
   };
 }
 function Wo(e) {
-  return e === B(e) || !W(e) ? se(e) : Bo(e);
+  return e === B(e) || !W(e) ? ne(e) : Bo(e);
 }
 function Fo(e) {
-  var t = e.getBoundingClientRect(), i = pt(t.width) / e.offsetWidth || 1, n = pt(t.height) / e.offsetHeight || 1;
-  return i !== 1 || n !== 1;
+  var t = e.getBoundingClientRect(), i = pt(t.width) / e.offsetWidth || 1, s = pt(t.height) / e.offsetHeight || 1;
+  return i !== 1 || s !== 1;
 }
 function No(e, t, i) {
   i === void 0 && (i = !1);
-  var n = W(t), o = W(t) && Fo(t), s = Q(t), l = ft(e, o, i), r = {
+  var s = W(t), o = W(t) && Fo(t), n = Q(t), l = ft(e, o, i), r = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = {
     x: 0,
     y: 0
   };
-  return (n || !n && !i) && (($(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  ae(s)) && (r = Wo(t)), W(t) ? (a = ft(t, !0), a.x += t.clientLeft, a.y += t.clientTop) : s && (a.x = re(s))), {
+  return (s || !s && !i) && (($(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  ae(n)) && (r = Wo(t)), W(t) ? (a = ft(t, !0), a.x += t.clientLeft, a.y += t.clientTop) : n && (a.x = re(n))), {
     x: l.left + r.scrollLeft - a.x,
     y: l.top + r.scrollTop - a.y,
     width: l.width,
@@ -1726,29 +1729,29 @@ function No(e, t, i) {
   };
 }
 function Vo(e) {
-  var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), n = [];
-  e.forEach(function(s) {
-    t.set(s.name, s);
+  var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), s = [];
+  e.forEach(function(n) {
+    t.set(n.name, n);
   });
-  function o(s) {
-    i.add(s.name);
-    var l = [].concat(s.requires || [], s.requiresIfExists || []);
+  function o(n) {
+    i.add(n.name);
+    var l = [].concat(n.requires || [], n.requiresIfExists || []);
     l.forEach(function(r) {
       if (!i.has(r)) {
         var a = t.get(r);
         a && o(a);
       }
-    }), n.push(s);
+    }), s.push(n);
   }
-  return e.forEach(function(s) {
-    i.has(s.name) || o(s);
-  }), n;
+  return e.forEach(function(n) {
+    i.has(n.name) || o(n);
+  }), s;
 }
 function jo(e) {
   var t = Vo(e);
-  return to.reduce(function(i, n) {
+  return to.reduce(function(i, s) {
     return i.concat(t.filter(function(o) {
-      return o.phase === n;
+      return o.phase === s;
     }));
   }, []);
 }
@@ -1763,12 +1766,12 @@ function $o(e) {
   };
 }
 function zo(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;
+  var t = e.reduce(function(i, s) {
+    var o = i[s.name];
+    return i[s.name] = o ? Object.assign({}, o, s, {
+      options: Object.assign({}, o.options, s.options),
+      data: Object.assign({}, o.data, s.data)
+    }) : s, i;
   }, {});
   return Object.keys(t).map(function(i) {
     return t[i];
@@ -1782,19 +1785,19 @@ var He = {
 function De() {
   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");
+  return !t.some(function(s) {
+    return !(s && typeof s.getBoundingClientRect == "function");
   });
 }
 function Go(e) {
   e === void 0 && (e = {});
-  var t = e, i = t.defaultModifiers, n = i === void 0 ? [] : i, o = t.defaultOptions, s = o === void 0 ? He : o;
+  var t = e, i = t.defaultModifiers, s = i === void 0 ? [] : i, o = t.defaultOptions, n = o === void 0 ? He : o;
   return function(r, a, c) {
-    c === void 0 && (c = s);
+    c === void 0 && (c = n);
     var h = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, He, s),
+      options: Object.assign({}, He, n),
       modifiersData: {},
       elements: {
         reference: r,
@@ -1806,11 +1809,11 @@ function Go(e) {
       state: h,
       setOptions: function(m) {
         var b = typeof m == "function" ? m(h.options) : m;
-        g(), h.options = Object.assign({}, s, h.options, b), h.scrollParents = {
-          reference: st(r) ? St(r) : r.contextElement ? St(r.contextElement) : [],
-          popper: St(a)
+        g(), h.options = Object.assign({}, n, h.options, b), h.scrollParents = {
+          reference: nt(r) ? At(r) : r.contextElement ? At(r.contextElement) : [],
+          popper: At(a)
         };
-        var x = jo(zo([].concat(n, h.options.modifiers)));
+        var x = jo(zo([].concat(s, h.options.modifiers)));
         return h.orderedModifiers = x.filter(function(w) {
           return w.enabled;
         }), I(), u.update();
@@ -1825,8 +1828,8 @@ function Go(e) {
           var m = h.elements, b = m.reference, x = m.popper;
           if (De(b, x)) {
             h.rects = {
-              reference: No(b, Tt(x), h.options.strategy === "fixed"),
-              popper: ne(x)
+              reference: No(b, Yt(x), h.options.strategy === "fixed"),
+              popper: se(x)
             }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(A) {
               return h.modifiersData[A.name] = Object.assign({}, A.data);
             });
@@ -1885,17 +1888,17 @@ function Go(e) {
     return u;
   };
 }
-var Uo = [go, Mo, mo, no, Po, Lo, Zo, ho, To], Ko = /* @__PURE__ */ Go({
+var Uo = [go, Mo, mo, so, Po, Lo, Zo, ho, To], Ko = /* @__PURE__ */ Go({
   defaultModifiers: Uo
 });
 class _o {
-  constructor(t, i, n) {
+  constructor(t, i, s) {
     le(this, "updateHotspotPosition", (t, i) => {
       this.currentActiveIndex = t, this.currentOrientation = i;
-      const n = Hn(this.hotspotsConfig, t, i);
-      this.hideHotspots(), n.forEach((o) => this.updateAndShowHotspot(o, t));
+      const s = Hs(this.hotspotsConfig, t, i);
+      this.hideHotspots(), s.forEach((o) => this.updateAndShowHotspot(o, t));
     });
-    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = qi(this.container), this.hotspotsConfig = Fn(t), this.shouldHidePopper = !0, this.hidePopper = this.hidePopper.bind(this), this.imageAspectRatio = n, this.hotspotElements = /* @__PURE__ */ new Map(), this.popperListeners = [];
+    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = Qi(this.container), this.hotspotsConfig = Fs(t), this.shouldHidePopper = !0, this.hidePopper = this.hidePopper.bind(this), this.imageAspectRatio = s, this.hotspotElements = /* @__PURE__ */ new Map(), this.popperListeners = [];
     const { containerSize: o } = t[0];
     this.initialContainerSize = o || [i.offsetWidth, i.offsetHeight], this.initHotspots(), this.observeContainerResize();
   }
@@ -1906,7 +1909,7 @@ class _o {
     }), this.resizeObserver.observe(this.container);
   }
   updateHotspotsForResize(t, i) {
-    this.hotspotsConfig = Nn({
+    this.hotspotsConfig = Ns({
       newWidth: t,
       newHeight: i,
       initialContainerSize: this.initialContainerSize,
@@ -1915,17 +1918,17 @@ class _o {
     }), this.updateHotspotPosition(this.currentActiveIndex, this.currentOrientation);
   }
   cleanupPopperListeners() {
-    this.popperListeners.forEach(({ element: t, event: i, handler: n }) => {
-      t.removeEventListener(i, n);
+    this.popperListeners.forEach(({ element: t, event: i, handler: s }) => {
+      t.removeEventListener(i, s);
     }), this.popperListeners = [];
   }
-  showPopper({ hotspotElement: t, content: i, id: n, keepOpen: o }) {
-    this.popperInstance && this.popperInstance.instanceId !== n && this.hidePopper();
-    const s = {
+  showPopper({ hotspotElement: t, content: i, id: s, keepOpen: o }) {
+    this.popperInstance && this.popperInstance.instanceId !== s && this.hidePopper();
+    const n = {
       placement: "top",
-      modifiers: Bn(this.container)
+      modifiers: Bs(this.container)
     };
-    this.popper = Wn(i, n), this.popper.setAttribute("data-show", ""), this.currentHotspotElement = t, t.setAttribute("aria-expanded", "true"), t.setAttribute("aria-describedby", `cloudimage-360-popper-${n}`);
+    this.popper = Ws(i, s), this.popper.setAttribute("data-show", ""), this.currentHotspotElement = t, t.setAttribute("aria-expanded", "true"), t.setAttribute("aria-describedby", `cloudimage-360-popper-${s}`);
     const l = () => {
       this.shouldHidePopper = !1;
     }, r = () => {
@@ -1941,16 +1944,16 @@ class _o {
       { element: t, event: "mouseleave", handler: a },
       { element: t, event: "mouseenter", handler: c }
     ), this.popperInstance = {
-      ...Ko(t, this.popper, s),
+      ...Ko(t, this.popper, n),
       keepOpen: o,
-      instanceId: n
+      instanceId: s
     };
   }
   checkAndHidePopper() {
     var t;
     this.shouldHidePopper && !((t = this.popperInstance) != null && t.keepOpen) && (this.hidePopperTimeout = setTimeout(() => {
       this.shouldHidePopper && this.hidePopper();
-    }, Oi));
+    }, Ei));
   }
   hidePopper() {
     if (this.cleanupPopperListeners(), this.currentHotspotElement && (this.currentHotspotElement.setAttribute("aria-expanded", "false"), this.currentHotspotElement.removeAttribute("aria-describedby"), this.currentHotspotElement = null), this.popperInstance && (this.popperInstance.destroy(), this.popperInstance = null), this.popper) {
@@ -1958,19 +1961,19 @@ class _o {
       const t = this.popper;
       this.popper = null, setTimeout(() => {
         t.remove();
-      }, Ei);
+      }, Si);
     }
   }
   createHotspot(t) {
-    const { id: i, content: n, keepOpen: o, onClick: s, label: l } = t, r = Dn(i, l);
-    s && (r.style.cursor = "pointer"), r.onclick = (a) => {
-      a.stopPropagation(), s == null || s(a, this.popperInstance, i);
-    }, n && (r.addEventListener(
+    const { id: i, content: s, keepOpen: o, onClick: n, label: l } = t, r = Ds(i, l);
+    n && (r.style.cursor = "pointer"), r.onclick = (a) => {
+      a.stopPropagation(), n == null || n(a, this.popperInstance, i);
+    }, s && (r.addEventListener(
       "mouseenter",
-      () => this.showPopper({ hotspotElement: r, content: n, id: i, keepOpen: o })
+      () => this.showPopper({ hotspotElement: r, content: s, id: i, keepOpen: o })
     ), r.addEventListener(
       "focus",
-      () => this.showPopper({ hotspotElement: r, content: n, id: i, keepOpen: o })
+      () => this.showPopper({ hotspotElement: r, content: s, id: i, keepOpen: o })
     ), r.addEventListener("blur", () => {
       this.shouldHidePopper = !0, this.checkAndHidePopper();
     })), this.hotspotsContainer.appendChild(r);
@@ -1981,8 +1984,8 @@ class _o {
     });
   }
   updateAndShowHotspot(t, i) {
-    const { positions: n, id: o } = t, { x: s, y: l } = n[i] ?? {}, r = this.hotspotsContainer.querySelector(`[data-hotspot-id="${o}"]`);
-    r && (r.style.translate = `${s}px ${l}px`, r.style.opacity = 1, r.style.pointerEvents = "all");
+    const { positions: s, id: o } = t, { x: n, y: l } = s[i] ?? {}, r = this.hotspotsContainer.querySelector(`[data-hotspot-id="${o}"]`);
+    r && (r.style.translate = `${n}px ${l}px`, r.style.opacity = 1, r.style.pointerEvents = "all");
   }
   /**
    * Shows the popper for a specific hotspot by ID
@@ -1991,9 +1994,9 @@ class _o {
   showHotspotById(t) {
     const i = this.hotspotsConfig.find((o) => o.id === t);
     if (!i || !i.content) return;
-    const n = this.hotspotsContainer.querySelector(`[data-hotspot-id="${t}"]`);
-    n && n.style.opacity === "1" && this.showPopper({
-      hotspotElement: n,
+    const s = this.hotspotsContainer.querySelector(`[data-hotspot-id="${t}"]`);
+    s && s.style.opacity === "1" && this.showPopper({
+      hotspotElement: s,
       content: i.content,
       id: t,
       keepOpen: i.keepOpen
@@ -2010,26 +2013,26 @@ class _o {
   }
 }
 class Ft {
-  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.velocityX = 0, this.velocityY = 0, this.lastDragTime = 0, this.lastDragX = 0, this.lastDragY = 0, this.inertiaAnimationId = null, this.hasInteracted = !1, this.currentZoomScale = 1, this.touchDevice = Ln(), this.dragJustEnded = !1, this.isPinching = !1, this.initialPinchDistance = 0, this.pinchZoomLevel = 1, this.pinchZoomEmitted = !1, this.lastEmittedZoom = 1, this.panOffsetX = 0, this.panOffsetY = 0, this.canvasWorker = new Yn(), this.hotspotTimeline = null, this.hotspotTimelineIndicator = null, this.isAnimatingToFrame = !1, this.onMoveHandler = this.onMoveHandler.bind(this), this.destroy = this.destroy.bind(this), this.init(this.container, i);
+  constructor(t, i, s) {
+    this.container = t, this.isClicked = !1, this.fullscreenView = !!s, 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.velocityX = 0, this.velocityY = 0, this.lastDragTime = 0, this.lastDragX = 0, this.lastDragY = 0, this.inertiaAnimationId = null, this.hasInteracted = !1, this.currentZoomScale = 1, this.touchDevice = Ls(), this.dragJustEnded = !1, this.isPinching = !1, this.initialPinchDistance = 0, this.pinchZoomLevel = 1, this.pinchZoomEmitted = !1, this.lastEmittedZoom = 1, this.panOffsetX = 0, this.panOffsetY = 0, this.canvasWorker = new Ys(), this.hotspotTimeline = null, this.hotspotTimelineIndicator = null, this.isAnimatingToFrame = !1, this.onMoveHandler = this.onMoveHandler.bind(this), this.destroy = this.destroy.bind(this), this.init(this.container, i);
   }
   emit(t, i = {}) {
-    const n = this[t];
-    typeof n == "function" && n({ ...i, viewerId: this.id });
+    const s = this[t];
+    typeof s == "function" && s({ ...i, viewerId: this.id });
   }
   announce(t) {
-    tn(this.ariaLiveRegion, t);
+    es(this.ariaLiveRegion, t);
   }
   mouseDown(t) {
     if (!this.isReady || this.glass) return;
-    const { pageX: i, pageY: n } = t;
-    this.hideHints(), this.hideHotspotPopper(), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), this.autoplayJustStopped = !1, (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1, this.autoplayJustStopped = !0), this.movementStart = { x: i, y: n }, this.isClicked = !0, this.isDragging = !1, this.inertia && (this.velocityX = 0, this.velocityY = 0, this.lastDragTime = performance.now(), this.lastDragX = i, this.lastDragY = n);
+    const { pageX: i, pageY: s } = t;
+    this.hideHints(), this.hideHotspotPopper(), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), this.autoplayJustStopped = !1, (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1, this.autoplayJustStopped = !0), this.movementStart = { x: i, y: s }, this.isClicked = !0, this.isDragging = !1, this.inertia && (this.velocityX = 0, this.velocityY = 0, this.lastDragTime = performance.now(), this.lastDragX = i, this.lastDragY = s);
   }
   mouseUp() {
     this.isReady && (!this.isZoomed && !this.autoplayJustStopped && this.showAllIcons(), this.inertia && this.isDragging && (Math.abs(this.velocityX) > 0.1 || Math.abs(this.velocityY) > 0.1) && this.startInertia(), this.isDragging && (this.emit("onDragEnd"), this.dragJustEnded = !0), this.movementStart = { x: 0, y: 0 }, this.isClicked = !1, this.isDragging = !1, this.innerBox.style.cursor = "grab");
   }
   startInertia() {
-    const n = this.fullscreenView ? document.body : this.container, o = this.dragSpeed / fe, s = o * (this.amountX / n.offsetWidth), l = o * (this.amountY / n.offsetHeight), r = () => {
+    const s = this.fullscreenView ? document.body : this.container, o = this.dragSpeed / fe, n = o * (this.amountX / s.offsetWidth), l = o * (this.amountY / s.offsetHeight), r = () => {
       if (this.velocityX *= 0.95, this.velocityY *= 0.95, Math.abs(this.velocityX) < 0.01 && Math.abs(this.velocityY) < 0.01) {
         this.inertiaAnimationId = null;
         return;
@@ -2042,7 +2045,7 @@ class Ft {
         allowSpinY: this.allowSpinY
       });
       if (h) {
-        const p = this.allowSpinX ? Math.max(1, Math.abs(Math.round(a * s))) : 0, f = this.allowSpinY ? Math.max(1, Math.abs(Math.round(c * l))) : 0;
+        const p = this.allowSpinX ? Math.max(1, Math.abs(Math.round(a * n))) : 0, f = this.allowSpinY ? Math.max(1, Math.abs(Math.round(c * l))) : 0;
         (p > 0 || f > 0) && this.onMoveHandler(h, p, f);
       }
       this.inertiaAnimationId = requestAnimationFrame(r);
@@ -2051,22 +2054,22 @@ class Ft {
   }
   drag(t, i) {
     if (!this.isReady || !this.isClicked) return;
-    const n = t - this.movementStart.x, o = i - this.movementStart.y;
+    const s = t - this.movementStart.x, o = i - this.movementStart.y;
     if (this.inertia) {
       const f = performance.now(), u = f - this.lastDragTime;
       u > 0 && u < 100 && (this.velocityX = (t - this.lastDragX) / u, this.velocityY = (i - this.lastDragY) / u), this.lastDragTime = f, this.lastDragX = t, this.lastDragY = i;
     }
     this.draggingDirection = Se({
-      deltaX: n,
+      deltaX: s,
       deltaY: o,
       reversed: this.dragReverse,
       allowSpinX: this.allowSpinX,
       allowSpinY: this.allowSpinY
     }) || this.draggingDirection;
-    const s = this.fullscreenView ? document.body : this.container, l = this.dragSpeed / fe, r = l * (this.amountX / s.offsetWidth), a = l * (this.amountY / s.offsetHeight), c = this.allowSpinX ? Math.abs(Math.round(n * r)) : 0, h = this.allowSpinY ? Math.abs(Math.round(o * a)) : 0;
+    const n = this.fullscreenView ? document.body : this.container, l = this.dragSpeed / fe, r = l * (this.amountX / n.offsetWidth), a = l * (this.amountY / n.offsetHeight), c = this.allowSpinX ? Math.abs(Math.round(s * r)) : 0, h = this.allowSpinY ? Math.abs(Math.round(o * a)) : 0;
     (this.allowSpinX && c !== 0 || this.allowSpinY && h !== 0) && (this.hasInteracted = !0, this.hideHotspotPopper(), this.onMoveHandler(this.draggingDirection, c, h), this.movementStart = { x: t, y: i }, setTimeout(() => {
       this.isDragging || (this.isDragging = !0, this.emit("onDragStart"));
-    }, Ci));
+    }, Oi));
   }
   mouseMove(t) {
     !this.isReady || !this.isClicked && !this.isZoomed || this.glass || (this.hideAllIcons(), this.drag(t.pageX, t.pageY), this.isZoomed && this.applyZoom(t));
@@ -2089,16 +2092,16 @@ class Ft {
     }
   }
   loadHigherQualityImages(t, i) {
-    const n = Ot(this.srcXConfig, t), o = this.allowSpinY ? Ot(this.srcYConfig, t) : null;
+    const s = Et(this.srcXConfig, t), o = this.allowSpinY ? Et(this.srcYConfig, t) : null;
     ve({
-      cdnPathX: n,
+      cdnPathX: s,
       cdnPathY: o,
       configX: this.srcXConfig,
       configY: this.srcYConfig,
-      onAllImagesLoad: (s, l) => {
-        this.imagesX = s, this.imagesY = l, i();
+      onAllImagesLoad: (n, l) => {
+        this.imagesX = n, this.imagesY = l, i();
       },
-      onError: (s) => this.emit("onError", s)
+      onError: (n) => this.emit("onError", n)
     });
   }
   hideHotspots() {
@@ -2128,8 +2131,8 @@ class Ft {
     this.isZoomed && this.removeZoom();
   }
   applyZoom(t) {
-    const { offsetX: i, offsetY: n } = xn(t, this.canvas, this.devicePixelRatio);
-    this.isZoomed = !0, this.hideAllIcons(), this.hideLoadingSpinner(), this.hideTransitionOverlay(), this.updateView(this.pointerZoom, i, n), this.emit("onZoomIn", { zoomLevel: this.pointerZoom }), this.announce("Zoomed in. Move mouse to pan. Click to zoom out.");
+    const { offsetX: i, offsetY: s } = xs(t, this.canvas, this.devicePixelRatio);
+    this.isZoomed = !0, this.hideAllIcons(), this.hideLoadingSpinner(), this.hideTransitionOverlay(), this.updateView(this.pointerZoom, i, s), this.emit("onZoomIn", { zoomLevel: this.pointerZoom }), this.announce("Zoomed in. Move mouse to pan. Click to zoom out.");
   }
   touchOutside(t) {
     if (!this.glass) return;
@@ -2141,8 +2144,8 @@ class Ft {
     if (i && i.closest && i.closest(".cloudimage-360-button")) return;
     if (this.hideHints(), t.touches.length === 2 && this.pinchZoom && !this.isDragging) {
       t.preventDefault(), this.isPinching = !0, this.isClicked = !1, this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null);
-      const s = t.touches[0], l = t.touches[1];
-      if (this.initialPinchDistance = this.getPinchDistance(s, l), (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), !this.isZoomed && this.pinchZoomLevel === 1) {
+      const n = t.touches[0], l = t.touches[1];
+      if (this.initialPinchDistance = this.getPinchDistance(n, l), (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), !this.isZoomed && this.pinchZoomLevel === 1) {
         const r = (this.fullscreenView ? document.body : this.container).offsetWidth;
         this.hideHotspots(), this.loadHigherQualityImages(r, () => {
         });
@@ -2150,12 +2153,12 @@ class Ft {
       return;
     }
     if (t.touches.length > 1) return;
-    const { pageX: n, pageY: o } = t.touches[0];
-    this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), this.hideAllIcons(), this.hideHotspotPopper(), this.movementStart = { x: n, y: o }, this.isClicked = !0, this.isDragging = !1, this.inertia && (this.velocityX = 0, this.velocityY = 0, this.lastDragTime = performance.now(), this.lastDragX = n, this.lastDragY = o);
+    const { pageX: s, pageY: o } = t.touches[0];
+    this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), this.hideAllIcons(), this.hideHotspotPopper(), this.movementStart = { x: s, y: o }, this.isClicked = !0, this.isDragging = !1, this.inertia && (this.velocityX = 0, this.velocityY = 0, this.lastDragTime = performance.now(), this.lastDragX = s, this.lastDragY = o);
   }
   getPinchDistance(t, i) {
-    const n = t.pageX - i.pageX, o = t.pageY - i.pageY;
-    return Math.sqrt(n * n + o * o);
+    const s = t.pageX - i.pageX, o = t.pageY - i.pageY;
+    return Math.sqrt(s * s + o * o);
   }
   getPinchCenter(t, i) {
     return {
@@ -2184,7 +2187,7 @@ class Ft {
     if (!this.isReady || this.glass) return;
     if (this.isPinching && t.touches.length === 2) {
       t.preventDefault();
-      const o = t.touches[0], s = t.touches[1], l = this.getPinchDistance(o, s);
+      const o = t.touches[0], n = t.touches[1], l = this.getPinchDistance(o, n);
       if (this.initialPinchDistance === 0) {
         this.initialPinchDistance = l;
         return;
@@ -2196,29 +2199,29 @@ class Ft {
       return;
     }
     if (!this.isClicked || !t.touches || !t.touches[0]) return;
-    const { pageX: i, pageY: n } = t.touches[0];
+    const { pageX: i, pageY: s } = t.touches[0];
     if (t.preventDefault(), this.isZoomed && this.pinchZoomLevel > 1) {
-      const o = i - this.movementStart.x, s = n - this.movementStart.y;
-      this.panOffsetX -= o * this.devicePixelRatio, this.panOffsetY -= s * this.devicePixelRatio, this.movementStart = { x: i, y: n }, this.updateView(this.pinchZoomLevel, this.panOffsetX, this.panOffsetY);
+      const o = i - this.movementStart.x, n = s - this.movementStart.y;
+      this.panOffsetX -= o * this.devicePixelRatio, this.panOffsetY -= n * this.devicePixelRatio, this.movementStart = { x: i, y: s }, this.updateView(this.pinchZoomLevel, this.panOffsetX, this.panOffsetY);
       return;
     }
-    this.drag(i, n);
+    this.drag(i, s);
   }
   keyDown(t) {
     if (!this.isReady) return;
-    const { keyCode: i } = t, n = this.keysReverse;
+    const { keyCode: i } = t, s = this.keysReverse;
     switch (this.autoplay && this.stopAutoplay(), Ee(i, this.allowSpinY) && (this.hasInteracted = !0, this.hideAllIcons(), this.hideHints()), i) {
       case 37:
-        n ? this.moveLeft() : this.moveRight();
+        s ? this.moveLeft() : this.moveRight();
         break;
       case 39:
-        n ? this.moveRight() : this.moveLeft();
+        s ? this.moveRight() : this.moveLeft();
         break;
       case 38:
-        this.allowSpinY && (t.preventDefault(), n ? this.moveTop() : this.moveBottom());
+        this.allowSpinY && (t.preventDefault(), s ? this.moveTop() : this.moveBottom());
         break;
       case 40:
-        this.allowSpinY && (t.preventDefault(), n ? this.moveBottom() : this.moveTop());
+        this.allowSpinY && (t.preventDefault(), s ? this.moveBottom() : this.moveTop());
         break;
     }
   }
@@ -2250,8 +2253,8 @@ class Ft {
   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), this.emit("onSpin", {
+  onMoveHandler(t, i = 1, s = 1) {
+    t === "right" ? this.moveRight(this.stopAtEdges, i) : t === "left" ? this.moveLeft(this.stopAtEdges, i) : t === "up" ? this.moveTop(this.stopAtEdges, s) : t === "down" && this.moveBottom(this.stopAtEdges, s), this.emit("onSpin", {
       direction: t,
       activeImageX: this.activeImageX,
       activeImageY: this.activeImageY,
@@ -2259,43 +2262,43 @@ class Ft {
       amountY: this.amountY
     });
   }
-  updateView(t, i, n) {
-    const o = this.orientation === P.X ? this.activeImageX : this.activeImageY, s = this.orientation === P.X ? this.imagesX[this.activeImageX] : this.imagesY[this.activeImageY];
-    this.hotspotsInstance && !this.isZoomed && !this.autoplay && this.hotspotsInstance.updateHotspotPosition(o, this.orientation), this.hotspotTimelineIndicator && this.orientation === P.X && this.updateHotspotTimelinePosition(), this.drawImageOnCanvas(s, t, i, n);
+  updateView(t, i, s) {
+    const o = this.orientation === P.X ? this.activeImageX : this.activeImageY, n = this.orientation === P.X ? this.imagesX[this.activeImageX] : this.imagesY[this.activeImageY];
+    this.hotspotsInstance && !this.isZoomed && !this.autoplay && this.hotspotsInstance.updateHotspotPosition(o, this.orientation), this.hotspotTimelineIndicator && this.orientation === P.X && this.updateHotspotTimelinePosition(), this.drawImageOnCanvas(n, t, i, s);
   }
   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;
+    const { naturalWidth: i, naturalHeight: s } = t;
+    this.imageAspectRatio = i / s;
+    const o = this.fullscreenView ? window.innerWidth : this.canvas.clientWidth, n = this.fullscreenView ? window.innerHeight : this.canvas.clientHeight;
     this.canvasWorker.postMessage({
       action: "adaptCanvasSize",
       devicePixelRatio: this.devicePixelRatio,
       imageAspectRatio: this.imageAspectRatio,
       containerWidth: o,
-      containerHeight: s
+      containerHeight: n
     });
   }
-  drawImageOnCanvas(t, i = 1, n = 0, o = 0) {
+  drawImageOnCanvas(t, i = 1, s = 0, o = 0) {
     this.canvasWorker.postMessage({
       action: "drawImageOnCanvas",
       imageData: t,
       zoomScale: i,
-      pointerX: n,
+      pointerX: s,
       pointerY: o
     });
   }
-  pushImageToSet(t, i, n) {
-    n === P.X ? this.imagesX[i] = t : this.imagesY[i] = t;
+  pushImageToSet(t, i, s) {
+    s === P.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());
+  onImageLoad(t, i, s) {
+    this.pushImageToSet(t, i, s), this.updatePercentageInLoader(this.calculatePercentage());
   }
   onFirstImageLoaded(t, i) {
     this.createContainers(t), this.adaptCanvasSize(i), this.drawImageOnCanvas(i);
@@ -2305,13 +2308,13 @@ class Ft {
       const t = this.hints === !0 || this.hints === void 0 ? be(this.viewerConfig, this.touchDevice) : this.hints;
       t && t.length > 0 && (this.hintsOverlay = ye(this.innerBox, t), we(this.hintsOverlay));
     }
-    this.autoplay && (this.hideAllIcons(), kn(this.play.bind(this))());
+    this.autoplay && (this.hideAllIcons(), ks(this.play.bind(this))());
   }
   magnify(t) {
     t.stopPropagation();
-    const { src: i } = this.orientation === P.Y ? this.imagesY[this.activeImageY] : this.imagesX[this.activeImageX], o = (this.fullscreenView ? document.body : this.container).offsetWidth * this.magnifier, s = Hi(i, o);
-    this.showLoadingSpinner(), this.createGlass(), bn(s, (a) => {
-      this.hideLoadingSpinner(), this.magnified = !0, In(t, this.innerBox, this.offset, a, this.glass, this.magnifier);
+    const { src: i } = this.orientation === P.Y ? this.imagesY[this.activeImageY] : this.imagesX[this.activeImageX], o = (this.fullscreenView ? document.body : this.container).offsetWidth * this.magnifier, n = Di(i, o);
+    this.showLoadingSpinner(), this.createGlass(), bs(n, (a) => {
+      this.hideLoadingSpinner(), this.magnified = !0, Is(t, this.innerBox, this.offset, a, this.glass, this.magnifier);
     }, (a) => {
       this.hideLoadingSpinner(), this.removeGlass(), this.emit("onError", {
         error: { message: a.message, url: a.url },
@@ -2323,7 +2326,7 @@ class Ft {
   }
   openFullscreenModal(t) {
     t.stopPropagation(), window.document.body.style.overflow = "hidden";
-    const i = Ki(this.container);
+    const i = _i(this.container);
     new Ft(i, this.viewerConfig, !0), this.emit("onFullscreenOpen"), this.announce("Opened fullscreen mode. Press Escape to exit.");
   }
   closeFullscreenModal(t) {
@@ -2339,7 +2342,7 @@ class Ft {
       bottom: this.moveBottom.bind(this)
     };
     this.loopTimeoutId = window.setInterval(() => {
-      if (this.playOnce && On({
+      if (this.playOnce && Os({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2350,7 +2353,7 @@ class Ft {
         this.stopAutoplay();
         return;
       }
-      En({
+      Es({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2358,11 +2361,11 @@ class Ft {
         amountY: this.amountY,
         autoplayReverse: this.autoplayReverse,
         spinDirection: this.spinDirection
-      }) && (this.spinDirection = An(this.spinDirection));
-      const s = this.spinDirection === "y";
-      Cn({
+      }) && (this.spinDirection = As(this.spinDirection));
+      const n = this.spinDirection === "y";
+      Cs({
         autoplayBehavior: this.autoplayBehavior,
-        spinY: s,
+        spinY: n,
         reversed: this.autoplayReverse,
         loopTriggers: i
       });
@@ -2378,7 +2381,7 @@ class Ft {
     this.stopAutoplay(), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), this.removeEvents(), this.canvasWorker && (this.canvasWorker.terminate(), this.canvasWorker = null), this.hotspotsInstance && this.hotspotsInstance.destroy(), this.hintsOverlay && this.hintsOverlay.parentNode && (this.hintsOverlay.parentNode.removeChild(this.hintsOverlay), this.hintsOverlay = null), this.hotspotTimeline && this.hotspotTimeline.parentNode && (this.hotspotTimeline.parentNode.removeChild(this.hotspotTimeline), this.hotspotTimeline = null, this.hotspotTimelineIndicator = null), this.container && (this.container.classList.remove("ci360-theme-dark"), this.container.innerHTML = "");
   }
   addInitialIcon() {
-    this.initialIcon || this.hide360Logo || (this.initialIcon = Ni(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
+    this.initialIcon || this.hide360Logo || (this.initialIcon = Vi(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
   }
   showInitialIcon() {
     !this.initialIcon || this.hasInteracted || (this.initialIcon.style.opacity = 1);
@@ -2393,7 +2396,7 @@ class Ft {
     this.showAllIcons(), this.innerBox.removeChild(this.glass), this.glass = null, this.magnified = !1;
   }
   addMagnifierIcon() {
-    this.magnifier && (this.magnifierIcon = Gi(), this.magnifierIcon.onclick = this.magnify.bind(this), this.iconsContainer.appendChild(this.magnifierIcon));
+    this.magnifier && (this.magnifierIcon = Ui(), 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);
@@ -2402,10 +2405,10 @@ class Ft {
     this.magnifierIcon && (this.magnifierIcon.style.visibility = "hidden", this.magnifierIcon.style.opacity = 0);
   }
   addFullscreenIcon() {
-    this.fullscreen && (this.fullscreenIcon = $i(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
+    this.fullscreen && (this.fullscreenIcon = zi(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
   }
   addCloseFullscreenIcon() {
-    this.fullscreenCloseIcon = ji(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
+    this.fullscreenCloseIcon = $i(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
   }
   showFullscreenIcon() {
     this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 1);
@@ -2414,7 +2417,7 @@ class Ft {
     this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 0);
   }
   add360ViewCircleIcon() {
-    this.view360CircleIcon || (this.view360CircleIcon = Wi(this.bottomCircleOffset), this.innerBox.appendChild(this.view360CircleIcon));
+    this.view360CircleIcon || (this.view360CircleIcon = Fi(this.bottomCircleOffset), this.innerBox.appendChild(this.view360CircleIcon));
   }
   show360ViewCircleIcon() {
     this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 1);
@@ -2423,13 +2426,13 @@ class Ft {
     this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 0);
   }
   addLoadingSpinner() {
-    this.loadingSpinner = _i(), this.innerBox.appendChild(this.loadingSpinner);
+    this.loadingSpinner = Ji(), this.innerBox.appendChild(this.loadingSpinner);
   }
   showLoadingSpinner() {
     this.loadingSpinner && (this.hideAllIcons(), this.loadingSpinner.style.opacity = 1);
   }
   createTransitionOverlay() {
-    this.transitionOverlay = Ji(), this.innerBox.appendChild(this.transitionOverlay);
+    this.transitionOverlay = qi(), this.innerBox.appendChild(this.transitionOverlay);
   }
   showTransitionOverlay() {
     this.transitionOverlay && (this.hideAllIcons(), this.transitionOverlay.style.opacity = 1);
@@ -2441,28 +2444,28 @@ class Ft {
     this.loadingSpinner && (this.loadingSpinner.style.opacity = 0);
   }
   hideHints() {
-    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, on(this.hintsOverlay));
+    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, os(this.hintsOverlay));
   }
   addHotspotTimeline() {
     if (!this.hotspots || this.hotspotTimeline) return;
-    const t = cn(this.container, this.amountX, this.hotspots);
+    const t = cs(this.container, this.amountX, this.hotspots);
     if (!t) return;
-    this.hotspotTimeline = t.element, this.hotspotTimelineIndicator = t.indicator, this.hotspotTimeline.querySelectorAll(".cloudimage-360-hotspot-timeline-dot").forEach((n) => {
-      n.addEventListener("click", (o) => {
+    this.hotspotTimeline = t.element, this.hotspotTimelineIndicator = t.indicator, this.hotspotTimeline.querySelectorAll(".cloudimage-360-hotspot-timeline-dot").forEach((s) => {
+      s.addEventListener("click", (o) => {
         o.stopPropagation();
-        const s = parseInt(n.getAttribute("data-frame"), 10), l = n.getAttribute("data-hotspot-id");
-        isNaN(s) || this.animateToFrame(s, l);
+        const n = parseInt(s.getAttribute("data-frame"), 10), l = s.getAttribute("data-hotspot-id");
+        isNaN(n) || this.animateToFrame(n, l);
       });
     }), this.updateHotspotTimelinePosition();
   }
   showHotspotTimeline() {
-    dn(this.hotspotTimeline);
+    ds(this.hotspotTimeline);
   }
   hideHotspotTimeline() {
-    un(this.hotspotTimeline);
+    us(this.hotspotTimeline);
   }
   updateHotspotTimelinePosition() {
-    hn(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
+    hs(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
   }
   /**
    * Animates the viewer to a target frame, optionally showing a hotspot popup on arrival
@@ -2470,12 +2473,12 @@ class Ft {
    * @param {string} [hotspotId] - Optional hotspot ID to show popup for after animation
    */
   animateToFrame(t, i) {
-    if (this.isAnimatingToFrame || t === this.activeImageX) {
+    if (this.hotspotsInstance && this.hotspotsInstance.hidePopper(), this.isAnimatingToFrame || t === this.activeImageX) {
       t === this.activeImageX && i && this.hotspotsInstance && this.hotspotTimelineOnClick && this.hotspotsInstance.showHotspotById(i);
       return;
     }
     this.isAnimatingToFrame = !0, this.hasInteracted = !0, (this.autoplay || this.loopTimeoutId) && (this.stopAutoplay(), this.autoplay = !1), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null);
-    const n = this.activeImageX, o = (t - n + this.amountX) % this.amountX, s = (n - t + this.amountX) % this.amountX, l = o <= s, r = l ? o : s;
+    const s = this.activeImageX, o = (t - s + this.amountX) % this.amountX, n = (s - t + this.amountX) % this.amountX, l = o <= n, r = l ? o : n;
     if (r === 0) {
       this.isAnimatingToFrame = !1;
       return;
@@ -2510,8 +2513,8 @@ class Ft {
   removeLoader() {
     this.loader && (this.innerBox.removeChild(this.loader), this.loader = null);
   }
-  attachEvents(t, i, n) {
-    t && this.addMouseEvents(), i && this.addTouchEvents(), n && this.addKeyboardEvents(), this.addEscKeyHandler();
+  attachEvents(t, i, s) {
+    t && this.addMouseEvents(), i && this.addTouchEvents(), s && this.addKeyboardEvents(), this.addEscKeyHandler();
   }
   removeEvents() {
     this.removeMouseEvents(), this.removeTouchEvents(), this.removeKeyboardEvents(), this.removeEscKeyHandler();
@@ -2543,7 +2546,7 @@ class Ft {
     document.removeEventListener("keydown", this.boundKeyDown), document.removeEventListener("keyup", this.boundKeyUp);
   }
   createContainers(t) {
-    this.iconsContainer = ge(this.innerBox), this.canvas = Vi(this.innerBox, t), this.loader = Ui(this.innerBox), this.ariaLiveRegion = Qi(this.innerBox);
+    this.iconsContainer = ge(this.innerBox), this.canvas = ji(this.innerBox, t), this.loader = Ki(this.innerBox), this.ariaLiveRegion = ts(this.innerBox);
     const i = this.canvas.transferControlToOffscreen();
     this.canvasWorker.postMessage(
       {
@@ -2557,9 +2560,9 @@ class Ft {
   update(t) {
     this.isReady && (this.stopAutoplay(), Jt(this.innerBox, ".cloudimage-360-icons-container"), this.init(this.container, t, !0), this.iconsContainer = ge(this.innerBox), this.onAllImagesLoaded());
   }
-  init(t, i, n) {
-    const o = i ? Yi(i) : ki(t), {
-      folder: s,
+  init(t, i, s) {
+    const o = i ? Xi(i) : Ti(t), {
+      folder: n,
       apiVersion: l,
       filenameX: r,
       filenameY: a,
@@ -2581,7 +2584,7 @@ class Ft {
       fullscreen: S,
       magnifier: E,
       ciToken: A,
-      ciFilters: L,
+      ciFilters: k,
       ciTransformation: R,
       lazyload: T,
       dragSpeed: z,
@@ -2599,28 +2602,29 @@ class Ft {
       hints: et,
       theme: it,
       hotspotTimelineOnClick: K = !0,
+      aspectRatio: ct,
       // Event callbacks
-      onReady: gt,
-      onLoad: Vt,
-      onSpin: yt,
-      onAutoplayStart: jt,
-      onAutoplayStop: Yt,
-      onFullscreenOpen: $t,
-      onFullscreenClose: zt,
-      onZoomIn: Xt,
-      onZoomOut: Pt,
-      onDragStart: Gt,
-      onDragEnd: Ut,
-      onError: _
-    } = o, nt = { ciToken: A, ciFilters: L, ciTransformation: R }, ct = qt(c, []), ht = qt(h, []);
-    if (this.viewerConfig = o, this.amountX = ct.length || f, this.amountY = ht.length || u, this.allowSpinX = !!this.amountX, this.allowSpinY = !!this.amountY, this.activeImageX = O ? this.amountX - 1 : 0, this.activeImageY = O ? this.amountY - 1 : 0, this.bottomCircleOffset = b, this.autoplay = x, this.autoplayBehavior = w, this.playOnce = C, this.speed = y, this.autoplayReverse = O, this.fullscreen = S, this.magnifier = E > 1 ? Math.min(E, Ai) : 0, this.dragSpeed = Math.max(z, Si), this.stopAtEdges = G, this.ciParams = nt, this.apiVersion = l, this.pointerZoom = Y > 1 ? Math.min(Y, me) : null, this.keysReverse = m, this.info = Z, this.keys = v, this.innerBox = this.innerBox ?? zi(this.container), this.initialIconShown = rt, this.bottomCircle = U, this.spinDirection = Sn(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = vt, this.hotspots = at, this.hide360Logo = tt, this.logoSrc = lt, this.inertia = q, this.pinchZoom = V, this.hints = et, this.hotspotTimelineOnClick = K, it === "dark" ? this.container.classList.add("ci360-theme-dark") : it === "light" && this.container.classList.remove("ci360-theme-dark"), this.onReady = gt, this.onLoad = Vt, this.onSpin = yt, this.onAutoplayStart = jt, this.onAutoplayStop = Yt, this.onFullscreenOpen = $t, this.onFullscreenClose = zt, this.onZoomIn = Xt, this.onZoomOut = Pt, this.onDragStart = Gt, this.onDragEnd = Ut, this.onError = _, this.srcXConfig = {
-      folder: s,
+      onReady: Vt,
+      onLoad: gt,
+      onSpin: jt,
+      onAutoplayStart: Xt,
+      onAutoplayStop: $t,
+      onFullscreenOpen: zt,
+      onFullscreenClose: Pt,
+      onZoomIn: Rt,
+      onZoomOut: Gt,
+      onDragStart: Ut,
+      onDragEnd: _,
+      onError: ht
+    } = o, yt = { ciToken: A, ciFilters: k, ciTransformation: R }, dt = qt(c, []), st = qt(h, []);
+    if (this.viewerConfig = o, this.amountX = dt.length || f, this.amountY = st.length || u, this.allowSpinX = !!this.amountX, this.allowSpinY = !!this.amountY, this.activeImageX = O ? this.amountX - 1 : 0, this.activeImageY = O ? this.amountY - 1 : 0, this.bottomCircleOffset = b, this.autoplay = x, this.autoplayBehavior = w, this.playOnce = C, this.speed = y, this.autoplayReverse = O, this.fullscreen = S, this.magnifier = E > 1 ? Math.min(E, Li) : 0, this.dragSpeed = Math.max(z, Ai), this.stopAtEdges = G, this.ciParams = yt, this.apiVersion = l, this.pointerZoom = Y > 1 ? Math.min(Y, me) : null, this.keysReverse = m, this.info = Z, this.keys = v, this.innerBox = this.innerBox ?? Gi(this.container), ct && (this.container.style.aspectRatio = ct), this.initialIconShown = rt, this.bottomCircle = U, this.spinDirection = Ss(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = vt, this.hotspots = at, this.hide360Logo = tt, this.logoSrc = lt, this.inertia = q, this.pinchZoom = V, this.hints = et, this.hotspotTimelineOnClick = K, it === "dark" ? this.container.classList.add("ci360-theme-dark") : it === "light" && this.container.classList.remove("ci360-theme-dark"), this.onReady = Vt, this.onLoad = gt, this.onSpin = jt, this.onAutoplayStart = Xt, this.onAutoplayStop = $t, this.onFullscreenOpen = zt, this.onFullscreenClose = Pt, this.onZoomIn = Rt, this.onZoomOut = Gt, this.onDragStart = Ut, this.onDragEnd = _, this.onError = ht, this.srcXConfig = {
+      folder: n,
       filename: r,
-      imageList: ct,
+      imageList: dt,
       container: t,
       innerBox: this.innerBox,
       apiVersion: l,
-      ciParams: nt,
+      ciParams: yt,
       lazyload: T,
       amount: this.amountX,
       indexZeroBase: p,
@@ -2629,23 +2633,23 @@ class Ft {
     }, this.srcYConfig = {
       ...this.srcXConfig,
       filename: a,
-      imageList: ht,
+      imageList: st,
       orientation: P.Y,
       amount: this.amountY
-    }, n && this.removeEvents(), this.attachEvents(I, g, v), n) return;
-    const dt = (this.fullscreenView ? document.body : this.container).offsetWidth, bt = this.allowSpinX && !ct.length ? Ot(this.srcXConfig, dt) : null, wt = this.allowSpinY && !ht.length ? Ot(this.srcYConfig, dt) : null, It = (Rt) => {
+    }, s && this.removeEvents(), this.attachEvents(I, g, v), s) return;
+    const bt = (this.fullscreenView ? document.body : this.container).offsetWidth, wt = this.allowSpinX && !dt.length ? Et(this.srcXConfig, bt) : null, It = this.allowSpinY && !st.length ? Et(this.srcYConfig, bt) : null, xt = (Je) => {
       ve({
-        cdnPathX: bt,
-        cdnPathY: wt,
+        cdnPathX: wt,
+        cdnPathY: It,
         configX: this.srcXConfig,
         configY: this.srcYConfig,
-        onImageLoad: (xt, Je, qe) => this.onImageLoad(xt, Je, qe),
-        onFirstImageLoad: (xt) => this.onFirstImageLoaded(Rt, xt),
+        onImageLoad: (Ct, qe, Qe) => this.onImageLoad(Ct, qe, Qe),
+        onFirstImageLoad: (Ct) => this.onFirstImageLoaded(Je, Ct),
         onAllImagesLoad: this.onAllImagesLoaded.bind(this),
-        onError: (xt) => this.emit("onError", xt)
+        onError: (Ct) => this.emit("onError", Ct)
       });
     };
-    this.allowSpinX ? xe(bt, this.srcXConfig, It) : this.allowSpinY && xe(wt, this.srcYConfig, It);
+    this.allowSpinX ? xe(wt, this.srcXConfig, xt) : this.allowSpinY && xe(It, this.srcYConfig, xt);
   }
 }
 class qo {
@@ -2655,19 +2659,19 @@ class qo {
   generateId() {
     return `ci360-${Math.random().toString(36).slice(2, 11)}`;
   }
-  init(t, i, n) {
+  init(t, i, s) {
     if (!t) return;
     const o = t.id || this.generateId();
     t.id || (t.id = o);
-    const s = new Ft(t, i, n);
-    return this.views.set(o, s), s;
+    const n = new Ft(t, i, s);
+    return this.views.set(o, n), n;
   }
   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 Ft(n);
-      this.views.set(o, s);
+    [...document.querySelectorAll(`.${t}`)].filter(Boolean).forEach((s) => {
+      const o = s.id || this.generateId();
+      s.id || (s.id = o);
+      const n = new Ft(s);
+      this.views.set(o, n);
     });
   }
   destroy(t) {
@@ -2686,15 +2690,15 @@ class qo {
     return Array.from(this.views.values());
   }
   updateView(t, i) {
-    const n = this.getViewById(t);
-    if (!n) return null;
-    const o = { ...n.viewerConfig, ...i };
-    n.destroy();
-    const s = document.getElementById(t);
-    return this.init(s, o);
+    const s = this.getViewById(t);
+    if (!s) return null;
+    const o = { ...s.viewerConfig, ...i };
+    s.destroy();
+    const n = document.getElementById(t);
+    return this.init(n, o);
   }
 }
 export {
   qo as default
 };
-//# sourceMappingURL=ci360-CbNlMnNZ.mjs.map
+//# sourceMappingURL=ci360-CILBSFAa.mjs.map