@car-cutter/vue-webplayer 3.1.1 → 3.1.3

package/dist/index.d.ts

@@ -17,9 +17,10 @@ hotspotsOn: () => any;
 hotspotsOff: () => any;
 galleryOpen: () => any;
 galleryClose: () => any;
-analyticsIdentify: (event: AnalyticsIdentifyEvent) => any;
-analyticsPage: (event: AnalyticsPageEvent) => any;
-analyticsTrack: (event: AnalyticsTrackEvent) => any;
+analyticsLoad: (event: AnalyticsLoadEvent) => any;
+analyticsDisplay: (event: AnalyticsDisplayEvent) => any;
+analyticsInteraction: (event: AnalyticsInteractionEvent) => any;
+analyticsError: (event: AnalyticsErrorEvent) => any;
 }, string, PublicProps, Readonly<WebPlayerProps> & Readonly<{
 onCompositionLoading?: ((url: string) => any) | undefined;
 onCompositionLoaded?: ((composition: Composition) => any) | undefined;
@@ -34,9 +35,10 @@ onHotspotsOn?: (() => any) | undefined;
 onHotspotsOff?: (() => any) | undefined;
 onGalleryOpen?: (() => any) | undefined;
 onGalleryClose?: (() => any) | undefined;
-onAnalyticsIdentify?: ((event: AnalyticsIdentifyEvent) => any) | undefined;
-onAnalyticsPage?: ((event: AnalyticsPageEvent) => any) | undefined;
-onAnalyticsTrack?: ((event: AnalyticsTrackEvent) => any) | undefined;
+onAnalyticsLoad?: ((event: AnalyticsLoadEvent) => any) | undefined;
+onAnalyticsDisplay?: ((event: AnalyticsDisplayEvent) => any) | undefined;
+onAnalyticsInteraction?: ((event: AnalyticsInteractionEvent) => any) | undefined;
+onAnalyticsError?: ((event: AnalyticsErrorEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_2: DefineComponent<WebPlayerCustomMediaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<WebPlayerCustomMediaProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -94,61 +96,59 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
-export declare const ANALYTICS_EVENT_IDENTIFY = "analytics-identify";
+export declare const ANALYTICS_EVENT_DISPLAY = "analytics-display";
 
-export declare const ANALYTICS_EVENT_PAGE = "analytics-page";
+export declare const ANALYTICS_EVENT_ERROR = "analytics-error";
 
-export declare const ANALYTICS_EVENT_TRACK = "analytics-track";
+export declare const ANALYTICS_EVENT_INTERACTION = "analytics-interaction";
 
-declare type AnalyticsEventBase = {
-    type: AnalyticsEventType;
+export declare const ANALYTICS_EVENT_LOAD = "analytics-load";
+
+declare type AnalyticsDisplayEvent = {
+    type: "display";
     timestamp: string;
-    instance_id: string;
+    instance: WebplayerInstance;
+    item: WebplayerDisplayedItem;
 };
 
-declare type AnalyticsEventType =
-| AnalyticsEventTypeIdentify
-| AnalyticsEventTypePage
-| AnalyticsEventTypeTrack;
-
-declare type AnalyticsEventTypeIdentify = "identify";
-
-declare type AnalyticsEventTypePage = "page";
+declare type AnalyticsErrorEvent = {
+    type: "error";
+    timestamp: string;
+    instance: WebplayerInstance;
+    current?: WebplayerDisplayedItem;
+    action?: WebplayerAction;
+    error: WebplayerError;
+};
 
-declare type AnalyticsEventTypeTrack = "track";
+declare type AnalyticsInteractionEvent = {
+    type: "interaction";
+    timestamp: string;
+    instance: WebplayerInstance;
+    current: WebplayerDisplayedItem;
+    action: WebplayerAction;
+};
 
-declare type AnalyticsIdentifyEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsIdentifyEventProps;
+declare type AnalyticsLoadEvent = {
+    type: "load";
+    timestamp: string;
+    instance: WebplayerInstance;
+    config: AnalyticsLoadEventProps["config"];
+};
 
-declare type AnalyticsIdentifyEventProps = {
-    type: AnalyticsEventTypeIdentify;
-    browser_id: string;
-    session_id: string;
-    referrer: string;
-    origin: string;
-    page_url: string;
-    user_agent: string;
-    wp_properties: {
+declare type AnalyticsLoadEventProps = {
+    type: "load";
+    config: {
         composition_url: string;
-
-        // Integration mode
         integration: boolean;
         max_items_shown: number;
-
-        // Layout
         hide_categories_nav: boolean;
         infinite_carrousel: boolean;
         permanent_gallery: boolean;
-
-        // Medias loading
         media_load_strategy: string;
         min_media_width: number;
-        max_media_width: number;
         preload_range: number;
         auto_load_360: boolean;
         auto_load_interior_360: boolean;
-
-        // Miscellaneous
         categories_filter: string;
         extend_behavior: string;
         event_prefix: string;
@@ -157,44 +157,6 @@ declare type AnalyticsIdentifyEventProps = {
     };
 };
 
-declare type AnalyticsPageEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsPageEventProps;
-
-declare type AnalyticsPageEventProps = {
-    type: AnalyticsEventTypePage;
-    category_id: string;
-    category_name: string;
-    items_count: number;
-    page_properties: {
-        item_type: string;
-        item_position: number;
-    };
-};
-
-declare type AnalyticsTrackEvent = Omit<AnalyticsEventBase, "type"> &
-AnalyticsTrackEventProps;
-
-declare type AnalyticsTrackEventProps = {
-    type: AnalyticsEventTypeTrack;
-    category_id: string;
-    category_name: string;
-    item_type: string;
-    item_position: number;
-    action_properties: {
-        action_name: string;
-        action_field: string;
-        action_value:
-        | bigint
-        | boolean
-        | null
-        | number
-        | string
-        | symbol
-        | undefined
-        | object;
-    };
-};
-
 declare type AspectRatio = `${number}:${number}`;
 
 declare type Category = {
@@ -310,6 +272,12 @@ export declare const WEB_PLAYER_WC_TAG = "cc-webplayer";
 
 export declare const WebPlayer: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
+declare type WebplayerAction = {
+    name: string;
+    field: string;
+    value: unknown;
+};
+
 export declare const WebPlayerCustomMedia: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare type WebPlayerCustomMediaProps = {
@@ -317,6 +285,20 @@ export declare type WebPlayerCustomMediaProps = {
     thumbnailSrc?: string;
 };
 
+declare type WebplayerDisplayedItem = {
+    category_id: string;
+    category_name: string;
+    item_type: string;
+    item_position: number;
+    items_count?: number;
+};
+
+declare type WebplayerError = {
+    name: string;
+    message: string;
+    stack?: string;
+};
+
 export declare type WebPlayerEvents = {
     compositionLoading: [url: string];
     compositionLoaded: [composition: Composition];
@@ -331,9 +313,10 @@ export declare type WebPlayerEvents = {
     hotspotsOff: [];
     galleryOpen: [];
     galleryClose: [];
-    analyticsIdentify: [event: AnalyticsIdentifyEvent];
-    analyticsPage: [event: AnalyticsPageEvent];
-    analyticsTrack: [event: AnalyticsTrackEvent];
+    analyticsLoad: [event: AnalyticsLoadEvent];
+    analyticsDisplay: [event: AnalyticsDisplayEvent];
+    analyticsInteraction: [event: AnalyticsInteractionEvent];
+    analyticsError: [event: AnalyticsErrorEvent];
 };
 
 export declare const WebPlayerIcon: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
@@ -366,6 +349,13 @@ export declare type WebPlayerIconProps = {
     name: WebPlayerIconName;
 };
 
+declare type WebplayerInstance = {
+    instance_id: string;
+    browser_id?: string;
+    session_id?: string;
+    from_url?: string;
+};
+
 export declare type WebPlayerProps = WebPlayerProps_2 & {
     class?: string;
     style?: HTMLElement["style"];
@@ -398,14 +388,21 @@ declare type WebPlayerProps_2 = {
     demoSpin?: boolean;
     reverse360?: boolean;
     spinCursor?: string;
+    themeConfig?: "autonation";
 
     // Analytics
     analyticsEventPrefix?: string;
+    /** @deprecated Prefer monitoring (enabled by default). When set, disables monitoring and sends analytics to this URL instead. */
     analyticsUrl?: string;
+    /** @deprecated Only used with analyticsUrl. Sets the Authorization bearer token for analytics requests. Ignored when analyticsSimpleRequestsOnly is true. */
     analyticsBearer?: string;
+    /** @deprecated Only used with analyticsUrl. When true, sends CORS simple requests only (disables custom headers including analyticsBearer). */
     analyticsSimpleRequestsOnly?: boolean;
     analyticsDryRun?: boolean;
     analyticsDebug?: boolean;
+
+    // Monitoring
+    monitoring?: boolean;
 };
 
 export { }

package/dist/index.js

@@ -1,8 +1,10 @@
-import { defineComponent as d, onMounted as g, onUnmounted as h, openBlock as y, createElementBlock as u, mergeProps as S, unref as r, renderSlot as T, normalizeProps as O, guardReactiveProps as f } from "vue";
-import { D as B, a as x, E as D, b as R, c as V, d as W, e as w, f as F, g as Y, h as G, i as $, j as U, A as k, k as X, l as j } from "./utils-DkJWyyJQ.js";
-import { W as se, m as re, n as ie, o as ce } from "./utils-DkJWyyJQ.js";
-import { ensureCustomElementsDefinition as H, webPlayerPropsToAttributes as q, webPlayerCustomMediaPropsToAttributes as z, webPlayerIconPropsToAttributes as K } from "@car-cutter/wc-webplayer";
-const ee = /* @__PURE__ */ d({
+import { defineComponent as d, onMounted as h, onUnmounted as M, openBlock as _, createElementBlock as u, mergeProps as S, unref as c, renderSlot as O, normalizeProps as T, guardReactiveProps as f } from "vue";
+import { ensureCustomElementsDefinition as B, webPlayerPropsToAttributes as D, webPlayerCustomMediaPropsToAttributes as R, webPlayerIconPropsToAttributes as x } from "@car-cutter/wc-webplayer";
+const ee = "cc-webplayer", te = "cc-webplayer-custom-media", oe = "cc-webplayer-icon", V = "composition-loading", w = "composition-loaded", W = "composition-load-error", Y = "item-change", $ = "extend-mode-on", F = "extend-mode-off", G = "hotspots-on", U = "hotspots-off", X = "gallery-open", j = "gallery-close", k = "analytics-load", H = "analytics-display", q = "analytics-interaction", z = "analytics-error", J = "cc-webplayer:", K = "cc-analytics:";
+function ne(n, s) {
+  return `https://cdn.car-cutter.com/gallery/${n}/${s}/composition_v3.json`;
+}
+const ae = /* @__PURE__ */ d({
   __name: "WebPlayer",
   props: {
     compositionUrl: {},
@@ -23,107 +25,111 @@ const ee = /* @__PURE__ */ d({
     demoSpin: { type: Boolean },
     reverse360: { type: Boolean },
     spinCursor: {},
+    themeConfig: {},
     analyticsEventPrefix: {},
     analyticsUrl: {},
     analyticsBearer: {},
     analyticsSimpleRequestsOnly: { type: Boolean },
     analyticsDryRun: { type: Boolean },
     analyticsDebug: { type: Boolean },
+    monitoring: { type: Boolean },
     class: {},
     style: {}
   },
-  emits: ["compositionLoading", "compositionLoaded", "compositionLoadError", "itemChange", "extendModeOn", "extendModeOff", "hotspotsOn", "hotspotsOff", "galleryOpen", "galleryClose", "analyticsIdentify", "analyticsPage", "analyticsTrack"],
-  setup(n, { emit: i }) {
-    H();
-    const a = n, { class: s, style: c, ...N } = a, P = { display: "block", ...c ?? {} }, L = q(N), o = i, A = a.eventPrefix ?? B, C = a.analyticsEventPrefix ?? x, b = (e) => `${A}${e}`, v = (e) => `${C}${e}`, I = {
-      [U]: (e) => o("compositionLoading", e),
-      [$]: (e) => o("compositionLoaded", e),
-      [G]: (e) => o("compositionLoadError", e),
-      [Y]: (e) => o("itemChange", e),
-      [F]: () => o("extendModeOn"),
-      [w]: () => o("extendModeOff"),
-      [W]: () => o("hotspotsOn"),
-      [V]: () => o("hotspotsOff"),
-      [R]: () => o("galleryOpen"),
-      [D]: () => o("galleryClose")
-    }, M = {
-      [j]: (e) => o("analyticsIdentify", e),
-      [X]: (e) => o("analyticsPage", e),
-      [k]: (e) => o("analyticsTrack", e)
-    }, l = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-    return Object.entries(I).forEach(([e, t]) => {
-      if (!t)
+  emits: ["compositionLoading", "compositionLoaded", "compositionLoadError", "itemChange", "extendModeOn", "extendModeOff", "hotspotsOn", "hotspotsOff", "galleryOpen", "galleryClose", "analyticsLoad", "analyticsDisplay", "analyticsInteraction", "analyticsError"],
+  setup(n, { emit: s }) {
+    B();
+    const a = n, { class: r, style: i, ...L } = a, N = { display: "block", ...i ?? {} }, P = D(L), t = s, A = a.eventPrefix ?? J, C = a.analyticsEventPrefix ?? K, b = (e) => `${A}${e}`, v = (e) => `${C}${e}`, I = {
+      [V]: (e) => t("compositionLoading", e),
+      [w]: (e) => t("compositionLoaded", e),
+      [W]: (e) => t("compositionLoadError", e),
+      [Y]: (e) => t("itemChange", e),
+      [$]: () => t("extendModeOn"),
+      [F]: () => t("extendModeOff"),
+      [G]: () => t("hotspotsOn"),
+      [U]: () => t("hotspotsOff"),
+      [X]: () => t("galleryOpen"),
+      [j]: () => t("galleryClose")
+    }, g = {
+      [k]: (e) => t("analyticsLoad", e),
+      [H]: (e) => t("analyticsDisplay", e),
+      [q]: (e) => t("analyticsInteraction", e),
+      [z]: (e) => t("analyticsError", e)
+    }, l = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+    return Object.entries(I).forEach(([e, o]) => {
+      if (!o)
         return;
-      const p = b(e), _ = (m) => t(m.detail);
-      l.set(p, _);
-    }), Object.entries(M).forEach(([e, t]) => {
-      if (!t)
+      const E = b(e), y = (m) => o(m.detail);
+      l.set(E, y);
+    }), Object.entries(g).forEach(([e, o]) => {
+      if (!o)
         return;
-      const p = v(e), _ = (m) => t(m.detail);
-      E.set(p, _);
-    }), g(() => {
-      l.forEach((e, t) => {
-        document.addEventListener(t, e);
-      }), E.forEach((e, t) => {
-        document.addEventListener(t, e);
-      });
+      const E = v(e), y = (m) => o(m.detail);
+      p.set(E, y);
     }), h(() => {
-      l.forEach((e, t) => {
-        document.removeEventListener(t, e);
-      }), E.forEach((e, t) => {
-        document.removeEventListener(t, e);
+      l.forEach((e, o) => {
+        document.addEventListener(o, e);
+      }), p.forEach((e, o) => {
+        document.addEventListener(o, e);
+      });
+    }), M(() => {
+      l.forEach((e, o) => {
+        document.removeEventListener(o, e);
+      }), p.forEach((e, o) => {
+        document.removeEventListener(o, e);
       });
-    }), (e, t) => (y(), u("cc-webplayer", S(r(L), {
-      class: r(s),
-      style: P
+    }), (e, o) => (_(), u("cc-webplayer", S(c(P), {
+      class: c(r),
+      style: N
     }), [
-      T(e.$slots, "default")
+      O(e.$slots, "default")
     ], 16));
   }
-}), te = /* @__PURE__ */ d({
+}), se = /* @__PURE__ */ d({
   __name: "WebPlayerCustomMedia",
   props: {
     index: {},
     thumbnailSrc: {}
   },
   setup(n) {
-    const a = z(n);
-    return (s, c) => (y(), u("cc-webplayer-custom-media", O(f(r(a))), [
-      T(s.$slots, "default")
+    const a = R(n);
+    return (r, i) => (_(), u("cc-webplayer-custom-media", T(f(c(a))), [
+      O(r.$slots, "default")
     ], 16));
   }
-}), oe = /* @__PURE__ */ d({
+}), re = /* @__PURE__ */ d({
   __name: "WebPlayerIcon",
   props: {
     name: {}
   },
   setup(n) {
-    const a = K(n);
-    return (s, c) => (y(), u("cc-webplayer-icon", O(f(r(a))), [
-      T(s.$slots, "default")
+    const a = x(n);
+    return (r, i) => (_(), u("cc-webplayer-icon", T(f(c(a))), [
+      O(r.$slots, "default")
     ], 16));
   }
 });
 export {
-  j as ANALYTICS_EVENT_IDENTIFY,
-  X as ANALYTICS_EVENT_PAGE,
-  k as ANALYTICS_EVENT_TRACK,
-  B as DEFAULT_EVENT_PREFIX,
-  $ as EVENT_COMPOSITION_LOADED,
-  U as EVENT_COMPOSITION_LOADING,
-  G as EVENT_COMPOSITION_LOAD_ERROR,
-  w as EVENT_EXTEND_MODE_OFF,
-  F as EVENT_EXTEND_MODE_ON,
-  D as EVENT_GALLERY_CLOSE,
-  R as EVENT_GALLERY_OPEN,
-  V as EVENT_HOTSPOTS_OFF,
-  W as EVENT_HOTSPOTS_ON,
+  H as ANALYTICS_EVENT_DISPLAY,
+  z as ANALYTICS_EVENT_ERROR,
+  q as ANALYTICS_EVENT_INTERACTION,
+  k as ANALYTICS_EVENT_LOAD,
+  J as DEFAULT_EVENT_PREFIX,
+  w as EVENT_COMPOSITION_LOADED,
+  V as EVENT_COMPOSITION_LOADING,
+  W as EVENT_COMPOSITION_LOAD_ERROR,
+  F as EVENT_EXTEND_MODE_OFF,
+  $ as EVENT_EXTEND_MODE_ON,
+  j as EVENT_GALLERY_CLOSE,
+  X as EVENT_GALLERY_OPEN,
+  U as EVENT_HOTSPOTS_OFF,
+  G as EVENT_HOTSPOTS_ON,
   Y as EVENT_ITEM_CHANGE,
-  se as WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,
-  re as WEB_PLAYER_ICON_WC_TAG,
-  ie as WEB_PLAYER_WC_TAG,
-  ee as WebPlayer,
-  te as WebPlayerCustomMedia,
-  oe as WebPlayerIcon,
-  ce as generateCompositionUrl
+  te as WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,
+  oe as WEB_PLAYER_ICON_WC_TAG,
+  ee as WEB_PLAYER_WC_TAG,
+  ae as WebPlayer,
+  se as WebPlayerCustomMedia,
+  re as WebPlayerIcon,
+  ne as generateCompositionUrl
 };

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@car-cutter/wc-webplayer")):typeof define=="function"&&define.amd?define(["exports","vue","@car-cutter/wc-webplayer"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.CarCutterWebplayerVue={},t.Vue,t.CarCutterWebplayerWC))})(this,(function(t,n,E){"use strict";const D="cc-webplayer",h="cc-webplayer-custom-media",g="cc-webplayer-icon",O="composition-loading",m="composition-loaded",N="composition-load-error",A="item-change",L="extend-mode-on",f="extend-mode-off",C="hotspots-on",P="hotspots-off",u="gallery-open",I="gallery-close",S="analytics-load",M="analytics-display",V="analytics-interaction",R="analytics-error",b="cc-webplayer:",B="cc-analytics:";function Y(s,c){return`https://cdn.car-cutter.com/gallery/${s}/${c}/composition_v3.json`}const W=n.defineComponent({__name:"WebPlayer",props:{compositionUrl:{},integration:{type:Boolean},maxItemsShown:{},hideCategoriesNav:{type:Boolean},infiniteCarrousel:{type:Boolean},permanentGallery:{type:Boolean},mediaLoadStrategy:{},minMediaWidth:{},maxMediaWidth:{},preloadRange:{},autoLoad360:{type:Boolean},autoLoadInterior360:{type:Boolean},categoriesFilter:{},extendBehavior:{},eventPrefix:{},demoSpin:{type:Boolean},reverse360:{type:Boolean},spinCursor:{},themeConfig:{},analyticsEventPrefix:{},analyticsUrl:{},analyticsBearer:{},analyticsSimpleRequestsOnly:{type:Boolean},analyticsDryRun:{type:Boolean},analyticsDebug:{type:Boolean},monitoring:{type:Boolean},class:{},style:{}},emits:["compositionLoading","compositionLoaded","compositionLoadError","itemChange","extendModeOn","extendModeOff","hotspotsOn","hotspotsOff","galleryOpen","galleryClose","analyticsLoad","analyticsDisplay","analyticsInteraction","analyticsError"],setup(s,{emit:c}){E.ensureCustomElementsDefinition();const i=s,{class:r,style:l,...G}=i,$={display:"block",...l??{}},U=E.webPlayerPropsToAttributes(G),o=c,v=i.eventPrefix??b,k=i.analyticsEventPrefix??B,X=e=>`${v}${e}`,H=e=>`${k}${e}`,j={[O]:e=>o("compositionLoading",e),[m]:e=>o("compositionLoaded",e),[N]:e=>o("compositionLoadError",e),[A]:e=>o("itemChange",e),[L]:()=>o("extendModeOn"),[f]:()=>o("extendModeOff"),[C]:()=>o("hotspotsOn"),[P]:()=>o("hotspotsOff"),[u]:()=>o("galleryOpen"),[I]:()=>o("galleryClose")},q={[S]:e=>o("analyticsLoad",e),[M]:e=>o("analyticsDisplay",e),[V]:e=>o("analyticsInteraction",e),[R]:e=>o("analyticsError",e)},_=new Map,d=new Map;return Object.entries(j).forEach(([e,a])=>{if(!a)return;const T=X(e),y=p=>a(p.detail);_.set(T,y)}),Object.entries(q).forEach(([e,a])=>{if(!a)return;const T=H(e),y=p=>a(p.detail);d.set(T,y)}),n.onMounted(()=>{_.forEach((e,a)=>{document.addEventListener(a,e)}),d.forEach((e,a)=>{document.addEventListener(a,e)})}),n.onUnmounted(()=>{_.forEach((e,a)=>{document.removeEventListener(a,e)}),d.forEach((e,a)=>{document.removeEventListener(a,e)})}),(e,a)=>(n.openBlock(),n.createElementBlock("cc-webplayer",n.mergeProps(n.unref(U),{class:n.unref(r),style:$}),[n.renderSlot(e.$slots,"default")],16))}}),w=n.defineComponent({__name:"WebPlayerCustomMedia",props:{index:{},thumbnailSrc:{}},setup(s){const c=s,i=E.webPlayerCustomMediaPropsToAttributes(c);return(r,l)=>(n.openBlock(),n.createElementBlock("cc-webplayer-custom-media",n.normalizeProps(n.guardReactiveProps(n.unref(i))),[n.renderSlot(r.$slots,"default")],16))}}),F=n.defineComponent({__name:"WebPlayerIcon",props:{name:{}},setup(s){const c=s,i=E.webPlayerIconPropsToAttributes(c);return(r,l)=>(n.openBlock(),n.createElementBlock("cc-webplayer-icon",n.normalizeProps(n.guardReactiveProps(n.unref(i))),[n.renderSlot(r.$slots,"default")],16))}});t.ANALYTICS_EVENT_DISPLAY=M,t.ANALYTICS_EVENT_ERROR=R,t.ANALYTICS_EVENT_INTERACTION=V,t.ANALYTICS_EVENT_LOAD=S,t.DEFAULT_EVENT_PREFIX=b,t.EVENT_COMPOSITION_LOADED=m,t.EVENT_COMPOSITION_LOADING=O,t.EVENT_COMPOSITION_LOAD_ERROR=N,t.EVENT_EXTEND_MODE_OFF=f,t.EVENT_EXTEND_MODE_ON=L,t.EVENT_GALLERY_CLOSE=I,t.EVENT_GALLERY_OPEN=u,t.EVENT_HOTSPOTS_OFF=P,t.EVENT_HOTSPOTS_ON=C,t.EVENT_ITEM_CHANGE=A,t.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=h,t.WEB_PLAYER_ICON_WC_TAG=g,t.WEB_PLAYER_WC_TAG=D,t.WebPlayer=W,t.WebPlayerCustomMedia=w,t.WebPlayerIcon=F,t.generateCompositionUrl=Y,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@car-cutter/vue-webplayer",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "license": "Apache-2.0",
   "author": {
     "name": "CarCutter",
@@ -26,11 +26,6 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    },
-    "./vue2": {
-      "types": "./dist/vue2.d.ts",
-      "import": "./dist/vue2.js",
-      "require": "./dist/vue2.cjs"
     }
   },
   "files": [
@@ -45,20 +40,20 @@
     "analyze": "vite-bundle-visualizer"
   },
   "dependencies": {
-    "@car-cutter/wc-webplayer": "3.1.1"
+    "@car-cutter/wc-webplayer": "3.1.3"
   },
   "peerDependencies": {
-    "vue": ">=2"
+    "vue": "^3"
   },
   "devDependencies": {
     "@car-cutter/eslint-config": "*",
     "@car-cutter/typescript-config": "*",
-    "@vitejs/plugin-vue": "^5.1.3",
+    "@vitejs/plugin-vue": "^6.0.0",
     "browserslist": "^4.23.3",
     "browserslist-to-esbuild": "^2.1.1",
     "eslint": "^8.57.0",
     "typescript": "^5.5.4",
-    "vite": "^5.4.21",
+    "vite": "^6.2.0",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.2.1",
     "vue": "^3.5.6",

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),e=require("./utils-Bfc4MSUL.cjs"),i=require("@car-cutter/wc-webplayer"),S=n.defineComponent({__name:"WebPlayer",props:{compositionUrl:{},integration:{type:Boolean},maxItemsShown:{},hideCategoriesNav:{type:Boolean},infiniteCarrousel:{type:Boolean},permanentGallery:{type:Boolean},mediaLoadStrategy:{},minMediaWidth:{},maxMediaWidth:{},preloadRange:{},autoLoad360:{type:Boolean},autoLoadInterior360:{type:Boolean},categoriesFilter:{},extendBehavior:{},eventPrefix:{},demoSpin:{type:Boolean},reverse360:{type:Boolean},spinCursor:{},analyticsEventPrefix:{},analyticsUrl:{},analyticsBearer:{},analyticsSimpleRequestsOnly:{type:Boolean},analyticsDryRun:{type:Boolean},analyticsDebug:{type:Boolean},class:{},style:{}},emits:["compositionLoading","compositionLoaded","compositionLoadError","itemChange","extendModeOn","extendModeOff","hotspotsOn","hotspotsOff","galleryOpen","galleryClose","analyticsIdentify","analyticsPage","analyticsTrack"],setup(r,{emit:s}){i.ensureCustomElementsDefinition();const a=r,{class:_,style:c,...A}=a,d={display:"block",...c??{}},L=i.webPlayerPropsToAttributes(A),E=s,m=a.eventPrefix??e.DEFAULT_EVENT_PREFIX,y=a.analyticsEventPrefix??e.DEFAULT_ANALYTICS_EVENT_PREFIX,P=t=>`${m}${t}`,C=t=>`${y}${t}`,I={[e.EVENT_COMPOSITION_LOADING]:t=>E("compositionLoading",t),[e.EVENT_COMPOSITION_LOADED]:t=>E("compositionLoaded",t),[e.EVENT_COMPOSITION_LOAD_ERROR]:t=>E("compositionLoadError",t),[e.EVENT_ITEM_CHANGE]:t=>E("itemChange",t),[e.EVENT_EXTEND_MODE_ON]:()=>E("extendModeOn"),[e.EVENT_EXTEND_MODE_OFF]:()=>E("extendModeOff"),[e.EVENT_HOTSPOTS_ON]:()=>E("hotspotsOn"),[e.EVENT_HOTSPOTS_OFF]:()=>E("hotspotsOff"),[e.EVENT_GALLERY_OPEN]:()=>E("galleryOpen"),[e.EVENT_GALLERY_CLOSE]:()=>E("galleryClose")},u={[e.ANALYTICS_EVENT_IDENTIFY]:t=>E("analyticsIdentify",t),[e.ANALYTICS_EVENT_PAGE]:t=>E("analyticsPage",t),[e.ANALYTICS_EVENT_TRACK]:t=>E("analyticsTrack",t)},T=new Map,l=new Map;return Object.entries(I).forEach(([t,o])=>{if(!o)return;const N=P(t),O=p=>o(p.detail);T.set(N,O)}),Object.entries(u).forEach(([t,o])=>{if(!o)return;const N=C(t),O=p=>o(p.detail);l.set(N,O)}),n.onMounted(()=>{T.forEach((t,o)=>{document.addEventListener(o,t)}),l.forEach((t,o)=>{document.addEventListener(o,t)})}),n.onUnmounted(()=>{T.forEach((t,o)=>{document.removeEventListener(o,t)}),l.forEach((t,o)=>{document.removeEventListener(o,t)})}),(t,o)=>(n.openBlock(),n.createElementBlock("cc-webplayer",n.mergeProps(n.unref(L),{class:n.unref(_),style:d}),[n.renderSlot(t.$slots,"default")],16))}}),V=n.defineComponent({__name:"WebPlayerCustomMedia",props:{index:{},thumbnailSrc:{}},setup(r){const s=r,a=i.webPlayerCustomMediaPropsToAttributes(s);return(_,c)=>(n.openBlock(),n.createElementBlock("cc-webplayer-custom-media",n.normalizeProps(n.guardReactiveProps(n.unref(a))),[n.renderSlot(_.$slots,"default")],16))}}),f=n.defineComponent({__name:"WebPlayerIcon",props:{name:{}},setup(r){const s=r,a=i.webPlayerIconPropsToAttributes(s);return(_,c)=>(n.openBlock(),n.createElementBlock("cc-webplayer-icon",n.normalizeProps(n.guardReactiveProps(n.unref(a))),[n.renderSlot(_.$slots,"default")],16))}});exports.ANALYTICS_EVENT_IDENTIFY=e.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=e.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=e.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=e.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=e.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=e.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=e.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=e.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=e.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=e.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=e.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=e.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=e.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=e.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG;exports.WEB_PLAYER_ICON_WC_TAG=e.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=e.WEB_PLAYER_WC_TAG;exports.generateCompositionUrl=e.generateCompositionUrl;exports.WebPlayer=S;exports.WebPlayerCustomMedia=V;exports.WebPlayerIcon=f;

package/dist/utils-Bfc4MSUL.cjs

@@ -1 +0,0 @@
-"use strict";const T="cc-webplayer",N="cc-webplayer-custom-media",o="cc-webplayer-icon",O="composition-loading",A="composition-loaded",t="composition-load-error",c="item-change",n="extend-mode-on",s="extend-mode-off",I="hotspots-on",e="hotspots-off",L="gallery-open",C="gallery-close",V="analytics-identify",S="analytics-page",a="analytics-track",i="cc-webplayer:",D="cc-analytics:";function P(E,_){return`https://cdn.car-cutter.com/gallery/${E}/${_}/composition_v3.json`}exports.ANALYTICS_EVENT_IDENTIFY=V;exports.ANALYTICS_EVENT_PAGE=S;exports.ANALYTICS_EVENT_TRACK=a;exports.DEFAULT_ANALYTICS_EVENT_PREFIX=D;exports.DEFAULT_EVENT_PREFIX=i;exports.EVENT_COMPOSITION_LOADED=A;exports.EVENT_COMPOSITION_LOADING=O;exports.EVENT_COMPOSITION_LOAD_ERROR=t;exports.EVENT_EXTEND_MODE_OFF=s;exports.EVENT_EXTEND_MODE_ON=n;exports.EVENT_GALLERY_CLOSE=C;exports.EVENT_GALLERY_OPEN=L;exports.EVENT_HOTSPOTS_OFF=e;exports.EVENT_HOTSPOTS_ON=I;exports.EVENT_ITEM_CHANGE=c;exports.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=N;exports.WEB_PLAYER_ICON_WC_TAG=o;exports.WEB_PLAYER_WC_TAG=T;exports.generateCompositionUrl=P;

package/dist/utils-DkJWyyJQ.js

@@ -1,25 +0,0 @@
-const s = "cc-webplayer", c = "cc-webplayer-custom-media", _ = "cc-webplayer-icon", t = "composition-loading", a = "composition-loaded", n = "composition-load-error", T = "item-change", e = "extend-mode-on", N = "extend-mode-off", O = "hotspots-on", A = "hotspots-off", i = "gallery-open", l = "gallery-close", r = "analytics-identify", I = "analytics-page", L = "analytics-track", C = "cc-webplayer:", p = "cc-analytics:";
-function V(E, o) {
-  return `https://cdn.car-cutter.com/gallery/${E}/${o}/composition_v3.json`;
-}
-export {
-  L as A,
-  C as D,
-  l as E,
-  c as W,
-  p as a,
-  i as b,
-  A as c,
-  O as d,
-  N as e,
-  e as f,
-  T as g,
-  n as h,
-  a as i,
-  t as j,
-  I as k,
-  r as l,
-  _ as m,
-  s as n,
-  V as o
-};

package/dist/vue2.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),e=require("./utils-Bfc4MSUL.cjs"),a=require("@car-cutter/wc-webplayer");a.ensureCustomElementsDefinition();const T=r.defineComponent({props:{compositionUrl:{type:String,required:!0},hideCategoriesNav:Boolean,infiniteCarrousel:Boolean,permanentGallery:Boolean,mediaLoadStrategy:String,minMediaWidth:Number,maxMediaWidth:Number,preloadRange:Number,autoLoad360:Boolean,autoLoadInterior360:Boolean,categoriesFilter:String,extendBehavior:String,eventPrefix:String,demoSpin:Boolean,reverse360:Boolean,spinCursor:String,analyticsEventPrefix:String,analyticsUrl:String,analyticsBearer:String,analyticsSimpleRequestsOnly:Boolean,analyticsDryRun:Boolean,analyticsDebug:Boolean},data(){return{eventCbMap:new Map,analyticsEventCbMap:new Map}},computed:{attributes(){return a.webPlayerPropsToAttributes(this.$props)}},methods:{generateEventName(n){return`${this.eventPrefix||e.DEFAULT_EVENT_PREFIX}${n}`},setupEventListeners(){const n={[e.EVENT_COMPOSITION_LOADING]:t=>this.$emit("compositionLoading",t),[e.EVENT_COMPOSITION_LOADED]:t=>this.$emit("compositionLoaded",t),[e.EVENT_COMPOSITION_LOAD_ERROR]:t=>this.$emit("compositionLoadError",t),[e.EVENT_ITEM_CHANGE]:t=>this.$emit("itemChange",t),[e.EVENT_EXTEND_MODE_ON]:()=>this.$emit("extendModeOn"),[e.EVENT_EXTEND_MODE_OFF]:()=>this.$emit("extendModeOff"),[e.EVENT_HOTSPOTS_ON]:()=>this.$emit("hotspotsOn"),[e.EVENT_HOTSPOTS_OFF]:()=>this.$emit("hotspotsOff"),[e.EVENT_GALLERY_OPEN]:()=>this.$emit("galleryOpen"),[e.EVENT_GALLERY_CLOSE]:()=>this.$emit("galleryClose")};Object.entries(n).forEach(([t,E])=>{if(!E)return;const i=this.generateEventName(t),o=s=>E(s.detail);this.eventCbMap.set(i,o),document.addEventListener(i,o)})},generateAnalyticsEventName(n){return`${this.analyticsEventPrefix||e.DEFAULT_ANALYTICS_EVENT_PREFIX}${n}`},setupAnalyticsEventListeners(){const n={[e.ANALYTICS_EVENT_IDENTIFY]:t=>this.$emit("analyticsIdentify",t),[e.ANALYTICS_EVENT_PAGE]:t=>this.$emit("analyticsPage",t),[e.ANALYTICS_EVENT_TRACK]:t=>this.$emit("analyticsTrack",t)};Object.entries(n).forEach(([t,E])=>{if(!E)return;const i=this.generateAnalyticsEventName(t),o=s=>E(s.detail);this.analyticsEventCbMap.set(i,o),document.addEventListener(i,o)})}},mounted(){this.setupEventListeners(),this.setupAnalyticsEventListeners()},beforeDestroy(){this.eventCbMap.forEach((n,t)=>{document.removeEventListener(t,n)}),this.analyticsEventCbMap.forEach((n,t)=>{document.removeEventListener(t,n)})}}),_=(n,t)=>{const E=n.__vccOpts||n;for(const[i,o]of t)E[i]=o;return E};function N(n,t,E,i,o,s){return r.openBlock(),r.createElementBlock("cc-webplayer",r.normalizeProps(r.guardReactiveProps(n.attributes)),[r.renderSlot(n.$slots,"default")],16)}const c=_(T,[["render",N]]),O=r.defineComponent({props:{index:{type:Number,required:!0},thumbnailSrc:String},computed:{attributes(){return a.webPlayerCustomMediaPropsToAttributes(this.$props)}}});function l(n,t,E,i,o,s){return r.openBlock(),r.createElementBlock("cc-webplayer-custom-media",r.normalizeProps(r.guardReactiveProps(n.attributes)),[r.renderSlot(n.$slots,"default")],16)}const p=_(O,[["render",l]]),u=r.defineComponent({props:{name:{type:String,required:!0}},computed:{attributes(){return a.webPlayerIconPropsToAttributes(this.$props)}}});function m(n,t,E,i,o,s){return r.openBlock(),r.createElementBlock("cc-webplayer-icon",r.normalizeProps(r.guardReactiveProps(n.attributes)),[r.renderSlot(n.$slots,"default")],16)}const A=_(u,[["render",m]]);exports.ANALYTICS_EVENT_IDENTIFY=e.ANALYTICS_EVENT_IDENTIFY;exports.ANALYTICS_EVENT_PAGE=e.ANALYTICS_EVENT_PAGE;exports.ANALYTICS_EVENT_TRACK=e.ANALYTICS_EVENT_TRACK;exports.DEFAULT_EVENT_PREFIX=e.DEFAULT_EVENT_PREFIX;exports.EVENT_COMPOSITION_LOADED=e.EVENT_COMPOSITION_LOADED;exports.EVENT_COMPOSITION_LOADING=e.EVENT_COMPOSITION_LOADING;exports.EVENT_COMPOSITION_LOAD_ERROR=e.EVENT_COMPOSITION_LOAD_ERROR;exports.EVENT_EXTEND_MODE_OFF=e.EVENT_EXTEND_MODE_OFF;exports.EVENT_EXTEND_MODE_ON=e.EVENT_EXTEND_MODE_ON;exports.EVENT_GALLERY_CLOSE=e.EVENT_GALLERY_CLOSE;exports.EVENT_GALLERY_OPEN=e.EVENT_GALLERY_OPEN;exports.EVENT_HOTSPOTS_OFF=e.EVENT_HOTSPOTS_OFF;exports.EVENT_HOTSPOTS_ON=e.EVENT_HOTSPOTS_ON;exports.EVENT_ITEM_CHANGE=e.EVENT_ITEM_CHANGE;exports.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG;exports.WEB_PLAYER_ICON_WC_TAG=e.WEB_PLAYER_ICON_WC_TAG;exports.WEB_PLAYER_WC_TAG=e.WEB_PLAYER_WC_TAG;exports.generateCompositionUrl=e.generateCompositionUrl;exports.WebPlayer=c;exports.WebPlayerCustomMedia=p;exports.WebPlayerIcon=A;

package/dist/vue2.d.ts

@@ -1,313 +0,0 @@
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PublicProps } from 'vue';
-
-export declare const ANALYTICS_EVENT_IDENTIFY = "analytics-identify";
-
-export declare const ANALYTICS_EVENT_PAGE = "analytics-page";
-
-export declare const ANALYTICS_EVENT_TRACK = "analytics-track";
-
-declare type AspectRatio = `${number}:${number}`;
-
-declare type CamelToDashed<S extends string> = S extends `${infer T}${infer U}`
-? `${T extends Lowercase<T> ? "" : "-"}${Lowercase<T>}${CamelToDashed<U>}`
-: S;
-
-declare type Category = {
-    id: string;
-    title: string;
-    items: Item[];
-};
-
-export declare type Composition = {
-    aspectRatio: AspectRatio;
-    imageHdWidth: MediaWidth;
-    imageSubWidths: MediaWidth[];
-    categories: Category[];
-};
-
-export declare const DEFAULT_EVENT_PREFIX = "cc-webplayer:" satisfies string;
-
-export declare const EVENT_COMPOSITION_LOAD_ERROR = "composition-load-error";
-
-export declare const EVENT_COMPOSITION_LOADED = "composition-loaded";
-
-export declare const EVENT_COMPOSITION_LOADING = "composition-loading";
-
-export declare const EVENT_EXTEND_MODE_OFF = "extend-mode-off";
-
-export declare const EVENT_EXTEND_MODE_ON = "extend-mode-on";
-
-export declare const EVENT_GALLERY_CLOSE = "gallery-close";
-
-export declare const EVENT_GALLERY_OPEN = "gallery-open";
-
-export declare const EVENT_HOTSPOTS_OFF = "hotspots-off";
-
-export declare const EVENT_HOTSPOTS_ON = "hotspots-on";
-
-export declare const EVENT_ITEM_CHANGE = "item-change";
-
-declare type ExtendBehavior = "full_screen" | "event" | "none";
-
-/**
- * Generates a URL for fetching the composition JSON for a given customer and vehicle.
- *
- * @param {string} customerToken - The CarCutter Customer Token (computed by hashing the Customer ID with SHA-256).
- * @param {string} vin - The Vehicle Identification Number.
- * @returns {string} The URL to fetch the composition JSON.
- */
-export declare function generateCompositionUrl(
-customerToken: string,
-vin: string
-): string {
-    return `https://cdn.car-cutter.com/gallery/${customerToken}/${vin}/composition_v3.json`;
-}
-
-declare type Hotspot = {
-    title: string;
-    icon?: string;
-    description?: string;
-    type?: "damage" | "feature";
-    position: {
-        x: number;
-        y: number;
-    };
-    detail?: {
-        type: "image" | "link" | "pdf";
-        src: string;
-    };
-};
-
-declare type ImageItem = { type: "image" } & ImageWithHotspots;
-
-declare type ImageWithHotspots = {
-    src: string;
-    hotspots?: Hotspot[];
-};
-
-declare type InteriorThreeSixtyItem = {
-    type: "interior-360";
-    poster?: string;
-} & ImageWithHotspots;
-
-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 PropsToAttributes<T> = {
-    [K in keyof T as CamelToDashed<string & K>]: ToStringOrOptional<T[K]>;
-};
-
-declare type ThreeSixtyItem = {
-    type: "360";
-    images: ImageWithHotspots[];
-};
-
-declare type ToStringOrOptional<T> = T extends undefined
-? string | undefined
-: string;
-
-declare type VideoItem = {
-    type: "video";
-    src: string;
-    poster?: string;
-};
-
-export declare const WEB_PLAYER_CUSTOM_MEDIA_WC_TAG = "cc-webplayer-custom-media";
-
-export declare const WEB_PLAYER_ICON_WC_TAG = "cc-webplayer-icon";
-
-export declare const WEB_PLAYER_WC_TAG = "cc-webplayer";
-
-export declare const WebPlayer: DefineComponent<ExtractPropTypes<    {
-compositionUrl: {
-type: StringConstructor;
-required: true;
-};
-hideCategoriesNav: BooleanConstructor;
-infiniteCarrousel: BooleanConstructor;
-permanentGallery: BooleanConstructor;
-mediaLoadStrategy: StringConstructor;
-minMediaWidth: NumberConstructor;
-maxMediaWidth: NumberConstructor;
-preloadRange: NumberConstructor;
-autoLoad360: BooleanConstructor;
-autoLoadInterior360: BooleanConstructor;
-categoriesFilter: StringConstructor;
-extendBehavior: StringConstructor;
-eventPrefix: StringConstructor;
-demoSpin: BooleanConstructor;
-reverse360: BooleanConstructor;
-spinCursor: StringConstructor;
-analyticsEventPrefix: StringConstructor;
-analyticsUrl: StringConstructor;
-analyticsBearer: StringConstructor;
-analyticsSimpleRequestsOnly: BooleanConstructor;
-analyticsDryRun: BooleanConstructor;
-analyticsDebug: BooleanConstructor;
-}>, {}, {
-eventCbMap: Map<string, EventListener>;
-analyticsEventCbMap: Map<string, EventListener>;
-}, {
-attributes(): PropsToAttributes<WebPlayerProps>;
-}, {
-generateEventName(event: string): string;
-setupEventListeners(): void;
-generateAnalyticsEventName(event: string): string;
-setupAnalyticsEventListeners(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-compositionUrl: {
-type: StringConstructor;
-required: true;
-};
-hideCategoriesNav: BooleanConstructor;
-infiniteCarrousel: BooleanConstructor;
-permanentGallery: BooleanConstructor;
-mediaLoadStrategy: StringConstructor;
-minMediaWidth: NumberConstructor;
-maxMediaWidth: NumberConstructor;
-preloadRange: NumberConstructor;
-autoLoad360: BooleanConstructor;
-autoLoadInterior360: BooleanConstructor;
-categoriesFilter: StringConstructor;
-extendBehavior: StringConstructor;
-eventPrefix: StringConstructor;
-demoSpin: BooleanConstructor;
-reverse360: BooleanConstructor;
-spinCursor: StringConstructor;
-analyticsEventPrefix: StringConstructor;
-analyticsUrl: StringConstructor;
-analyticsBearer: StringConstructor;
-analyticsSimpleRequestsOnly: BooleanConstructor;
-analyticsDryRun: BooleanConstructor;
-analyticsDebug: BooleanConstructor;
-}>> & Readonly<{}>, {
-hideCategoriesNav: boolean;
-infiniteCarrousel: boolean;
-permanentGallery: boolean;
-autoLoad360: boolean;
-autoLoadInterior360: boolean;
-demoSpin: boolean;
-reverse360: boolean;
-analyticsSimpleRequestsOnly: boolean;
-analyticsDryRun: boolean;
-analyticsDebug: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-export declare const WebPlayerCustomMedia: DefineComponent<ExtractPropTypes<    {
-index: {
-type: NumberConstructor;
-required: true;
-};
-thumbnailSrc: StringConstructor;
-}>, {}, {}, {
-attributes(): PropsToAttributes<WebPlayerCustomMediaProps>;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-index: {
-type: NumberConstructor;
-required: true;
-};
-thumbnailSrc: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-export declare type WebPlayerCustomMediaProps = {
-    index: number;
-    thumbnailSrc?: string;
-};
-
-export declare const WebPlayerIcon: DefineComponent<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-}>, {}, {}, {
-attributes(): PropsToAttributes<WebPlayerIconProps>;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-name: {
-type: StringConstructor;
-required: true;
-};
-}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-declare type WebPlayerIconName =
-| "UI_ARROW_RIGHT" // Right arrow navigation (is mirrored on X axis for left arrow)
-| "UI_BURGER" // Toggle Burger menu
-| "UI_CLOSE" // Exit zoom, details or full screen
-| "UI_EXTEND" // Extend the view (and go full screen if possible)
-| "UI_GALLERY" // Toggle gallery view
-| "UI_HOTSPOTS" // Toggle Hotspots
-| "UI_IMAGE" // Hotspot with detail image
-| "UI_MINUS" // Reduce zoom
-| "UI_PAUSE" // Pause video
-| "UI_PLAY" // Play video
-| "UI_PLUS" // Increase zoom
-| "UI_REDUCE" // Reducing an extended view
-| "UI_360" // Exterior 360 view
-| "UI_360_PLAY" // Play exterior 360
-| "UI_INTERIOR_360" // Interior 360 view
-| "UI_INTERIOR_360_PLAY" // Play interior 360 view
-| "UI_VOLUME" // Video volume
-| "UI_VOLUME_OFF" // Muted video
-| "CONTROLS_PREV" // Go to previous media
-| "CONTROLS_NEXT" // Go to next media
-// eslint-disable-next-line @typescript-eslint/ban-types
-| (string & {});
-
-export declare type WebPlayerIconProps = {
-    name: WebPlayerIconName;
-};
-
-export declare type WebPlayerProps = {
-    compositionUrl: string;
-
-    // Integration mode
-    integration?: boolean;
-    maxItemsShown?: number;
-
-    // Layout
-    hideCategoriesNav?: boolean;
-    infiniteCarrousel?: boolean;
-    permanentGallery?: boolean;
-
-    // Medias loading
-    mediaLoadStrategy?: MediaLoadStrategy;
-    minMediaWidth?: MediaWidth;
-    maxMediaWidth?: MediaWidth;
-    preloadRange?: number;
-    autoLoad360?: boolean;
-    autoLoadInterior360?: boolean;
-
-    // Miscellaneous
-    categoriesFilter?: string;
-    extendBehavior?: ExtendBehavior;
-    eventPrefix?: string;
-    demoSpin?: boolean;
-    reverse360?: boolean;
-    spinCursor?: string;
-
-    // Analytics
-    analyticsEventPrefix?: string;
-    analyticsUrl?: string;
-    analyticsBearer?: string;
-    analyticsSimpleRequestsOnly?: boolean;
-    analyticsDryRun?: boolean;
-    analyticsDebug?: boolean;
-};
-
-export { }

package/dist/vue2.js

@@ -1,158 +0,0 @@
-import { defineComponent as i, openBlock as o, createElementBlock as c, normalizeProps as E, guardReactiveProps as p, renderSlot as m } from "vue";
-import { a as u, D as _, A as d, k as h, l as f, E as N, b as T, c as v, d as $, e as y, f as O, g as L, h as b, i as A, j as P } from "./utils-DkJWyyJQ.js";
-import { W as X, m as j, n as H, o as z } from "./utils-DkJWyyJQ.js";
-import { ensureCustomElementsDefinition as C, webPlayerPropsToAttributes as g, webPlayerCustomMediaPropsToAttributes as S, webPlayerIconPropsToAttributes as M } from "@car-cutter/wc-webplayer";
-C();
-const I = i({
-  props: {
-    compositionUrl: { type: String, required: !0 },
-    hideCategoriesNav: Boolean,
-    infiniteCarrousel: Boolean,
-    permanentGallery: Boolean,
-    mediaLoadStrategy: String,
-    minMediaWidth: Number,
-    maxMediaWidth: Number,
-    preloadRange: Number,
-    autoLoad360: Boolean,
-    autoLoadInterior360: Boolean,
-    categoriesFilter: String,
-    extendBehavior: String,
-    eventPrefix: String,
-    demoSpin: Boolean,
-    reverse360: Boolean,
-    spinCursor: String,
-    analyticsEventPrefix: String,
-    analyticsUrl: String,
-    analyticsBearer: String,
-    analyticsSimpleRequestsOnly: Boolean,
-    analyticsDryRun: Boolean,
-    analyticsDebug: Boolean
-  },
-  data() {
-    return {
-      eventCbMap: /* @__PURE__ */ new Map(),
-      analyticsEventCbMap: /* @__PURE__ */ new Map()
-    };
-  },
-  computed: {
-    attributes() {
-      return g(this.$props);
-    }
-  },
-  methods: {
-    // Functional events
-    generateEventName(t) {
-      return `${this.eventPrefix || _}${t}`;
-    },
-    setupEventListeners() {
-      const t = {
-        [P]: (e) => this.$emit("compositionLoading", e),
-        [A]: (e) => this.$emit("compositionLoaded", e),
-        [b]: (e) => this.$emit("compositionLoadError", e),
-        [L]: (e) => this.$emit("itemChange", e),
-        [O]: () => this.$emit("extendModeOn"),
-        [y]: () => this.$emit("extendModeOff"),
-        [$]: () => this.$emit("hotspotsOn"),
-        [v]: () => this.$emit("hotspotsOff"),
-        [T]: () => this.$emit("galleryOpen"),
-        [N]: () => this.$emit("galleryClose")
-      };
-      Object.entries(t).forEach(([e, n]) => {
-        if (!n) return;
-        const r = this.generateEventName(e), s = (a) => n(a.detail);
-        this.eventCbMap.set(r, s), document.addEventListener(r, s);
-      });
-    },
-    // Analytics events
-    generateAnalyticsEventName(t) {
-      return `${this.analyticsEventPrefix || u}${t}`;
-    },
-    setupAnalyticsEventListeners() {
-      const t = {
-        [f]: (e) => this.$emit("analyticsIdentify", e),
-        [h]: (e) => this.$emit("analyticsPage", e),
-        [d]: (e) => this.$emit("analyticsTrack", e)
-      };
-      Object.entries(t).forEach(([e, n]) => {
-        if (!n) return;
-        const r = this.generateAnalyticsEventName(e), s = (a) => n(a.detail);
-        this.analyticsEventCbMap.set(r, s), document.addEventListener(r, s);
-      });
-    }
-  },
-  mounted() {
-    this.setupEventListeners(), this.setupAnalyticsEventListeners();
-  },
-  beforeDestroy() {
-    this.eventCbMap.forEach((t, e) => {
-      document.removeEventListener(e, t);
-    }), this.analyticsEventCbMap.forEach((t, e) => {
-      document.removeEventListener(e, t);
-    });
-  }
-}), l = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, s] of e)
-    n[r] = s;
-  return n;
-};
-function B(t, e, n, r, s, a) {
-  return o(), c("cc-webplayer", E(p(t.attributes)), [
-    m(t.$slots, "default")
-  ], 16);
-}
-const G = /* @__PURE__ */ l(I, [["render", B]]), D = i({
-  props: {
-    index: { type: Number, required: !0 },
-    thumbnailSrc: String
-  },
-  computed: {
-    attributes() {
-      return S(this.$props);
-    }
-  }
-});
-function R(t, e, n, r, s, a) {
-  return o(), c("cc-webplayer-custom-media", E(p(t.attributes)), [
-    m(t.$slots, "default")
-  ], 16);
-}
-const w = /* @__PURE__ */ l(D, [["render", R]]), V = i({
-  props: {
-    name: { type: String, required: !0 }
-  },
-  computed: {
-    attributes() {
-      return M(this.$props);
-    }
-  }
-});
-function x(t, e, n, r, s, a) {
-  return o(), c("cc-webplayer-icon", E(p(t.attributes)), [
-    m(t.$slots, "default")
-  ], 16);
-}
-const U = /* @__PURE__ */ l(V, [["render", x]]);
-export {
-  f as ANALYTICS_EVENT_IDENTIFY,
-  h as ANALYTICS_EVENT_PAGE,
-  d as ANALYTICS_EVENT_TRACK,
-  _ as DEFAULT_EVENT_PREFIX,
-  A as EVENT_COMPOSITION_LOADED,
-  P as EVENT_COMPOSITION_LOADING,
-  b as EVENT_COMPOSITION_LOAD_ERROR,
-  y as EVENT_EXTEND_MODE_OFF,
-  O as EVENT_EXTEND_MODE_ON,
-  N as EVENT_GALLERY_CLOSE,
-  T as EVENT_GALLERY_OPEN,
-  v as EVENT_HOTSPOTS_OFF,
-  $ as EVENT_HOTSPOTS_ON,
-  L as EVENT_ITEM_CHANGE,
-  X as WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,
-  j as WEB_PLAYER_ICON_WC_TAG,
-  H as WEB_PLAYER_WC_TAG,
-  G as WebPlayer,
-  w as WebPlayerCustomMedia,
-  U as WebPlayerIcon,
-  z as generateCompositionUrl
-};