js-cloudimage-360-view 4.3.0 → 4.3.2

package/dist/react/{ci360-85fPJbOD.mjs → ci360-CX3RAC_t.mjs}

@@ -5,28 +5,28 @@ var Rt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function ai(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ve = "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 Rt == "object" && Rt && Rt.Object === Object && Rt, 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() {
+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 Rt == "object" && Rt && Rt.Object === Object && Rt, 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();
 };
 function Ii(e, t, i) {
   var s, o, n, l, r, a, c = 0, h = !1, u = !1, f = !0;
   if (typeof e != "function")
-    throw new TypeError(Ve);
+    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);
   function p(m) {
-    var g = s, x = o;
-    return s = o = void 0, c = m, l = e.apply(x, g), l;
+    var g = s, C = o;
+    return s = o = void 0, c = m, l = e.apply(C, g), l;
   }
   function I(m) {
     return c = m, r = setTimeout(O, t), h ? p(m) : l;
   }
   function b(m) {
-    var g = m - a, x = m - c, A = t - g;
-    return u ? wi(A, n - x) : A;
+    var g = m - a, C = m - c, A = t - g;
+    return u ? wi(A, n - C) : A;
   }
   function v(m) {
-    var g = m - a, x = m - c;
-    return a === void 0 || g >= t || g < 0 || u && x >= n;
+    var g = m - a, C = m - c;
+    return a === void 0 || g >= t || g < 0 || u && C >= n;
   }
   function O() {
     var m = Kt();
@@ -43,7 +43,7 @@ function Ii(e, t, i) {
   function y() {
     return r === void 0 ? l : E(Kt());
   }
-  function C() {
+  function x() {
     var m = Kt(), g = v(m);
     if (s = arguments, o = this, a = m, g) {
       if (r === void 0)
@@ -53,12 +53,12 @@ function Ii(e, t, i) {
     }
     return r === void 0 && (r = setTimeout(O, t)), l;
   }
-  return C.cancel = w, C.flush = y, C;
+  return x.cancel = w, x.flush = y, x;
 }
-function xi(e, t, i) {
+function Ci(e, t, i) {
   var s = !0, o = !0;
   if (typeof e != "function")
-    throw new TypeError(Ve);
+    throw new TypeError(Ne);
   return Wt(i) && (s = "leading" in i ? !!i.leading : s, o = "trailing" in i ? !!i.trailing : o), Ii(e, t, {
     leading: s,
     maxWait: t,
@@ -69,11 +69,11 @@ function Wt(e) {
   var t = typeof e;
   return !!e && (t == "object" || t == "function");
 }
-function Ci(e) {
+function xi(e) {
   return !!e && typeof e == "object";
 }
 function Oi(e) {
-  return typeof e == "symbol" || Ci(e) && yi.call(e) == li;
+  return typeof e == "symbol" || xi(e) && yi.call(e) == li;
 }
 function pe(e) {
   if (typeof e == "number")
@@ -90,7 +90,7 @@ function pe(e) {
   var i = di.test(e);
   return i || ui.test(e) ? pi(e.slice(2), i ? 2 : 8) : hi.test(e) ? ue : +e;
 }
-var Ei = xi;
+var Ei = Ci;
 const me = /* @__PURE__ */ ai(Ei), R = {
   SPIN_X: "spin-x",
   SPIN_Y: "spin-y",
@@ -99,7 +99,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
 }, Ai = [!1, 0, null, void 0, "false", "0", "null", "undefined"], Y = {
   X: "x-axis",
   Y: "y-axis"
-}, ki = [37, 39], Si = [38, 40], Ti = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), fe = Ti ? 32 : 10, Li = 150, Ht = 800, Pi = 150, Mi = 200, ve = 50, Yi = 50, Xi = 5, ge = 5, Ri = "https://scaleflex.cloudimg.io/v7/filerobot/js-cloudimage-360-view/360_view.svg", d = {
+}, Si = [37, 39], ki = [38, 40], Ti = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), fe = Ti ? 32 : 10, Li = 150, Ht = 800, Mi = 150, Pi = 200, ve = 50, Yi = 50, Xi = 5, ge = 5, d = {
   folder: "/",
   apiVersion: "v7",
   filenameX: "image-{index}.jpg",
@@ -136,7 +136,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   hotspots: null,
   hotspotTrigger: "hover",
   hide360Logo: !1,
-  logoSrc: Ri,
+  logoSrc: null,
   inertia: !1,
   pinchZoom: !0,
   hints: !0,
@@ -155,60 +155,60 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   onZoomOut: null,
   onDragStart: null,
   onDragEnd: null
-}, Hi = (e) => ({
-  folder: S(e, "folder", d.folder),
-  apiVersion: S(e, "api-version", d.apiVersion),
-  filenameX: S(e, "filename") || S(e, "filename-x") || d.filenameX,
-  filenameY: S(e, "filename-y", d.filenameY),
-  imageListX: S(e, "image-list-x", d.imageListX),
-  imageListY: S(e, "image-list-y", d.imageListY),
-  indexZeroBase: parseInt(S(e, "index-zero-base", d.indexZeroBase), 10),
-  amountX: parseInt(S(e, "amount-x", d.amountX), 10),
-  amountY: parseInt(S(e, "amount-y", d.amountY), 10),
-  speed: parseInt(S(e, "speed", d.speed), 10),
-  dragSpeed: parseInt(S(e, "drag-speed", d.dragSpeed), 10),
-  draggable: M(e, "draggable", d.draggable),
-  swipeable: M(e, "swipeable", d.swipeable),
-  keys: M(e, "keys", d.keys),
-  keysReverse: M(e, "keys-reverse", d.keysReverse),
-  autoplay: M(e, "autoplay", d.autoplay),
-  autoplayBehavior: S(e, "autoplay-behavior", d.autoplayBehavior),
-  playOnce: M(e, "play-once", d.playOnce),
-  autoplayReverse: M(e, "autoplay-reverse", d.autoplayReverse),
-  pointerZoom: parseFloat(S(e, "pointer-zoom", d.pointerZoom)),
-  pointerZoomTrigger: S(e, "pointer-zoom-trigger", d.pointerZoomTrigger),
-  fullscreen: M(e, "fullscreen") || M(e, "full-screen", d.fullscreen),
-  magnifier: parseFloat(S(e, "magnifier", d.magnifier)),
+}, Ri = (e) => ({
+  folder: k(e, "folder", d.folder),
+  apiVersion: k(e, "api-version", d.apiVersion),
+  filenameX: k(e, "filename") || k(e, "filename-x") || d.filenameX,
+  filenameY: k(e, "filename-y", d.filenameY),
+  imageListX: k(e, "image-list-x", d.imageListX),
+  imageListY: k(e, "image-list-y", d.imageListY),
+  indexZeroBase: parseInt(k(e, "index-zero-base", d.indexZeroBase), 10),
+  amountX: parseInt(k(e, "amount-x", d.amountX), 10),
+  amountY: parseInt(k(e, "amount-y", d.amountY), 10),
+  speed: parseInt(k(e, "speed", d.speed), 10),
+  dragSpeed: parseInt(k(e, "drag-speed", d.dragSpeed), 10),
+  draggable: P(e, "draggable", d.draggable),
+  swipeable: P(e, "swipeable", d.swipeable),
+  keys: P(e, "keys", d.keys),
+  keysReverse: P(e, "keys-reverse", d.keysReverse),
+  autoplay: P(e, "autoplay", d.autoplay),
+  autoplayBehavior: k(e, "autoplay-behavior", d.autoplayBehavior),
+  playOnce: P(e, "play-once", d.playOnce),
+  autoplayReverse: P(e, "autoplay-reverse", d.autoplayReverse),
+  pointerZoom: parseFloat(k(e, "pointer-zoom", d.pointerZoom)),
+  pointerZoomTrigger: k(e, "pointer-zoom-trigger", d.pointerZoomTrigger),
+  fullscreen: P(e, "fullscreen") || P(e, "full-screen", d.fullscreen),
+  magnifier: parseFloat(k(e, "magnifier", d.magnifier)),
   bottomCircleOffset: parseInt(
-    S(e, "bottom-circle-offset", d.bottomCircleOffset),
+    k(e, "bottom-circle-offset", d.bottomCircleOffset),
     10
   ),
-  ciToken: S(e, "responsive", d.ciToken),
-  ciFilters: S(e, "filters", d.ciFilters),
-  ciTransformation: S(e, "transformation", d.ciTransformation),
-  lazyload: M(e, "lazyload", d.lazyload),
-  dragReverse: M(e, "drag-reverse", d.dragReverse),
-  stopAtEdges: M(e, "stop-at-edges", d.stopAtEdges),
-  imageInfo: M(e, "info", d.imageInfo),
+  ciToken: k(e, "responsive", d.ciToken),
+  ciFilters: k(e, "filters", d.ciFilters),
+  ciTransformation: k(e, "transformation", d.ciTransformation),
+  lazyload: P(e, "lazyload", d.lazyload),
+  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"),
-  hide360Logo: M(e, "hide-360-logo", d.hide360Logo),
-  logoSrc: S(e, "logo-src", d.logoSrc),
-  inertia: M(e, "inertia", d.inertia),
-  pinchZoom: M(e, "pinch-zoom", d.pinchZoom),
+  hide360Logo: P(e, "hide-360-logo", d.hide360Logo),
+  logoSrc: k(e, "logo-src", d.logoSrc),
+  inertia: P(e, "inertia", d.inertia),
+  pinchZoom: P(e, "pinch-zoom", d.pinchZoom),
   hints: !Zt(e, "hints"),
-  theme: S(e, "theme", d.theme),
-  hotspotTrigger: S(e, "hotspot-trigger", d.hotspotTrigger),
+  theme: k(e, "theme", d.theme),
+  hotspotTrigger: k(e, "hotspot-trigger", d.hotspotTrigger),
   hotspotTimelineOnClick: !Zt(e, "hotspot-timeline-on-click"),
-  aspectRatio: S(e, "aspect-ratio", d.aspectRatio)
-}), Zi = (e) => {
+  aspectRatio: k(e, "aspect-ratio", d.aspectRatio)
+}), Hi = (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;
-}, Di = (e) => (Zi(e), {
+}, Zi = (e) => (Hi(e), {
   folder: e.folder || d.folder,
   apiVersion: e.apiVersion || d.apiVersion,
   filenameX: e.filenameX || e.filename || d.filenameX,
@@ -264,20 +264,20 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   onZoomOut: e.onZoomOut ?? d.onZoomOut,
   onDragStart: e.onDragStart ?? d.onDragStart,
   onDragEnd: e.onDragEnd ?? d.onDragEnd
-}), S = (e, t, i) => e.getAttribute(t) || e.getAttribute(`data-${t}`) || i, M = (e, t, i) => {
+}), k = (e, t, i) => e.getAttribute(t) || e.getAttribute(`data-${t}`) || i, P = (e, t, i) => {
   if (!(e.hasAttribute(t) || e.hasAttribute(`data-${t}`))) return i;
-  const o = S(e, t, null);
+  const o = k(e, t, null);
   return o !== "false" && o !== "0";
-}, Zt = (e, t) => S(e, t, null) === "false", Bi = (e = 1) => {
+}, Zt = (e, t) => k(e, t, null) === "false", Di = (e = 1) => {
   const t = Math.round(window.devicePixelRatio || 1);
   return parseInt(e) * t;
-}, Wi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Ni = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
+}, Bi = (e, t, i) => new URL(e).origin.includes("cloudimg") ? e : `https://${t}.cloudimg.io/${i}${e}`, Wi = ({ ciTransformation: e, responsiveWidth: t, ciFilters: i }) => {
   const s = `width=${t}`, o = e || s, n = i ? `&f=${i}` : "";
   return `${o}${n}`;
-}, Ct = (e, t) => {
+}, 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 = Bi(t), p = Wi(c, l, u), I = Ni({
+  const h = Ai.includes(s) ? null : s, u = h ? `${h}/` : "", f = Di(t), p = Bi(c, l, u), I = Wi({
     ciTransformation: a,
     responsiveWidth: f,
     ciFilters: r
@@ -289,7 +289,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     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), zi = (e, { amount: t = 0, indexZeroBase: i = 0 } = {}) => Array.from({ length: t }, (s, o) => e.replace("{index}", ze(o + 1, i))), ji = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), $i = ji ? 3 : 6, Gi = ({
+}, 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 = ({
   imagesUrls: e,
   onFirstImageLoad: t,
   onImageLoad: i,
@@ -300,12 +300,12 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   let l = 0, r = 0;
   const a = e.length, c = [], h = [];
   let u = 0, f = 0;
-  const p = [], I = (m, g, x = !1) => {
+  const p = [], I = (m, g, C = !1) => {
     const A = {
       message: `Failed to load image: ${m}`,
       url: m,
       index: g,
-      isFirstImage: x
+      isFirstImage: C
     };
     h.push(A), r++, o == null || o({
       error: A,
@@ -316,47 +316,47 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   }, b = () => {
     l === a && (s == null || s(c, { errorCount: r, errors: h }));
   }, v = () => {
-    for (; u < $i && f < p.length; ) {
+    for (; u < ji && f < p.length; ) {
       const m = p[f];
       f++, O(e[m], m);
     }
   }, O = (m, g) => {
     u++;
-    const x = new Image();
-    x.crossOrigin = "anonymous", x.src = m, x.onload = async () => {
+    const C = new Image();
+    C.crossOrigin = "anonymous", C.src = m, C.onload = async () => {
       try {
-        const A = await createImageBitmap(x), k = {
+        const A = await createImageBitmap(C), S = {
           src: m,
           bitmapImage: A,
-          naturalWidth: x.naturalWidth,
-          naturalHeight: x.naturalHeight
+          naturalWidth: C.naturalWidth,
+          naturalHeight: C.naturalHeight
         };
-        x.onload = null, x.onerror = null, x.src = "", l++, u--, c[g] = k, i == null || i(k, g), b(), v();
+        C.onload = null, C.onerror = null, C.src = "", l++, u--, c[g] = S, i == null || i(S, g), b(), v();
       } catch {
-        x.onload = null, x.onerror = null, x.src = "", l++, u--, I(m, g), b(), v();
+        C.onload = null, C.onerror = null, C.src = "", l++, u--, I(m, g), b(), v();
       }
-    }, x.onerror = () => {
-      x.onload = null, x.onerror = null, x.src = "", l++, u--, I(m, g), b(), v();
+    }, C.onerror = () => {
+      C.onload = null, C.onerror = null, C.src = "", l++, u--, I(m, g), b(), v();
     };
   }, E = (m) => {
     for (let g = 0; g < e.length; g++)
       g !== m && p.push(g);
     f = 0, v();
-  }, w = new Image(), y = n ? e.length - 1 : 0, C = e[y];
-  w.crossOrigin = "anonymous", w.src = C, w.onload = async () => {
+  }, w = new Image(), y = n ? e.length - 1 : 0, x = e[y];
+  w.crossOrigin = "anonymous", w.src = x, w.onload = async () => {
     try {
       const m = await createImageBitmap(w), g = {
-        src: C,
+        src: x,
         bitmapImage: m,
         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);
     } catch {
-      w.onload = null, w.onerror = null, w.src = "", l++, I(C, y, !0), a === 1 ? b() : E(y);
+      w.onload = null, w.onerror = null, w.src = "", l++, I(x, y, !0), a === 1 ? b() : E(y);
     }
   }, w.onerror = () => {
-    w.onload = null, w.onerror = null, w.src = "", l++, I(C, y, !0), a === 1 ? b() : E(y);
+    w.onload = null, w.onerror = null, w.src = "", l++, I(x, y, !0), a === 1 ? b() : E(y);
   };
 }, ye = ({
   cdnPathX: e,
@@ -377,21 +377,21 @@ const me = /* @__PURE__ */ ai(Ei), R = {
       };
       l == null || l(c, h, O);
     }
-  }, v = ({ cdnPath: O, config: E, orientation: w, loadedImages: y, loadStats: C, onFirstImageLoad: m }) => {
-    const g = w === Y.X, x = E.imageList.length ? E.imageList : zi(O, E);
-    Gi({
-      imagesUrls: x,
+  }, 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({
+      imagesUrls: C,
       onFirstImageLoad: m,
-      onImageLoad: (A, k) => {
-        n == null || n(A, k, w), y[k] = A;
+      onImageLoad: (A, S) => {
+        n == null || n(A, S, w), y[S] = A;
       },
       onError: (A) => {
         r == null || r({ ...A, orientation: w });
       },
-      onAllImagesLoad: (A, k) => {
+      onAllImagesLoad: (A, S) => {
         y.length = 0, A.forEach((T, X) => {
           T && (y[X] = T);
-        }), C.errorCount = k.errorCount, C.errors = k.errors.map((T) => ({ ...T, orientation: w })), a[g ? "x" : "y"] = !0, b();
+        }), x.errorCount = S.errorCount, x.errors = S.errors.map((T) => ({ ...T, orientation: w })), a[g ? "x" : "y"] = !0, b();
       },
       autoplayReverse: E.autoplayReverse
     });
@@ -411,7 +411,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     loadStats: f,
     onFirstImageLoad: p ? void 0 : o
   }) : a.y = !0, !p && !I && b();
-}, Ui = `
+}, Gi = `
 <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"/>
@@ -424,48 +424,78 @@ const me = /* @__PURE__ */ ai(Ei), R = {
 </svg>
 `, _i = (e) => {
   const t = document.createElement("div");
-  return t.innerHTML = Ui, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
-}, Ki = `
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-  <!-- Circular arrows -->
-  <path d="M 75 50 A 25 25 0 1 1 50 25" stroke="currentColor" stroke-width="3"/>
-  <path d="M 25 50 A 25 25 0 1 1 50 75" stroke="currentColor" stroke-width="3"/>
-  <!-- Arrow heads -->
-  <path d="M 50 25 L 56 31 M 50 25 L 56 19" stroke="currentColor" stroke-width="3"/>
-  <path d="M 50 75 L 44 69 M 50 75 L 44 81" stroke="currentColor" stroke-width="3"/>
-  <!-- 360 text -->
-  <text x="50" y="54" text-anchor="middle" font-size="16" font-weight="600" fill="currentColor" stroke="none" font-family="system-ui, -apple-system, sans-serif">360°</text>
+  return t.innerHTML = Gi, t.style.bottom = `${e}%`, t.className = "cloudimage-360-view-360-circle", t;
+}, Ui = `
+<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)">
+    <path d="M112.566 15.2227C112.598 15.706 112.529 16.1906 112.364 16.6458C112.198 17.101 111.94 17.5167 111.605 17.8665C111.27 18.2163 110.866 18.4925 110.418 18.6775C109.971 18.8626 109.489 18.9524 109.005 18.9412C108.532 18.955 108.06 18.871 107.621 18.6944C107.181 18.5178 106.782 18.2524 106.45 17.9148C106.117 17.5772 105.858 17.1747 105.688 16.7323C105.518 16.29 105.442 15.8174 105.463 15.344C105.437 14.8591 105.511 14.374 105.68 13.9188C105.849 13.4635 106.109 13.0477 106.445 12.697C106.781 12.3463 107.186 12.0681 107.633 11.8797C108.081 11.6912 108.562 11.5965 109.048 11.6013C111.213 11.5952 112.566 13.1299 112.566 15.2227ZM106.961 15.2895C106.961 16.7574 107.913 17.825 109.03 17.825C110.146 17.825 111.08 16.8059 111.08 15.2652C111.08 14.1551 110.473 12.7053 109.005 12.7053C107.537 12.7053 106.961 14.0884 106.961 15.2895Z" fill="white"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M110.164 12.3811C110.552 12.5859 110.861 12.8886 111.093 13.2348C111.506 13.8535 111.681 14.6156 111.681 15.2652C111.681 16.5122 111.13 17.5742 110.261 18.0908C110.603 17.9385 110.912 17.7212 111.171 17.4507C111.448 17.1612 111.662 16.8172 111.799 16.4404C111.936 16.0637 111.993 15.6626 111.966 15.2626L111.965 15.2427V15.2227C111.965 14.3058 111.67 13.5543 111.182 13.0378C110.913 12.7532 110.573 12.5262 110.164 12.3811ZM108.002 18.1944C107.011 17.7212 106.36 16.5793 106.36 15.2895C106.36 14.6064 106.522 13.8357 106.931 13.2157C107.06 13.021 107.212 12.8427 107.389 12.6885C107.204 12.81 107.033 12.9523 106.88 13.1128C106.6 13.4042 106.384 13.7497 106.244 14.128C106.103 14.5062 106.042 14.9093 106.063 15.3122L106.065 15.3415L106.063 15.3708C106.046 15.7615 106.109 16.1517 106.25 16.5168C106.39 16.882 106.604 17.2143 106.878 17.493C107.153 17.7717 107.482 17.9908 107.845 18.1366C107.897 18.1574 107.949 18.1767 108.002 18.1944ZM109.05 11.0002C108.483 10.9951 107.922 11.1058 107.4 11.3256C106.877 11.5459 106.404 11.8711 106.011 12.2811C105.619 12.6912 105.314 13.1773 105.116 13.7096C104.922 14.2327 104.835 14.7894 104.861 15.3466C104.841 15.8928 104.931 16.4375 105.127 16.9478C105.327 17.4673 105.631 17.9401 106.022 18.3366C106.412 18.7331 106.88 19.0448 107.397 19.2522C107.908 19.4577 108.456 19.5564 109.007 19.5425C109.569 19.5533 110.128 19.448 110.648 19.2331C111.173 19.0162 111.646 18.6924 112.039 18.2823C112.432 17.8722 112.735 17.3848 112.929 16.8512C113.121 16.3239 113.202 15.7628 113.167 15.203C113.163 14.035 112.782 12.9803 112.056 12.2121C111.323 11.4362 110.28 10.9976 109.05 11.0002ZM107.934 13.8783C107.689 14.2501 107.562 14.7714 107.562 15.2895C107.562 16.5291 108.34 17.2239 109.03 17.2239C109.716 17.2239 110.479 16.5808 110.479 15.2652C110.479 14.8047 110.35 14.2869 110.093 13.9031C109.851 13.5403 109.507 13.3065 109.005 13.3065C108.495 13.3065 108.163 13.5319 107.934 13.8783Z" fill="white"/>
+    <path d="M94.3617 40.718H95.5396C99.9046 40.718 103.369 37.1844 103.369 32.8193V19.5164C103.369 15.1514 99.8353 11.6871 95.5396 11.6871H94.3617C89.9967 11.6871 86.5324 15.2207 86.5324 19.5164V32.8193C86.4631 37.1844 90.0659 40.718 94.3617 40.718ZM91.1052 19.5164C91.1052 17.715 92.5602 16.26 94.3617 16.26H95.5396C97.341 16.26 98.796 17.715 98.796 19.5164V32.8193C98.796 34.6208 97.341 36.0758 95.5396 36.0758H94.3617C92.5602 36.0758 91.1052 34.6208 91.1052 32.8193V19.5164Z" fill="white"/>
+    <path d="M74.6152 40.7179C79.2574 40.7179 82.9988 36.9765 82.9988 32.3343C82.9988 27.6922 79.2574 23.9507 74.6152 23.9507C73.9916 23.9507 73.2988 24.02 72.7445 24.1586C73.9223 21.4564 75.7931 18.685 78.7724 16.4678C79.8117 15.7749 80.0195 14.3199 79.2574 13.2806C78.5645 12.2413 77.1095 12.0335 76.0702 12.7956C67.8944 18.8928 66.578 28.0386 66.3701 31.2258C66.3701 31.2258 66.3701 31.2257 66.3701 31.295C66.3009 31.6415 66.3009 31.9879 66.3009 32.4036C66.2316 36.9072 70.0423 40.7179 74.6152 40.7179ZM74.6152 28.4543C76.6938 28.4543 78.3566 30.1865 78.3566 32.1958C78.3566 34.2051 76.6245 35.9372 74.6152 35.9372C72.6752 35.9372 71.0123 34.3436 70.8737 32.4729C70.8737 32.4036 70.943 32.265 70.943 32.1265C70.943 32.1265 70.943 31.9186 71.0123 31.5722C71.2202 29.84 72.8138 28.4543 74.6152 28.4543Z" fill="white"/>
+    <path d="M54.3143 36.0758C52.2358 36.0758 50.5729 34.3436 50.5729 32.3343C50.5729 31.0179 49.5336 30.0479 48.2864 30.0479C46.97 30.0479 46 31.0872 46 32.3343C46 36.9765 49.7414 40.718 54.3836 40.718C59.0258 40.718 62.7672 36.9765 62.7672 32.1958C62.7672 29.84 61.7279 27.6229 60.0651 26.0986C61.7279 24.505 62.7672 22.4264 62.7672 20.0014C62.7672 15.3592 59.0258 11.6178 54.3836 11.6178C49.7414 11.6178 46 15.3592 46 20.0014C46 21.3178 47.0393 22.2879 48.2864 22.2879C49.6029 22.2879 50.5729 21.2486 50.5729 20.0014C50.5729 17.9228 52.305 16.26 54.3143 16.26C56.3236 16.26 58.0558 17.9921 58.0558 20.0014C58.0558 22.0107 56.3236 23.7429 54.3143 23.7429C52.9979 23.7429 52.0279 24.7822 52.0279 26.0293C52.0279 27.3458 53.0672 28.3157 54.3143 28.3157C56.3929 28.3157 58.0558 30.0479 58.0558 32.0572C58.1251 34.3436 56.4622 36.0758 54.3143 36.0758Z" fill="white"/>
+    </g>
+    <g filter="url(#filter1_d_751_188)">
+    <path d="M26.8762 25.5149C27.5172 25.2883 28.1927 25.7659 28.1927 26.4458V33.5925C28.1927 34.0014 27.9493 34.3677 27.5768 34.5364C23.692 36.2966 3.80303 46.5259 37.3945 58.1537C37.3945 58.1537 57.0291 63.5205 76.923 63.6974C77.4752 63.7023 77.9231 63.2541 77.9231 62.7018V57.8317C77.9231 57.0995 78.6841 56.6156 79.3472 56.9261L103.851 68.4011C104.598 68.7507 104.624 69.8027 103.897 70.1897L79.3926 83.2187C78.7265 83.5728 77.9231 83.0901 77.9231 82.3357V75.7982C77.9231 75.2459 77.5039 74.797 76.9517 74.7892C68.3815 74.6673 6 72.8926 6 47.0574C6 47.0574 6 32.8966 26.8762 25.5149Z" fill="white"/>
+    <path d="M111.768 58.2062C110.979 57.639 111.335 56.0078 112.271 55.7479C118.431 54.037 131.443 49.0118 131.443 41.6445C131.443 34.2279 126.608 31.5583 124.732 30.8016C124.308 30.6306 124 30.2281 124 29.7708V26.2189C124 25.5882 124.573 25.1253 125.18 25.2967C129.233 26.4408 142.336 31.2278 142.336 45.2982C142.336 45.2982 142.336 58.9459 122.524 65.4395C122.224 65.5379 121.887 65.4876 121.63 65.3031L111.768 58.2062Z" fill="white"/>
+    </g>
+    </g>
+    <defs>
+    <filter id="filter0_d_751_188" x="38" y="3" width="83.1749" height="45.718" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset/>
+    <feGaussianBlur stdDeviation="4"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0.133333 0 0 0 0 0.145098 0 0 0 0 0.160784 0 0 0 0.4 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_751_188"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_751_188" result="shape"/>
+    </filter>
+    <filter id="filter1_d_751_188" x="4" y="25.2607" width="140.336" height="63.0764" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dy="3"/>
+    <feGaussianBlur stdDeviation="1"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0.301961 0 0 0 0 0.360784 0 0 0 0 0.454902 0 0 0 0.4 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_751_188"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_751_188" result="shape"/>
+    </filter>
+    <clipPath id="clip0_751_188">
+    <rect width="150" height="87" fill="white"/>
+    </clipPath>
+    </defs>
 </svg>
-`, Ji = (e) => {
+`, Ki = (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 = Ki, t;
-}, qi = (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 = Ui, t;
+}, Ji = (e, t) => {
   const { width: i, height: s } = t, o = document.createElement("canvas");
   return o.width = i, o.height = s, o.style.width = "100%", o.style.height = "auto", e.appendChild(o), o;
-}, Qi = () => {
+}, qi = () => {
   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;
-}, ts = () => {
+}, Qi = () => {
   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) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-icons-container", e.appendChild(t), t;
-}, es = (e) => {
+}, ts = (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;
-}, is = () => {
+}, es = () => {
   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;
-}, ss = () => {
+}, is = () => {
   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;
-}, os = (e) => {
+}, ss = (e) => {
   const t = document.createElement("div");
-  t.className = "cloudimage-initial-icon";
+  t.className = "cloudimage-360-loader";
   const i = document.createElement("span");
   return i.className = "percentage", i.innerText = "0%", t.appendChild(i), e.appendChild(t), t;
-}, ns = (e) => {
+}, os = (e) => {
   const t = document.createElement("div");
   t.className = "cloudimage-360-fullscreen-modal";
   const i = e.cloneNode();
@@ -473,19 +503,19 @@ const me = /* @__PURE__ */ ai(Ei), R = {
 }, qt = (e, t) => {
   const i = e.querySelector(t);
   i && i.parentNode.removeChild(i);
-}, rs = () => {
+}, ns = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-loading-spinner", e;
-}, as = () => {
+}, rs = () => {
   const e = document.createElement("div");
   return e.className = "cloudimage-360-transition-overlay", e;
-}, ls = (e) => {
+}, as = (e) => {
   const t = document.createElement("div");
   return t.className = "cloudimage-360-hotspot-container", e.appendChild(t), t;
-}, cs = (e) => {
+}, ls = (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;
-}, hs = (e, t) => {
+}, cs = (e, t) => {
   e && (e.textContent = "", setTimeout(() => {
     e.textContent = t;
   }, 50));
@@ -504,7 +534,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   pinch: "Pinch to zoom",
   keys: "Use arrow keys",
   fullscreen: "Click for fullscreen"
-}, ds = (e, t = {}) => {
+}, hs = (e, t = {}) => {
   const i = document.createElement("div");
   i.className = "cloudimage-360-hint-item";
   let s = we[e];
@@ -518,31 +548,31 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   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(ds(n, i));
+    je[n] && o.appendChild(hs(n, i));
   }), s.appendChild(o), e.appendChild(s), s;
-}, xe = (e, t) => t ? ["swipe"] : ["drag", "click"], Ce = (e) => {
+}, Ce = (e, t) => t ? ["swipe", "pinch"] : ["drag", "click"], xe = (e) => {
   e && e.classList.add("visible");
-}, us = (e) => {
+}, ds = (e) => {
   e && (e.classList.remove("visible"), e.classList.add("hiding"), setTimeout(() => {
     e.classList.remove("hiding");
   }, 300));
-}, ps = (e) => {
+}, us = (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];
-}, ms = (e) => {
+}, ps = (e) => {
   const t = [];
   return !e || !Array.isArray(e) || e.forEach((i, s) => {
-    const o = ps(i.positions);
+    const o = us(i.positions);
     o !== null && t.push({
       id: i.id || `hotspot-${s}`,
       frame: o,
       label: i.label || null
     });
   }), t;
-}, fs = 400, vs = (e, t, i, s) => {
+}, ms = 400, fs = (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;
@@ -553,7 +583,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     o.addEventListener("mouseenter", () => {
       r = setTimeout(() => {
         l.classList.add("visible");
-      }, fs);
+      }, ms);
     }), o.addEventListener("mouseleave", () => {
       r && (clearTimeout(r), r = null), l.classList.remove("visible");
     }), o.addEventListener("click", () => {
@@ -561,8 +591,8 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     });
   }
   return o;
-}, gs = (e, t, i) => {
-  const s = ms(i);
+}, vs = (e, t, i) => {
+  const s = ps(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");
@@ -570,35 +600,36 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   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 = vs(r, a, t, c);
+    const h = fs(r, a, t, c);
     n.appendChild(h);
   }), n.appendChild(l), o.appendChild(n), e.appendChild(o), {
     element: o,
     indicator: l,
     hotspotFrames: s
   };
-}, ys = (e, t, i) => {
+}, gs = (e, t, i) => {
   if (!e) return;
   const s = i > 1 ? t / (i - 1) * 100 : 0;
   e.style.left = `${s}%`;
-}, bs = (e) => {
+}, ys = (e) => {
   e && e.classList.add("visible");
-}, ws = (e) => {
+}, bs = (e) => {
   e && e.classList.remove("visible");
 }, Qt = (e, t = []) => {
   if (!e) return t;
+  if (Array.isArray(e)) return e;
   try {
     return JSON.parse(e);
   } catch (i) {
     return console.warn("CloudImage 360: Failed to parse JSON:", i.message), t;
   }
-}, Is = (e, t) => {
+}, ws = (e, t) => {
   const [i, s] = e.split("?");
   if (!s) return e;
   const o = new RegExp(`^${t}=|&${t}=`), n = s.split("&").filter((l) => !o.test(l)).join("&");
   return n ? `${i}?${n}` : i;
-}, xs = (e) => {
-  const t = Is(e, "width"), i = t.includes("?") ? "&" : "?";
+}, Is = (e) => {
+  const t = ws(e, "width"), i = t.includes("?") ? "&" : "?";
   return `${t}${i}width=${150 * devicePixelRatio}`;
 }, Cs = (e) => {
   const t = {
@@ -614,24 +645,24 @@ const me = /* @__PURE__ */ ai(Ei), R = {
       l.isIntersecting && (i(l.target), n.unobserve(l.target));
     });
   }, t).observe(e);
-}, Os = (e, t) => {
+}, xs = (e, t) => {
   const i = ze(1, t);
   return e.replace("{index}", i);
-}, Es = (e, t) => {
+}, Os = (e, t) => {
   const [i] = e, s = /(https?):\/\//i.test(i);
-  return Ct({
+  return xt({
     ...t,
     folder: s ? "" : t.folder,
     filename: i
   });
-}, As = (e, t) => {
+}, Es = (e, t) => {
   const { imageList: i, indexZeroBase: s } = t;
   if (i.length) {
     const o = Qt(i, null);
     if (o)
-      return Es(o, t);
+      return Os(o, t);
   }
-  return Os(e, s);
+  return xs(e, s);
 }, Oe = (e, t, i) => {
   const s = new Image();
   return s.setAttribute(t ? "data-src" : "src", e), s.className = i, s.style.cssText = `
@@ -644,7 +675,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     filter: blur(10px);
   `, s;
 }, Ee = (e, t, i) => {
-  const { innerBox: s, imageList: o, lazyload: n } = t || {}, [l] = o, r = l || As(e, t), a = xs(r), c = Oe(a, n, "cloudimage-lazy"), h = Oe(a, !1, "cloudimage-360-placeholder"), u = (f) => {
+  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({
       event: f,
       width: c.width,
@@ -655,7 +686,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     });
   };
   c.onload = u, s.appendChild(c), s.appendChild(h), Cs(c);
-}, ks = (e, t, i) => {
+}, As = (e, t, i) => {
   const s = new Image();
   s.src = e, s.onload = (o) => {
     t && t({
@@ -682,7 +713,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   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;
   i.style.backgroundPosition = `-${p}px -${I}px`;
-}, Ts = (e, t, i, s, o, n) => {
+}, ks = (e, t, i, s, o, n) => {
   const { x: l = 0, y: r = 0 } = i || {}, a = (t.offsetWidth - l * 2) * n, c = (t.offsetHeight - r * 2) * n;
   if (!o) return;
   o.setAttribute("class", "cloudimage-360-img-magnifier-glass"), t.prepend(o), o.style.backgroundImage = `url('${s.src}')`, o.style.backgroundSize = `${a}px ${c}px`;
@@ -702,10 +733,10 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     v.preventDefault(), Jt(v, p, o);
   };
   o.addEventListener("mousemove", I), t.addEventListener("mousemove", I), t.addEventListener("touchmove", b);
-}, Ls = (e, t, i) => {
+}, Ts = (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 };
-}, Ps = (e, t, i) => {
+}, Ls = (e, t, i) => {
   const s = e / i, o = t / i;
   return { zoomedWidth: s, zoomedHeight: o };
 }, Ms = ({
@@ -723,22 +754,22 @@ const me = /* @__PURE__ */ ai(Ei), R = {
   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 }) => {
   e ? t() : i();
-}, ke = (e, { left: t, right: i }) => {
+}, Se = (e, { left: t, right: i }) => {
   e ? t() : i();
-}, Ys = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: s }) => {
+}, Ps = ({ autoplayBehavior: e, spinY: t, reversed: i, loopTriggers: s }) => {
   switch (e) {
     case R.SPIN_XY:
     case R.SPIN_YX:
-      t ? Ae(i, s) : ke(i, s);
+      t ? Ae(i, s) : Se(i, s);
       break;
     case R.SPIN_Y:
       Ae(i, s);
       break;
     case R.SPIN_X:
     default:
-      ke(i, s);
+      Se(i, s);
   }
-}, Xs = ({
+}, Ys = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
@@ -759,7 +790,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     default:
       return l(t, s);
   }
-}, Rs = ({
+}, Xs = ({
   autoplayBehavior: e,
   activeImageX: t,
   activeImageY: i,
@@ -770,7 +801,7 @@ const me = /* @__PURE__ */ ai(Ei), R = {
 }) => {
   const r = t === (n ? 0 : s - 1), a = i === (n ? 0 : o - 1);
   return e === R.SPIN_XY || e === R.SPIN_YX ? l === "x" && r || l === "y" && a : !1;
-}, Hs = (e, t, i) => {
+}, Rs = (e, t, i) => {
   if (!i) return "x";
   if (!t) return "y";
   switch (e) {
@@ -784,21 +815,21 @@ const me = /* @__PURE__ */ ai(Ei), R = {
     default:
       return "x";
   }
-}, Zs = (e) => e === "x" ? "y" : "x", Se = (e, t) => {
-  const i = [...ki];
-  return t ? [...i, ...Si].includes(e) : i.includes(e);
+}, Hs = (e) => e === "x" ? "y" : "x", ke = (e, t) => {
+  const i = [...Si];
+  return t ? [...i, ...ki].includes(e) : i.includes(e);
 }, Te = ({ 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;
-}, Ds = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, Bs = (e, t = 150) => {
+}, Zs = () => "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0, Ds = (e, t = 150) => {
   let i;
   return function(...s) {
     clearTimeout(i), i = setTimeout(() => {
       e.apply(this, s);
     }, t);
   };
-}, $e = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Ws = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Le = typeof self < "u" && self.Blob && new Blob([Ws($e)], { type: "text/javascript;charset=utf-8" });
-function Ns(e) {
+}, $e = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2NvbnN0IHY9KHQsYSxlKT0+e2NvbnN0IHM9dC9lLG49YS9lO3JldHVybnt6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpufX0sej0oe3BvaW50ZXJYOnQscG9pbnRlclk6YSxpbWFnZURhdGE6ZSx6b29tZWRXaWR0aDpzLHpvb21lZEhlaWdodDpuLGRyYXdXaWR0aDppLGRyYXdIZWlnaHQ6Y30pPT57Y29uc3R7bmF0dXJhbFdpZHRoOmcsbmF0dXJhbEhlaWdodDp1fT1lO2xldCBmPXQvaSpnLXMvMixtPWEvYyp1LW4vMjtjb25zdCB4PU1hdGgubWF4KDAsZy1zKSxPPU1hdGgubWF4KDAsdS1uKTtyZXR1cm4gZj1NYXRoLm1heCgwLE1hdGgubWluKGYseCkpLG09TWF0aC5tYXgoMCxNYXRoLm1pbihtLE8pKSx7em9vbU9mZnNldFg6Zix6b29tT2Zmc2V0WTptfX07bGV0IG8saCxyLGQsbCx3O3NlbGYub25tZXNzYWdlPWFzeW5jIHQ9Pntjb25zdHthY3Rpb246YSxvZmZzY3JlZW46ZSxkZXZpY2VQaXhlbFJhdGlvOnMsaW1hZ2VEYXRhOm4sem9vbVNjYWxlOmkscG9pbnRlclg6Yyxwb2ludGVyWTpnLGltYWdlQXNwZWN0UmF0aW86dSxjb250YWluZXJXaWR0aDpmLGNvbnRhaW5lckhlaWdodDptfT10LmRhdGE7c3dpdGNoKGEpe2Nhc2UiaW5pdENhbnZhcyI6QyhlLHMpO2JyZWFrO2Nhc2UiYWRhcHRDYW52YXNTaXplIjpwKHUsZixtKTticmVhaztjYXNlImRyYXdJbWFnZU9uQ2FudmFzIjpJKG4saSxjLGcpO2JyZWFrfX07Y29uc3QgQz0odCxhKT0+e289dCxoPW8uZ2V0Q29udGV4dCgiMmQiKSxyPWF9LHA9KHQsYSxlKT0+e2NvbnN0IHM9YS9lO3c9dD5zLG8ud2lkdGg9YSpyLG8uaGVpZ2h0PWUqcixoLnNjYWxlKHIsciksdz8oZD1hLGw9YS90KToobD1lLGQ9ZSp0KSxoLmltYWdlU21vb3RoaW5nRW5hYmxlZD0hMCxoLmltYWdlU21vb3RoaW5nUXVhbGl0eT0iaGlnaCJ9LEk9KHQ9e30sYT0xLGU9MCxzPTApPT57Y29uc3R7Yml0bWFwSW1hZ2U6bn09dDtpZighb3x8IW4pcmV0dXJuO2xldCBpLGM7aWYodz8oaT0wLGM9KG8uaGVpZ2h0L3ItbCkvMik6KGk9KG8ud2lkdGgvci1kKS8yLGM9MCksaC5jbGVhclJlY3QoMCwwLG8ud2lkdGgsby5oZWlnaHQpLGEhPT0xKXtjb25zdHtuYXR1cmFsV2lkdGg6ZyxuYXR1cmFsSGVpZ2h0OnV9PXQse3pvb21lZFdpZHRoOmYsem9vbWVkSGVpZ2h0Om19PXYoZyx1LGEpLHt6b29tT2Zmc2V0WDp4LHpvb21PZmZzZXRZOk99PXooe3BvaW50ZXJYOmUscG9pbnRlclk6cyxpbWFnZURhdGE6dCx6b29tZWRXaWR0aDpmLHpvb21lZEhlaWdodDptLGRyYXdXaWR0aDpkLGRyYXdIZWlnaHQ6bH0pO2guZHJhd0ltYWdlKG4seCxPLGYsbSxpLGMsZCxsKX1lbHNlIGguZHJhd0ltYWdlKG4saSxjLGQsbCl9fSkoKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9Y2FudmFzLndvcmtlci1DZzBma3BEMS5qcy5tYXAK", Bs = (e) => Uint8Array.from(atob(e), (t) => t.charCodeAt(0)), Le = typeof self < "u" && self.Blob && new Blob([Bs($e)], { type: "text/javascript;charset=utf-8" });
+function Ws(e) {
   let t;
   try {
     if (t = Le && (self.URL || self.webkitURL).createObjectURL(Le), !t) throw "";
@@ -872,7 +903,7 @@ class Fs {
     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 } = Ps(a, c, i), { zoomOffsetX: f, zoomOffsetY: p } = Ms({
+      const { naturalWidth: a, naturalHeight: c } = t, { zoomedWidth: h, zoomedHeight: u } = Ls(a, c, i), { zoomOffsetX: f, zoomOffsetY: p } = Ms({
         pointerX: s,
         pointerY: o,
         imageData: t,
@@ -955,7 +986,7 @@ const Vs = /* @__PURE__ */ new Set([
   "lineargradient",
   "radialgradient",
   "stop"
-]), Pe = {
+]), Me = {
   a: ["href", "title", "target", "rel"],
   img: ["src", "alt", "title", "width", "height"],
   button: ["type", "disabled", "name", "value"],
@@ -983,12 +1014,12 @@ const Vs = /* @__PURE__ */ new Set([
   clippath: ["id"],
   mask: ["id"],
   "*": ["class", "id", "style"]
-}, zs = [
+}, Ns = [
   /javascript:/gi,
   /vbscript:/gi,
   /data:/gi,
   /on\w+\s*=/gi
-], js = (e) => {
+], zs = (e) => {
   if (typeof e != "string")
     return "";
   const t = document.createElement("template");
@@ -1006,8 +1037,8 @@ const Vs = /* @__PURE__ */ new Set([
         return;
       }
       const l = [
-        ...Pe[n] || [],
-        ...Pe["*"] || []
+        ...Me[n] || [],
+        ...Me["*"] || []
       ];
       if (Array.from(s.attributes).forEach((a) => {
         const c = a.name.toLowerCase();
@@ -1020,7 +1051,7 @@ const Vs = /* @__PURE__ */ new Set([
           return;
         }
         let h = a.value;
-        zs.forEach((u) => {
+        Ns.forEach((u) => {
           u.test(h) && s.removeAttribute(a.name);
         });
       }), n === "a") {
@@ -1034,9 +1065,9 @@ const Vs = /* @__PURE__ */ new Set([
     }
   };
   return i(t.content), t.innerHTML;
-}, $s = (e) => e === "x" ? Y.X : Y.Y, Gs = (e, t, i) => e.filter(
-  (s) => $s(s.orientation) === i && t in s.positions
-), Us = (e, t) => {
+}, 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) => {
   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) => {
@@ -1054,7 +1085,7 @@ const Vs = /* @__PURE__ */ new Set([
       };
     }
   return o;
-}, Ks = (e) => [
+}, Us = (e) => [
   {
     name: "offset",
     options: {
@@ -1067,16 +1098,16 @@ const Vs = /* @__PURE__ */ new Set([
       boundary: e
     }
   }
-], Js = (e, t) => {
+], Ks = (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 = js(e) : i.textContent = e, document.body.appendChild(i), i;
-}, qs = (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 = zs(e) : i.textContent = e, document.body.appendChild(i), i;
+}, Js = (e) => {
   const t = [...e];
   return t.forEach((i, s) => {
     const o = { ..._s(i.positions) };
     t[s].initialPositions = o, t[s].positions = o;
   }), t;
-}, Qs = ({
+}, qs = ({
   newWidth: e,
   newHeight: t,
   initialContainerSize: i,
@@ -1098,11 +1129,11 @@ const Vs = /* @__PURE__ */ new Set([
     }), { ...b, positions: v };
   });
 };
-var H = "top", N = "bottom", F = "right", Z = "left", ie = "auto", St = [H, N, F, Z], mt = "start", At = "end", to = "clippingParents", Ge = "viewport", xt = "popper", eo = "reference", Me = /* @__PURE__ */ St.reduce(function(e, t) {
+var H = "top", F = "bottom", V = "right", Z = "left", ie = "auto", kt = [H, F, V, Z], mt = "start", At = "end", Qs = "clippingParents", Ge = "viewport", Ct = "popper", to = "reference", Pe = /* @__PURE__ */ kt.reduce(function(e, t) {
   return e.concat([t + "-" + mt, t + "-" + At]);
-}, []), Ue = /* @__PURE__ */ [].concat(St, [ie]).reduce(function(e, t) {
+}, []), _e = /* @__PURE__ */ [].concat(kt, [ie]).reduce(function(e, t) {
   return e.concat([t, t + "-" + mt, t + "-" + At]);
-}, []), io = "beforeRead", so = "read", oo = "afterRead", no = "beforeMain", ro = "main", ao = "afterMain", lo = "beforeWrite", co = "write", ho = "afterWrite", uo = [io, so, oo, no, ro, ao, lo, co, ho];
+}, []), 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) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
@@ -1129,7 +1160,7 @@ function se(e) {
   var t = B(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function po(e) {
+function uo(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];
@@ -1139,7 +1170,7 @@ function po(e) {
     }));
   });
 }
-function mo(e) {
+function po(e) {
   var t = e.state, i = {
     popper: {
       position: t.options.strategy,
@@ -1163,32 +1194,32 @@ function mo(e) {
     });
   };
 }
-const fo = {
+const mo = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: po,
-  effect: mo,
+  fn: uo,
+  effect: po,
   requires: ["computeStyles"]
 };
 function z(e) {
   return e.split("-")[0];
 }
-var it = Math.max, Nt = Math.min, ft = Math.round;
+var it = Math.max, Ft = Math.min, ft = Math.round;
 function te() {
   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 _e() {
+function Ue() {
   return !/^((?!chrome|android).)*safari/i.test(te());
 }
 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 = !_e() && 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 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;
   return {
     width: u,
     height: f,
@@ -1226,7 +1257,7 @@ function Ke(e, t) {
 function J(e) {
   return B(e).getComputedStyle(e);
 }
-function vo(e) {
+function fo(e) {
   return ["table", "td", "th"].indexOf(j(e)) >= 0;
 }
 function Q(e) {
@@ -1235,7 +1266,7 @@ function Q(e) {
     e.document
   )) || window.document).documentElement;
 }
-function Vt(e) {
+function Nt(e) {
   return j(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
@@ -1251,14 +1282,14 @@ function Ye(e) {
   return !W(e) || // https://github.com/popperjs/popper-core/issues/837
   J(e).position === "fixed" ? null : e.offsetParent;
 }
-function go(e) {
+function vo(e) {
   var t = /firefox/i.test(te()), i = /Trident/i.test(te());
   if (i && W(e)) {
     var s = J(e);
     if (s.position === "fixed")
       return null;
   }
-  var o = Vt(e);
+  var o = Nt(e);
   for (se(o) && (o = o.host); W(o) && ["html", "body"].indexOf(j(o)) < 0; ) {
     var n = J(o);
     if (n.transform !== "none" || n.perspective !== "none" || n.contain === "paint" || ["transform", "perspective"].indexOf(n.willChange) !== -1 || t && n.willChange === "filter" || t && n.filter && n.filter !== "none")
@@ -1268,17 +1299,17 @@ function go(e) {
   return null;
 }
 function Tt(e) {
-  for (var t = B(e), i = Ye(e); i && vo(i) && J(i).position === "static"; )
+  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 || go(e) || t;
+  return i && (j(i) === "html" || j(i) === "body" && J(i).position === "static") ? t : i || vo(e) || t;
 }
 function ne(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function Ot(e, t, i) {
-  return it(e, Nt(t, i));
+  return it(e, Ft(t, i));
 }
-function yo(e, t, i) {
+function go(e, t, i) {
   var s = Ot(e, t, i);
   return s > i ? i : s;
 }
@@ -1298,28 +1329,28 @@ function Qe(e, t) {
     return i[s] = e, i;
   }, {});
 }
-var bo = function(t, i) {
+var yo = function(t, i) {
   return t = typeof t == "function" ? t(Object.assign({}, i.rects, {
     placement: i.placement
-  })) : t, qe(typeof t != "number" ? t : Qe(t, St));
+  })) : t, qe(typeof t != "number" ? t : Qe(t, kt));
 };
-function wo(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, F].indexOf(r) >= 0, h = c ? "height" : "width";
+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 = bo(o.padding, i), f = oe(n), p = a === "y" ? H : Z, I = a === "y" ? N : F, b = i.rects.reference[h] + i.rects.reference[a] - l[a] - i.rects.popper[h], v = l[a] - i.rects.reference[a], O = Tt(n), E = O ? a === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, w = b / 2 - v / 2, y = u[p], C = E - f[h] - u[I], m = E / 2 - f[h] / 2 + w, g = Ot(y, m, C), x = a;
-    i.modifiersData[s] = (t = {}, t[x] = g, t.centerOffset = g - m, t);
+    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 = Tt(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;
+    i.modifiersData[s] = (t = {}, t[C] = g, t.centerOffset = g - m, t);
   }
 }
-function Io(e) {
+function wo(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));
 }
-const xo = {
+const Io = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: wo,
-  effect: Io,
+  fn: bo,
+  effect: wo,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
@@ -1332,7 +1363,7 @@ var Co = {
   bottom: "auto",
   left: "auto"
 };
-function Oo(e, t) {
+function xo(e, t) {
   var i = e.x, s = e.y, o = t.devicePixelRatio || 1;
   return {
     x: ft(i * o) / o || 0,
@@ -1348,29 +1379,29 @@ function Xe(e) {
     y: b
   };
   p = v.x, b = v.y;
-  var O = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), w = Z, y = H, C = window;
+  var O = l.hasOwnProperty("x"), E = l.hasOwnProperty("y"), w = Z, y = H, x = window;
   if (c) {
-    var m = Tt(i), g = "clientHeight", x = "clientWidth";
-    if (m === B(i) && (m = Q(i), J(m).position !== "static" && r === "absolute" && (g = "scrollHeight", x = "scrollWidth")), m = m, o === H || (o === Z || o === F) && n === At) {
-      y = N;
-      var A = u && m === C && C.visualViewport ? C.visualViewport.height : (
+    var m = Tt(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) {
+      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;
     }
-    if (o === Z || (o === H || o === N) && n === At) {
-      w = F;
-      var k = u && m === C && C.visualViewport ? C.visualViewport.width : (
+    if (o === Z || (o === H || o === F) && n === At) {
+      w = V;
+      var S = u && m === x && x.visualViewport ? x.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        m[x]
+        m[C]
       );
-      p -= k - s.width, p *= a ? 1 : -1;
+      p -= S - s.width, p *= a ? 1 : -1;
     }
   }
   var T = Object.assign({
     position: r
-  }, c && Co), X = h === !0 ? Oo({
+  }, c && Co), X = h === !0 ? xo({
     x: p,
     y: b
   }, B(i)) : {
@@ -1379,11 +1410,11 @@ function Xe(e) {
   };
   if (p = X.x, b = X.y, a) {
     var L;
-    return Object.assign({}, T, (L = {}, L[y] = E ? "0" : "", L[w] = O ? "0" : "", L.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + b + "px)" : "translate3d(" + p + "px, " + b + "px, 0)", L));
+    return Object.assign({}, T, (L = {}, L[y] = E ? "0" : "", L[w] = O ? "0" : "", L.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + p + "px, " + b + "px)" : "translate3d(" + p + "px, " + b + "px, 0)", L));
   }
   return Object.assign({}, T, (t = {}, t[y] = E ? b + "px" : "", t[w] = O ? p + "px" : "", t.transform = "", t));
 }
-function Eo(e) {
+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 = {
     placement: z(t.placement),
     variation: gt(t.placement),
@@ -1406,17 +1437,17 @@ function Eo(e) {
     "data-popper-placement": t.placement
   });
 }
-const Ao = {
+const Eo = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: Eo,
+  fn: Oo,
   data: {}
 };
 var Dt = {
   passive: !0
 };
-function ko(e) {
+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);
   return n && c.forEach(function(h) {
     h.addEventListener("scroll", i.update, Dt);
@@ -1432,10 +1463,10 @@ const So = {
   phase: "write",
   fn: function() {
   },
-  effect: ko,
+  effect: Ao,
   data: {}
 };
-var To = {
+var ko = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1443,16 +1474,16 @@ var To = {
 };
 function Bt(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return To[t];
+    return ko[t];
   });
 }
-var Lo = {
+var To = {
   start: "end",
   end: "start"
 };
 function Re(e) {
   return e.replace(/start|end/g, function(t) {
-    return Lo[t];
+    return To[t];
   });
 }
 function re(e) {
@@ -1465,11 +1496,11 @@ function re(e) {
 function ae(e) {
   return vt(Q(e)).left + re(e).scrollLeft;
 }
-function Po(e, t) {
+function Lo(e, t) {
   var i = B(e), s = Q(e), o = i.visualViewport, n = s.clientWidth, l = s.clientHeight, r = 0, a = 0;
   if (o) {
     n = o.width, l = o.height;
-    var c = _e();
+    var c = Ue();
     (c || !c && t === "fixed") && (r = o.offsetLeft, a = o.offsetTop);
   }
   return {
@@ -1493,7 +1524,7 @@ function le(e) {
   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(Vt(e));
+  return ["html", "body", "#document"].indexOf(j(e)) >= 0 ? e.ownerDocument.body : W(e) && le(e) ? e : ti(Nt(e));
 }
 function Et(e, t) {
   var i;
@@ -1501,7 +1532,7 @@ function Et(e, 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);
   return o ? r : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    r.concat(Et(Vt(l)))
+    r.concat(Et(Nt(l)))
   );
 }
 function ee(e) {
@@ -1512,23 +1543,23 @@ function ee(e) {
     bottom: e.y + e.height
   });
 }
-function Yo(e, t) {
+function Po(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(Po(e, i)) : st(t) ? Yo(t, i) : ee(Mo(Q(e)));
+  return t === Ge ? ee(Lo(e, i)) : st(t) ? Po(t, i) : ee(Mo(Q(e)));
 }
-function Xo(e) {
-  var t = Et(Vt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, s = i && W(e) ? Tt(e) : e;
+function Yo(e) {
+  var t = Et(Nt(e)), i = ["absolute", "fixed"].indexOf(J(e).position) >= 0, s = i && W(e) ? Tt(e) : e;
   return st(s) ? t.filter(function(o) {
     return st(o) && Ke(o, s) && j(o) !== "body";
   }) : [];
 }
-function Ro(e, t, i, s) {
-  var o = t === "clippingParents" ? Xo(e) : [].concat(t), n = [].concat(o, [i]), l = n[0], r = n.reduce(function(a, c) {
+function Xo(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 = Nt(h.right, a.right), a.bottom = Nt(h.bottom, a.bottom), a.left = it(h.left, a.left), a;
+    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));
   return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
 }
@@ -1541,13 +1572,13 @@ function ei(e) {
         y: t.y - i.height
       };
       break;
-    case N:
+    case F:
       a = {
         x: l,
         y: t.y + t.height
       };
       break;
-    case F:
+    case V:
       a = {
         x: t.x + t.width,
         y: r
@@ -1579,37 +1610,37 @@ function ei(e) {
   }
   return a;
 }
-function kt(e, t) {
+function St(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 ? to : r, c = i.rootBoundary, h = c === void 0 ? Ge : 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 = qe(typeof v != "number" ? v : Qe(v, St)), E = f === xt ? eo : xt, w = e.rects.popper, y = e.elements[I ? E : f], C = 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, 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, kt)), E = f === Ct ? to : Ct, w = e.rects.popper, y = e.elements[I ? E : f], x = Xo(st(y) ? y : y.contextElement || Q(e.elements.popper), a, h, l), m = vt(e.elements.reference), g = ei({
     reference: m,
     element: w,
     placement: o
-  }), x = ee(Object.assign({}, w, g)), A = f === xt ? x : m, k = {
-    top: C.top - A.top + O.top,
-    bottom: A.bottom - C.bottom + O.bottom,
-    left: C.left - A.left + O.left,
-    right: A.right - C.right + O.right
+  }), C = ee(Object.assign({}, w, g)), A = f === Ct ? 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
   }, T = e.modifiersData.offset;
-  if (f === xt && T) {
+  if (f === Ct && T) {
     var X = T[o];
-    Object.keys(k).forEach(function(L) {
-      var $ = [F, N].indexOf(L) >= 0 ? 1 : -1, G = [H, N].indexOf(L) >= 0 ? "y" : "x";
-      k[L] += X[G] * $;
+    Object.keys(S).forEach(function(L) {
+      var $ = [V, F].indexOf(L) >= 0 ? 1 : -1, G = [H, F].indexOf(L) >= 0 ? "y" : "x";
+      S[L] += X[G] * $;
     });
   }
-  return k;
+  return S;
 }
-function Ho(e, t) {
+function Ro(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 ? Ue : a, h = gt(s), u = h ? r ? Me : Me.filter(function(I) {
+  var i = t, s = i.placement, o = i.boundary, n = i.rootBoundary, l = i.padding, r = i.flipVariations, a = i.allowedAutoPlacements, c = a === void 0 ? _e : a, h = gt(s), u = h ? r ? Pe : Pe.filter(function(I) {
     return gt(I) === h;
-  }) : St, f = u.filter(function(I) {
+  }) : kt, 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] = kt(e, {
+    return I[b] = St(e, {
       placement: b,
       boundary: o,
       rootBoundary: n,
@@ -1620,48 +1651,48 @@ function Ho(e, t) {
     return p[I] - p[b];
   });
 }
-function Zo(e) {
+function Ho(e) {
   if (z(e) === ie)
     return [];
   var t = Bt(e);
   return [Re(e), t, Re(t)];
 }
-function Do(e) {
+function Zo(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)] : Zo(v)), y = [v].concat(w).reduce(function(q, V) {
-      return q.concat(z(V) === ie ? Ho(t, {
-        placement: V,
+    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 ? Ro(t, {
+        placement: N,
         boundary: h,
         rootBoundary: u,
         padding: c,
         flipVariations: I,
         allowedAutoPlacements: b
-      }) : V);
-    }, []), C = t.rects.reference, m = t.rects.popper, g = /* @__PURE__ */ new Map(), x = !0, A = y[0], k = 0; k < y.length; k++) {
-      var T = y[k], X = z(T), L = gt(T) === mt, $ = [H, N].indexOf(X) >= 0, G = $ ? "width" : "height", P = kt(t, {
+      }) : 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 T = y[S], X = z(T), L = gt(T) === mt, $ = [H, F].indexOf(X) >= 0, G = $ ? "width" : "height", M = St(t, {
         placement: T,
         boundary: h,
         rootBoundary: u,
         altBoundary: f,
         padding: c
-      }), D = $ ? L ? F : Z : L ? N : H;
-      C[G] > m[G] && (D = Bt(D));
-      var ot = Bt(D), U = [];
-      if (n && U.push(P[X] <= 0), r && U.push(P[D] <= 0, P[ot] <= 0), U.every(function(q) {
+      }), D = $ ? L ? V : Z : L ? F : H;
+      x[G] > m[G] && (D = Bt(D));
+      var ot = Bt(D), _ = [];
+      if (n && _.push(M[X] <= 0), r && _.push(M[D] <= 0, M[ot] <= 0), _.every(function(q) {
         return q;
       })) {
-        A = T, x = !1;
+        A = T, C = !1;
         break;
       }
-      g.set(T, U);
+      g.set(T, _);
     }
-    if (x)
-      for (var nt = I ? 3 : 1, yt = function(V) {
+    if (C)
+      for (var nt = I ? 3 : 1, yt = function(N) {
         var et = y.find(function(at) {
-          var _ = g.get(at);
-          if (_)
-            return _.slice(0, V).every(function(lt) {
+          var U = g.get(at);
+          if (U)
+            return U.slice(0, N).every(function(lt) {
               return lt;
             });
         });
@@ -1674,11 +1705,11 @@ function Do(e) {
     t.placement !== A && (t.modifiersData[s]._skip = !0, t.placement = A, t.reset = !0);
   }
 }
-const Bo = {
+const Do = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Do,
+  fn: Zo,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -1696,14 +1727,14 @@ function Ze(e, t, i) {
   };
 }
 function De(e) {
-  return [H, F, N, Z].some(function(t) {
+  return [H, V, F, Z].some(function(t) {
     return e[t] >= 0;
   });
 }
-function Wo(e) {
-  var t = e.state, i = e.name, s = t.rects.reference, o = t.rects.popper, n = t.modifiersData.preventOverflow, l = kt(t, {
+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, {
     elementContext: "reference"
-  }), r = kt(t, {
+  }), r = St(t, {
     altBoundary: !0
   }), a = Ze(l, s), c = Ze(r, o, n), h = De(a), u = De(c);
   t.modifiersData[i] = {
@@ -1716,18 +1747,18 @@ function Wo(e) {
     "data-popper-escaped": u
   });
 }
-const No = {
+const Wo = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: Wo
+  fn: Bo
 };
 function Fo(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, F].indexOf(s) >= 0 ? {
+  return l = l || 0, r = (r || 0) * o, [Z, V].indexOf(s) >= 0 ? {
     x: r,
     y: l
   } : {
@@ -1736,19 +1767,19 @@ function Fo(e, t, i) {
   };
 }
 function Vo(e) {
-  var t = e.state, i = e.options, s = e.name, o = i.offset, n = o === void 0 ? [0, 0] : o, l = Ue.reduce(function(h, u) {
+  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;
 }
-const zo = {
+const No = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
   fn: Vo
 };
-function jo(e) {
+function zo(e) {
   var t = e.state, i = e.name;
   t.modifiersData[i] = ei({
     reference: t.rects.reference,
@@ -1756,25 +1787,25 @@ function jo(e) {
     placement: t.placement
   });
 }
-const $o = {
+const jo = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: jo,
+  fn: zo,
   data: {}
 };
-function Go(e) {
+function $o(e) {
   return e === "x" ? "y" : "x";
 }
-function Uo(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 = kt(t, {
+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,
     rootBoundary: c,
     padding: u,
     altBoundary: h
-  }), O = z(t.placement), E = gt(t.placement), w = !E, y = ne(O), C = Go(y), m = t.modifiersData.popperOffsets, g = t.rects.reference, x = t.rects.popper, A = typeof b == "function" ? b(Object.assign({}, t.rects, {
+  }), 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, {
     placement: t.placement
-  })) : b, k = typeof A == "number" ? {
+  })) : b, S = typeof A == "number" ? {
     mainAxis: A,
     altAxis: A
   } : Object.assign({
@@ -1786,15 +1817,15 @@ function Uo(e) {
   };
   if (m) {
     if (n) {
-      var L, $ = y === "y" ? H : Z, G = y === "y" ? N : F, P = y === "y" ? "height" : "width", D = m[y], ot = D + v[$], U = D - v[G], nt = p ? -x[P] / 2 : 0, yt = E === mt ? g[P] : x[P], tt = E === mt ? -x[P] : -g[P], rt = t.elements.arrow, q = p && rt ? oe(rt) : {
+      var L, $ = 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) : {
         width: 0,
         height: 0
-      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Je(), et = V[$], at = V[G], _ = Ot(0, g[P], q[P]), lt = w ? g[P] / 2 - nt - _ - et - k.mainAxis : yt - _ - et - k.mainAxis, zt = w ? -g[P] / 2 + nt + _ + at + k.mainAxis : tt + _ + at + k.mainAxis, ct = t.elements.arrow && Tt(t.elements.arrow), jt = ct ? y === "y" ? ct.clientTop || 0 : ct.clientLeft || 0 : 0, Lt = (L = T == null ? void 0 : T[y]) != null ? L : 0, $t = D + lt - Lt - jt, Gt = D + zt - Lt, Pt = Ot(p ? Nt(ot, $t) : ot, D, p ? it(U, Gt) : U);
-      m[y] = Pt, X[y] = Pt - D;
+      }, 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 && Tt(t.elements.arrow), jt = ct ? y === "y" ? ct.clientTop || 0 : ct.clientLeft || 0 : 0, Lt = (L = T == null ? void 0 : T[y]) != null ? L : 0, $t = D + lt - Lt - jt, Gt = D + zt - Lt, Mt = Ot(p ? Ft(ot, $t) : ot, D, p ? it(_, Gt) : _);
+      m[y] = Mt, X[y] = Mt - D;
     }
     if (r) {
-      var Mt, Ut = y === "x" ? H : Z, _t = y === "x" ? N : F, K = m[C], ht = C === "y" ? "height" : "width", Yt = K + v[Ut], Xt = K - v[_t], dt = [H, Z].indexOf(O) !== -1, ut = (Mt = T == null ? void 0 : T[C]) != null ? Mt : 0, pt = dt ? Yt : K - g[ht] - x[ht] - ut + k.altAxis, bt = dt ? K + g[ht] + x[ht] - ut - k.altAxis : Xt, wt = p && dt ? yo(pt, K, bt) : Ot(p ? pt : Yt, K, p ? bt : Xt);
-      m[C] = wt, X[C] = wt - K;
+      var Pt, _t = y === "x" ? H : Z, Ut = y === "x" ? F : V, K = m[x], ht = x === "y" ? "height" : "width", Yt = K + v[_t], Xt = K - v[Ut], dt = [H, Z].indexOf(O) !== -1, ut = (Pt = T == null ? void 0 : T[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 : Xt, wt = p && dt ? go(pt, K, bt) : Ot(p ? pt : Yt, K, p ? bt : Xt);
+      m[x] = wt, X[x] = wt - K;
     }
     t.modifiersData[s] = X;
   }
@@ -1803,25 +1834,25 @@ const _o = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Uo,
+  fn: Go,
   requiresIfExists: ["offset"]
 };
-function Ko(e) {
+function Uo(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Jo(e) {
-  return e === B(e) || !W(e) ? re(e) : Ko(e);
+function Ko(e) {
+  return e === B(e) || !W(e) ? re(e) : Uo(e);
 }
-function qo(e) {
+function Jo(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 qo(e, t, i) {
   i === void 0 && (i = !1);
-  var s = W(t), o = W(t) && qo(t), n = Q(t), l = vt(e, o, i), r = {
+  var s = W(t), o = W(t) && Jo(t), n = Q(t), l = vt(e, o, i), r = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = {
@@ -1829,14 +1860,14 @@ function Qo(e, t, i) {
     y: 0
   };
   return (s || !s && !i) && ((j(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  le(n)) && (r = Jo(t)), W(t) ? (a = vt(t, !0), a.x += t.clientLeft, a.y += t.clientTop) : n && (a.x = ae(n))), {
+  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
   };
 }
-function tn(e) {
+function Qo(e) {
   var t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), s = [];
   e.forEach(function(n) {
     t.set(n.name, n);
@@ -1855,15 +1886,15 @@ function tn(e) {
     i.has(n.name) || o(n);
   }), s;
 }
-function en(e) {
-  var t = tn(e);
-  return uo.reduce(function(i, s) {
+function tn(e) {
+  var t = Qo(e);
+  return ho.reduce(function(i, s) {
     return i.concat(t.filter(function(o) {
       return o.phase === s;
     }));
   }, []);
 }
-function sn(e) {
+function en(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(i) {
@@ -1873,7 +1904,7 @@ function sn(e) {
     })), t;
   };
 }
-function on(e) {
+function sn(e) {
   var t = e.reduce(function(i, s) {
     var o = i[s.name];
     return i[s.name] = o ? Object.assign({}, o, s, {
@@ -1897,7 +1928,7 @@ function We() {
     return !(s && typeof s.getBoundingClientRect == "function");
   });
 }
-function nn(e) {
+function on(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) {
@@ -1921,7 +1952,7 @@ function nn(e) {
           reference: st(r) ? Et(r) : r.contextElement ? Et(r.contextElement) : [],
           popper: Et(a)
         };
-        var w = en(on([].concat(s, h.options.modifiers)));
+        var w = tn(sn([].concat(s, h.options.modifiers)));
         return h.orderedModifiers = w.filter(function(y) {
           return y.enabled;
         }), I(), p.update();
@@ -1936,20 +1967,20 @@ function nn(e) {
           var O = h.elements, E = O.reference, w = O.popper;
           if (We(E, w)) {
             h.rects = {
-              reference: Qo(E, Tt(w), h.options.strategy === "fixed"),
+              reference: qo(E, Tt(w), h.options.strategy === "fixed"),
               popper: oe(w)
-            }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(k) {
-              return h.modifiersData[k.name] = Object.assign({}, k.data);
+            }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(S) {
+              return h.modifiersData[S.name] = Object.assign({}, S.data);
             });
             for (var y = 0; y < h.orderedModifiers.length; y++) {
               if (h.reset === !0) {
                 h.reset = !1, y = -1;
                 continue;
               }
-              var C = h.orderedModifiers[y], m = C.fn, g = C.options, x = g === void 0 ? {} : g, A = C.name;
+              var x = h.orderedModifiers[y], m = x.fn, g = x.options, C = g === void 0 ? {} : g, A = x.name;
               typeof m == "function" && (h = m({
                 state: h,
-                options: x,
+                options: C,
                 name: A,
                 instance: p
               }) || h);
@@ -1959,7 +1990,7 @@ function nn(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: sn(function() {
+      update: en(function() {
         return new Promise(function(v) {
           p.forceUpdate(), v(h);
         });
@@ -1977,14 +2008,14 @@ function nn(e) {
       h.orderedModifiers.forEach(function(v) {
         var O = v.name, E = v.options, w = E === void 0 ? {} : E, y = v.effect;
         if (typeof y == "function") {
-          var C = y({
+          var x = y({
             state: h,
             name: O,
             instance: p,
             options: w
           }), m = function() {
           };
-          u.push(C || m);
+          u.push(x || m);
         }
       });
     }
@@ -1996,10 +2027,10 @@ function nn(e) {
     return p;
   };
 }
-var rn = [So, $o, Ao, fo, zo, Bo, _o, xo, No], an = /* @__PURE__ */ nn({
-  defaultModifiers: rn
+var nn = [So, jo, Eo, mo, No, Do, _o, Io, Wo], rn = /* @__PURE__ */ on({
+  defaultModifiers: nn
 });
-class ln {
+class an {
   /**
    * @param {Array} hotspotsConfig - Hotspot configuration array
    * @param {HTMLElement} container - Container element
@@ -2010,10 +2041,10 @@ class ln {
   constructor(t, i, s, o = {}) {
     de(this, "updateHotspotPosition", (t, i) => {
       this.currentActiveIndex = t, this.currentOrientation = i;
-      const s = Gs(this.hotspotsConfig, t, i);
+      const s = $s(this.hotspotsConfig, t, i);
       this.hideHotspots(), s.forEach((o) => this.updateAndShowHotspot(o, t));
     });
-    this.container = i, this.popper = null, this.popperInstance = null, this.hotspotsContainer = ls(this.container), this.hotspotsConfig = qs(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 = 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";
     const { containerSize: n } = t[0];
     this.initialContainerSize = n || [i.offsetWidth, i.offsetHeight], this.initHotspots(), this.observeContainerResize();
   }
@@ -2024,7 +2055,7 @@ class ln {
     }), this.resizeObserver.observe(this.container);
   }
   updateHotspotsForResize(t, i) {
-    this.hotspotsConfig = Qs({
+    this.hotspotsConfig = qs({
       newWidth: t,
       newHeight: i,
       initialContainerSize: this.initialContainerSize,
@@ -2041,9 +2072,9 @@ class ln {
     this.popperInstance && this.hidePopper();
     const n = {
       placement: "top",
-      modifiers: Ks(this.container)
+      modifiers: Us(this.container)
     };
-    this.popper = Js(i, s), this.popper.setAttribute("data-show", ""), this.currentHotspotElement = t, t.setAttribute("aria-expanded", "true"), t.setAttribute("aria-describedby", `cloudimage-360-popper-${s}`);
+    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 = () => {
       this.shouldHidePopper = !1;
     }, r = () => {
@@ -2059,7 +2090,7 @@ class ln {
       { element: t, event: "mouseleave", handler: a },
       { element: t, event: "mouseenter", handler: c }
     ), this.popperInstance = {
-      ...an(t, this.popper, n),
+      ...rn(t, this.popper, n),
       keepOpen: o,
       instanceId: s
     };
@@ -2068,7 +2099,7 @@ class ln {
     var t;
     this.shouldHidePopper && !((t = this.popperInstance) != null && t.keepOpen) && (this.hidePopperTimeout = setTimeout(() => {
       this.shouldHidePopper && this.hidePopper();
-    }, Pi));
+    }, Mi));
   }
   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) {
@@ -2076,7 +2107,7 @@ class ln {
       const t = this.popper;
       this.popper = null, setTimeout(() => {
         t.remove();
-      }, Mi);
+      }, Pi);
     }
     this.shouldHidePopper = !0;
   }
@@ -2088,7 +2119,7 @@ class ln {
     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 = Us(i, l);
+    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) => {
       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);
@@ -2138,12 +2169,12 @@ class ln {
     this.hidePopperTimeout && clearTimeout(this.hidePopperTimeout), this.resizeObserver.disconnect(), this.hidePopper(), this.hotspotElements.clear(), this.hotspotsContainer.innerHTML = "";
   }
 }
-const Ne = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-class Ft {
+const Fe = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+class Vt {
   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 = Ne ? 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 = Ds(), 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 = Ne, this.canvasWorker = this.useMainThreadCanvas ? new Fs() : 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);
+    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);
   }
   /**
    * Close ImageBitmap objects to free GPU memory
@@ -2160,7 +2191,7 @@ class Ft {
     typeof s == "function" && s({ ...i, viewerId: this.id });
   }
   announce(t) {
-    hs(this.ariaLiveRegion, t);
+    cs(this.ariaLiveRegion, t);
   }
   mouseDown(t) {
     if (!this.isReady || this.glass) return;
@@ -2241,7 +2272,7 @@ class Ft {
     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);
   }
   loadHigherQualityImages(t, i) {
-    const s = Ct(this.srcXConfig, t), o = this.allowSpinY ? Ct(this.srcYConfig, t) : null;
+    const s = xt(this.srcXConfig, t), o = this.allowSpinY ? xt(this.srcYConfig, t) : null;
     ye({
       cdnPathX: s,
       cdnPathY: o,
@@ -2295,7 +2326,7 @@ class Ft {
     this.isZoomed && this.removeZoom();
   }
   applyZoom(t) {
-    const { offsetX: i, offsetY: s } = Ls(t, this.canvas, this.devicePixelRatio);
+    const { offsetX: i, offsetY: s } = Ts(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) {
@@ -2375,7 +2406,7 @@ class Ft {
   keyDown(t) {
     if (!this.isReady) return;
     const { keyCode: i } = t, s = this.keysReverse;
-    switch (this.autoplay && this.stopAutoplay(), Se(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;
@@ -2392,7 +2423,7 @@ class Ft {
   }
   keyUp(t) {
     const { keyCode: i } = t;
-    Se(i, this.allowSpinY) && this.showAllIcons();
+    ke(i, this.allowSpinY) && this.showAllIcons();
   }
   moveActiveXIndexUp(t) {
     this.orientation = Y.X, this.activeImageX = (this.activeImageX + t) % this.amountX;
@@ -2474,21 +2505,21 @@ class Ft {
     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 ln(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 an(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 ? xe(this.viewerConfig, this.touchDevice) : this.hints;
+      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, {
         pointerZoomTrigger: this.pointerZoomTrigger
-      }), Ce(this.hintsOverlay));
+      }), xe(this.hintsOverlay));
     }
-    this.autoplay && (this.hideAllIcons(), Bs(this.play.bind(this))());
+    this.autoplay && (this.hideAllIcons(), Ds(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(), ks(n, (a) => {
-      this.hideLoadingSpinner(), this.magnified = !0, Ts(t, this.innerBox, this.offset, a, this.glass, this.magnifier);
+    this.showLoadingSpinner(), this.createGlass(), As(n, (a) => {
+      this.hideLoadingSpinner(), this.magnified = !0, ks(t, this.innerBox, this.offset, a, this.glass, this.magnifier);
     }, (a) => {
       this.hideLoadingSpinner(), this.removeGlass(), this.emit("onError", {
         error: { message: a.message, url: a.url },
@@ -2500,8 +2531,8 @@ class Ft {
   }
   openFullscreenModal(t) {
     t.stopPropagation(), this.hideHotspotPopper(), this.releaseMemory(), window.document.body.style.overflow = "hidden";
-    const i = ns(this.container);
-    this.fullscreenInstance = new Ft(i, this.viewerConfig, !0), this.fullscreenInstance.originalViewer = this, this.emit("onFullscreenOpen"), this.announce("Opened fullscreen mode. Press Escape to exit.");
+    const i = os(this.container);
+    this.fullscreenInstance = new Vt(i, this.viewerConfig, !0), this.fullscreenInstance.originalViewer = this, this.emit("onFullscreenOpen"), this.announce("Opened fullscreen mode. Press Escape to exit.");
   }
   closeFullscreenModal(t) {
     t.stopPropagation();
@@ -2523,7 +2554,7 @@ class Ft {
       bottom: this.moveBottom.bind(this)
     };
     this.loopTimeoutId = window.setInterval(() => {
-      if (this.playOnce && Xs({
+      if (this.playOnce && Ys({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2534,7 +2565,7 @@ class Ft {
         this.stopAutoplay();
         return;
       }
-      Rs({
+      Xs({
         autoplayBehavior: this.autoplayBehavior,
         activeImageX: this.activeImageX,
         activeImageY: this.activeImageY,
@@ -2542,9 +2573,9 @@ class Ft {
         amountY: this.amountY,
         autoplayReverse: this.autoplayReverse,
         spinDirection: this.spinDirection
-      }) && (this.spinDirection = Zs(this.spinDirection));
+      }) && (this.spinDirection = Hs(this.spinDirection));
       const n = this.spinDirection === "y";
-      Ys({
+      Ps({
         autoplayBehavior: this.autoplayBehavior,
         spinY: n,
         reversed: this.autoplayReverse,
@@ -2554,10 +2585,10 @@ class Ft {
   }
   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 ? xe(this.viewerConfig, this.touchDevice) : this.hints;
+      const t = this.hints === !0 ? Ce(this.viewerConfig, this.touchDevice) : this.hints;
       t && t.length > 0 && (this.hintsOverlay = Ie(this.innerBox, t, {
         pointerZoomTrigger: this.pointerZoomTrigger
-      }), Ce(this.hintsOverlay));
+      }), xe(this.hintsOverlay));
     }
   }
   destroy() {
@@ -2584,7 +2615,7 @@ class Ft {
     });
   }
   addInitialIcon() {
-    this.initialIcon || this.hide360Logo || (this.initialIcon = Ji(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
+    this.initialIcon || this.hide360Logo || (this.initialIcon = Ki(this.logoSrc), this.innerBox.appendChild(this.initialIcon));
   }
   showInitialIcon() {
     !this.initialIcon || this.hasInteracted || (this.initialIcon.style.opacity = 1);
@@ -2599,7 +2630,7 @@ class Ft {
     this.showAllIcons(), this.innerBox.removeChild(this.glass), this.glass = null, this.magnified = !1;
   }
   addMagnifierIcon() {
-    this.pointerZoom && (this.magnifierIcon = is(), this.magnifierIcon.onclick = this.zoomIn.bind(this), this.iconsContainer.appendChild(this.magnifierIcon), this.zoomOutIcon = ss(), this.zoomOutIcon.onclick = this.zoomOut.bind(this), this.zoomOutIcon.style.display = "none", this.iconsContainer.appendChild(this.zoomOutIcon));
+    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));
   }
   showMagnifierIcon() {
     this.magnifierIcon && (this.magnifierIcon.style.display = "", this.magnifierIcon.style.visibility = "visible", this.magnifierIcon.style.opacity = 1);
@@ -2614,10 +2645,10 @@ class Ft {
     this.zoomOutIcon && (this.zoomOutIcon.style.display = "none", this.zoomOutIcon.style.visibility = "hidden", this.zoomOutIcon.style.opacity = 0);
   }
   addFullscreenIcon() {
-    this.fullscreen && (this.fullscreenIcon = ts(), this.fullscreenIcon.onclick = this.openFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenIcon));
+    this.fullscreen && (this.fullscreenIcon = Qi(), 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 = qi(), this.fullscreenCloseIcon.onclick = this.closeFullscreenModal.bind(this), this.iconsContainer.appendChild(this.fullscreenCloseIcon);
   }
   showFullscreenIcon() {
     this.fullscreenIcon && (this.fullscreenIcon.style.opacity = 1);
@@ -2635,13 +2666,13 @@ class Ft {
     this.view360CircleIcon && (this.view360CircleIcon.style.opacity = 0);
   }
   addLoadingSpinner() {
-    this.loadingSpinner = rs(), this.innerBox.appendChild(this.loadingSpinner);
+    this.loadingSpinner = ns(), this.innerBox.appendChild(this.loadingSpinner);
   }
   showLoadingSpinner() {
     this.loadingSpinner && (this.hideAllIcons(), this.loadingSpinner.style.opacity = 1);
   }
   createTransitionOverlay() {
-    this.transitionOverlay = as(), this.innerBox.appendChild(this.transitionOverlay);
+    this.transitionOverlay = rs(), this.innerBox.appendChild(this.transitionOverlay);
   }
   showTransitionOverlay() {
     this.transitionOverlay && (this.hideAllIcons(), this.transitionOverlay.style.opacity = 1);
@@ -2653,11 +2684,11 @@ class Ft {
     this.loadingSpinner && (this.loadingSpinner.style.opacity = 0);
   }
   hideHints() {
-    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, us(this.hintsOverlay));
+    !this.hintsOverlay || this.hintsHidden || (this.hintsHidden = !0, ds(this.hintsOverlay));
   }
   addHotspotTimeline() {
     if (!this.hotspots || this.hotspotTimeline) return;
-    const t = gs(this.container, this.amountX, this.hotspots);
+    const t = vs(this.container, this.amountX, this.hotspots);
     if (!t) return;
     this.hotspotTimeline = t.element, this.hotspotTimelineIndicator = t.indicator, this.hotspotTimeline.querySelectorAll(".cloudimage-360-hotspot-timeline-dot").forEach((s) => {
       s.addEventListener("click", (o) => {
@@ -2668,13 +2699,13 @@ class Ft {
     }), this.updateHotspotTimelinePosition();
   }
   showHotspotTimeline() {
-    bs(this.hotspotTimeline);
+    ys(this.hotspotTimeline);
   }
   hideHotspotTimeline() {
-    ws(this.hotspotTimeline);
+    bs(this.hotspotTimeline);
   }
   updateHotspotTimelinePosition() {
-    ys(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
+    gs(this.hotspotTimelineIndicator, this.activeImageX, this.amountX);
   }
   /**
    * Animates the viewer to a target frame, optionally showing a hotspot popup on arrival
@@ -2755,7 +2786,7 @@ class Ft {
     document.removeEventListener("keydown", this.boundKeyDown), document.removeEventListener("keyup", this.boundKeyUp);
   }
   createContainers(t) {
-    if (this.iconsContainer = be(this.innerBox), this.canvas = qi(this.innerBox, t), this.loader = os(this.innerBox), this.ariaLiveRegion = cs(this.innerBox), this.useMainThreadCanvas)
+    if (this.iconsContainer = be(this.innerBox), this.canvas = Ji(this.innerBox, t), this.loader = ss(this.innerBox), this.ariaLiveRegion = ls(this.innerBox), this.useMainThreadCanvas)
       this.canvasWorker.postMessage({
         action: "initCanvas",
         offscreen: this.canvas,
@@ -2778,7 +2809,7 @@ class Ft {
     this.isReady && (this.stopAutoplay(), qt(this.innerBox, ".cloudimage-360-icons-container"), this.init(this.container, t, !0), this.iconsContainer = be(this.innerBox), this.onAllImagesLoaded());
   }
   init(t, i, s) {
-    const o = i ? Di(i) : Hi(t), {
+    const o = i ? Zi(i) : Ri(t), {
       folder: n,
       apiVersion: l,
       filenameX: r,
@@ -2795,30 +2826,30 @@ class Ft {
       bottomCircleOffset: E,
       autoplay: w,
       autoplayBehavior: y,
-      playOnce: C,
+      playOnce: x,
       speed: m,
       autoplayReverse: g,
-      fullscreen: x,
+      fullscreen: C,
       magnifier: A,
-      ciToken: k,
+      ciToken: S,
       ciFilters: T,
       ciTransformation: X,
       lazyload: L,
       dragSpeed: $,
       stopAtEdges: G,
-      pointerZoom: P,
+      pointerZoom: M,
       pointerZoomTrigger: D = "dblclick",
       imageInfo: ot = "black",
-      initialIconShown: U,
+      initialIconShown: _,
       bottomCircle: nt,
       hotspots: yt,
       hotspotTrigger: tt = "hover",
       dragReverse: rt,
       hide360Logo: q,
-      logoSrc: V,
+      logoSrc: N,
       inertia: et,
       pinchZoom: at,
-      hints: _,
+      hints: U,
       theme: lt,
       hotspotTimelineOnClick: zt = !0,
       aspectRatio: ct,
@@ -2827,16 +2858,16 @@ class Ft {
       onLoad: Lt,
       onSpin: $t,
       onAutoplayStart: Gt,
-      onAutoplayStop: Pt,
-      onFullscreenOpen: Mt,
-      onFullscreenClose: Ut,
-      onZoomIn: _t,
+      onAutoplayStop: Mt,
+      onFullscreenOpen: Pt,
+      onFullscreenClose: _t,
+      onZoomIn: Ut,
       onZoomOut: K,
       onDragStart: ht,
       onDragEnd: Yt,
       onError: Xt
-    } = o, dt = { ciToken: k, ciFilters: T, ciTransformation: X }, 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 = C, this.speed = m, this.autoplayReverse = g, this.fullscreen = x, this.magnifier = A > 1 ? Math.min(A, Xi) : 0, this.dragSpeed = Math.max($, Yi), this.stopAtEdges = G, this.ciParams = dt, this.apiVersion = l, this.pointerZoom = P > 1 ? Math.min(P, ge) : null, this.pointerZoomTrigger = D, this.keysReverse = O, this.info = ot, this.keys = v, this.innerBox = this.innerBox ?? es(this.container), ct && (this.container.style.aspectRatio = ct), this.initialIconShown = U, this.bottomCircle = nt, this.spinDirection = Hs(this.autoplayBehavior, this.allowSpinX, this.allowSpinY), this.dragReverse = rt, this.hotspots = yt, this.hotspotTrigger = tt, this.hide360Logo = q, this.logoSrc = V, this.inertia = et, this.pinchZoom = at, this.hints = _, 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 = Lt, this.onSpin = $t, this.onAutoplayStart = Gt, this.onAutoplayStop = Pt, this.onFullscreenOpen = Mt, this.onFullscreenClose = Ut, this.onZoomIn = _t, this.onZoomOut = K, this.onDragStart = ht, this.onDragEnd = Yt, this.onError = Xt, this.srcXConfig = {
+    } = o, dt = { ciToken: S, ciFilters: T, ciTransformation: X }, 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, Xi) : 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 = Rs(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 = Lt, 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 = Xt, this.srcXConfig = {
       folder: n,
       filename: r,
       imageList: ut,
@@ -2856,7 +2887,7 @@ class Ft {
       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 ? Ct(this.srcXConfig, bt) : null, ce = this.allowSpinY && !pt.length ? Ct(this.srcYConfig, bt) : null, he = (ii) => {
+    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({
         cdnPathX: wt,
         cdnPathY: ce,
@@ -2871,8 +2902,8 @@ class Ft {
     this.allowSpinX ? Ee(wt, this.srcXConfig, he) : this.allowSpinY && Ee(ce, this.srcYConfig, he);
   }
 }
-const Fe = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-class hn {
+const Ve = typeof navigator < "u" && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+class cn {
   constructor() {
     this.views = /* @__PURE__ */ new Map(), this.initAll = this.initAll.bind(this), this.getViews = this.getViews.bind(this), this.memoryObserver = null, this.memoryManagementAutoEnabled = !1;
   }
@@ -2883,16 +2914,16 @@ class hn {
     if (!t) return;
     const o = t.id || this.generateId();
     t.id || (t.id = o);
-    const n = new Ft(t, i, s);
-    return this.views.set(o, n), Fe && !this.memoryManagementAutoEnabled && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100)), n;
+    const n = new Vt(t, i, s);
+    return this.views.set(o, n), Ve && !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 Ft(s);
+      const n = new Vt(s);
       this.views.set(o, n);
-    }), Fe && !this.memoryManagementAutoEnabled && this.views.size > 0 && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100));
+    }), Ve && !this.memoryManagementAutoEnabled && this.views.size > 0 && (this.memoryManagementAutoEnabled = !0, setTimeout(() => this.enableMemoryManagement(), 100));
   }
   destroy(t) {
     const i = this.getViewById(t);
@@ -2961,6 +2992,6 @@ class hn {
   }
 }
 export {
-  hn as default
+  cn as default
 };
-//# sourceMappingURL=ci360-85fPJbOD.mjs.map
+//# sourceMappingURL=ci360-CX3RAC_t.mjs.map