js-cloudimage-360-view 4.3.3 → 4.4.0

package/dist/react/{ci360-xUK7dmd6.mjs → ci360--3KbDLtq.mjs}

@@ -1,105 +1,105 @@
-var ni = Object.defineProperty;
-var ri = (e, t, i) => t in e ? ni(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var de = (e, t, i) => ri(e, typeof t != "symbol" ? t + "" : t, i);
-var Xt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ai(e) {
+var li = Object.defineProperty;
+var ci = (e, t, i) => t in e ? li(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var pe = (e, t, i) => ci(e, typeof t != "symbol" ? t + "" : t, i);
+var Ht = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function hi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ne = "Expected a function", ue = NaN, li = "[object Symbol]", ci = /^\s+|\s+$/g, hi = /^[-+]0x[0-9a-f]+$/i, di = /^0b[01]+$/i, ui = /^0o[0-7]+$/i, pi = parseInt, mi = typeof Xt == "object" && Xt && Xt.Object === Object && Xt, fi = typeof self == "object" && self && self.Object === Object && self, vi = mi || fi || Function("return this")(), gi = Object.prototype, yi = gi.toString, bi = Math.max, wi = Math.min, Kt = function() {
-  return vi.Date.now();
+var je = "Expected a function", me = NaN, di = "[object Symbol]", ui = /^\s+|\s+$/g, pi = /^[-+]0x[0-9a-f]+$/i, mi = /^0b[01]+$/i, fi = /^0o[0-7]+$/i, vi = parseInt, gi = typeof Ht == "object" && Ht && Ht.Object === Object && Ht, yi = typeof self == "object" && self && self.Object === Object && self, bi = gi || yi || Function("return this")(), wi = Object.prototype, Ii = wi.toString, Ci = Math.max, xi = Math.min, qt = function() {
+  return bi.Date.now();
 };
-function Ii(e, t, i) {
-  var s, o, n, l, r, a, c = 0, h = !1, u = !1, f = !0;
+function Oi(e, t, i) {
+  var s, o, n, a, r, l, c = 0, h = !1, u = !1, f = !0;
   if (typeof e != "function")
-    throw new TypeError(Ne);
-  t = pe(t) || 0, Wt(i) && (h = !!i.leading, u = "maxWait" in i, n = u ? bi(pe(i.maxWait) || 0, t) : n, f = "trailing" in i ? !!i.trailing : f);
+    throw new TypeError(je);
+  t = fe(t) || 0, Ft(i) && (h = !!i.leading, u = "maxWait" in i, n = u ? Ci(fe(i.maxWait) || 0, t) : n, f = "trailing" in i ? !!i.trailing : f);
   function p(m) {
     var g = s, C = o;
-    return s = o = void 0, c = m, l = e.apply(C, g), l;
+    return s = o = void 0, c = m, a = e.apply(C, g), a;
   }
   function I(m) {
-    return c = m, r = setTimeout(O, t), h ? p(m) : l;
+    return c = m, r = setTimeout(O, t), h ? p(m) : a;
   }
   function b(m) {
-    var g = m - a, C = m - c, A = t - g;
-    return u ? wi(A, n - C) : A;
+    var g = m - l, C = m - c, A = t - g;
+    return u ? xi(A, n - C) : A;
   }
   function v(m) {
-    var g = m - a, C = m - c;
-    return a === void 0 || g >= t || g < 0 || u && C >= n;
+    var g = m - l, C = m - c;
+    return l === void 0 || g >= t || g < 0 || u && C >= n;
   }
   function O() {
-    var m = Kt();
+    var m = qt();
     if (v(m))
       return E(m);
     r = setTimeout(O, b(m));
   }
   function E(m) {
-    return r = void 0, f && s ? p(m) : (s = o = void 0, l);
+    return r = void 0, f && s ? p(m) : (s = o = void 0, a);
   }
   function w() {
-    r !== void 0 && clearTimeout(r), c = 0, s = a = o = r = void 0;
+    r !== void 0 && clearTimeout(r), c = 0, s = l = o = r = void 0;
   }
   function y() {
-    return r === void 0 ? l : E(Kt());
+    return r === void 0 ? a : E(qt());
   }
   function x() {
-    var m = Kt(), g = v(m);
-    if (s = arguments, o = this, a = m, g) {
+    var m = qt(), g = v(m);
+    if (s = arguments, o = this, l = m, g) {
       if (r === void 0)
-        return I(a);
+        return I(l);
       if (u)
-        return r = setTimeout(O, t), p(a);
+        return r = setTimeout(O, t), p(l);
     }
-    return r === void 0 && (r = setTimeout(O, t)), l;
+    return r === void 0 && (r = setTimeout(O, t)), a;
   }
   return x.cancel = w, x.flush = y, x;
 }
-function Ci(e, t, i) {
+function Ei(e, t, i) {
   var s = !0, o = !0;
   if (typeof e != "function")
-    throw new TypeError(Ne);
-  return Wt(i) && (s = "leading" in i ? !!i.leading : s, o = "trailing" in i ? !!i.trailing : o), Ii(e, t, {
+    throw new TypeError(je);
+  return Ft(i) && (s = "leading" in i ? !!i.leading : s, o = "trailing" in i ? !!i.trailing : o), Oi(e, t, {
     leading: s,
     maxWait: t,
     trailing: o
   });
 }
-function Wt(e) {
+function Ft(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function xi(e) {
+function Ai(e) {
   return !!e && typeof e == "object";
 }
-function Oi(e) {
-  return typeof e == "symbol" || xi(e) && yi.call(e) == li;
+function Si(e) {
+  return typeof e == "symbol" || Ai(e) && Ii.call(e) == di;
 }
-function pe(e) {
+function fe(e) {
   if (typeof e == "number")
     return e;
-  if (Oi(e))
-    return ue;
-  if (Wt(e)) {
+  if (Si(e))
+    return me;
+  if (Ft(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Wt(t) ? t + "" : t;
+    e = Ft(t) ? t + "" : t;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = e.replace(ci, "");
-  var i = di.test(e);
-  return i || ui.test(e) ? pi(e.slice(2), i ? 2 : 8) : hi.test(e) ? ue : +e;
+  e = e.replace(ui, "");
+  var i = mi.test(e);
+  return i || fi.test(e) ? vi(e.slice(2), i ? 2 : 8) : pi.test(e) ? me : +e;
 }
-var Ei = Ci;
-const me = /* @__PURE__ */ ai(Ei), X = {
+var Li = Ei;
+const ve = /* @__PURE__ */ hi(Li), X = {
   SPIN_X: "spin-x",
   SPIN_Y: "spin-y",
   SPIN_XY: "spin-xy",
   SPIN_YX: "spin-yx"
-}, Ai = [!1, 0, null, void 0, "false", "0", "null", "undefined"], Y = {
+}, Ti = [!1, 0, null, void 0, "false", "0", "null", "undefined"], Y = {
   X: "x-axis",
   Y: "y-axis"
-}, Si = [37, 39], Li = [38, 40], ki = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), fe = ki ? 32 : 10, Ti = 150, Ht = 800, Mi = 150, Pi = 200, ve = 50, Yi = 50, Ri = 5, ge = 5, d = {
+}, ki = [37, 39], Mi = [38, 40], Pi = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), ge = Pi ? 32 : 10, Yi = 150, Zt = 800, Ri = 150, Xi = 200, ye = 50, Hi = 50, Zi = 5, be = 5, d = {
   folder: "/",
   apiVersion: "v7",
   filenameX: "image-{index}.jpg",
@@ -155,7 +155,7 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   onZoomOut: null,
   onDragStart: null,
   onDragEnd: null
-}, Xi = (e) => ({
+}, Di = (e) => ({
   folder: L(e, "folder", d.folder),
   apiVersion: L(e, "api-version", d.apiVersion),
   filenameX: L(e, "filename") || L(e, "filename-x") || d.filenameX,
@@ -190,25 +190,25 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   dragReverse: P(e, "drag-reverse", d.dragReverse),
   stopAtEdges: P(e, "stop-at-edges", d.stopAtEdges),
   imageInfo: P(e, "info", d.imageInfo),
-  initialIconShown: !Zt(e, "initial-icon"),
-  bottomCircle: !Zt(e, "bottom-circle"),
+  initialIconShown: !Dt(e, "initial-icon"),
+  bottomCircle: !Dt(e, "bottom-circle"),
   hide360Logo: P(e, "hide-360-logo", d.hide360Logo),
   logoSrc: L(e, "logo-src", d.logoSrc),
   inertia: P(e, "inertia", d.inertia),
   pinchZoom: P(e, "pinch-zoom", d.pinchZoom),
-  hints: !Zt(e, "hints"),
+  hints: !Dt(e, "hints"),
   theme: L(e, "theme", d.theme),
   hotspotTrigger: L(e, "hotspot-trigger", d.hotspotTrigger),
-  hotspotTimelineOnClick: !Zt(e, "hotspot-timeline-on-click"),
+  hotspotTimelineOnClick: !Dt(e, "hotspot-timeline-on-click"),
   aspectRatio: L(e, "aspect-ratio", d.aspectRatio)
-}), Hi = (e) => {
+}), Bi = (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((s) => {
     console.warn(`CloudImage 360: ${s}`);
   }), t.length === 0;
-}, Zi = (e) => (Hi(e), {
+}, Wi = (e) => (Bi(e), {
   folder: e.folder || d.folder,
   apiVersion: e.apiVersion || d.apiVersion,
   filenameX: e.filenameX || e.filename || d.filenameX,
@@ -268,28 +268,28 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   if (!(e.hasAttribute(t) || e.hasAttribute(`data-${t}`))) return i;
   const o = L(e, t, null);
   return o !== "false" && o !== "0";
-}, Zt = (e, t) => L(e, t, null) === "false", Di = (e = 1) => {
+}, Dt = (e, t) => L(e, t, null) === "false", Fi = (e = 1) => {
   const t = Math.round(window.devicePixelRatio || 1);
   return parseInt(e) * t;
-}, Bi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Wi = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
+}, Vi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Ni = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
   const s = `width=${t}`, o = e || s, n = i ? `&f=${i}` : "";
   return `${o}${n}`;
-}, xt = (e, t) => {
-  const { folder: i, apiVersion: s, filename: o = "", ciParams: n } = e, { ciToken: l, ciFilters: r, ciTransformation: a } = n || {}, c = `${i}${o}`;
-  if (!l || !t) return c;
-  const h = Ai.includes(s) ? null : s, u = h ? `${h}/` : "", f = Di(t), p = Bi(c, l, u), I = Wi({
-    ciTransformation: a,
+}, Ot = (e, t) => {
+  const { folder: i, apiVersion: s, filename: o = "", ciParams: n } = e, { ciToken: a, ciFilters: r, ciTransformation: l } = n || {}, c = `${i}${o}`;
+  if (!a || !t) return c;
+  const h = Ti.includes(s) ? null : s, u = h ? `${h}/` : "", f = Fi(t), p = Vi(c, a, u), I = Ni({
+    ciTransformation: l,
     responsiveWidth: f,
     ciFilters: r
   });
   return `${p}${I ? "?" : ""}${I}`;
-}, Fi = (e, t, i) => {
+}, zi = (e, t, i) => {
   const [s, o] = e.split("?"), n = `${t}=${encodeURIComponent(i)}`;
   if (!o)
     return `${s}?${n}`;
-  const l = new URLSearchParams(o);
-  return l.set(t, i), `${s}?${l.toString()}`;
-}, Vi = (e, t) => Fi(e, "width", t), ze = (e, t = 0) => (e += "", e.length >= t ? e : new Array(t - e.length + 1).join("0") + e), Ni = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (s, o) => e.replace("{index}", ze(o + 1, i))), zi = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), ji = zi ? 3 : 6, $i = ({
+  const a = new URLSearchParams(o);
+  return a.set(t, i), `${s}?${a.toString()}`;
+}, $i = (e, t) => zi(e, "width", t), Ge = (e, t = 0) => (e += "", e.length >= t ? e : new Array(t - e.length + 1).join("0") + e), ji = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (s, o) => e.replace("{index}", Ge(o + 1, i))), Gi = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), _i = Gi ? 3 : 6, Ui = ({
   imagesUrls: e,
   onFirstImageLoad: t,
   onImageLoad: i,
@@ -297,8 +297,8 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   onError: o,
   autoplayReverse: n
 }) => {
-  let l = 0, r = 0;
-  const a = e.length, c = [], h = [];
+  let a = 0, r = 0;
+  const l = e.length, c = [], h = [];
   let u = 0, f = 0;
   const p = [], I = (m, g, C = !1) => {
     const A = {
@@ -310,13 +310,13 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     h.push(A), r++, o == null || o({
       error: A,
       errorCount: r,
-      totalImages: a,
+      totalImages: l,
       errors: h
     });
   }, b = () => {
-    l === a && (s == null || s(c, { errorCount: r, errors: h }));
+    a === l && (s == null || s(c, { errorCount: r, errors: h }));
   }, v = () => {
-    for (; u < ji && f < p.length; ) {
+    for (; u < _i && f < p.length; ) {
       const m = p[f];
       f++, O(e[m], m);
     }
@@ -331,12 +331,12 @@ const me = /* @__PURE__ */ ai(Ei), X = {
           naturalWidth: C.naturalWidth,
           naturalHeight: C.naturalHeight
         };
-        C.onload = null, C.onerror = null, C.src = "", l++, u--, c[g] = S, i == null || i(S, g), b(), v();
+        C.onload = null, C.onerror = null, C.src = "", a++, u--, c[g] = S, i == null || i(S, g), b(), v();
       } catch {
-        C.onload = null, C.onerror = null, C.src = "", l++, u--, I(m, g), b(), v();
+        C.onload = null, C.onerror = null, C.src = "", a++, u--, I(m, g), b(), v();
       }
     }, C.onerror = () => {
-      C.onload = null, C.onerror = null, C.src = "", l++, u--, I(m, g), b(), v();
+      C.onload = null, C.onerror = null, C.src = "", a++, u--, I(m, g), b(), v();
     };
   }, E = (m) => {
     for (let g = 0; g < e.length; g++)
@@ -351,35 +351,35 @@ const me = /* @__PURE__ */ ai(Ei), X = {
         naturalWidth: w.naturalWidth,
         naturalHeight: w.naturalHeight
       };
-      w.onload = null, w.onerror = null, w.src = "", c[y] = g, l++, t == null || t(g), i == null || i(g, y), a === 1 ? b() : E(y);
+      w.onload = null, w.onerror = null, w.src = "", c[y] = g, a++, t == null || t(g), i == null || i(g, y), l === 1 ? b() : E(y);
     } catch {
-      w.onload = null, w.onerror = null, w.src = "", l++, I(x, y, !0), a === 1 ? b() : E(y);
+      w.onload = null, w.onerror = null, w.src = "", a++, I(x, y, !0), l === 1 ? b() : E(y);
     }
   }, w.onerror = () => {
-    w.onload = null, w.onerror = null, w.src = "", l++, I(x, y, !0), a === 1 ? b() : E(y);
+    w.onload = null, w.onerror = null, w.src = "", a++, I(x, y, !0), l === 1 ? b() : E(y);
   };
-}, ye = ({
+}, we = ({
   cdnPathX: e,
   cdnPathY: t,
   configX: i,
   configY: s,
   onFirstImageLoad: o,
   onImageLoad: n,
-  onAllImagesLoad: l,
+  onAllImagesLoad: a,
   onError: r
 }) => {
-  let a = { x: !1, y: !1 }, c = [], h = [], u = { errorCount: 0, errors: [] }, f = { errorCount: 0, errors: [] };
+  let l = { x: !1, y: !1 }, c = [], h = [], u = { errorCount: 0, errors: [] }, f = { errorCount: 0, errors: [] };
   const p = e || i.imageList.length, I = t || s.imageList.length, b = () => {
-    if (a.x && a.y) {
+    if (l.x && l.y) {
       const O = {
         errorCount: u.errorCount + f.errorCount,
         errors: [...u.errors, ...f.errors]
       };
-      l == null || l(c, h, O);
+      a == null || a(c, h, O);
     }
   }, v = ({ cdnPath: O, config: E, orientation: w, loadedImages: y, loadStats: x, onFirstImageLoad: m }) => {
-    const g = w === Y.X, C = E.imageList.length ? E.imageList : Ni(O, E);
-    $i({
+    const g = w === Y.X, C = E.imageList.length ? E.imageList : ji(O, E);
+    Ui({
       imagesUrls: C,
       onFirstImageLoad: m,
       onImageLoad: (A, S) => {
@@ -389,9 +389,9 @@ const me = /* @__PURE__ */ ai(Ei), X = {
         r == null || r({ ...A, orientation: w });
       },
       onAllImagesLoad: (A, S) => {
-        y.length = 0, A.forEach((k, R) => {
-          k && (y[R] = k);
-        }), x.errorCount = S.errorCount, x.errors = S.errors.map((k) => ({ ...k, orientation: w })), a[g ? "x" : "y"] = !0, b();
+        y.length = 0, A.forEach((T, R) => {
+          T && (y[R] = T);
+        }), x.errorCount = S.errorCount, x.errors = S.errors.map((T) => ({ ...T, orientation: w })), l[g ? "x" : "y"] = !0, b();
       },
       autoplayReverse: E.autoplayReverse
     });
@@ -403,15 +403,15 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     loadedImages: c,
     loadStats: u,
     onFirstImageLoad: o
-  }) : a.x = !0, I ? v({
+  }) : l.x = !0, I ? v({
     cdnPath: t,
     config: s,
     orientation: Y.Y,
     loadedImages: h,
     loadStats: f,
     onFirstImageLoad: p ? void 0 : o
-  }) : a.y = !0, !p && !I && b();
-}, Gi = `
+  }) : l.y = !0, !p && !I && b();
+}, Ki = `
 <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"/>
@@ -422,10 +422,10 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     <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>
-`, _i = (e) => {
+`, qi = (e) => {
   const t = document.createElement("div");
-  return t.innerHTML = Gi, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
-}, Ui = `
+  return t.innerHTML = Ki, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
+}, Ji = `
 <svg width="150" height="87" viewBox="0 0 150 87" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_751_188)">
     <g filter="url(#filter0_d_751_188)">
@@ -466,67 +466,67 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     </clipPath>
     </defs>
 </svg>
-`, Ki = (e) => {
+`, Qi = (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 = Ui, t;
-}, Ji = (e, t) => {
+  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 = Ji, t;
+}, ts = (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;
-}, qi = () => {
+}, es = () => {
   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;
-}, Qi = () => {
+}, is = () => {
   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;
-}, be = (e) => {
+}, Ie = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-icons-container", e.appendChild(t), t;
-}, ts = (e) => {
+}, ss = (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;
-}, es = () => {
+}, os = () => {
   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;
-}, is = () => {
+}, ns = () => {
   const e = document.createElement("button");
   return e.className = "cloudimage-360-button cloudimage-360-zoom-out-button", e.setAttribute("aria-label", "Zoom out"), 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="M8 11h6"/></svg>', e;
-}, ss = (e) => {
+}, rs = (e) => {
   const t = document.createElement("div");
   t.className = "cloudimage-360-loader";
   const i = document.createElement("span");
   return i.className = "percentage", i.innerText = "0%", t.appendChild(i), e.appendChild(t), t;
-}, os = (e) => {
+}, as = (e) => {
   const t = document.createElement("div");
   t.className = "cloudimage-360-fullscreen-modal";
   const i = e.cloneNode();
   return i.style.width = "100%", i.style.maxWidth = "100%", i.style.height = "100vh", i.style.maxHeight = "100%", t.appendChild(i), window.document.body.appendChild(t), i;
-}, qt = (e, t) => {
+}, te = (e, t) => {
   const i = e.querySelector(t);
   i && i.parentNode.removeChild(i);
-}, ns = () => {
+}, ls = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-loading-spinner", e;
-}, rs = () => {
+}, cs = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-360-transition-overlay", e;
-}, as = (e) => {
+}, hs = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-hotspot-container", e.appendChild(t), t;
-}, ls = (e) => {
+}, ds = (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;
-}, cs = (e, t) => {
+}, us = (e, t) => {
   e && (e.textContent = "", setTimeout(() => {
     e.textContent = t;
   }, 50));
-}, je = {
+}, _e = {
   drag: '<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 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2"/><path d="M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2"/><path d="M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>',
   swipe: '<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 16 4-4-4-4"/><path d="m6 8-4 4 4 4"/><path d="M8 12h8"/></svg>',
   click: '<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="m9 9 5 12 1.8-5.2L21 14Z"/><path d="M7.2 2.2 8 5.1"/><path d="m5.1 8-2.9-.8"/><path d="M14 4.1 12 6"/><path d="m6 12-1.9 2"/></svg>',
   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>'
-}, we = {
+}, Ce = {
   drag: "Drag to rotate",
   swipe: "Swipe to rotate",
   click: "Click to zoom",
@@ -534,88 +534,88 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   pinch: "Pinch to zoom",
   keys: "Use arrow keys",
   fullscreen: "Click for fullscreen"
-}, hs = (e, t = {}) => {
+}, ps = (e, t = {}) => {
   const i = document.createElement("div");
   i.className = "cloudimage-360-hint-item";
-  let s = we[e];
-  return e === "click" && t.pointerZoomTrigger === "dblclick" && (s = we.dblclick), i.innerHTML = `
-    ${je[e]}
+  let s = Ce[e];
+  return e === "click" && t.pointerZoomTrigger === "dblclick" && (s = Ce.dblclick), i.innerHTML = `
+    ${_e[e]}
     <span>${s}</span>
   `, i;
-}, Ie = (e, t = [], i = {}) => {
+}, xe = (e, t = [], i = {}) => {
   if (!t || t.length === 0) return null;
   const s = document.createElement("div");
   s.className = "cloudimage-360-hints-overlay", s.setAttribute("role", "tooltip"), s.setAttribute("aria-label", "Interaction hints");
   const o = document.createElement("div");
   return o.className = "cloudimage-360-hints-container", t.forEach((n) => {
-    je[n] && o.appendChild(hs(n, i));
+    _e[n] && o.appendChild(ps(n, i));
   }), s.appendChild(o), e.appendChild(s), s;
-}, Ce = (e, t) => t ? ["swipe", "pinch"] : ["drag", "click"], xe = (e) => {
+}, Oe = (e, t) => t ? ["swipe", "pinch"] : ["drag", "click"], Ee = (e) => {
   e && e.classList.add("visible");
-}, ds = (e) => {
+}, ms = (e) => {
   e && (e.classList.remove("visible"), e.classList.add("hiding"), setTimeout(() => {
     e.classList.remove("hiding");
   }, 300));
-}, us = (e) => {
+}, fs = (e) => {
   if (!e || typeof e != "object") return null;
   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];
-}, ps = (e) => {
+}, vs = (e) => {
   const t = [];
   return !e || !Array.isArray(e) || e.forEach((i, s) => {
-    const o = us(i.positions);
+    const o = fs(i.positions);
     o !== null && t.push({
       id: i.id || `hotspot-${s}`,
       frame: o,
       label: i.label || null
     });
   }), t;
-}, ms = 400, fs = (e, t, i, s) => {
+}, gs = 400, ys = (e, t, i, s) => {
   const o = document.createElement("button");
   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 = s, o.appendChild(l);
+    const a = document.createElement("span");
+    a.className = "cloudimage-360-hotspot-timeline-tooltip", a.textContent = s, o.appendChild(a);
     let r = null;
     o.addEventListener("mouseenter", () => {
       r = setTimeout(() => {
-        l.classList.add("visible");
-      }, ms);
+        a.classList.add("visible");
+      }, gs);
     }), o.addEventListener("mouseleave", () => {
-      r && (clearTimeout(r), r = null), l.classList.remove("visible");
+      r && (clearTimeout(r), r = null), a.classList.remove("visible");
     }), o.addEventListener("click", () => {
-      r && (clearTimeout(r), r = null), l.classList.remove("visible");
+      r && (clearTimeout(r), r = null), a.classList.remove("visible");
     });
   }
   return o;
-}, vs = (e, t, i) => {
-  const s = ps(i);
+}, bs = (e, t, i) => {
+  const s = vs(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 n = document.createElement("div");
   n.className = "cloudimage-360-hotspot-timeline-track";
-  const l = document.createElement("div");
-  return l.className = "cloudimage-360-hotspot-timeline-indicator", s.forEach(({ id: r, frame: a, label: c }) => {
-    const h = fs(r, a, t, c);
+  const a = document.createElement("div");
+  return a.className = "cloudimage-360-hotspot-timeline-indicator", s.forEach(({ id: r, frame: l, label: c }) => {
+    const h = ys(r, l, t, c);
     n.appendChild(h);
-  }), n.appendChild(l), o.appendChild(n), e.appendChild(o), {
+  }), n.appendChild(a), o.appendChild(n), e.appendChild(o), {
     element: o,
-    indicator: l,
+    indicator: a,
     hotspotFrames: s
   };
-}, gs = (e, t, i) => {
+}, ws = (e, t, i) => {
   if (!e) return;
   const s = i > 1 ? t / (i - 1) * 100 : 0;
   e.style.left = `${s}%`;
-}, ys = (e) => {
+}, Is = (e) => {
   e && e.classList.add("visible");
-}, bs = (e) => {
+}, Cs = (e) => {
   e && e.classList.remove("visible");
-}, Qt = (e, t = []) => {
+}, ee = (e, t = []) => {
   if (!e) return t;
   if (Array.isArray(e)) return e;
   try {
@@ -623,15 +623,15 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   } catch (i) {
     return console.warn("CloudImage 360: Failed to parse JSON:", i.message), t;
   }
-}, ws = (e, t) => {
+}, xs = (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("&");
+  const o = new RegExp(`^${t}=|&${t}=`), n = s.split("&").filter((a) => !o.test(a)).join("&");
   return n ? `${i}?${n}` : i;
-}, Is = (e) => {
-  const t = ws(e, "width"), i = t.includes("?") ? "&" : "?";
+}, Os = (e) => {
+  const t = xs(e, "width"), i = t.includes("?") ? "&" : "?";
   return `${t}${i}width=${150 * devicePixelRatio}`;
-}, Cs = (e) => {
+}, Es = (e) => {
   const t = {
     root: null,
     rootMargin: "0px",
@@ -641,29 +641,29 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     n && (o.src = n);
   };
   new IntersectionObserver((o, n) => {
-    o.forEach((l) => {
-      l.isIntersecting && (i(l.target), n.unobserve(l.target));
+    o.forEach((a) => {
+      a.isIntersecting && (i(a.target), n.unobserve(a.target));
     });
   }, t).observe(e);
-}, xs = (e, t) => {
-  const i = ze(1, t);
+}, As = (e, t) => {
+  const i = Ge(1, t);
   return e.replace("{index}", i);
-}, Os = (e, t) => {
+}, Ss = (e, t) => {
   const [i] = e, s = /(https?):\/\//i.test(i);
-  return xt({
+  return Ot({
     ...t,
     folder: s ? "" : t.folder,
     filename: i
   });
-}, Es = (e, t) => {
+}, Ls = (e, t) => {
   const { imageList: i, indexZeroBase: s } = t;
   if (i.length) {
-    const o = Qt(i, null);
+    const o = ee(i, null);
     if (o)
-      return Os(o, t);
+      return Ss(o, t);
   }
-  return xs(e, s);
-}, Oe = (e, t, i) => {
+  return As(e, s);
+}, Ae = (e, t, i) => {
   const s = new Image();
   return s.setAttribute(t ? "data-src" : "src", e), s.className = i, s.style.cssText = `
     position: ${t ? "absolute" : "static"};
@@ -674,19 +674,19 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     object-position: center;
     filter: blur(10px);
   `, s;
-}, Ee = (e, t, i) => {
-  const { innerBox: s, imageList: o, lazyload: n } = t || {}, [l] = o, r = l || Es(e, t), a = Is(r), c = Oe(a, n, "cloudimage-lazy"), h = Oe(a, !1, "cloudimage-360-placeholder"), u = (f) => {
-    qt(s, ".cloudimage-lazy"), i && i({
+}, Se = (e, t, i) => {
+  const { innerBox: s, imageList: o, lazyload: n } = t || {}, [a] = o, r = a || Ls(e, t), l = Os(r), c = Ae(l, n, "cloudimage-lazy"), h = Ae(l, !1, "cloudimage-360-placeholder"), u = (f) => {
+    te(s, ".cloudimage-lazy"), i && i({
       event: f,
       width: c.width,
       height: c.height,
       naturalWidth: c.naturalWidth,
       naturalHeight: c.naturalHeight,
-      src: a
+      src: l
     });
   };
-  c.onload = u, s.appendChild(c), s.appendChild(h), Cs(c);
-}, As = (e, t, i) => {
+  c.onload = u, s.appendChild(c), s.appendChild(h), Es(c);
+}, Ts = (e, t, i) => {
   const s = new Image();
   s.src = e, s.onload = (o) => {
     t && t({
@@ -701,29 +701,29 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     const n = new Error(`Failed to load image: ${e}`);
     n.url = e, n.event = o, i ? i(n) : console.error(n.message);
   };
-}, Ss = (e, t) => {
+}, ks = (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: s - i.left,
     y: o - i.top
   };
 }, Jt = (e, t, i) => {
-  const { container: s, w: o, h: n, zoom: l, bw: r, offsetX: a, offsetY: c } = t, h = Ss(e, s);
+  const { container: s, w: o, h: n, zoom: a, bw: r, offsetX: l, offsetY: c } = t, h = ks(e, s);
   let u = h.x, f = h.y;
-  u = Math.max(o / l, Math.min(u, s.offsetWidth - o / l)), f = Math.max(n / l, Math.min(f, s.offsetHeight - n / l)), i.style.left = `${u - o}px`, i.style.top = `${f - n}px`;
-  const p = (u - a) * l - o + r, I = (f - c) * l - n + r;
+  u = Math.max(o / a, Math.min(u, s.offsetWidth - o / a)), f = Math.max(n / a, Math.min(f, s.offsetHeight - n / a)), i.style.left = `${u - o}px`, i.style.top = `${f - n}px`;
+  const p = (u - l) * a - o + r, I = (f - c) * a - n + r;
   i.style.backgroundPosition = `-${p}px -${I}px`;
-}, Ls = (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;
+}, Ms = (e, t, i, s, o, n) => {
+  const { x: a = 0, y: r = 0 } = i || {}, l = (t.offsetWidth - a * 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('${s.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 = `${l}px ${c}px`;
   const h = 3, u = o.offsetWidth / 2, f = o.offsetHeight / 2, p = {
     container: t,
     w: u,
     h: f,
     zoom: n,
     bw: h,
-    offsetX: l,
+    offsetX: a,
     offsetY: r
   };
   Jt(e, p, o);
@@ -733,43 +733,43 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     v.preventDefault(), Jt(v, p, o);
   };
   o.addEventListener("mousemove", I), t.addEventListener("mousemove", I), t.addEventListener("touchmove", b);
-}, ks = (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 };
-}, Ts = (e, t, i) => {
+}, Ps = (e, t, i) => {
+  const { clientX: s, clientY: o } = e, n = t.getBoundingClientRect(), a = t.width / (n.width * i), r = t.height / (n.height * i), l = (s - n.left) * a, c = (o - n.top) * r;
+  return { offsetX: l, offsetY: c };
+}, Ys = (e, t, i) => {
   const s = e / i, o = t / i;
   return { zoomedWidth: s, zoomedHeight: o };
-}, Ms = ({
+}, Rs = ({
   pointerX: e,
   pointerY: t,
   imageData: i,
   zoomedWidth: s,
   zoomedHeight: o,
   drawWidth: n,
-  drawHeight: l
+  drawHeight: a
 }) => {
-  const { naturalWidth: r, naturalHeight: a } = i;
-  let c = e / n * r - s / 2, h = t / l * a - o / 2;
-  const u = Math.max(0, r - s), f = Math.max(0, a - o);
+  const { naturalWidth: r, naturalHeight: l } = i;
+  let c = e / n * r - s / 2, h = t / a * l - o / 2;
+  const u = Math.max(0, r - s), f = Math.max(0, l - o);
   return c = Math.max(0, Math.min(c, u)), h = Math.max(0, Math.min(h, f)), { zoomOffsetX: c, zoomOffsetY: h };
-}, Ae = (e, { bottom: t, top: i }) => {
+}, Le = (e, { bottom: t, top: i }) => {
   e ? t() : i();
-}, Se = (e, { left: t, right: i }) => {
+}, Te = (e, { left: t, right: i }) => {
   e ? t() : i();
-}, Ps = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: s }) => {
+}, Xs = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: s }) => {
   switch (e) {
     case X.SPIN_XY:
     case X.SPIN_YX:
-      t ? Ae(i, s) : Se(i, s);
+      t ? Le(i, s) : Te(i, s);
       break;
     case X.SPIN_Y:
-      Ae(i, s);
+      Le(i, s);
       break;
     case X.SPIN_X:
     default:
-      Se(i, s);
+      Te(i, s);
   }
-}, Ys = ({
+}, Hs = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
@@ -777,31 +777,31 @@ const me = /* @__PURE__ */ ai(Ei), X = {
   amountY: o,
   autoplayReverse: n
 }) => {
-  const l = (r, a) => {
-    const c = a - 1;
+  const a = (r, l) => {
+    const c = l - 1;
     return n ? r === 0 : r === c;
   };
   switch (e) {
     case X.SPIN_XY:
     case X.SPIN_Y:
-      return l(i, o);
+      return a(i, o);
     case X.SPIN_X:
     case X.SPIN_YX:
     default:
-      return l(t, s);
+      return a(t, s);
   }
-}, Rs = ({
+}, Zs = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
   amountX: s,
   amountY: o,
   autoplayReverse: n,
-  spinDirection: l
+  spinDirection: a
 }) => {
-  const r = t === (n ? 0 : s - 1), a = i === (n ? 0 : o - 1);
-  return e === X.SPIN_XY || e === X.SPIN_YX ? l === "x" && r || l === "y" && a : !1;
-}, Xs = (e, t, i) => {
+  const r = t === (n ? 0 : s - 1), l = i === (n ? 0 : o - 1);
+  return e === X.SPIN_XY || e === X.SPIN_YX ? a === "x" && r || a === "y" && l : !1;
+}, Ds = (e, t, i) => {
   if (!i) return "x";
   if (!t) return "y";
   switch (e) {
@@ -815,24 +815,24 @@ const me = /* @__PURE__ */ ai(Ei), X = {
     default:
       return "x";
   }
-}, Hs = (e) => e === "x" ? "y" : "x", Le = (e, t) => {
-  const i = [...Si];
-  return t ? [...i, ...Li].includes(e) : i.includes(e);
-}, ke = ({ 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;
-}, Zs = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, Ds = (e, t = 150) => {
+}, Bs = (e) => e === "x" ? "y" : "x", ke = (e, t) => {
+  const i = [...ki];
+  return t ? [...i, ...Mi].includes(e) : i.includes(e);
+}, Me = ({ deltaX: e, deltaY: t, reversed: i, allowSpinX: s, allowSpinY: o, threshold: n = 0 }) => {
+  const a = s && !o || o && !s ? 0 : n, r = Math.abs(e), l = Math.abs(t);
+  return s && r - a > l ? i ? e > 0 ? "left" : "right" : e > 0 ? "right" : "left" : o && l - a > r ? i ? t > 0 ? "up" : "down" : t > 0 ? "down" : "up" : null;
+}, Ws = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, Fs = (e, t = 150) => {
   let i;
   return function(...s) {
     clearTimeout(i), i = setTimeout(() => {
       e.apply(this, s);
     }, t);
   };
-}, $e = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Bs = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Te = typeof self < "u" && self.Blob && new Blob([Bs($e)], { type: "text/javascript;charset=utf-8" });
-function Ws(e) {
+}, Ue = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Vs = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Pe = typeof self < "u" && self.Blob && new Blob([Vs(Ue)], { type: "text/javascript;charset=utf-8" });
+function Ns(e) {
   let t;
   try {
-    if (t = Te && (self.URL || self.webkitURL).createObjectURL(Te), !t) throw "";
+    if (t = Pe && (self.URL || self.webkitURL).createObjectURL(Pe), !t) throw "";
     const i = new Worker(t, {
       name: e == null ? void 0 : e.name
     });
@@ -841,7 +841,7 @@ function Ws(e) {
     }), i;
   } catch {
     return new Worker(
-      "data:text/javascript;base64," + $e,
+      "data:text/javascript;base64," + Ue,
       {
         name: e == null ? void 0 : e.name
       }
@@ -850,7 +850,7 @@ function Ws(e) {
     t && (self.URL || self.webkitURL).revokeObjectURL(t);
   }
 }
-class Fs {
+class zs {
   constructor() {
     this.canvas = null, this.ctx = null, this.dpr = 1, this.drawWidth = 0, this.drawHeight = 0, this.wideImage = !1;
   }
@@ -864,9 +864,9 @@ class Fs {
       // Will be a regular canvas on main thread
       devicePixelRatio: o,
       imageData: n,
-      zoomScale: l,
+      zoomScale: a,
       pointerX: r,
-      pointerY: a,
+      pointerY: l,
       imageAspectRatio: c,
       containerWidth: h,
       containerHeight: u
@@ -879,7 +879,7 @@ class Fs {
         this.adaptCanvasSize(c, h, u);
         break;
       case "drawImageOnCanvas":
-        this.drawImageOnCanvas(n, l, r, a);
+        this.drawImageOnCanvas(n, a, r, l);
         break;
     }
   }
@@ -901,9 +901,9 @@ class Fs {
   drawImageOnCanvas(t = {}, i = 1, s = 0, o = 0) {
     const { bitmapImage: n } = t;
     if (!this.canvas || !this.ctx || !n) return;
-    let l, r;
-    if (this.wideImage ? (l = 0, r = (this.canvas.height / this.dpr - this.drawHeight) / 2) : (l = (this.canvas.width / this.dpr - this.drawWidth) / 2, r = 0), this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), i !== 1) {
-      const { naturalWidth: a, naturalHeight: c } = t, { zoomedWidth: h, zoomedHeight: u } = Ts(a, c, i), { zoomOffsetX: f, zoomOffsetY: p } = Ms({
+    let a, r;
+    if (this.wideImage ? (a = 0, r = (this.canvas.height / this.dpr - this.drawHeight) / 2) : (a = (this.canvas.width / this.dpr - this.drawWidth) / 2, r = 0), this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), i !== 1) {
+      const { naturalWidth: l, naturalHeight: c } = t, { zoomedWidth: h, zoomedHeight: u } = Ys(l, c, i), { zoomOffsetX: f, zoomOffsetY: p } = Rs({
         pointerX: s,
         pointerY: o,
         imageData: t,
@@ -918,16 +918,16 @@ class Fs {
         p,
         h,
         u,
-        l,
+        a,
         r,
         this.drawWidth,
         this.drawHeight
       );
     } else
-      this.ctx.drawImage(n, l, r, this.drawWidth, this.drawHeight);
+      this.ctx.drawImage(n, a, r, this.drawWidth, this.drawHeight);
   }
 }
-const Vs = /* @__PURE__ */ new Set([
+const $s = /* @__PURE__ */ new Set([
   // Basic HTML
   "p",
   "span",
@@ -986,7 +986,7 @@ const Vs = /* @__PURE__ */ new Set([
   "lineargradient",
   "radialgradient",
   "stop"
-]), Me = {
+]), Ye = {
   a: ["href", "title", "target", "rel"],
   img: ["src", "alt", "title", "width", "height"],
   button: ["type", "disabled", "name", "value"],
@@ -1014,12 +1014,12 @@ const Vs = /* @__PURE__ */ new Set([
   clippath: ["id"],
   mask: ["id"],
   "*": ["class", "id", "style"]
-}, Ns = [
+}, js = [
   /javascript:/gi,
   /vbscript:/gi,
   /data:/gi,
   /on\w+\s*=/gi
-], zs = (e) => {
+], Gs = (e) => {
   if (typeof e != "string")
     return "";
   const t = document.createElement("template");
@@ -1027,98 +1027,108 @@ const Vs = /* @__PURE__ */ new Set([
   const i = (s) => {
     if (Array.from(s.childNodes).forEach(i), s.nodeType === Node.ELEMENT_NODE) {
       const n = s.tagName.toLowerCase();
-      if (!Vs.has(n)) {
+      if (!$s.has(n)) {
         if (n === "script" || n === "style") {
           s.remove();
           return;
         }
-        const a = document.createTextNode(s.textContent);
-        s.parentNode.replaceChild(a, s);
+        const l = document.createTextNode(s.textContent);
+        s.parentNode.replaceChild(l, s);
         return;
       }
-      const l = [
-        ...Me[n] || [],
-        ...Me["*"] || []
+      const a = [
+        ...Ye[n] || [],
+        ...Ye["*"] || []
       ];
-      if (Array.from(s.attributes).forEach((a) => {
-        const c = a.name.toLowerCase();
+      if (Array.from(s.attributes).forEach((l) => {
+        const c = l.name.toLowerCase();
         if (c.startsWith("on")) {
-          s.removeAttribute(a.name);
+          s.removeAttribute(l.name);
           return;
         }
-        if (!l.includes(c)) {
-          s.removeAttribute(a.name);
+        if (!a.includes(c)) {
+          s.removeAttribute(l.name);
           return;
         }
-        let h = a.value;
-        Ns.forEach((u) => {
-          u.test(h) && s.removeAttribute(a.name);
+        let h = l.value;
+        js.forEach((u) => {
+          u.test(h) && s.removeAttribute(l.name);
         });
       }), 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");
+        const l = s.getAttribute("href");
+        l && (/^(https?:|mailto:|tel:|#|\/)/i.test(l.trim()) || s.removeAttribute("href")), s.getAttribute("target") === "_blank" && s.setAttribute("rel", "noopener noreferrer");
       }
       if (n === "img") {
-        const a = s.getAttribute("src");
-        a && (/^(https?:|\/|data:image\/)/i.test(a.trim()) || s.removeAttribute("src"));
+        const l = s.getAttribute("src");
+        l && (/^(https?:|\/|data:image\/)/i.test(l.trim()) || s.removeAttribute("src"));
       }
     }
   };
   return i(t.content), t.innerHTML;
-}, js = (e) => e === "x" ? Y.X : Y.Y, $s = (e, t, i) => e.filter(
-  (s) => js(s.orientation) === i && t in s.positions
-), Gs = (e, t) => {
+}, _s = (e) => e === "x" ? Y.X : Y.Y, Us = (e, t, i) => e.filter(
+  (s) => _s(s.orientation) === i && t in s.positions
+), Ks = (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;
-}, _s = (e) => {
-  const t = Object.entries(e).sort(([n], [l]) => Number(n) - Number(l));
+}, qs = (e) => {
+  const t = Object.entries(e).sort(([n], [a]) => Number(n) - Number(a));
   let i = null, s = null;
   const o = {};
-  for (const [n, l] of t)
-    if (!l)
+  for (const [n, a] of t)
+    if (!a)
       o[n] = { x: i, y: s };
     else {
-      const { x: r, y: a } = l;
-      r != null && (i = r), a != null && (s = a), o[n] = {
+      const { x: r, y: l } = a;
+      r != null && (i = r), l != null && (s = l), o[n] = {
         x: r || i,
-        y: a || s
+        y: l || s
       };
     }
   return o;
-}, Us = (e) => [
-  {
-    name: "offset",
-    options: {
-      offset: [0, 10]
-    }
-  },
-  {
-    name: "preventOverflow",
-    options: {
-      boundary: e
+}, Js = (e) => ({
+  placement: "top",
+  modifiers: [
+    {
+      name: "offset",
+      options: {
+        offset: [0, 10]
+      }
+    },
+    {
+      name: "preventOverflow",
+      options: {
+        boundary: e
+      }
+    },
+    {
+      name: "flip",
+      options: {
+        boundary: e,
+        fallbackPlacements: ["bottom", "right", "left"]
+      }
     }
-  }
-], Ks = (e, t) => {
+  ]
+}), Qs = (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 = zs(e) : i.textContent = e, document.body.appendChild(i), i;
-}, Js = (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 = Gs(e) : i.textContent = e, document.body.appendChild(i), i;
+}, to = (e) => {
   const t = [...e];
   return t.forEach((i, s) => {
-    const o = { ..._s(i.positions) };
+    const o = { ...qs(i.positions) };
     t[s].initialPositions = o, t[s].positions = o;
   }), t;
-}, qs = ({
+}, eo = ({
   newWidth: e,
   newHeight: t,
   initialContainerSize: i,
   imageAspectRatio: s,
   hotspotsConfig: o
 }) => {
-  const [n, l] = i;
-  let r = e, a = t, c = 0, h = 0;
+  const [n, a] = i;
+  let r = e, l = t, c = 0, h = 0;
   const u = e / t;
-  s > u ? (a = e / s, h = (t - a) / 2) : (r = t * s, c = (e - r) / 2);
-  const p = r / n, I = a / l;
+  s > u ? (l = e / s, h = (t - l) / 2) : (r = t * s, c = (e - r) / 2);
+  const p = r / n, I = l / a;
   return o.map((b) => {
     const v = {};
     return Object.entries(b.initialPositions).forEach(([O, E]) => {
@@ -1129,12 +1139,43 @@ const Vs = /* @__PURE__ */ new Set([
     }), { ...b, positions: v };
   });
 };
-var H = "top", F = "bottom", V = "right", Z = "left", ie = "auto", Lt = [H, F, V, Z], mt = "start", At = "end", Qs = "clippingParents", Ge = "viewport", Ct = "popper", to = "reference", Pe = /* @__PURE__ */ Lt.reduce(function(e, t) {
-  return e.concat([t + "-" + mt, t + "-" + At]);
-}, []), _e = /* @__PURE__ */ [].concat(Lt, [ie]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + mt, t + "-" + At]);
-}, []), eo = "beforeRead", io = "read", so = "afterRead", oo = "beforeMain", no = "main", ro = "afterMain", ao = "beforeWrite", lo = "write", co = "afterWrite", ho = [eo, io, so, oo, no, ro, ao, lo, co];
-function j(e) {
+function io(e) {
+  const t = [];
+  e.image && t.push(
+    `<div class="ci360-popper-image-wrapper"><img class="ci360-popper-image" src="${Qt(e.image)}" alt="${Qt(e.title || "")}"></div>`
+  );
+  const i = [];
+  if (e.title && i.push(`<h3 class="ci360-popper-title">${Ct(e.title)}</h3>`), e.originalPrice || e.price) {
+    let s = "";
+    e.originalPrice && (s += `<span class="ci360-popper-original-price">${Ct(e.originalPrice)}</span>`), e.price && (s += `<span class="ci360-popper-price">${Ct(e.price)}</span>`), i.push(`<div class="ci360-popper-price-row">${s}</div>`);
+  }
+  if (e.description && i.push(`<p class="ci360-popper-description">${Ct(e.description)}</p>`), e.url && so(e.url)) {
+    const s = e.ctaText || "View details";
+    i.push(
+      `<a class="ci360-popper-cta" href="${Qt(e.url)}">${Ct(String(s))}</a>`
+    );
+  }
+  return i.length > 0 && t.push(`<div class="ci360-popper-body">${i.join("")}</div>`), t.join("");
+}
+function Re(e) {
+  return e.content ? e.content : e.data ? io(e.data) : "";
+}
+function Ct(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function Qt(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function so(e) {
+  const t = e.replace(/[\s\x00-\x1f]/g, "");
+  return /^https?:\/\//i.test(t) || /^\/(?!\/)/.test(t) || /^#/.test(t);
+}
+var H = "top", F = "bottom", V = "right", Z = "left", oe = "auto", Tt = [H, F, V, Z], mt = "start", St = "end", oo = "clippingParents", Ke = "viewport", xt = "popper", no = "reference", Xe = /* @__PURE__ */ Tt.reduce(function(e, t) {
+  return e.concat([t + "-" + mt, t + "-" + St]);
+}, []), qe = /* @__PURE__ */ [].concat(Tt, [oe]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + mt, t + "-" + St]);
+}, []), ro = "beforeRead", ao = "read", lo = "afterRead", co = "beforeMain", ho = "main", uo = "afterMain", po = "beforeWrite", mo = "write", fo = "afterWrite", vo = [ro, ao, lo, co, ho, uo, po, mo, fo];
+function $(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function B(e) {
@@ -1154,23 +1195,23 @@ function W(e) {
   var t = B(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
-function se(e) {
+function ne(e) {
   if (typeof ShadowRoot > "u")
     return !1;
   var t = B(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function uo(e) {
+function go(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(i) {
     var s = t.styles[i] || {}, o = t.attributes[i] || {}, n = t.elements[i];
-    !W(n) || !j(n) || (Object.assign(n.style, s), Object.keys(o).forEach(function(l) {
-      var r = o[l];
-      r === !1 ? n.removeAttribute(l) : n.setAttribute(l, r === !0 ? "" : r);
+    !W(n) || !$(n) || (Object.assign(n.style, s), Object.keys(o).forEach(function(a) {
+      var r = o[a];
+      r === !1 ? n.removeAttribute(a) : n.setAttribute(a, r === !0 ? "" : r);
     }));
   });
 }
-function po(e) {
+function yo(e) {
   var t = e.state, i = {
     popper: {
       position: t.options.strategy,
@@ -1185,41 +1226,41 @@ function po(e) {
   };
   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(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;
+      var o = t.elements[s], n = t.attributes[s] || {}, a = Object.keys(t.styles.hasOwnProperty(s) ? t.styles[s] : i[s]), r = a.reduce(function(l, c) {
+        return l[c] = "", l;
       }, {});
-      !W(o) || !j(o) || (Object.assign(o.style, r), Object.keys(n).forEach(function(a) {
-        o.removeAttribute(a);
+      !W(o) || !$(o) || (Object.assign(o.style, r), Object.keys(n).forEach(function(l) {
+        o.removeAttribute(l);
       }));
     });
   };
 }
-const mo = {
+const bo = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: uo,
-  effect: po,
+  fn: go,
+  effect: yo,
   requires: ["computeStyles"]
 };
 function z(e) {
   return e.split("-")[0];
 }
-var it = Math.max, Ft = Math.min, ft = Math.round;
-function te() {
+var it = Math.max, Vt = Math.min, ft = Math.round;
+function ie() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
-function Ue() {
-  return !/^((?!chrome|android).)*safari/i.test(te());
+function Je() {
+  return !/^((?!chrome|android).)*safari/i.test(ie());
 }
 function vt(e, t, i) {
   t === void 0 && (t = !1), i === void 0 && (i = !1);
   var s = e.getBoundingClientRect(), o = 1, n = 1;
   t && W(e) && (o = e.offsetWidth > 0 && ft(s.width) / e.offsetWidth || 1, n = e.offsetHeight > 0 && ft(s.height) / e.offsetHeight || 1);
-  var l = st(e) ? B(e) : window, r = l.visualViewport, a = !Ue() && i, c = (s.left + (a && r ? r.offsetLeft : 0)) / o, h = (s.top + (a && r ? r.offsetTop : 0)) / n, u = s.width / o, f = s.height / n;
+  var a = st(e) ? B(e) : window, r = a.visualViewport, l = !Je() && i, c = (s.left + (l && r ? r.offsetLeft : 0)) / o, h = (s.top + (l && r ? r.offsetTop : 0)) / n, u = s.width / o, f = s.height / n;
   return {
     width: u,
     height: f,
@@ -1231,7 +1272,7 @@ function vt(e, t, i) {
     y: h
   };
 }
-function oe(e) {
+function re(e) {
   var t = vt(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,
@@ -1240,11 +1281,11 @@ function oe(e) {
     height: s
   };
 }
-function Ke(e, t) {
+function Qe(e, t) {
   var i = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
-  if (i && se(i)) {
+  if (i && ne(i)) {
     var s = t;
     do {
       if (s && e.isSameNode(s))
@@ -1254,11 +1295,11 @@ function Ke(e, t) {
   }
   return !1;
 }
-function J(e) {
+function q(e) {
   return B(e).getComputedStyle(e);
 }
-function fo(e) {
-  return ["table", "td", "th"].indexOf(j(e)) >= 0;
+function wo(e) {
+  return ["table", "td", "th"].indexOf($(e)) >= 0;
 }
 function Q(e) {
   return ((st(e) ? e.ownerDocument : (
@@ -1266,32 +1307,32 @@ function Q(e) {
     e.document
   )) || window.document).documentElement;
 }
-function Nt(e) {
-  return j(e) === "html" ? e : (
+function zt(e) {
+  return $(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
     e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     e.parentNode || // DOM Element detected
-    (se(e) ? e.host : null) || // ShadowRoot detected
+    (ne(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     Q(e)
   );
 }
-function Ye(e) {
+function He(e) {
   return !W(e) || // https://github.com/popperjs/popper-core/issues/837
-  J(e).position === "fixed" ? null : e.offsetParent;
+  q(e).position === "fixed" ? null : e.offsetParent;
 }
-function vo(e) {
-  var t = /firefox/i.test(te()), i = /Trident/i.test(te());
+function Io(e) {
+  var t = /firefox/i.test(ie()), i = /Trident/i.test(ie());
   if (i && W(e)) {
-    var s = J(e);
+    var s = q(e);
     if (s.position === "fixed")
       return null;
   }
-  var o = Nt(e);
-  for (se(o) && (o = o.host); W(o) && ["html", "body"].indexOf(j(o)) < 0; ) {
-    var n = J(o);
+  var o = zt(e);
+  for (ne(o) && (o = o.host); W(o) && ["html", "body"].indexOf($(o)) < 0; ) {
+    var n = q(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;
@@ -1299,21 +1340,21 @@ function vo(e) {
   return null;
 }
 function kt(e) {
-  for (var t = B(e), i = Ye(e); i && fo(i) && J(i).position === "static"; )
-    i = Ye(i);
-  return i && (j(i) === "html" || j(i) === "body" && J(i).position === "static") ? t : i || vo(e) || t;
+  for (var t = B(e), i = He(e); i && wo(i) && q(i).position === "static"; )
+    i = He(i);
+  return i && ($(i) === "html" || $(i) === "body" && q(i).position === "static") ? t : i || Io(e) || t;
 }
-function ne(e) {
+function ae(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Ot(e, t, i) {
-  return it(e, Ft(t, i));
+function Et(e, t, i) {
+  return it(e, Vt(t, i));
 }
-function go(e, t, i) {
-  var s = Ot(e, t, i);
+function Co(e, t, i) {
+  var s = Et(e, t, i);
   return s > i ? i : s;
 }
-function Je() {
+function ti() {
   return {
     top: 0,
     right: 0,
@@ -1321,57 +1362,57 @@ function Je() {
     left: 0
   };
 }
-function qe(e) {
-  return Object.assign({}, Je(), e);
+function ei(e) {
+  return Object.assign({}, ti(), e);
 }
-function Qe(e, t) {
+function ii(e, t) {
   return t.reduce(function(i, s) {
     return i[s] = e, i;
   }, {});
 }
-var yo = function(t, i) {
+var xo = function(t, i) {
   return t = typeof t == "function" ? t(Object.assign({}, i.rects, {
     placement: i.placement
-  })) : t, qe(typeof t != "number" ? t : Qe(t, Lt));
+  })) : t, ei(typeof t != "number" ? t : ii(t, Tt));
 };
-function bo(e) {
-  var t, i = e.state, s = e.name, o = e.options, n = i.elements.arrow, l = i.modifiersData.popperOffsets, r = z(i.placement), a = ne(r), c = [Z, V].indexOf(r) >= 0, h = c ? "height" : "width";
-  if (!(!n || !l)) {
-    var u = yo(o.padding, i), f = oe(n), p = a === "y" ? H : Z, I = a === "y" ? F : V, b = i.rects.reference[h] + i.rects.reference[a] - l[a] - i.rects.popper[h], v = l[a] - i.rects.reference[a], O = kt(n), E = O ? a === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, w = b / 2 - v / 2, y = u[p], x = E - f[h] - u[I], m = E / 2 - f[h] / 2 + w, g = Ot(y, m, x), C = a;
+function Oo(e) {
+  var t, i = e.state, s = e.name, o = e.options, n = i.elements.arrow, a = i.modifiersData.popperOffsets, r = z(i.placement), l = ae(r), c = [Z, V].indexOf(r) >= 0, h = c ? "height" : "width";
+  if (!(!n || !a)) {
+    var u = xo(o.padding, i), f = re(n), p = l === "y" ? H : Z, I = l === "y" ? F : V, b = i.rects.reference[h] + i.rects.reference[l] - a[l] - i.rects.popper[h], v = a[l] - i.rects.reference[l], O = kt(n), E = O ? l === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, w = b / 2 - v / 2, y = u[p], x = E - f[h] - u[I], m = E / 2 - f[h] / 2 + w, g = Et(y, m, x), C = l;
     i.modifiersData[s] = (t = {}, t[C] = g, t.centerOffset = g - m, t);
   }
 }
-function wo(e) {
+function Eo(e) {
   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) || Ke(t.elements.popper, o) && (t.elements.arrow = o));
+  o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || Qe(t.elements.popper, o) && (t.elements.arrow = o));
 }
-const Io = {
+const Ao = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: bo,
-  effect: wo,
+  fn: Oo,
+  effect: Eo,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function gt(e) {
   return e.split("-")[1];
 }
-var Co = {
+var So = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function xo(e, t) {
+function Lo(e, t) {
   var i = e.x, s = e.y, o = t.devicePixelRatio || 1;
   return {
     x: ft(i * o) / o || 0,
     y: ft(s * o) / o || 0
   };
 }
-function Re(e) {
-  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, u = e.isFixed, f = l.x, p = f === void 0 ? 0 : f, I = l.y, b = I === void 0 ? 0 : I, v = typeof h == "function" ? h({
+function Ze(e) {
+  var t, i = e.popper, s = e.popperRect, o = e.placement, n = e.variation, a = e.offsets, r = e.position, l = e.gpuAcceleration, c = e.adaptive, h = e.roundOffsets, u = e.isFixed, f = a.x, p = f === void 0 ? 0 : f, I = a.y, b = I === void 0 ? 0 : I, v = typeof h == "function" ? h({
     x: p,
     y: b
   }) : {
@@ -1379,43 +1420,43 @@ function Re(e) {
     y: b
   };
   p = v.x, b = v.y;
-  var O = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), w = Z, y = H, x = window;
+  var O = a.hasOwnProperty("x"), E = a.hasOwnProperty("y"), w = Z, y = H, x = window;
   if (c) {
     var m = kt(i), g = "clientHeight", C = "clientWidth";
-    if (m === B(i) && (m = Q(i), J(m).position !== "static" && r === "absolute" && (g = "scrollHeight", C = "scrollWidth")), m = m, o === H || (o === Z || o === V) && n === At) {
+    if (m === B(i) && (m = Q(i), q(m).position !== "static" && r === "absolute" && (g = "scrollHeight", C = "scrollWidth")), m = m, o === H || (o === Z || o === V) && n === St) {
       y = F;
       var A = u && m === x && x.visualViewport ? x.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         m[g]
       );
-      b -= A - s.height, b *= a ? 1 : -1;
+      b -= A - s.height, b *= l ? 1 : -1;
     }
-    if (o === Z || (o === H || o === F) && n === At) {
+    if (o === Z || (o === H || o === F) && n === St) {
       w = V;
       var S = u && m === x && x.visualViewport ? x.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         m[C]
       );
-      p -= S - s.width, p *= a ? 1 : -1;
+      p -= S - s.width, p *= l ? 1 : -1;
     }
   }
-  var k = Object.assign({
+  var T = Object.assign({
     position: r
-  }, c && Co), R = h === !0 ? xo({
+  }, c && So), R = h === !0 ? Lo({
     x: p,
     y: b
   }, B(i)) : {
     x: p,
     y: b
   };
-  if (p = R.x, b = R.y, a) {
-    var T;
-    return Object.assign({}, k, (T = {}, T[y] = E ? "0" : "", T[w] = O ? "0" : "", T.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + b + "px)" : "translate3d(" + p + "px, " + b + "px, 0)", T));
+  if (p = R.x, b = R.y, l) {
+    var k;
+    return Object.assign({}, T, (k = {}, k[y] = E ? "0" : "", k[w] = O ? "0" : "", k.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + b + "px)" : "translate3d(" + p + "px, " + b + "px, 0)", k));
   }
-  return Object.assign({}, k, (t = {}, t[y] = E ? b + "px" : "", t[w] = O ? p + "px" : "", t.transform = "", t));
+  return Object.assign({}, T, (t = {}, t[y] = E ? b + "px" : "", t[w] = O ? p + "px" : "", t.transform = "", t));
 }
-function Oo(e) {
-  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 = {
+function To(e) {
+  var t = e.state, i = e.options, s = i.gpuAcceleration, o = s === void 0 ? !0 : s, n = i.adaptive, a = n === void 0 ? !0 : n, r = i.roundOffsets, l = r === void 0 ? !0 : r, c = {
     placement: z(t.placement),
     variation: gt(t.placement),
     popper: t.elements.popper,
@@ -1423,119 +1464,119 @@ function Oo(e) {
     gpuAcceleration: o,
     isFixed: t.options.strategy === "fixed"
   };
-  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Re(Object.assign({}, c, {
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Ze(Object.assign({}, c, {
     offsets: t.modifiersData.popperOffsets,
     position: t.options.strategy,
-    adaptive: l,
-    roundOffsets: a
-  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Re(Object.assign({}, c, {
+    adaptive: a,
+    roundOffsets: l
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Ze(Object.assign({}, c, {
     offsets: t.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
-    roundOffsets: a
+    roundOffsets: l
   })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-placement": t.placement
   });
 }
-const Eo = {
+const ko = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: Oo,
+  fn: To,
   data: {}
 };
-var Dt = {
+var Bt = {
   passive: !0
 };
-function Ao(e) {
-  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);
+function Mo(e) {
+  var t = e.state, i = e.instance, s = e.options, o = s.scroll, n = o === void 0 ? !0 : o, a = s.resize, r = a === void 0 ? !0 : a, l = 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() {
+    h.addEventListener("scroll", i.update, Bt);
+  }), r && l.addEventListener("resize", i.update, Bt), function() {
     n && c.forEach(function(h) {
-      h.removeEventListener("scroll", i.update, Dt);
-    }), r && a.removeEventListener("resize", i.update, Dt);
+      h.removeEventListener("scroll", i.update, Bt);
+    }), r && l.removeEventListener("resize", i.update, Bt);
   };
 }
-const So = {
+const Po = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: Ao,
+  effect: Mo,
   data: {}
 };
-var Lo = {
+var Yo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Bt(e) {
+function Wt(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return Lo[t];
+    return Yo[t];
   });
 }
-var ko = {
+var Ro = {
   start: "end",
   end: "start"
 };
-function Xe(e) {
+function De(e) {
   return e.replace(/start|end/g, function(t) {
-    return ko[t];
+    return Ro[t];
   });
 }
-function re(e) {
+function le(e) {
   var t = B(e), i = t.pageXOffset, s = t.pageYOffset;
   return {
     scrollLeft: i,
     scrollTop: s
   };
 }
-function ae(e) {
-  return vt(Q(e)).left + re(e).scrollLeft;
+function ce(e) {
+  return vt(Q(e)).left + le(e).scrollLeft;
 }
-function To(e, t) {
-  var i = B(e), s = Q(e), o = i.visualViewport, n = s.clientWidth, l = s.clientHeight, r = 0, a = 0;
+function Xo(e, t) {
+  var i = B(e), s = Q(e), o = i.visualViewport, n = s.clientWidth, a = s.clientHeight, r = 0, l = 0;
   if (o) {
-    n = o.width, l = o.height;
-    var c = Ue();
-    (c || !c && t === "fixed") && (r = o.offsetLeft, a = o.offsetTop);
+    n = o.width, a = o.height;
+    var c = Je();
+    (c || !c && t === "fixed") && (r = o.offsetLeft, l = o.offsetTop);
   }
   return {
     width: n,
-    height: l,
-    x: r + ae(e),
-    y: a
+    height: a,
+    x: r + ce(e),
+    y: l
   };
 }
-function Mo(e) {
-  var t, i = Q(e), s = re(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, n = it(i.scrollWidth, i.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), l = it(i.scrollHeight, i.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), r = -s.scrollLeft + ae(e), a = -s.scrollTop;
-  return J(o || i).direction === "rtl" && (r += it(i.clientWidth, o ? o.clientWidth : 0) - n), {
+function Ho(e) {
+  var t, i = Q(e), s = le(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, n = it(i.scrollWidth, i.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), a = it(i.scrollHeight, i.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), r = -s.scrollLeft + ce(e), l = -s.scrollTop;
+  return q(o || i).direction === "rtl" && (r += it(i.clientWidth, o ? o.clientWidth : 0) - n), {
     width: n,
-    height: l,
+    height: a,
     x: r,
-    y: a
+    y: l
   };
 }
-function le(e) {
-  var t = J(e), i = t.overflow, s = t.overflowX, o = t.overflowY;
+function he(e) {
+  var t = q(e), i = t.overflow, s = t.overflowX, o = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(i + o + s);
 }
-function ti(e) {
-  return ["html", "body", "#document"].indexOf(j(e)) >= 0 ? e.ownerDocument.body : W(e) && le(e) ? e : ti(Nt(e));
+function si(e) {
+  return ["html", "body", "#document"].indexOf($(e)) >= 0 ? e.ownerDocument.body : W(e) && he(e) ? e : si(zt(e));
 }
-function Et(e, t) {
+function At(e, t) {
   var i;
   t === void 0 && (t = []);
-  var s = ti(e), o = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = B(s), l = o ? [n].concat(n.visualViewport || [], le(s) ? s : []) : s, r = t.concat(l);
+  var s = si(e), o = s === ((i = e.ownerDocument) == null ? void 0 : i.body), n = B(s), a = o ? [n].concat(n.visualViewport || [], he(s) ? s : []) : s, r = t.concat(a);
   return o ? r : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    r.concat(Et(Nt(l)))
+    r.concat(At(zt(a)))
   );
 }
-function ee(e) {
+function se(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1543,125 +1584,125 @@ function ee(e) {
     bottom: e.y + e.height
   });
 }
-function Po(e, t) {
+function Zo(e, t) {
   var i = vt(e, !1, t === "fixed");
   return i.top = i.top + e.clientTop, i.left = i.left + e.clientLeft, i.bottom = i.top + e.clientHeight, i.right = i.left + e.clientWidth, i.width = e.clientWidth, i.height = e.clientHeight, i.x = i.left, i.y = i.top, i;
 }
-function He(e, t, i) {
-  return t === Ge ? ee(To(e, i)) : st(t) ? Po(t, i) : ee(Mo(Q(e)));
+function Be(e, t, i) {
+  return t === Ke ? se(Xo(e, i)) : st(t) ? Zo(t, i) : se(Ho(Q(e)));
 }
-function Yo(e) {
-  var t = Et(Nt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, s = i && W(e) ? kt(e) : e;
+function Do(e) {
+  var t = At(zt(e)), i = ["absolute", "fixed"].indexOf(q(e).position) >= 0, s = i && W(e) ? kt(e) : e;
   return st(s) ? t.filter(function(o) {
-    return st(o) && Ke(o, s) && j(o) !== "body";
+    return st(o) && Qe(o, s) && $(o) !== "body";
   }) : [];
 }
-function Ro(e, t, i, s) {
-  var o = t === "clippingParents" ? Yo(e) : [].concat(t), n = [].concat(o, [i]), l = n[0], r = n.reduce(function(a, c) {
-    var h = He(e, c, s);
-    return a.top = it(h.top, a.top), a.right = Ft(h.right, a.right), a.bottom = Ft(h.bottom, a.bottom), a.left = it(h.left, a.left), a;
-  }, He(e, l, s));
+function Bo(e, t, i, s) {
+  var o = t === "clippingParents" ? Do(e) : [].concat(t), n = [].concat(o, [i]), a = n[0], r = n.reduce(function(l, c) {
+    var h = Be(e, c, s);
+    return l.top = it(h.top, l.top), l.right = Vt(h.right, l.right), l.bottom = Vt(h.bottom, l.bottom), l.left = it(h.left, l.left), l;
+  }, Be(e, a, s));
   return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
 }
-function ei(e) {
-  var t = e.reference, i = e.element, s = e.placement, o = s ? z(s) : null, n = s ? gt(s) : null, l = t.x + t.width / 2 - i.width / 2, r = t.y + t.height / 2 - i.height / 2, a;
+function oi(e) {
+  var t = e.reference, i = e.element, s = e.placement, o = s ? z(s) : null, n = s ? gt(s) : null, a = t.x + t.width / 2 - i.width / 2, r = t.y + t.height / 2 - i.height / 2, l;
   switch (o) {
     case H:
-      a = {
-        x: l,
+      l = {
+        x: a,
         y: t.y - i.height
       };
       break;
     case F:
-      a = {
-        x: l,
+      l = {
+        x: a,
         y: t.y + t.height
       };
       break;
     case V:
-      a = {
+      l = {
         x: t.x + t.width,
         y: r
       };
       break;
     case Z:
-      a = {
+      l = {
         x: t.x - i.width,
         y: r
       };
       break;
     default:
-      a = {
+      l = {
         x: t.x,
         y: t.y
       };
   }
-  var c = o ? ne(o) : null;
+  var c = o ? ae(o) : null;
   if (c != null) {
     var h = c === "y" ? "height" : "width";
     switch (n) {
       case mt:
-        a[c] = a[c] - (t[h] / 2 - i[h] / 2);
+        l[c] = l[c] - (t[h] / 2 - i[h] / 2);
         break;
-      case At:
-        a[c] = a[c] + (t[h] / 2 - i[h] / 2);
+      case St:
+        l[c] = l[c] + (t[h] / 2 - i[h] / 2);
         break;
     }
   }
-  return a;
+  return l;
 }
-function St(e, t) {
+function Lt(e, t) {
   t === void 0 && (t = {});
-  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 ? Qs : r, c = i.rootBoundary, h = c === void 0 ? Ge : c, u = i.elementContext, f = u === void 0 ? Ct : u, p = i.altBoundary, I = p === void 0 ? !1 : p, b = i.padding, v = b === void 0 ? 0 : b, O = qe(typeof v != "number" ? v : Qe(v, Lt)), E = f === Ct ? to : Ct, w = e.rects.popper, y = e.elements[I ? E : f], x = Ro(st(y) ? y : y.contextElement || Q(e.elements.popper), a, h, l), m = vt(e.elements.reference), g = ei({
+  var i = t, s = i.placement, o = s === void 0 ? e.placement : s, n = i.strategy, a = n === void 0 ? e.strategy : n, r = i.boundary, l = r === void 0 ? oo : r, c = i.rootBoundary, h = c === void 0 ? Ke : c, u = i.elementContext, f = u === void 0 ? xt : u, p = i.altBoundary, I = p === void 0 ? !1 : p, b = i.padding, v = b === void 0 ? 0 : b, O = ei(typeof v != "number" ? v : ii(v, Tt)), E = f === xt ? no : xt, w = e.rects.popper, y = e.elements[I ? E : f], x = Bo(st(y) ? y : y.contextElement || Q(e.elements.popper), l, h, a), m = vt(e.elements.reference), g = oi({
     reference: m,
     element: w,
     placement: o
-  }), C = ee(Object.assign({}, w, g)), A = f === Ct ? C : m, S = {
+  }), C = se(Object.assign({}, w, g)), A = f === xt ? C : m, S = {
     top: x.top - A.top + O.top,
     bottom: A.bottom - x.bottom + O.bottom,
     left: x.left - A.left + O.left,
     right: A.right - x.right + O.right
-  }, k = e.modifiersData.offset;
-  if (f === Ct && k) {
-    var R = k[o];
-    Object.keys(S).forEach(function(T) {
-      var $ = [V, F].indexOf(T) >= 0 ? 1 : -1, G = [H, F].indexOf(T) >= 0 ? "y" : "x";
-      S[T] += R[G] * $;
+  }, T = e.modifiersData.offset;
+  if (f === xt && T) {
+    var R = T[o];
+    Object.keys(S).forEach(function(k) {
+      var j = [V, F].indexOf(k) >= 0 ? 1 : -1, G = [H, F].indexOf(k) >= 0 ? "y" : "x";
+      S[k] += R[G] * j;
     });
   }
   return S;
 }
-function Xo(e, t) {
+function Wo(e, t) {
   t === void 0 && (t = {});
-  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 ? _e : a, h = gt(s), u = h ? r ? Pe : Pe.filter(function(I) {
+  var i = t, s = i.placement, o = i.boundary, n = i.rootBoundary, a = i.padding, r = i.flipVariations, l = i.allowedAutoPlacements, c = l === void 0 ? qe : l, h = gt(s), u = h ? r ? Xe : Xe.filter(function(I) {
     return gt(I) === h;
-  }) : Lt, f = u.filter(function(I) {
+  }) : Tt, f = u.filter(function(I) {
     return c.indexOf(I) >= 0;
   });
   f.length === 0 && (f = u);
   var p = f.reduce(function(I, b) {
-    return I[b] = St(e, {
+    return I[b] = Lt(e, {
       placement: b,
       boundary: o,
       rootBoundary: n,
-      padding: l
+      padding: a
     })[z(b)], I;
   }, {});
   return Object.keys(p).sort(function(I, b) {
     return p[I] - p[b];
   });
 }
-function Ho(e) {
-  if (z(e) === ie)
+function Fo(e) {
+  if (z(e) === oe)
     return [];
-  var t = Bt(e);
-  return [Xe(e), t, Xe(t)];
+  var t = Wt(e);
+  return [De(e), t, De(t)];
 }
-function Zo(e) {
+function Vo(e) {
   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, u = i.rootBoundary, f = i.altBoundary, p = i.flipVariations, I = p === void 0 ? !0 : p, b = i.allowedAutoPlacements, v = t.options.placement, O = z(v), E = O === v, w = a || (E || !I ? [Bt(v)] : Ho(v)), y = [v].concat(w).reduce(function(q, N) {
-      return q.concat(z(N) === ie ? Xo(t, {
+    for (var o = i.mainAxis, n = o === void 0 ? !0 : o, a = i.altAxis, r = a === void 0 ? !0 : a, l = i.fallbackPlacements, c = i.padding, h = i.boundary, u = i.rootBoundary, f = i.altBoundary, p = i.flipVariations, I = p === void 0 ? !0 : p, b = i.allowedAutoPlacements, v = t.options.placement, O = z(v), E = O === v, w = l || (E || !I ? [Wt(v)] : Fo(v)), y = [v].concat(w).reduce(function(J, N) {
+      return J.concat(z(N) === oe ? Wo(t, {
         placement: N,
         boundary: h,
         rootBoundary: u,
@@ -1670,22 +1711,22 @@ function Zo(e) {
         allowedAutoPlacements: b
       }) : N);
     }, []), x = t.rects.reference, m = t.rects.popper, g = /* @__PURE__ */ new Map(), C = !0, A = y[0], S = 0; S < y.length; S++) {
-      var k = y[S], R = z(k), T = gt(k) === mt, $ = [H, F].indexOf(R) >= 0, G = $ ? "width" : "height", M = St(t, {
-        placement: k,
+      var T = y[S], R = z(T), k = gt(T) === mt, j = [H, F].indexOf(R) >= 0, G = j ? "width" : "height", M = Lt(t, {
+        placement: T,
         boundary: h,
         rootBoundary: u,
         altBoundary: f,
         padding: c
-      }), D = $ ? T ? V : Z : T ? F : H;
-      x[G] > m[G] && (D = Bt(D));
-      var ot = Bt(D), _ = [];
-      if (n && _.push(M[R] <= 0), r && _.push(M[D] <= 0, M[ot] <= 0), _.every(function(q) {
-        return q;
+      }), D = j ? k ? V : Z : k ? F : H;
+      x[G] > m[G] && (D = Wt(D));
+      var ot = Wt(D), _ = [];
+      if (n && _.push(M[R] <= 0), r && _.push(M[D] <= 0, M[ot] <= 0), _.every(function(J) {
+        return J;
       })) {
-        A = k, C = !1;
+        A = T, C = !1;
         break;
       }
-      g.set(k, _);
+      g.set(T, _);
     }
     if (C)
       for (var nt = I ? 3 : 1, yt = function(N) {
@@ -1705,17 +1746,17 @@ function Zo(e) {
     t.placement !== A && (t.modifiersData[s]._skip = !0, t.placement = A, t.reset = !0);
   }
 }
-const Do = {
+const No = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Zo,
+  fn: Vo,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function Ze(e, t, i) {
+function We(e, t, i) {
   return i === void 0 && (i = {
     x: 0,
     y: 0
@@ -1726,19 +1767,19 @@ function Ze(e, t, i) {
     left: e.left - t.width - i.x
   };
 }
-function De(e) {
+function Fe(e) {
   return [H, V, F, Z].some(function(t) {
     return e[t] >= 0;
   });
 }
-function Bo(e) {
-  var t = e.state, i = e.name, s = t.rects.reference, o = t.rects.popper, n = t.modifiersData.preventOverflow, l = St(t, {
+function zo(e) {
+  var t = e.state, i = e.name, s = t.rects.reference, o = t.rects.popper, n = t.modifiersData.preventOverflow, a = Lt(t, {
     elementContext: "reference"
-  }), r = St(t, {
+  }), r = Lt(t, {
     altBoundary: !0
-  }), a = Ze(l, s), c = Ze(r, o, n), h = De(a), u = De(c);
+  }), l = We(a, s), c = We(r, o, n), h = Fe(l), u = Fe(c);
   t.modifiersData[i] = {
-    referenceClippingOffsets: a,
+    referenceClippingOffsets: l,
     popperEscapeOffsets: c,
     isReferenceHidden: h,
     hasPopperEscaped: u
@@ -1747,63 +1788,63 @@ function Bo(e) {
     "data-popper-escaped": u
   });
 }
-const Wo = {
+const $o = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Bo
+  fn: zo
 };
-function Fo(e, t, i) {
+function jo(e, t, i) {
   var s = z(e), o = [Z, H].indexOf(s) >= 0 ? -1 : 1, n = typeof i == "function" ? i(Object.assign({}, t, {
     placement: e
-  })) : i, l = n[0], r = n[1];
-  return l = l || 0, r = (r || 0) * o, [Z, V].indexOf(s) >= 0 ? {
+  })) : i, a = n[0], r = n[1];
+  return a = a || 0, r = (r || 0) * o, [Z, V].indexOf(s) >= 0 ? {
     x: r,
-    y: l
+    y: a
   } : {
-    x: l,
+    x: a,
     y: r
   };
 }
-function Vo(e) {
-  var t = e.state, i = e.options, s = e.name, o = i.offset, n = o === void 0 ? [0, 0] : o, l = _e.reduce(function(h, u) {
-    return h[u] = Fo(u, 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[s] = l;
+function Go(e) {
+  var t = e.state, i = e.options, s = e.name, o = i.offset, n = o === void 0 ? [0, 0] : o, a = qe.reduce(function(h, u) {
+    return h[u] = jo(u, t.rects, n), h;
+  }, {}), r = a[t.placement], l = r.x, c = r.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += l, t.modifiersData.popperOffsets.y += c), t.modifiersData[s] = a;
 }
-const No = {
+const _o = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Vo
+  fn: Go
 };
-function zo(e) {
+function Uo(e) {
   var t = e.state, i = e.name;
-  t.modifiersData[i] = ei({
+  t.modifiersData[i] = oi({
     reference: t.rects.reference,
     element: t.rects.popper,
     placement: t.placement
   });
 }
-const jo = {
+const Ko = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: zo,
+  fn: Uo,
   data: {}
 };
-function $o(e) {
+function qo(e) {
   return e === "x" ? "y" : "x";
 }
-function Go(e) {
-  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, u = i.padding, f = i.tether, p = f === void 0 ? !0 : f, I = i.tetherOffset, b = I === void 0 ? 0 : I, v = St(t, {
-    boundary: a,
+function Jo(e) {
+  var t = e.state, i = e.options, s = e.name, o = i.mainAxis, n = o === void 0 ? !0 : o, a = i.altAxis, r = a === void 0 ? !1 : a, l = i.boundary, c = i.rootBoundary, h = i.altBoundary, u = i.padding, f = i.tether, p = f === void 0 ? !0 : f, I = i.tetherOffset, b = I === void 0 ? 0 : I, v = Lt(t, {
+    boundary: l,
     rootBoundary: c,
     padding: u,
     altBoundary: h
-  }), O = z(t.placement), E = gt(t.placement), w = !E, y = ne(O), x = $o(y), m = t.modifiersData.popperOffsets, g = t.rects.reference, C = t.rects.popper, A = typeof b == "function" ? b(Object.assign({}, t.rects, {
+  }), O = z(t.placement), E = gt(t.placement), w = !E, y = ae(O), x = qo(y), m = t.modifiersData.popperOffsets, g = t.rects.reference, C = t.rects.popper, A = typeof b == "function" ? b(Object.assign({}, t.rects, {
     placement: t.placement
   })) : b, S = typeof A == "number" ? {
     mainAxis: A,
@@ -1811,74 +1852,74 @@ function Go(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, A), k = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
+  }, A), T = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, R = {
     x: 0,
     y: 0
   };
   if (m) {
     if (n) {
-      var T, $ = y === "y" ? H : Z, G = y === "y" ? F : V, M = y === "y" ? "height" : "width", D = m[y], ot = D + v[$], _ = D - v[G], nt = p ? -C[M] / 2 : 0, yt = E === mt ? g[M] : C[M], tt = E === mt ? -C[M] : -g[M], rt = t.elements.arrow, q = p && rt ? oe(rt) : {
+      var k, j = y === "y" ? H : Z, G = y === "y" ? F : V, M = y === "y" ? "height" : "width", D = m[y], ot = D + v[j], _ = D - v[G], nt = p ? -C[M] / 2 : 0, yt = E === mt ? g[M] : C[M], tt = E === mt ? -C[M] : -g[M], rt = t.elements.arrow, J = p && rt ? re(rt) : {
         width: 0,
         height: 0
-      }, N = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Je(), et = N[$], at = N[G], U = Ot(0, g[M], q[M]), lt = w ? g[M] / 2 - nt - U - et - S.mainAxis : yt - U - et - S.mainAxis, zt = w ? -g[M] / 2 + nt + U + at + S.mainAxis : tt + U + at + S.mainAxis, ct = t.elements.arrow && kt(t.elements.arrow), jt = ct ? y === "y" ? ct.clientTop || 0 : ct.clientLeft || 0 : 0, Tt = (T = k == null ? void 0 : k[y]) != null ? T : 0, $t = D + lt - Tt - jt, Gt = D + zt - Tt, Mt = Ot(p ? Ft(ot, $t) : ot, D, p ? it(_, Gt) : _);
-      m[y] = Mt, R[y] = Mt - D;
+      }, N = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ti(), et = N[j], at = N[G], U = Et(0, g[M], J[M]), lt = w ? g[M] / 2 - nt - U - et - S.mainAxis : yt - U - et - S.mainAxis, $t = w ? -g[M] / 2 + nt + U + at + S.mainAxis : tt + U + at + S.mainAxis, ct = t.elements.arrow && kt(t.elements.arrow), jt = ct ? y === "y" ? ct.clientTop || 0 : ct.clientLeft || 0 : 0, Mt = (k = T == null ? void 0 : T[y]) != null ? k : 0, Gt = D + lt - Mt - jt, _t = D + $t - Mt, Pt = Et(p ? Vt(ot, Gt) : ot, D, p ? it(_, _t) : _);
+      m[y] = Pt, R[y] = Pt - D;
     }
     if (r) {
-      var Pt, _t = y === "x" ? H : Z, Ut = y === "x" ? F : V, K = m[x], ht = x === "y" ? "height" : "width", Yt = K + v[_t], Rt = K - v[Ut], dt = [H, Z].indexOf(O) !== -1, ut = (Pt = k == null ? void 0 : k[x]) != null ? Pt : 0, pt = dt ? Yt : K - g[ht] - C[ht] - ut + S.altAxis, bt = dt ? K + g[ht] + C[ht] - ut - S.altAxis : Rt, wt = p && dt ? go(pt, K, bt) : Ot(p ? pt : Yt, K, p ? bt : Rt);
+      var Yt, Ut = y === "x" ? H : Z, Kt = y === "x" ? F : V, K = m[x], ht = x === "y" ? "height" : "width", Rt = K + v[Ut], Xt = K - v[Kt], dt = [H, Z].indexOf(O) !== -1, ut = (Yt = T == null ? void 0 : T[x]) != null ? Yt : 0, pt = dt ? Rt : K - g[ht] - C[ht] - ut + S.altAxis, bt = dt ? K + g[ht] + C[ht] - ut - S.altAxis : Xt, wt = p && dt ? Co(pt, K, bt) : Et(p ? pt : Rt, K, p ? bt : Xt);
       m[x] = wt, R[x] = wt - K;
     }
     t.modifiersData[s] = R;
   }
 }
-const _o = {
+const Qo = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Go,
+  fn: Jo,
   requiresIfExists: ["offset"]
 };
-function Uo(e) {
+function tn(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Ko(e) {
-  return e === B(e) || !W(e) ? re(e) : Uo(e);
+function en(e) {
+  return e === B(e) || !W(e) ? le(e) : tn(e);
 }
-function Jo(e) {
+function sn(e) {
   var t = e.getBoundingClientRect(), i = ft(t.width) / e.offsetWidth || 1, s = ft(t.height) / e.offsetHeight || 1;
   return i !== 1 || s !== 1;
 }
-function qo(e, t, i) {
+function on(e, t, i) {
   i === void 0 && (i = !1);
-  var s = W(t), o = W(t) && Jo(t), n = Q(t), l = vt(e, o, i), r = {
+  var s = W(t), o = W(t) && sn(t), n = Q(t), a = vt(e, o, i), r = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = {
+  }, l = {
     x: 0,
     y: 0
   };
-  return (s || !s && !i) && ((j(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  le(n)) && (r = Ko(t)), W(t) ? (a = vt(t, !0), a.x += t.clientLeft, a.y += t.clientTop) : n && (a.x = ae(n))), {
-    x: l.left + r.scrollLeft - a.x,
-    y: l.top + r.scrollTop - a.y,
-    width: l.width,
-    height: l.height
+  return (s || !s && !i) && (($(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  he(n)) && (r = en(t)), W(t) ? (l = vt(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : n && (l.x = ce(n))), {
+    x: a.left + r.scrollLeft - l.x,
+    y: a.top + r.scrollTop - l.y,
+    width: a.width,
+    height: a.height
   };
 }
-function Qo(e) {
+function nn(e) {
   var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), s = [];
   e.forEach(function(n) {
     t.set(n.name, n);
   });
   function o(n) {
     i.add(n.name);
-    var l = [].concat(n.requires || [], n.requiresIfExists || []);
-    l.forEach(function(r) {
+    var a = [].concat(n.requires || [], n.requiresIfExists || []);
+    a.forEach(function(r) {
       if (!i.has(r)) {
-        var a = t.get(r);
-        a && o(a);
+        var l = t.get(r);
+        l && o(l);
       }
     }), s.push(n);
   }
@@ -1886,15 +1927,15 @@ function Qo(e) {
     i.has(n.name) || o(n);
   }), s;
 }
-function tn(e) {
-  var t = Qo(e);
-  return ho.reduce(function(i, s) {
+function rn(e) {
+  var t = nn(e);
+  return vo.reduce(function(i, s) {
     return i.concat(t.filter(function(o) {
       return o.phase === s;
     }));
   }, []);
 }
-function en(e) {
+function an(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(i) {
@@ -1904,7 +1945,7 @@ function en(e) {
     })), t;
   };
 }
-function sn(e) {
+function ln(e) {
   var t = e.reduce(function(i, s) {
     var o = i[s.name];
     return i[s.name] = o ? Object.assign({}, o, s, {
@@ -1916,31 +1957,31 @@ function sn(e) {
     return t[i];
   });
 }
-var Be = {
+var Ve = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function We() {
+function Ne() {
   for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
     t[i] = arguments[i];
   return !t.some(function(s) {
     return !(s && typeof s.getBoundingClientRect == "function");
   });
 }
-function on(e) {
+function cn(e) {
   e === void 0 && (e = {});
-  var t = e, i = t.defaultModifiers, s = i === void 0 ? [] : i, o = t.defaultOptions, n = o === void 0 ? Be : o;
-  return function(r, a, c) {
+  var t = e, i = t.defaultModifiers, s = i === void 0 ? [] : i, o = t.defaultOptions, n = o === void 0 ? Ve : o;
+  return function(r, l, c) {
     c === void 0 && (c = n);
     var h = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, Be, n),
+      options: Object.assign({}, Ve, n),
       modifiersData: {},
       elements: {
         reference: r,
-        popper: a
+        popper: l
       },
       attributes: {},
       styles: {}
@@ -1949,10 +1990,10 @@ function on(e) {
       setOptions: function(O) {
         var E = typeof O == "function" ? O(h.options) : O;
         b(), h.options = Object.assign({}, n, h.options, E), h.scrollParents = {
-          reference: st(r) ? Et(r) : r.contextElement ? Et(r.contextElement) : [],
-          popper: Et(a)
+          reference: st(r) ? At(r) : r.contextElement ? At(r.contextElement) : [],
+          popper: At(l)
         };
-        var w = tn(sn([].concat(s, h.options.modifiers)));
+        var w = rn(ln([].concat(s, h.options.modifiers)));
         return h.orderedModifiers = w.filter(function(y) {
           return y.enabled;
         }), I(), p.update();
@@ -1965,10 +2006,10 @@ function on(e) {
       forceUpdate: function() {
         if (!f) {
           var O = h.elements, E = O.reference, w = O.popper;
-          if (We(E, w)) {
+          if (Ne(E, w)) {
             h.rects = {
-              reference: qo(E, kt(w), h.options.strategy === "fixed"),
-              popper: oe(w)
+              reference: on(E, kt(w), h.options.strategy === "fixed"),
+              popper: re(w)
             }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(S) {
               return h.modifiersData[S.name] = Object.assign({}, S.data);
             });
@@ -1990,7 +2031,7 @@ function on(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: en(function() {
+      update: an(function() {
         return new Promise(function(v) {
           p.forceUpdate(), v(h);
         });
@@ -1999,7 +2040,7 @@ function on(e) {
         b(), f = !0;
       }
     };
-    if (!We(r, a))
+    if (!Ne(r, l))
       return p;
     p.setOptions(c).then(function(v) {
       !f && c.onFirstUpdate && c.onFirstUpdate(v);
@@ -2027,10 +2068,10 @@ function on(e) {
     return p;
   };
 }
-var nn = [So, jo, Eo, mo, No, Do, _o, Io, Wo], rn = /* @__PURE__ */ on({
-  defaultModifiers: nn
+var hn = [Po, Ko, ko, bo, _o, No, Qo, Ao, $o], dn = /* @__PURE__ */ cn({
+  defaultModifiers: hn
 });
-class an {
+class un {
   /**
    * @param {Array} hotspotsConfig - Hotspot configuration array
    * @param {HTMLElement} container - Container element
@@ -2039,12 +2080,12 @@ class an {
    * @param {string} options.trigger - 'hover' or 'click' (default: 'hover')
    */
   constructor(t, i, s, o = {}) {
-    de(this, "updateHotspotPosition", (t, i) => {
+    pe(this, "updateHotspotPosition", (t, i) => {
       this.currentActiveIndex = t, this.currentOrientation = i;
-      const s = $s(this.hotspotsConfig, t, i);
+      const s = Us(this.hotspotsConfig, t, i);
       this.hideHotspots(), s.forEach((o) => this.updateAndShowHotspot(o, t));
     });
-    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = as(this.container), this.hotspotsConfig = Js(t), this.shouldHidePopper = !0, this.hidePopper = this.hidePopper.bind(this), this.forceHidePopper = this.forceHidePopper.bind(this), this.imageAspectRatio = s, this.hotspotElements = /* @__PURE__ */ new Map(), this.popperListeners = [], this.trigger = o.trigger || "hover";
+    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = hs(this.container), this.hotspotsConfig = to(t), this.shouldHidePopper = !0, this.hidePopper = this.hidePopper.bind(this), this.forceHidePopper = this.forceHidePopper.bind(this), this.imageAspectRatio = s, this.hotspotElements = /* @__PURE__ */ new Map(), this.popperListeners = [], this.trigger = o.trigger || "hover";
     const { containerSize: n } = t[0];
     this.initialContainerSize = n || [i.offsetWidth, i.offsetHeight], this.initHotspots(), this.observeContainerResize();
   }
@@ -2055,7 +2096,7 @@ class an {
     }), this.resizeObserver.observe(this.container);
   }
   updateHotspotsForResize(t, i) {
-    this.hotspotsConfig = qs({
+    this.hotspotsConfig = eo({
       newWidth: t,
       newHeight: i,
       initialContainerSize: this.initialContainerSize,
@@ -2070,27 +2111,24 @@ class an {
   }
   showPopper({ hotspotElement: t, content: i, id: s, keepOpen: o }) {
     this.popperInstance && this.hidePopper();
-    const n = {
-      placement: "top",
-      modifiers: Us(this.container)
-    };
-    this.popper = Ks(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 = () => {
+    const n = Js(this.container);
+    this.popper = Qs(i, s), this.popper.setAttribute("data-show", ""), this.currentHotspotElement = t, t.setAttribute("aria-expanded", "true"), t.setAttribute("aria-describedby", `cloudimage-360-popper-${s}`);
+    const a = () => {
       this.shouldHidePopper = !1;
     }, r = () => {
       this.shouldHidePopper = !0, this.checkAndHidePopper();
-    }, a = () => {
+    }, l = () => {
       this.shouldHidePopper = !0, this.checkAndHidePopper();
     }, c = () => {
       this.shouldHidePopper = !1, this.hidePopperTimeout && clearTimeout(this.hidePopperTimeout);
     };
-    this.popper.addEventListener("mouseenter", l), this.popper.addEventListener("mouseleave", r), t.addEventListener("mouseleave", a), t.addEventListener("mouseenter", c), this.popperListeners.push(
-      { element: this.popper, event: "mouseenter", handler: l },
+    this.popper.addEventListener("mouseenter", a), this.popper.addEventListener("mouseleave", r), t.addEventListener("mouseleave", l), t.addEventListener("mouseenter", c), this.popperListeners.push(
+      { element: this.popper, event: "mouseenter", handler: a },
       { element: this.popper, event: "mouseleave", handler: r },
-      { element: t, event: "mouseleave", handler: a },
+      { element: t, event: "mouseleave", handler: l },
       { element: t, event: "mouseenter", handler: c }
     ), this.popperInstance = {
-      ...rn(t, this.popper, n),
+      ...dn(t, this.popper, n),
       keepOpen: o,
       instanceId: s
     };
@@ -2099,7 +2137,7 @@ class an {
     var t;
     this.shouldHidePopper && !((t = this.popperInstance) != null && t.keepOpen) && (this.hidePopperTimeout = setTimeout(() => {
       this.shouldHidePopper && this.hidePopper();
-    }, Mi));
+    }, Ri));
   }
   hidePopper() {
     if (this.hidePopperTimeout && (clearTimeout(this.hidePopperTimeout), this.hidePopperTimeout = null), 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) {
@@ -2107,7 +2145,7 @@ class an {
       const t = this.popper;
       this.popper = null, setTimeout(() => {
         t.remove();
-      }, Pi);
+      }, Xi);
     }
     this.shouldHidePopper = !0;
   }
@@ -2119,18 +2157,18 @@ class an {
     this.shouldHidePopper = !0, this.popperInstance && (this.popperInstance.keepOpen = !1), this.hidePopper();
   }
   createHotspot(t) {
-    const { id: i, content: s, keepOpen: o, onClick: n, label: l } = t, r = Gs(i, l);
-    (n || s && this.trigger === "click") && (r.style.cursor = "pointer"), r.onclick = (a) => {
+    const { id: i, keepOpen: s, onClick: o, label: n } = t, a = Re(t), r = Ks(i, n);
+    (o || a && this.trigger === "click") && (r.style.cursor = "pointer"), r.onclick = (l) => {
       var c;
-      a.stopPropagation(), s && this.trigger === "click" && (((c = this.popperInstance) == null ? void 0 : c.instanceId) === i ? this.hidePopper() : this.showPopper({ hotspotElement: r, content: s, id: i, keepOpen: o })), n == null || n(a, this.popperInstance, i);
-    }, s && (this.trigger === "hover" && (r.addEventListener(
+      l.stopPropagation(), a && this.trigger === "click" && (((c = this.popperInstance) == null ? void 0 : c.instanceId) === i ? this.hidePopper() : this.showPopper({ hotspotElement: r, content: a, id: i, keepOpen: s })), o == null || o(l, this.popperInstance, i);
+    }, a && (this.trigger === "hover" && (r.addEventListener(
       "mouseenter",
-      () => this.showPopper({ hotspotElement: r, content: s, id: i, keepOpen: o })
+      () => this.showPopper({ hotspotElement: r, content: a, id: i, keepOpen: s })
     ), r.addEventListener("mouseleave", () => {
       this.shouldHidePopper = !0, this.checkAndHidePopper();
     })), r.addEventListener(
       "focus",
-      () => this.showPopper({ hotspotElement: r, content: s, id: i, keepOpen: o })
+      () => this.showPopper({ hotspotElement: r, content: a, id: i, keepOpen: s })
     ), r.addEventListener("blur", () => {
       this.shouldHidePopper = !0, this.checkAndHidePopper();
     })), this.hotspotsContainer.appendChild(r);
@@ -2141,20 +2179,22 @@ class an {
     });
   }
   updateAndShowHotspot(t, i) {
-    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");
+    const { positions: s, id: o } = t, { x: n, y: a } = s[i] ?? {}, r = this.hotspotsContainer.querySelector(`[data-hotspot-id="${o}"]`);
+    r && (r.style.translate = `${n}px ${a}px`, r.style.opacity = 1, r.style.pointerEvents = "all");
   }
   /**
    * Shows the popper for a specific hotspot by ID
    * @param {string} hotspotId - The ID of the hotspot to show
    */
   showHotspotById(t) {
-    const i = this.hotspotsConfig.find((o) => o.id === t);
-    if (!i || !i.content) return;
-    const s = this.hotspotsContainer.querySelector(`[data-hotspot-id="${t}"]`);
-    s && s.style.opacity === "1" && this.showPopper({
-      hotspotElement: s,
-      content: i.content,
+    const i = this.hotspotsConfig.find((n) => n.id === t);
+    if (!i) return;
+    const s = Re(i);
+    if (!s) return;
+    const o = this.hotspotsContainer.querySelector(`[data-hotspot-id="${t}"]`);
+    o && o.style.opacity === "1" && this.showPopper({
+      hotspotElement: o,
+      content: s,
       id: t,
       keepOpen: i.keepOpen
     });
@@ -2169,12 +2209,12 @@ class an {
     this.hidePopperTimeout && clearTimeout(this.hidePopperTimeout), this.resizeObserver.disconnect(), this.hidePopper(), this.hotspotElements.clear(), this.hotspotsContainer.innerHTML = "";
   }
 }
-const Fe = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-class Vt {
+const ze = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+class Nt {
   constructor(t, i, s) {
     this.container = t, this.isClicked = !1, this.fullscreenView = !!s, this.imagesX = [], this.imagesY = [];
     const o = Math.round(window.devicePixelRatio || 1);
-    this.devicePixelRatio = Fe ? Math.min(o, 2) : o, 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 = Zs(), 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.useMainThreadCanvas = Fe, this.canvasWorker = this.useMainThreadCanvas ? new Fs() : new Ws(), 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);
+    this.devicePixelRatio = ze ? Math.min(o, 2) : o, 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 = Ws(), 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.useMainThreadCanvas = ze, this.canvasWorker = this.useMainThreadCanvas ? new zs() : new Ns(), 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);
   }
   /**
    * Close ImageBitmap objects to free GPU memory
@@ -2191,12 +2231,12 @@ class Vt {
     typeof s == "function" && s({ ...i, viewerId: this.id });
   }
   announce(t) {
-    cs(this.ariaLiveRegion, t);
+    us(this.ariaLiveRegion, t);
   }
   mouseDown(t) {
     if (!this.isReady || this.glass) return;
     const i = t.target;
-    if (i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline-dot") || i.closest(".cloudimage-360-hotspot")))
+    if (i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline") || i.closest(".cloudimage-360-hotspot")))
       return;
     const { pageX: s, pageY: o } = 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: 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);
@@ -2205,20 +2245,20 @@ class Vt {
     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 s = this.fullscreenView ? document.body : this.container, o = this.dragSpeed / ve, n = o * (this.amountX / s.offsetWidth), l = o * (this.amountY / s.offsetHeight), r = () => {
+    const s = this.fullscreenView ? document.body : this.container, o = this.dragSpeed / ye, n = o * (this.amountX / s.offsetWidth), a = 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;
       }
-      const a = this.velocityX * 16, c = this.velocityY * 16, h = ke({
-        deltaX: a,
+      const l = this.velocityX * 16, c = this.velocityY * 16, h = Me({
+        deltaX: l,
         deltaY: c,
         reversed: this.dragReverse,
         allowSpinX: this.allowSpinX,
         allowSpinY: this.allowSpinY
       });
       if (h) {
-        const u = 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;
+        const u = this.allowSpinX ? Math.max(1, Math.abs(Math.round(l * n))) : 0, f = this.allowSpinY ? Math.max(1, Math.abs(Math.round(c * a))) : 0;
         (u > 0 || f > 0) && this.onMoveHandler(h, u, f);
       }
       this.inertiaAnimationId = requestAnimationFrame(r);
@@ -2232,17 +2272,17 @@ class Vt {
       const f = performance.now(), p = f - this.lastDragTime;
       p > 0 && p < 100 && (this.velocityX = (t - this.lastDragX) / p, this.velocityY = (i - this.lastDragY) / p), this.lastDragTime = f, this.lastDragX = t, this.lastDragY = i;
     }
-    this.draggingDirection = ke({
+    this.draggingDirection = Me({
       deltaX: s,
       deltaY: o,
       reversed: this.dragReverse,
       allowSpinX: this.allowSpinX,
       allowSpinY: this.allowSpinY
     }) || this.draggingDirection;
-    const n = this.fullscreenView ? document.body : this.container, l = this.dragSpeed / ve, 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;
+    const n = this.fullscreenView ? document.body : this.container, a = this.dragSpeed / ye, r = a * (this.amountX / n.offsetWidth), l = a * (this.amountY / n.offsetHeight), c = this.allowSpinX ? Math.abs(Math.round(s * r)) : 0, h = this.allowSpinY ? Math.abs(Math.round(o * l)) : 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"));
-    }, Ti));
+    }, Yi));
   }
   mouseMove(t) {
     !this.isReady || !this.isClicked && !this.isZoomed || this.glass || (this.isZoomed || this.hideAllIcons(), this.drag(t.pageX, t.pageY), this.isZoomed && this.applyZoom(t));
@@ -2250,7 +2290,7 @@ class Vt {
   mouseClick(t) {
     if (!this.isReady || this.isDragging) return;
     const i = t.target;
-    if (!(i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline-dot") || i.closest(".cloudimage-360-hotspot")))) {
+    if (!(i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline") || i.closest(".cloudimage-360-hotspot")))) {
       if (this.dragJustEnded) {
         this.dragJustEnded = !1;
         return;
@@ -2269,17 +2309,17 @@ class Vt {
   mouseDblClick(t) {
     if (!this.isReady) return;
     const i = t.target;
-    i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline-dot") || i.closest(".cloudimage-360-hotspot")) || this.pointerZoomTrigger === "dblclick" && this.pointerZoom && !this.glass && !this.touchDevice && this.toggleZoom(t);
+    i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline") || i.closest(".cloudimage-360-hotspot")) || this.pointerZoomTrigger === "dblclick" && this.pointerZoom && !this.glass && !this.touchDevice && this.toggleZoom(t);
   }
   loadHigherQualityImages(t, i) {
-    const s = xt(this.srcXConfig, t), o = this.allowSpinY ? xt(this.srcYConfig, t) : null;
-    ye({
+    const s = Ot(this.srcXConfig, t), o = this.allowSpinY ? Ot(this.srcYConfig, t) : null;
+    we({
       cdnPathX: s,
       cdnPathY: o,
       configX: this.srcXConfig,
       configY: this.srcYConfig,
-      onAllImagesLoad: (n, l) => {
-        this.closeImageBitmaps(this.imagesX), this.closeImageBitmaps(this.imagesY), this.imagesX = n, this.imagesY = l, i();
+      onAllImagesLoad: (n, a) => {
+        this.closeImageBitmaps(this.imagesX), this.closeImageBitmaps(this.imagesY), this.imagesX = n, this.imagesY = a, i();
       },
       onError: (n) => this.emit("onError", n)
     });
@@ -2294,13 +2334,13 @@ class Vt {
     if (this.isZoomed)
       this.showTransitionOverlay(), setTimeout(() => {
         this.removeZoom();
-      }, Ht);
+      }, Zt);
     else {
       let i = (this.fullscreenView || this.pointerZoom ? document.body : this.container).offsetWidth;
       this.hideHotspots(), this.showLoadingSpinner(), this.loadHigherQualityImages(i, () => {
         this.showTransitionOverlay(), setTimeout(() => {
           this.applyZoom(t);
-        }, Ht);
+        }, Zt);
       });
     }
   }
@@ -2314,19 +2354,19 @@ class Vt {
     this.hideHotspots(), this.hideAllIcons(), this.showLoadingSpinner(), this.loadHigherQualityImages(i, () => {
       this.showTransitionOverlay(), setTimeout(() => {
         this.applyZoom(t);
-      }, Ht);
+      }, Zt);
     });
   }
   zoomOut(t) {
     this.isZoomed && (t == null || t.stopPropagation(), this.showTransitionOverlay(), setTimeout(() => {
       this.removeZoom();
-    }, Ht));
+    }, Zt));
   }
   mouseLeave() {
     this.isZoomed && this.removeZoom();
   }
   applyZoom(t) {
-    const { offsetX: i, offsetY: s } = ks(t, this.canvas, this.devicePixelRatio);
+    const { offsetX: i, offsetY: s } = Ps(t, this.canvas, this.devicePixelRatio);
     this.isZoomed || (this.isZoomed = !0, this.hideAllIcons(), this.hideLoadingSpinner(), this.hideTransitionOverlay(), this.showZoomOutIcon(), this.emit("onZoomIn", { zoomLevel: this.pointerZoom }), this.announce("Zoomed in. Move mouse to pan. Click to zoom out.")), this.updateView(this.pointerZoom, i, s);
   }
   touchOutside(t) {
@@ -2336,12 +2376,12 @@ class Vt {
   touchStart(t) {
     if (!this.isReady || this.glass || !t.touches || !t.touches.length) return;
     const i = t.target;
-    if (i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline-dot") || i.closest(".cloudimage-360-hotspot")))
+    if (i && i.closest && (i.closest(".cloudimage-360-button") || i.closest(".cloudimage-360-hotspot-timeline") || i.closest(".cloudimage-360-hotspot")))
       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 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 n = t.touches[0], a = t.touches[1];
+      if (this.initialPinchDistance = this.getPinchDistance(n, a), (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, () => {
         });
@@ -2383,15 +2423,15 @@ class Vt {
     if (!this.isReady || this.glass) return;
     if (this.isPinching && t.touches.length === 2) {
       t.preventDefault();
-      const o = t.touches[0], n = t.touches[1], l = this.getPinchDistance(o, n);
+      const o = t.touches[0], n = t.touches[1], a = this.getPinchDistance(o, n);
       if (this.initialPinchDistance === 0) {
-        this.initialPinchDistance = l;
+        this.initialPinchDistance = a;
         return;
       }
-      const r = l / this.initialPinchDistance, a = Math.max(1, Math.min(this.pinchZoomLevel * r, ge));
-      if (this.initialPinchDistance = l, this.pinchZoomLevel = a, !this.canvas) return;
+      const r = a / this.initialPinchDistance, l = Math.max(1, Math.min(this.pinchZoomLevel * r, be));
+      if (this.initialPinchDistance = a, this.pinchZoomLevel = l, !this.canvas) return;
       const c = this.canvas.getBoundingClientRect(), h = c.width / 2 * this.devicePixelRatio, u = c.height / 2 * this.devicePixelRatio;
-      a > 1 ? (this.isZoomed = !0, this.hideAllIcons(), this.updateView(a, h, u), (!this.pinchZoomEmitted || a > this.lastEmittedZoom) && (this.emit("onZoomIn", { zoomLevel: a }), this.pinchZoomEmitted = !0, this.lastEmittedZoom = a)) : (this.isZoomed = !1, this.panOffsetX = 0, this.panOffsetY = 0, this.updateView());
+      l > 1 ? (this.isZoomed = !0, this.hideAllIcons(), this.updateView(l, h, u), (!this.pinchZoomEmitted || l > this.lastEmittedZoom) && (this.emit("onZoomIn", { zoomLevel: l }), this.pinchZoomEmitted = !0, this.lastEmittedZoom = l)) : (this.isZoomed = !1, this.panOffsetX = 0, this.panOffsetY = 0, this.updateView());
       return;
     }
     if (!this.isClicked || !t.touches || !t.touches[0]) return;
@@ -2406,7 +2446,7 @@ class Vt {
   keyDown(t) {
     if (!this.isReady) return;
     const { keyCode: i } = t, s = this.keysReverse;
-    switch (this.autoplay && this.stopAutoplay(), Le(i, this.allowSpinY) && (this.hasInteracted = !0, this.hideAllIcons(), this.hideHints()), i) {
+    switch (this.autoplay && this.stopAutoplay(), ke(i, this.allowSpinY) && (this.hasInteracted = !0, this.hideAllIcons(), this.hideHints()), i) {
       case 37:
         s ? this.moveLeft() : this.moveRight();
         break;
@@ -2423,7 +2463,7 @@ class Vt {
   }
   keyUp(t) {
     const { keyCode: i } = t;
-    Le(i, this.allowSpinY) && this.showAllIcons();
+    ke(i, this.allowSpinY) && this.showAllIcons();
   }
   moveActiveXIndexUp(t) {
     this.orientation = Y.X, this.activeImageX = (this.activeImageX + t) % this.amountX;
@@ -2480,13 +2520,13 @@ class Vt {
   drawImageOnCanvas(t, i = 1, s = 0, o = 0) {
     this.pendingDrawData = { imageData: t, zoomScale: i, pointerX: s, pointerY: o }, this.drawFrameRequested || (this.drawFrameRequested = !0, requestAnimationFrame(() => {
       if (this.drawFrameRequested = !1, this.pendingDrawData) {
-        const { imageData: n, zoomScale: l, pointerX: r, pointerY: a } = this.pendingDrawData;
+        const { imageData: n, zoomScale: a, pointerX: r, pointerY: l } = this.pendingDrawData;
         this.canvasWorker.postMessage({
           action: "drawImageOnCanvas",
           imageData: n,
-          zoomScale: l,
+          zoomScale: a,
           pointerX: r,
-          pointerY: a
+          pointerY: l
         });
       }
     }));
@@ -2505,34 +2545,34 @@ class Vt {
     this.createContainers(t), this.adaptCanvasSize(i), this.drawImageOnCanvas(i);
   }
   onAllImagesLoaded() {
-    if (this.addAllIcons(), this.isReady = !0, this.amountX = this.imagesX.length, this.amountY = this.imagesY.length, this.activeImageX = this.autoplayReverse ? this.amountX - 1 : 0, this.activeImageY = this.autoplayReverse ? this.amountY - 1 : 0, this.hotspots && (this.hotspotsInstance = new an(this.hotspots, this.innerBox, this.imageAspectRatio, {
+    if (this.addAllIcons(), this.isReady = !0, this.amountX = this.imagesX.length, this.amountY = this.imagesY.length, this.activeImageX = this.autoplayReverse ? this.amountX - 1 : 0, this.activeImageY = this.autoplayReverse ? this.amountY - 1 : 0, this.hotspots && (this.hotspotsInstance = new un(this.hotspots, this.innerBox, this.imageAspectRatio, {
       trigger: this.hotspotTrigger
-    }), this.addHotspotTimeline(), this.showHotspotTimeline()), this.emit("onLoad", { imagesX: this.imagesX.length, imagesY: this.imagesY.length }), this.emit("onReady"), this.announce("360 degree view loaded. Use mouse drag or arrow keys to rotate."), this.hints !== !1 && !this.autoplay) {
-      const t = this.hints === !0 || this.hints === void 0 ? Ce(this.viewerConfig, this.touchDevice) : this.hints;
-      t && t.length > 0 && (this.hintsOverlay = Ie(this.innerBox, t, {
+    }), this.hotspotsInstance.updateHotspotPosition(this.activeImageX, this.orientation), this.addHotspotTimeline(), this.showHotspotTimeline()), this.emit("onLoad", { imagesX: this.imagesX.length, imagesY: this.imagesY.length }), this.emit("onReady"), this.announce("360 degree view loaded. Use mouse drag or arrow keys to rotate."), this.hints !== !1 && !this.autoplay) {
+      const t = this.hints === !0 || this.hints === void 0 ? Oe(this.viewerConfig, this.touchDevice) : this.hints;
+      t && t.length > 0 && (this.hintsOverlay = xe(this.innerBox, t, {
         pointerZoomTrigger: this.pointerZoomTrigger
-      }), xe(this.hintsOverlay));
+      }), Ee(this.hintsOverlay));
     }
-    this.autoplay && (this.hideAllIcons(), Ds(this.play.bind(this))());
+    this.autoplay && (this.hideAllIcons(), Fs(this.play.bind(this))());
   }
   magnify(t) {
     t.stopPropagation();
-    const { src: i } = this.orientation === Y.Y ? this.imagesY[this.activeImageY] : this.imagesX[this.activeImageX], o = (this.fullscreenView ? document.body : this.container).offsetWidth * this.magnifier, n = Vi(i, o);
-    this.showLoadingSpinner(), this.createGlass(), As(n, (a) => {
-      this.hideLoadingSpinner(), this.magnified = !0, Ls(t, this.innerBox, this.offset, a, this.glass, this.magnifier);
-    }, (a) => {
+    const { src: i } = this.orientation === Y.Y ? this.imagesY[this.activeImageY] : this.imagesX[this.activeImageX], o = (this.fullscreenView ? document.body : this.container).offsetWidth * this.magnifier, n = $i(i, o);
+    this.showLoadingSpinner(), this.createGlass(), Ts(n, (l) => {
+      this.hideLoadingSpinner(), this.magnified = !0, Ms(t, this.innerBox, this.offset, l, this.glass, this.magnifier);
+    }, (l) => {
       this.hideLoadingSpinner(), this.removeGlass(), this.emit("onError", {
-        error: { message: a.message, url: a.url },
+        error: { message: l.message, url: l.url },
         errorCount: 1,
         totalImages: 1,
-        errors: [{ message: a.message, url: a.url }]
+        errors: [{ message: l.message, url: l.url }]
       });
     });
   }
   openFullscreenModal(t) {
     t.stopPropagation(), this.hideHotspotPopper(), this.releaseMemory(), window.document.body.style.overflow = "hidden";
-    const i = os(this.container);
-    this.fullscreenInstance = new Vt(i, this.viewerConfig, !0), this.fullscreenInstance.originalViewer = this, this.boundResizeHandler = () => {
+    const i = as(this.container);
+    this.fullscreenInstance = new Nt(i, this.viewerConfig, !0), this.fullscreenInstance.originalViewer = this, this.boundResizeHandler = () => {
       this.fullscreenInstance && this.closeFullscreenModal(new Event("resize"));
     }, window.addEventListener("resize", this.boundResizeHandler), this.emit("onFullscreenOpen"), this.announce("Opened fullscreen mode. Press Escape to exit.");
   }
@@ -2556,7 +2596,7 @@ class Vt {
       bottom: this.moveBottom.bind(this)
     };
     this.loopTimeoutId = window.setInterval(() => {
-      if (this.playOnce && Ys({
+      if (this.playOnce && Hs({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2567,7 +2607,7 @@ class Vt {
         this.stopAutoplay();
         return;
       }
-      Rs({
+      Zs({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2575,9 +2615,9 @@ class Vt {
         amountY: this.amountY,
         autoplayReverse: this.autoplayReverse,
         spinDirection: this.spinDirection
-      }) && (this.spinDirection = Hs(this.spinDirection));
+      }) && (this.spinDirection = Bs(this.spinDirection));
       const n = this.spinDirection === "y";
-      Ps({
+      Xs({
         autoplayBehavior: this.autoplayBehavior,
         spinY: n,
         reversed: this.autoplayReverse,
@@ -2587,14 +2627,14 @@ class Vt {
   }
   stopAutoplay() {
     if (this.showAllIcons(), this.autoplay = !1, window.clearTimeout(this.loopTimeoutId), this.loopTimeoutId = null, this.emit("onAutoplayStop"), this.hints !== !1 && !this.hintsOverlay && !this.hintsHidden) {
-      const t = this.hints === !0 ? Ce(this.viewerConfig, this.touchDevice) : this.hints;
-      t && t.length > 0 && (this.hintsOverlay = Ie(this.innerBox, t, {
+      const t = this.hints === !0 ? Oe(this.viewerConfig, this.touchDevice) : this.hints;
+      t && t.length > 0 && (this.hintsOverlay = xe(this.innerBox, t, {
         pointerZoomTrigger: this.pointerZoomTrigger
-      }), xe(this.hintsOverlay));
+      }), Ee(this.hintsOverlay));
     }
   }
   destroy() {
-    this.stopAutoplay(), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), this.removeEvents(), this.closeImageBitmaps(this.imagesX), this.closeImageBitmaps(this.imagesY), this.imagesX = [], this.imagesY = [], 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 = "");
+    this.stopAutoplay(), this.inertiaAnimationId && (cancelAnimationFrame(this.inertiaAnimationId), this.inertiaAnimationId = null), this.removeEvents(), this.closeImageBitmaps(this.imagesX), this.closeImageBitmaps(this.imagesY), this.imagesX = [], this.imagesY = [], 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.innerBox && this.innerBox.classList.remove("has-hotspot-timeline"), this.container && (this.container.classList.remove("ci360-theme-dark"), this.container.innerHTML = "");
   }
   /**
    * Release memory by closing ImageBitmap objects without destroying the viewer.
@@ -2617,7 +2657,7 @@ class Vt {
     });
   }
   addInitialIcon() {
-    this.initialIcon || this.hide360Logo || (this.initialIcon = Ki(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
+    this.initialIcon || this.hide360Logo || (this.initialIcon = Qi(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
   }
   showInitialIcon() {
     !this.initialIcon || this.hasInteracted || (this.initialIcon.style.opacity = 1);
@@ -2632,7 +2672,7 @@ class Vt {
     this.showAllIcons(), this.innerBox.removeChild(this.glass), this.glass = null, this.magnified = !1;
   }
   addMagnifierIcon() {
-    this.pointerZoom && (this.magnifierIcon = es(), this.magnifierIcon.onclick = this.zoomIn.bind(this), this.iconsContainer.appendChild(this.magnifierIcon), this.zoomOutIcon = is(), this.zoomOutIcon.onclick = this.zoomOut.bind(this), this.zoomOutIcon.style.display = "none", this.iconsContainer.appendChild(this.zoomOutIcon));
+    this.pointerZoom && (this.magnifierIcon = os(), this.magnifierIcon.onclick = this.zoomIn.bind(this), this.iconsContainer.appendChild(this.magnifierIcon), this.zoomOutIcon = ns(), this.zoomOutIcon.onclick = this.zoomOut.bind(this), this.zoomOutIcon.style.display = "none", this.iconsContainer.appendChild(this.zoomOutIcon));
   }
   showMagnifierIcon() {
     this.magnifierIcon && (this.magnifierIcon.style.display = "", this.magnifierIcon.style.visibility = "visible", this.magnifierIcon.style.opacity = 1);
@@ -2647,10 +2687,10 @@ class Vt {
     this.zoomOutIcon && (this.zoomOutIcon.style.display = "none", this.zoomOutIcon.style.visibility = "hidden", this.zoomOutIcon.style.opacity = 0);
   }
   addFullscreenIcon() {
-    this.fullscreen && (this.fullscreenIcon = Qi(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
+    this.fullscreen && (this.fullscreenIcon = is(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
   }
   addCloseFullscreenIcon() {
-    this.fullscreenCloseIcon = qi(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
+    this.fullscreenCloseIcon = es(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
   }
   showFullscreenIcon() {
     this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 1);
@@ -2659,7 +2699,7 @@ class Vt {
     this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 0);
   }
   add360ViewCircleIcon() {
-    this.view360CircleIcon || (this.view360CircleIcon = _i(this.bottomCircleOffset), this.innerBox.appendChild(this.view360CircleIcon));
+    this.view360CircleIcon || (this.view360CircleIcon = qi(this.bottomCircleOffset), this.innerBox.appendChild(this.view360CircleIcon));
   }
   show360ViewCircleIcon() {
     this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 1);
@@ -2668,13 +2708,13 @@ class Vt {
     this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 0);
   }
   addLoadingSpinner() {
-    this.loadingSpinner = ns(), this.innerBox.appendChild(this.loadingSpinner);
+    this.loadingSpinner = ls(), this.innerBox.appendChild(this.loadingSpinner);
   }
   showLoadingSpinner() {
     this.loadingSpinner && (this.hideAllIcons(), this.loadingSpinner.style.opacity = 1);
   }
   createTransitionOverlay() {
-    this.transitionOverlay = rs(), this.innerBox.appendChild(this.transitionOverlay);
+    this.transitionOverlay = cs(), this.innerBox.appendChild(this.transitionOverlay);
   }
   showTransitionOverlay() {
     this.transitionOverlay && (this.hideAllIcons(), this.transitionOverlay.style.opacity = 1);
@@ -2686,28 +2726,28 @@ class Vt {
     this.loadingSpinner && (this.loadingSpinner.style.opacity = 0);
   }
   hideHints() {
-    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, ds(this.hintsOverlay));
+    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, ms(this.hintsOverlay));
   }
   addHotspotTimeline() {
     if (!this.hotspots || this.hotspotTimeline) return;
-    const t = vs(this.container, this.amountX, this.hotspots);
+    const t = bs(this.innerBox, this.amountX, this.hotspots);
     if (!t) return;
-    this.hotspotTimeline = t.element, this.hotspotTimelineIndicator = t.indicator, this.hotspotTimeline.querySelectorAll(".cloudimage-360-hotspot-timeline-dot").forEach((s) => {
+    this.hotspotTimeline = t.element, this.hotspotTimelineIndicator = t.indicator, this.innerBox.classList.add("has-hotspot-timeline"), this.hotspotTimeline.querySelectorAll(".cloudimage-360-hotspot-timeline-dot").forEach((s) => {
       s.addEventListener("click", (o) => {
         o.stopPropagation(), this.hideAllIcons(), this.hideHints();
-        const n = parseInt(s.getAttribute("data-frame"), 10), l = s.getAttribute("data-hotspot-id");
-        isNaN(n) || this.animateToFrame(n, l);
+        const n = parseInt(s.getAttribute("data-frame"), 10), a = s.getAttribute("data-hotspot-id");
+        isNaN(n) || this.animateToFrame(n, a);
       });
     }), this.updateHotspotTimelinePosition();
   }
   showHotspotTimeline() {
-    ys(this.hotspotTimeline);
+    Is(this.hotspotTimeline);
   }
   hideHotspotTimeline() {
-    bs(this.hotspotTimeline);
+    Cs(this.hotspotTimeline);
   }
   updateHotspotTimelinePosition() {
-    gs(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
+    ws(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
   }
   /**
    * Animates the viewer to a target frame, optionally showing a hotspot popup on arrival
@@ -2720,12 +2760,12 @@ class Vt {
       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 s = this.activeImageX, o = (t - s + this.amountX) % this.amountX, n = (s - t + this.amountX) % this.amountX, l = o <= n, r = l ? o : n;
+    const s = this.activeImageX, o = (t - s + this.amountX) % this.amountX, n = (s - t + this.amountX) % this.amountX, a = o <= n, r = a ? o : n;
     if (r === 0) {
       this.isAnimatingToFrame = !1;
       return;
     }
-    const a = 30;
+    const l = 30;
     let c = r;
     const h = () => {
       if (c <= 0) {
@@ -2734,7 +2774,7 @@ class Vt {
         }, 50);
         return;
       }
-      l ? this.moveRight() : this.moveLeft(), c--, c > 0 ? setTimeout(h, a) : (this.isAnimatingToFrame = !1, i && this.hotspotsInstance && this.hotspotTimelineOnClick && setTimeout(() => {
+      a ? this.moveRight() : this.moveLeft(), c--, c > 0 ? setTimeout(h, l) : (this.isAnimatingToFrame = !1, i && this.hotspotsInstance && this.hotspotTimelineOnClick && setTimeout(() => {
         this.hotspotsInstance.showHotspotById(i);
       }, 50));
     };
@@ -2762,10 +2802,10 @@ class Vt {
     this.removeMouseEvents(), this.removeTouchEvents(), this.removeKeyboardEvents(), this.removeEscKeyHandler();
   }
   addMouseEvents() {
-    this.boundMouseClick = this.mouseClick.bind(this), this.boundMouseDblClick = this.mouseDblClick.bind(this), this.boundMouseDown = this.mouseDown.bind(this), this.boundMouseMove = me(this.mouseMove.bind(this), fe), this.boundMouseUp = this.mouseUp.bind(this), this.boundMouseLeave = this.mouseLeave.bind(this), this.innerBox.addEventListener("click", this.boundMouseClick), this.innerBox.addEventListener("dblclick", this.boundMouseDblClick), this.innerBox.addEventListener("mousedown", this.boundMouseDown), this.innerBox.addEventListener("mouseleave", this.boundMouseLeave), document.addEventListener("mousemove", this.boundMouseMove), document.addEventListener("mouseup", this.boundMouseUp);
+    this.boundMouseClick = this.mouseClick.bind(this), this.boundMouseDblClick = this.mouseDblClick.bind(this), this.boundMouseDown = this.mouseDown.bind(this), this.boundMouseMove = ve(this.mouseMove.bind(this), ge), this.boundMouseUp = this.mouseUp.bind(this), this.boundMouseLeave = this.mouseLeave.bind(this), this.innerBox.addEventListener("click", this.boundMouseClick), this.innerBox.addEventListener("dblclick", this.boundMouseDblClick), this.innerBox.addEventListener("mousedown", this.boundMouseDown), this.innerBox.addEventListener("mouseleave", this.boundMouseLeave), document.addEventListener("mousemove", this.boundMouseMove), document.addEventListener("mouseup", this.boundMouseUp);
   }
   addTouchEvents() {
-    this.boundTouchOutside = this.touchOutside.bind(this), this.boundTouchStart = this.touchStart.bind(this), this.boundTouchEnd = this.touchEnd.bind(this), this.boundTouchMove = me(this.touchMove.bind(this), fe), document.addEventListener("touchstart", this.boundTouchOutside), this.container.addEventListener("touchstart", this.boundTouchStart), this.container.addEventListener("touchend", this.boundTouchEnd), this.container.addEventListener("touchmove", this.boundTouchMove);
+    this.boundTouchOutside = this.touchOutside.bind(this), this.boundTouchStart = this.touchStart.bind(this), this.boundTouchEnd = this.touchEnd.bind(this), this.boundTouchMove = ve(this.touchMove.bind(this), ge), document.addEventListener("touchstart", this.boundTouchOutside), this.container.addEventListener("touchstart", this.boundTouchStart), this.container.addEventListener("touchend", this.boundTouchEnd), this.container.addEventListener("touchmove", this.boundTouchMove);
   }
   addKeyboardEvents() {
     this.boundKeyDown = this.keyDown.bind(this), this.boundKeyUp = this.keyUp.bind(this), document.addEventListener("keydown", this.boundKeyDown), document.addEventListener("keyup", this.boundKeyUp);
@@ -2788,7 +2828,7 @@ class Vt {
     document.removeEventListener("keydown", this.boundKeyDown), document.removeEventListener("keyup", this.boundKeyUp);
   }
   createContainers(t) {
-    if (this.iconsContainer = be(this.innerBox), this.canvas = Ji(this.innerBox, t), this.loader = ss(this.innerBox), this.ariaLiveRegion = ls(this.innerBox), this.useMainThreadCanvas)
+    if (this.iconsContainer = Ie(this.innerBox), this.canvas = ts(this.innerBox, t), this.loader = rs(this.innerBox), this.ariaLiveRegion = ds(this.innerBox), this.useMainThreadCanvas)
       this.canvasWorker.postMessage({
         action: "initCanvas",
         offscreen: this.canvas,
@@ -2805,17 +2845,17 @@ class Vt {
         [i]
       );
     }
-    this.fullscreenView && this.addCloseFullscreenIcon(), qt(this.innerBox, ".cloudimage-360-placeholder");
+    this.fullscreenView && this.addCloseFullscreenIcon(), te(this.innerBox, ".cloudimage-360-placeholder");
   }
   update(t) {
-    this.isReady && (this.stopAutoplay(), qt(this.innerBox, ".cloudimage-360-icons-container"), this.init(this.container, t, !0), this.iconsContainer = be(this.innerBox), this.onAllImagesLoaded());
+    this.isReady && (this.stopAutoplay(), te(this.innerBox, ".cloudimage-360-icons-container"), this.init(this.container, t, !0), this.iconsContainer = Ie(this.innerBox), this.onAllImagesLoaded());
   }
   init(t, i, s) {
-    const o = i ? Zi(i) : Xi(t), {
+    const o = i ? Wi(i) : Di(t), {
       folder: n,
-      apiVersion: l,
+      apiVersion: a,
       filenameX: r,
-      filenameY: a,
+      filenameY: l,
       imageListX: c,
       imageListY: h,
       indexZeroBase: u,
@@ -2834,10 +2874,10 @@ class Vt {
       fullscreen: C,
       magnifier: A,
       ciToken: S,
-      ciFilters: k,
+      ciFilters: T,
       ciTransformation: R,
-      lazyload: T,
-      dragSpeed: $,
+      lazyload: k,
+      dragSpeed: j,
       stopAtEdges: G,
       pointerZoom: M,
       pointerZoomTrigger: D = "dblclick",
@@ -2847,65 +2887,65 @@ class Vt {
       hotspots: yt,
       hotspotTrigger: tt = "hover",
       dragReverse: rt,
-      hide360Logo: q,
+      hide360Logo: J,
       logoSrc: N,
       inertia: et,
       pinchZoom: at,
       hints: U,
       theme: lt,
-      hotspotTimelineOnClick: zt = !0,
+      hotspotTimelineOnClick: $t = !0,
       aspectRatio: ct,
       // Event callbacks
       onReady: jt,
-      onLoad: Tt,
-      onSpin: $t,
-      onAutoplayStart: Gt,
-      onAutoplayStop: Mt,
-      onFullscreenOpen: Pt,
-      onFullscreenClose: _t,
-      onZoomIn: Ut,
+      onLoad: Mt,
+      onSpin: Gt,
+      onAutoplayStart: _t,
+      onAutoplayStop: Pt,
+      onFullscreenOpen: Yt,
+      onFullscreenClose: Ut,
+      onZoomIn: Kt,
       onZoomOut: K,
       onDragStart: ht,
-      onDragEnd: Yt,
-      onError: Rt
-    } = o, dt = { ciToken: S, ciFilters: k, ciTransformation: R }, ut = Qt(c, []), pt = Qt(h, []);
-    if (this.viewerConfig = o, this.amountX = ut.length || f, this.amountY = pt.length || p, this.allowSpinX = !!this.amountX, this.allowSpinY = !!this.amountY, this.activeImageX = g ? this.amountX - 1 : 0, this.activeImageY = g ? this.amountY - 1 : 0, this.bottomCircleOffset = E, this.autoplay = w, this.autoplayBehavior = y, this.playOnce = x, this.speed = m, this.autoplayReverse = g, this.fullscreen = C, this.magnifier = A > 1 ? Math.min(A, Ri) : 0, this.dragSpeed = Math.max($, Yi), this.stopAtEdges = G, this.ciParams = dt, this.apiVersion = l, this.pointerZoom = M > 1 ? Math.min(M, ge) : null, this.pointerZoomTrigger = D, this.keysReverse = O, this.info = ot, this.keys = v, this.innerBox = this.innerBox ?? ts(this.container), ct && (this.container.style.aspectRatio = ct), this.initialIconShown = _, this.bottomCircle = nt, this.spinDirection = Xs(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = rt, this.hotspots = yt, this.hotspotTrigger = tt, this.hide360Logo = q, this.logoSrc = N, this.inertia = et, this.pinchZoom = at, this.hints = U, this.hotspotTimelineOnClick = zt, lt === "dark" ? this.container.classList.add("ci360-theme-dark") : lt === "light" && this.container.classList.remove("ci360-theme-dark"), this.onReady = jt, this.onLoad = Tt, this.onSpin = $t, this.onAutoplayStart = Gt, this.onAutoplayStop = Mt, this.onFullscreenOpen = Pt, this.onFullscreenClose = _t, this.onZoomIn = Ut, this.onZoomOut = K, this.onDragStart = ht, this.onDragEnd = Yt, this.onError = Rt, this.srcXConfig = {
+      onDragEnd: Rt,
+      onError: Xt
+    } = o, dt = { ciToken: S, ciFilters: T, ciTransformation: R }, ut = ee(c, []), pt = ee(h, []);
+    if (this.viewerConfig = o, this.amountX = ut.length || f, this.amountY = pt.length || p, this.allowSpinX = !!this.amountX, this.allowSpinY = !!this.amountY, this.activeImageX = g ? this.amountX - 1 : 0, this.activeImageY = g ? this.amountY - 1 : 0, this.bottomCircleOffset = E, this.autoplay = w, this.autoplayBehavior = y, this.playOnce = x, this.speed = m, this.autoplayReverse = g, this.fullscreen = C, this.magnifier = A > 1 ? Math.min(A, Zi) : 0, this.dragSpeed = Math.max(j, Hi), this.stopAtEdges = G, this.ciParams = dt, this.apiVersion = a, this.pointerZoom = M > 1 ? Math.min(M, be) : null, this.pointerZoomTrigger = D, this.keysReverse = O, this.info = ot, this.keys = v, this.innerBox = this.innerBox ?? ss(this.container), ct && (this.container.style.aspectRatio = ct), this.initialIconShown = _, this.bottomCircle = nt, this.spinDirection = Ds(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = rt, this.hotspots = yt, this.hotspotTrigger = tt, this.hide360Logo = J, this.logoSrc = N, this.inertia = et, this.pinchZoom = at, this.hints = U, this.hotspotTimelineOnClick = $t, lt === "dark" ? this.container.classList.add("ci360-theme-dark") : lt === "light" && this.container.classList.remove("ci360-theme-dark"), this.onReady = jt, this.onLoad = Mt, this.onSpin = Gt, this.onAutoplayStart = _t, this.onAutoplayStop = Pt, this.onFullscreenOpen = Yt, this.onFullscreenClose = Ut, this.onZoomIn = Kt, this.onZoomOut = K, this.onDragStart = ht, this.onDragEnd = Rt, this.onError = Xt, this.srcXConfig = {
       folder: n,
       filename: r,
       imageList: ut,
       container: t,
       innerBox: this.innerBox,
-      apiVersion: l,
+      apiVersion: a,
       ciParams: dt,
-      lazyload: T,
+      lazyload: k,
       amount: this.amountX,
       indexZeroBase: u,
       autoplayReverse: g,
       orientation: Y.X
     }, this.srcYConfig = {
       ...this.srcXConfig,
-      filename: a,
+      filename: l,
       imageList: pt,
       orientation: Y.Y,
       amount: this.amountY
     }, s && this.removeEvents(), this.attachEvents(I, b, v), s) return;
-    const bt = (this.fullscreenView ? document.body : this.container).offsetWidth, wt = this.allowSpinX && !ut.length ? xt(this.srcXConfig, bt) : null, ce = this.allowSpinY && !pt.length ? xt(this.srcYConfig, bt) : null, he = (ii) => {
-      ye({
+    const bt = (this.fullscreenView ? document.body : this.container).offsetWidth, wt = this.allowSpinX && !ut.length ? Ot(this.srcXConfig, bt) : null, de = this.allowSpinY && !pt.length ? Ot(this.srcYConfig, bt) : null, ue = (ni) => {
+      we({
         cdnPathX: wt,
-        cdnPathY: ce,
+        cdnPathY: de,
         configX: this.srcXConfig,
         configY: this.srcYConfig,
-        onImageLoad: (It, si, oi) => this.onImageLoad(It, si, oi),
-        onFirstImageLoad: (It) => this.onFirstImageLoaded(ii, It),
+        onImageLoad: (It, ri, ai) => this.onImageLoad(It, ri, ai),
+        onFirstImageLoad: (It) => this.onFirstImageLoaded(ni, It),
         onAllImagesLoad: this.onAllImagesLoaded.bind(this),
         onError: (It) => this.emit("onError", It)
       });
     };
-    this.allowSpinX ? Ee(wt, this.srcXConfig, he) : this.allowSpinY && Ee(ce, this.srcYConfig, he);
+    this.allowSpinX ? Se(wt, this.srcXConfig, ue) : this.allowSpinY && Se(de, this.srcYConfig, ue);
   }
 }
-const Ve = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-class cn {
+const $e = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+class mn {
   constructor() {
     this.views = /* @__PURE__ */ new Map(), this.initAll = this.initAll.bind(this), this.getViews = this.getViews.bind(this), this.memoryObserver = null, this.memoryManagementAutoEnabled = !1;
   }
@@ -2916,16 +2956,16 @@ class cn {
     if (!t) return;
     const o = t.id || this.generateId();
     t.id || (t.id = o);
-    const n = new Vt(t, i, s);
-    return this.views.set(o, n), Ve && !this.memoryManagementAutoEnabled && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100)), n;
+    const n = new Nt(t, i, s);
+    return this.views.set(o, n), $e && !this.memoryManagementAutoEnabled && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100)), n;
   }
   initAll(t = "cloudimage-360") {
     [...document.querySelectorAll(`.${t}`)].filter(Boolean).forEach((s) => {
       const o = s.id || this.generateId();
       s.id || (s.id = o);
-      const n = new Vt(s);
+      const n = new Nt(s);
       this.views.set(o, n);
-    }), Ve && !this.memoryManagementAutoEnabled && this.views.size > 0 && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100));
+    }), $e && !this.memoryManagementAutoEnabled && this.views.size > 0 && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100));
   }
   destroy(t) {
     const i = this.getViewById(t);
@@ -2979,8 +3019,8 @@ class cn {
         if (s.isMemoryReleased) {
           const n = document.getElementById(o);
           if (n) {
-            const l = n.getBoundingClientRect();
-            l.top < window.innerHeight && l.bottom > 0 && s.reloadImages();
+            const a = n.getBoundingClientRect();
+            a.top < window.innerHeight && a.bottom > 0 && s.reloadImages();
           }
         }
       });
@@ -2994,6 +3034,6 @@ class cn {
   }
 }
 export {
-  cn as default
+  mn as default
 };
-//# sourceMappingURL=ci360-xUK7dmd6.mjs.map
+//# sourceMappingURL=ci360--3KbDLtq.mjs.map