@car-cutter/react-webplayer 3.0.3 → 3.1.1

package/dist/legacy.js

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