@car-cutter/react-webplayer 3.0.2 → 3.1.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./shared-BWLUv51h.cjs");require("react/jsx-runtime");const P=require("react"),I=require("react-dom/client");var S=Object.defineProperty,L=(e,n,o)=>n in e?S(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,p=(e,n,o)=>(L(e,typeof n!="symbol"?n+"":n,o),o);const W={stringify:e=>e,parse:e=>e},V={stringify:e=>`${e}`,parse:e=>parseFloat(e)},R={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},D={stringify:e=>e.name,parse:(e,n,o)=>{const i=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof i=="function"?i.bind(o):void 0}},M={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)},f={string:W,number:V,boolean:R,function:D,json:M};function w(e){return e.replace(/([a-z0-9])([A-Z])/g,(n,o,i)=>`${o}-${i.toLowerCase()}`)}const O=Symbol.for("r2wc.render"),N=Symbol.for("r2wc.connected"),u=Symbol.for("r2wc.context"),c=Symbol.for("r2wc.props");function Y(e,n,o){var i,b,C;n.props||(n.props=e.propTypes?Object.keys(e.propTypes):[]);const m=Array.isArray(n.props)?n.props.slice():Object.keys(n.props),T={},d={},y={};for(const s of m){T[s]=Array.isArray(n.props)?"string":n.props[s];const r=w(s);d[s]=r,y[r]=s}class g extends HTMLElement{constructor(){super(),p(this,i,!0),p(this,b),p(this,C,{}),p(this,"container"),n.shadow?this.container=this.attachShadow({mode:n.shadow}):this.container=this,this[c].container=this.container;for(const r of m){const _=d[r],l=this.getAttribute(_),a=T[r],E=a?f[a]:null;E!=null&&E.parse&&l&&(this[c][r]=E.parse(l,_,this))}}static get observedAttributes(){return Object.keys(y)}connectedCallback(){this[N]=!0,this[O]()}disconnectedCallback(){this[N]=!1,this[u]&&o.unmount(this[u]),delete this[u]}attributeChangedCallback(r,_,l){const a=y[r],E=T[a],A=E?f[E]:null;a in T&&A!=null&&A.parse&&l&&(this[c][a]=A.parse(l,r,this),this[O]())}[(i=N,b=u,C=c,O)](){this[N]&&(this[u]?o.update(this[u],this[c]):this[u]=o.mount(this.container,e,this[c]))}}for(const s of m){const r=d[s],_=T[s];Object.defineProperty(g.prototype,s,{enumerable:!0,configurable:!0,get(){return this[c][s]},set(l){this[c][s]=l;const a=_?f[_]:null;if(a!=null&&a.stringify){const E=a.stringify(l,r,this);this.getAttribute(r)!==E&&this.setAttribute(r,E)}else this[O]()}})}return g}function G(e,n,o){const i=I.createRoot(e),b=P.createElement(n,o);return i.render(b),{root:i,ReactComponent:n}}function F({root:e,ReactComponent:n},o){const i=P.createElement(n,o);e.render(i)}function v({root:e}){setTimeout(()=>{e.unmount()},0)}function h(e,n={}){return Y(e,n,{mount:G,update:F,unmount:v})}const j=h(t.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",integration:"boolean",maxItemsShown:"number",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),x=h(t.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),B=h(t.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function k(){customElements.define(t.WEB_PLAYER_WC_TAG,j),customElements.define(t.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,x),customElements.define(t.WEB_PLAYER_ICON_WC_TAG,B)}function H(){t.checkCustomElementsDefinition()||k()}H();exports.ANALYTICS_EVENT_IDENTIFY=t.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=t.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=t.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=t.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=t.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=t.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=t.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=t.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=t.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=t.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=t.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=t.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=t.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=t.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=t.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=t.WEB_PLAYER_WC_TAG;exports.WebPlayer=t.WebPlayer;exports.WebPlayerCustomMedia=t.WebPlayerCustomMedia$1;exports.WebPlayerIcon=t.WebPlayerIcon$1;exports.generateCompositionUrl=t.generateCompositionUrl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-Dj9ilM-O.cjs");require("react/jsx-runtime");const S=require("react"),V=require("react-dom/client");var R=Object.defineProperty,D=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},w={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},M={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function L(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const _=L(t);if(typeof r<"u"&&_ in r.container)return r.container[_]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},N={string:j,number:F,boolean:v,function:w,method:G,json:M},f=Symbol.for("r2wc.render"),O=Symbol.for("r2wc.connected"),T=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,_,C;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const h=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),g=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),b={},P={},m={},d={};for(const i of h){b[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);m[i]=o,d[o]=i}for(const i of g)P[i]=Array.isArray(t.events)?{}:t.events[i];class I extends HTMLElement{constructor(){super(),y(this,C,!0),y(this,_),y(this,s,{}),y(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of h){const l=m[o],E=this.getAttribute(l),c=b[o],u=c?N[c]:null;if(c==="method"){const p=L(l);Object.defineProperty(this[a].container,p,{enumerable:!0,configurable:!0,get(){return this[a][p]},set(W){this[a][p]=W,this[f]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of g)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...P[o]}))}}static get observedAttributes(){return Object.keys(d)}connectedCallback(){this[O]=!0,this[f]()}disconnectedCallback(){this[O]=!1,this[T]&&r.unmount(this[T]),delete this[T]}attributeChangedCallback(o,l,E){const c=d[o],u=b[c],p=u?N[u]:null;c in b&&p!=null&&p.parse&&E&&(this[a][c]=p.parse(E,o,this),this[f]())}[(C=O,_=T,s=a,f)](){this[O]&&(this[T]?r.update(this[T],this[a]):this[T]=r.mount(this.container,e,this[a]))}}for(const i of h){const o=m[i],l=b[i];Object.defineProperty(I.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?N[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[f]()}})}return I}function x(e,t,r){const s=V.createRoot(e),_=S.createElement(t,r);return s.render(_),{root:s,ReactComponent:t}}function B({root:e,ReactComponent:t},r){const s=S.createElement(t,r);e.render(s)}function U({root:e}){setTimeout(()=>{e.unmount()},0)}function A(e,t={}){return k(e,t,{mount:x,update:B,unmount:U})}const $=A(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",integration:"boolean",maxItemsShown:"number",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),H=A(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=A(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,$),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_IDENTIFY=n.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=n.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=n.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;

package/dist/index.d.ts

@@ -186,12 +186,18 @@ export declare type Item =
 | ImageItem
 | VideoItem
 | ThreeSixtyItem
+| NextGenThreeSixtyItem
 | InteriorThreeSixtyItem;
 
 export declare type MediaLoadStrategy = "quality" | "balanced" | "speed";
 
 declare type MediaWidth = number;
 
+declare type NextGenThreeSixtyItem = {
+    type: "next360";
+    images: ImageWithHotspots[];
+};
+
 declare type ThreeSixtyItem = {
     type: "360";
     images: ImageWithHotspots[];

package/dist/index.js

@@ -1,19 +1,13 @@
-import { W as S, a as P, b as I, c as W, d as w, e as L, f as D } from "./shared-nW6KBfyK.js";
-import { A as oe, s as re, t as se, D as ie, j as ae, E as le, k as ce, n as ue, m as pe, r as me, q as Ee, p as be, o as fe, l as de, g as he, h as ye, i as _e, u as ge } from "./shared-nW6KBfyK.js";
+import { W as I, a as L, b as W, c as D, d as R, e as V, f as M } from "./shared-D7cc889c.js";
+import { A as ce, g as le, h as ue, D as pe, E as fe, i as me, j as be, k as Ee, l as he, m as ye, n as de, o as ge, p as _e, q as Te, r as Oe, s as Ae, t as Ce, u as Ne } from "./shared-D7cc889c.js";
 import "react/jsx-runtime";
-import N from "react";
-import { createRoot as R } from "react-dom/client";
-var V = Object.defineProperty, M = (e, t, n) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t, n) => (M(e, typeof t != "symbol" ? t + "" : t, n), n);
-const v = {
-  stringify: (e) => e,
-  parse: (e) => e
-}, x = {
-  stringify: (e) => `${e}`,
-  parse: (e) => parseFloat(e)
-}, j = {
+import P from "react";
+import { createRoot as j } from "react-dom/client";
+var x = Object.defineProperty, k = (e, t, n) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t, n) => k(e, typeof t != "symbol" ? t + "" : t, n);
+const F = {
   stringify: (e) => e ? "true" : "false",
   parse: (e) => /^[ty1-9]/i.test(e)
-}, k = {
+}, G = {
   stringify: (e) => e.name,
   parse: (e, t, n) => {
     const r = (() => {
@@ -24,104 +18,146 @@ const v = {
     })();
     return typeof r == "function" ? r.bind(n) : void 0;
   }
-}, F = {
+}, Y = {
   stringify: (e) => JSON.stringify(e),
   parse: (e) => JSON.parse(e)
-}, T = {
-  string: v,
-  number: x,
-  boolean: j,
-  function: k,
-  json: F
 };
-function G(e) {
+function U(e) {
   return e.replace(
     /([a-z0-9])([A-Z])/g,
     (t, n, r) => `${n}-${r.toLowerCase()}`
   );
 }
-const f = Symbol.for("r2wc.render"), d = Symbol.for("r2wc.connected"), u = Symbol.for("r2wc.context"), c = Symbol.for("r2wc.props");
-function Y(e, t, n) {
-  var r, E, C;
-  t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []);
-  const h = Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props), m = {}, y = {}, _ = {};
-  for (const s of h) {
-    m[s] = Array.isArray(t.props) ? "string" : t.props[s];
-    const o = G(s);
-    y[s] = o, _[o] = s;
+function v(e) {
+  return e.replace(/[-:]([a-z])/g, (t, n) => `${n.toUpperCase()}`);
+}
+const $ = {
+  stringify: (e) => e.name,
+  parse: (e, t, n) => {
+    const r = (() => {
+      const p = v(t);
+      if (typeof n < "u" && p in n.container)
+        return n.container[p];
+    })();
+    return typeof r == "function" ? r.bind(n) : void 0;
+  }
+}, B = {
+  stringify: (e) => `${e}`,
+  parse: (e) => parseFloat(e)
+}, H = {
+  stringify: (e) => e,
+  parse: (e) => e
+}, T = {
+  string: H,
+  number: B,
+  boolean: F,
+  function: G,
+  method: $,
+  json: Y
+}, E = Symbol.for("r2wc.render"), y = Symbol.for("r2wc.connected"), m = Symbol.for("r2wc.context"), i = Symbol.for("r2wc.props");
+function z(e, t, n) {
+  var r, p, A;
+  t.props || (t.props = e.propTypes ? Object.keys(e.propTypes) : []), t.events || (t.events = []);
+  const d = Array.isArray(t.props) ? t.props.slice() : Object.keys(t.props), C = Array.isArray(t.events) ? t.events.slice() : Object.keys(t.events), b = {}, N = {}, g = {}, _ = {};
+  for (const s of d) {
+    b[s] = Array.isArray(t.props) ? "string" : t.props[s];
+    const o = U(s);
+    g[s] = o, _[o] = s;
   }
-  class A extends HTMLElement {
+  for (const s of C)
+    N[s] = Array.isArray(t.events) ? {} : t.events[s];
+  class S extends HTMLElement {
     constructor() {
-      super(), b(this, r, !0), b(this, E), b(this, C, {}), b(this, "container"), t.shadow ? this.container = this.attachShadow({
+      super(), h(this, A, !0), h(this, p), h(this, r, {}), h(this, "container"), t.shadow ? this.container = this.attachShadow({
         mode: t.shadow
-      }) : this.container = this, this[c].container = this.container;
-      for (const o of h) {
-        const p = y[o], l = this.getAttribute(p), i = m[o], a = i ? T[i] : null;
-        a != null && a.parse && l && (this[c][o] = a.parse(l, p, this));
+      }) : this.container = this, this[i].container = this.container;
+      for (const o of d) {
+        const l = g[o], a = this.getAttribute(l), c = b[o], u = c ? T[c] : null;
+        if (c === "method") {
+          const f = v(l);
+          Object.defineProperty(this[i].container, f, {
+            enumerable: !0,
+            configurable: !0,
+            get() {
+              return this[i][f];
+            },
+            set(w) {
+              this[i][f] = w, this[E]();
+            }
+          }), this[i][o] = u.parse(a, l, this);
+        }
+        u != null && u.parse && a && (this[i][o] = u.parse(a, l, this));
       }
+      for (const o of C)
+        this[i][o] = (l) => {
+          const a = o.replace(/^on/, "").toLowerCase();
+          this.dispatchEvent(
+            new CustomEvent(a, { detail: l, ...N[o] })
+          );
+        };
     }
     static get observedAttributes() {
       return Object.keys(_);
     }
     connectedCallback() {
-      this[d] = !0, this[f]();
+      this[y] = !0, this[E]();
     }
     disconnectedCallback() {
-      this[d] = !1, this[u] && n.unmount(this[u]), delete this[u];
+      this[y] = !1, this[m] && n.unmount(this[m]), delete this[m];
     }
-    attributeChangedCallback(o, p, l) {
-      const i = _[o], a = m[i], g = a ? T[a] : null;
-      i in m && g != null && g.parse && l && (this[c][i] = g.parse(l, o, this), this[f]());
+    attributeChangedCallback(o, l, a) {
+      const c = _[o], u = b[c], f = u ? T[u] : null;
+      c in b && f != null && f.parse && a && (this[i][c] = f.parse(a, o, this), this[E]());
     }
-    [(r = d, E = u, C = c, f)]() {
-      this[d] && (this[u] ? n.update(this[u], this[c]) : this[u] = n.mount(
+    [(A = y, p = m, r = i, E)]() {
+      this[y] && (this[m] ? n.update(this[m], this[i]) : this[m] = n.mount(
         this.container,
         e,
-        this[c]
+        this[i]
       ));
     }
   }
-  for (const s of h) {
-    const o = y[s], p = m[s];
-    Object.defineProperty(A.prototype, s, {
+  for (const s of d) {
+    const o = g[s], l = b[s];
+    Object.defineProperty(S.prototype, s, {
       enumerable: !0,
       configurable: !0,
       get() {
-        return this[c][s];
+        return this[i][s];
       },
-      set(l) {
-        this[c][s] = l;
-        const i = p ? T[p] : null;
-        if (i != null && i.stringify) {
-          const a = i.stringify(l, o, this);
-          this.getAttribute(o) !== a && this.setAttribute(o, a);
+      set(a) {
+        this[i][s] = a;
+        const c = l ? T[l] : null;
+        if (c != null && c.stringify) {
+          const u = c.stringify(a, o, this);
+          this.getAttribute(o) !== u && this.setAttribute(o, u);
         } else
-          this[f]();
+          this[E]();
       }
     });
   }
-  return A;
+  return S;
 }
-function B(e, t, n) {
-  const r = R(e), E = N.createElement(t, n);
-  return r.render(E), {
+function J(e, t, n) {
+  const r = j(e), p = P.createElement(t, n);
+  return r.render(p), {
     root: r,
     ReactComponent: t
   };
 }
-function U({ root: e, ReactComponent: t }, n) {
-  const r = N.createElement(t, n);
+function X({ root: e, ReactComponent: t }, n) {
+  const r = P.createElement(t, n);
   e.render(r);
 }
-function H({ root: e }) {
+function q({ root: e }) {
   setTimeout(() => {
     e.unmount();
   }, 0);
 }
 function O(e, t = {}) {
-  return Y(e, t, { mount: B, update: U, unmount: H });
+  return z(e, t, { mount: J, update: X, unmount: q });
 }
-const $ = O(S, {
+const K = O(I, {
   shadow: "closed",
   props: {
     compositionUrl: "string",
@@ -152,47 +188,47 @@ const $ = O(S, {
     analyticsDryRun: "boolean",
     analyticsDebug: "boolean"
   }
-}), J = O(P, {
+}), Z = O(L, {
   shadow: "closed",
   props: {
     index: "number",
     thumbnailSrc: "string"
   }
-}), X = O(I, {
+}), Q = O(W, {
   shadow: "closed",
   props: {
     name: "string"
   }
 });
-function q() {
-  customElements.define(w, $), customElements.define(
-    L,
-    J
-  ), customElements.define(D, X);
+function ee() {
+  customElements.define(R, K), customElements.define(
+    V,
+    Z
+  ), customElements.define(M, Q);
 }
-function z() {
-  W() || q();
+function te() {
+  D() || ee();
 }
-z();
+te();
 export {
-  oe as ANALYTICS_EVENT_IDENTIFY,
-  re as ANALYTICS_EVENT_PAGE,
-  se as ANALYTICS_EVENT_TRACK,
-  ie as DEFAULT_EVENT_PREFIX,
-  ae as EVENT_COMPOSITION_LOADED,
-  le as EVENT_COMPOSITION_LOADING,
-  ce as EVENT_COMPOSITION_LOAD_ERROR,
-  ue as EVENT_EXTEND_MODE_OFF,
-  pe as EVENT_EXTEND_MODE_ON,
-  me as EVENT_GALLERY_CLOSE,
-  Ee as EVENT_GALLERY_OPEN,
-  be as EVENT_HOTSPOTS_OFF,
-  fe as EVENT_HOTSPOTS_ON,
-  de as EVENT_ITEM_CHANGE,
-  D as WEB_PLAYER_ICON_WC_TAG,
-  w as WEB_PLAYER_WC_TAG,
-  he as WebPlayer,
-  ye as WebPlayerCustomMedia,
-  _e as WebPlayerIcon,
-  ge as generateCompositionUrl
+  ce as ANALYTICS_EVENT_IDENTIFY,
+  le as ANALYTICS_EVENT_PAGE,
+  ue as ANALYTICS_EVENT_TRACK,
+  pe as DEFAULT_EVENT_PREFIX,
+  fe as EVENT_COMPOSITION_LOADED,
+  me as EVENT_COMPOSITION_LOADING,
+  be as EVENT_COMPOSITION_LOAD_ERROR,
+  Ee as EVENT_EXTEND_MODE_OFF,
+  he as EVENT_EXTEND_MODE_ON,
+  ye as EVENT_GALLERY_CLOSE,
+  de as EVENT_GALLERY_OPEN,
+  ge as EVENT_HOTSPOTS_OFF,
+  _e as EVENT_HOTSPOTS_ON,
+  Te as EVENT_ITEM_CHANGE,
+  M as WEB_PLAYER_ICON_WC_TAG,
+  R as WEB_PLAYER_WC_TAG,
+  Oe as WebPlayer,
+  Ae as WebPlayerCustomMedia,
+  Ce as WebPlayerIcon,
+  Ne as generateCompositionUrl
 };

package/dist/legacy.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./shared-BWLUv51h.cjs");require("react/jsx-runtime");const I=require("react"),f=require("react-dom");var S=Object.defineProperty,L=(e,n,r)=>n in e?S(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,p=(e,n,r)=>(L(e,typeof n!="symbol"?n+"":n,r),r);const W={stringify:e=>e,parse:e=>e},V={stringify:e=>`${e}`,parse:e=>parseFloat(e)},R={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},D={stringify:e=>e.name,parse:(e,n,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},M={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)},A={string:W,number:V,boolean:R,function:D,json:M};function w(e){return e.replace(/([a-z0-9])([A-Z])/g,(n,r,s)=>`${r}-${s.toLowerCase()}`)}const b=Symbol.for("r2wc.render"),N=Symbol.for("r2wc.connected"),u=Symbol.for("r2wc.context"),c=Symbol.for("r2wc.props");function Y(e,n,r){var s,C,g;n.props||(n.props=e.propTypes?Object.keys(e.propTypes):[]);const O=Array.isArray(n.props)?n.props.slice():Object.keys(n.props),T={},d={},m={};for(const i of O){T[i]=Array.isArray(n.props)?"string":n.props[i];const o=w(i);d[i]=o,m[o]=i}class P extends HTMLElement{constructor(){super(),p(this,s,!0),p(this,C),p(this,g,{}),p(this,"container"),n.shadow?this.container=this.attachShadow({mode:n.shadow}):this.container=this,this[c].container=this.container;for(const o of O){const _=d[o],l=this.getAttribute(_),a=T[o],E=a?A[a]:null;E!=null&&E.parse&&l&&(this[c][o]=E.parse(l,_,this))}}static get observedAttributes(){return Object.keys(m)}connectedCallback(){this[N]=!0,this[b]()}disconnectedCallback(){this[N]=!1,this[u]&&r.unmount(this[u]),delete this[u]}attributeChangedCallback(o,_,l){const a=m[o],E=T[a],y=E?A[E]:null;a in T&&y!=null&&y.parse&&l&&(this[c][a]=y.parse(l,o,this),this[b]())}[(s=N,C=u,g=c,b)](){this[N]&&(this[u]?r.update(this[u],this[c]):this[u]=r.mount(this.container,e,this[c]))}}for(const i of O){const o=d[i],_=T[i];Object.defineProperty(P.prototype,i,{enumerable:!0,configurable:!0,get(){return this[c][i]},set(l){this[c][i]=l;const a=_?A[_]:null;if(a!=null&&a.stringify){const E=a.stringify(l,o,this);this.getAttribute(o)!==E&&this.setAttribute(o,E)}else this[b]()}})}return P}function G(e,n,r){const s=I.createElement(n,r);return f.render(s,e),{container:e,ReactComponent:n}}function F({container:e,ReactComponent:n},r){const s=I.createElement(n,r);f.render(s,e)}function v({container:e}){f.unmountComponentAtNode(e)}function h(e,n={}){return Y(e,n,{mount:G,update:F,unmount:v})}const j=h(t.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),B=h(t.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),k=h(t.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function x(){customElements.define(t.WEB_PLAYER_WC_TAG,j),customElements.define(t.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,B),customElements.define(t.WEB_PLAYER_ICON_WC_TAG,k)}function $(){t.checkCustomElementsDefinition()||x()}$();exports.ANALYTICS_EVENT_IDENTIFY=t.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=t.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=t.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=t.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=t.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=t.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=t.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=t.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=t.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=t.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=t.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=t.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=t.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=t.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=t.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=t.WEB_PLAYER_WC_TAG;exports.WebPlayer=t.WebPlayer;exports.WebPlayerCustomMedia=t.WebPlayerCustomMedia$1;exports.WebPlayerIcon=t.WebPlayerIcon$1;exports.generateCompositionUrl=t.generateCompositionUrl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./shared-Dj9ilM-O.cjs");require("react/jsx-runtime");const S=require("react"),A=require("react-dom");var R=Object.defineProperty,D=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t,r)=>D(e,typeof t!="symbol"?t+"":t,r);const v={stringify:e=>e?"true":"false",parse:e=>/^[ty1-9]/i.test(e)},M={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{if(typeof window<"u"&&e in window)return window[e];if(typeof global<"u"&&e in global)return global[e]})();return typeof s=="function"?s.bind(r):void 0}},w={stringify:e=>JSON.stringify(e),parse:e=>JSON.parse(e)};function Y(e){return e.replace(/([a-z0-9])([A-Z])/g,(t,r,s)=>`${r}-${s.toLowerCase()}`)}function W(e){return e.replace(/[-:]([a-z])/g,(t,r)=>`${r.toUpperCase()}`)}const G={stringify:e=>e.name,parse:(e,t,r)=>{const s=(()=>{const T=W(t);if(typeof r<"u"&&T in r.container)return r.container[T]})();return typeof s=="function"?s.bind(r):void 0}},F={stringify:e=>`${e}`,parse:e=>parseFloat(e)},j={stringify:e=>e,parse:e=>e},m={string:j,number:F,boolean:v,function:M,method:G,json:w},f=Symbol.for("r2wc.render"),O=Symbol.for("r2wc.connected"),p=Symbol.for("r2wc.context"),a=Symbol.for("r2wc.props");function k(e,t,r){var s,T,g;t.props||(t.props=e.propTypes?Object.keys(e.propTypes):[]),t.events||(t.events=[]);const d=Array.isArray(t.props)?t.props.slice():Object.keys(t.props),P=Array.isArray(t.events)?t.events.slice():Object.keys(t.events),b={},I={},h={},N={};for(const i of d){b[i]=Array.isArray(t.props)?"string":t.props[i];const o=Y(i);h[i]=o,N[o]=i}for(const i of P)I[i]=Array.isArray(t.events)?{}:t.events[i];class L extends HTMLElement{constructor(){super(),y(this,g,!0),y(this,T),y(this,s,{}),y(this,"container"),t.shadow?this.container=this.attachShadow({mode:t.shadow}):this.container=this,this[a].container=this.container;for(const o of d){const l=h[o],E=this.getAttribute(l),c=b[o],u=c?m[c]:null;if(c==="method"){const _=W(l);Object.defineProperty(this[a].container,_,{enumerable:!0,configurable:!0,get(){return this[a][_]},set(V){this[a][_]=V,this[f]()}}),this[a][o]=u.parse(E,l,this)}u!=null&&u.parse&&E&&(this[a][o]=u.parse(E,l,this))}for(const o of P)this[a][o]=l=>{const E=o.replace(/^on/,"").toLowerCase();this.dispatchEvent(new CustomEvent(E,{detail:l,...I[o]}))}}static get observedAttributes(){return Object.keys(N)}connectedCallback(){this[O]=!0,this[f]()}disconnectedCallback(){this[O]=!1,this[p]&&r.unmount(this[p]),delete this[p]}attributeChangedCallback(o,l,E){const c=N[o],u=b[c],_=u?m[u]:null;c in b&&_!=null&&_.parse&&E&&(this[a][c]=_.parse(E,o,this),this[f]())}[(g=O,T=p,s=a,f)](){this[O]&&(this[p]?r.update(this[p],this[a]):this[p]=r.mount(this.container,e,this[a]))}}for(const i of d){const o=h[i],l=b[i];Object.defineProperty(L.prototype,i,{enumerable:!0,configurable:!0,get(){return this[a][i]},set(E){this[a][i]=E;const c=l?m[l]:null;if(c!=null&&c.stringify){const u=c.stringify(E,o,this);this.getAttribute(o)!==u&&this.setAttribute(o,u)}else this[f]()}})}return L}function B(e,t,r){const s=S.createElement(t,r);return A.render(s,e),{container:e,ReactComponent:t}}function $({container:e,ReactComponent:t},r){const s=S.createElement(t,r);A.render(s,e)}function x({container:e}){A.unmountComponentAtNode(e)}function C(e,t={}){return k(e,t,{mount:B,update:$,unmount:x})}const U=C(n.WebPlayerWithInjectedStyles,{shadow:"closed",props:{compositionUrl:"string",hideCategoriesNav:"boolean",infiniteCarrousel:"boolean",permanentGallery:"boolean",minMediaWidth:"number",maxMediaWidth:"number",mediaLoadStrategy:"string",preloadRange:"number",autoLoad360:"boolean",autoLoadInterior360:"boolean",categoriesFilter:"string",extendBehavior:"string",eventPrefix:"string",demoSpin:"boolean",reverse360:"boolean",analyticsEventPrefix:"string",analyticsUrl:"string",analyticsBearer:"string",analyticsSimpleRequestsOnly:"boolean",analyticsDryRun:"boolean",analyticsDebug:"boolean"}}),H=C(n.WebPlayerCustomMedia,{shadow:"closed",props:{index:"number",thumbnailSrc:"string"}}),X=C(n.WebPlayerIcon,{shadow:"closed",props:{name:"string"}});function q(){customElements.define(n.WEB_PLAYER_WC_TAG,U),customElements.define(n.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,H),customElements.define(n.WEB_PLAYER_ICON_WC_TAG,X)}function z(){n.checkCustomElementsDefinition()||q()}z();exports.ANALYTICS_EVENT_IDENTIFY=n.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=n.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=n.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=n.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=n.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=n.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=n.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=n.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=n.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=n.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=n.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=n.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=n.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=n.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_ICON_WC_TAG=n.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=n.WEB_PLAYER_WC_TAG;exports.WebPlayer=n.WebPlayer;exports.WebPlayerCustomMedia=n.WebPlayerCustomMedia$1;exports.WebPlayerIcon=n.WebPlayerIcon$1;exports.generateCompositionUrl=n.generateCompositionUrl;

package/dist/legacy.d.ts

@@ -186,12 +186,18 @@ export declare type Item =
 | ImageItem
 | VideoItem
 | ThreeSixtyItem
+| NextGenThreeSixtyItem
 | InteriorThreeSixtyItem;
 
 export declare type MediaLoadStrategy = "quality" | "balanced" | "speed";
 
 declare type MediaWidth = number;
 
+declare type NextGenThreeSixtyItem = {
+    type: "next360";
+    images: ImageWithHotspots[];
+};
+
 declare type ThreeSixtyItem = {
     type: "360";
     images: ImageWithHotspots[];