@car-cutter/vue-webplayer 3.1.2 → 3.1.3

package/dist/index.d.ts

@@ -388,6 +388,7 @@ declare type WebPlayerProps_2 = {
     demoSpin?: boolean;
     reverse360?: boolean;
     spinCursor?: string;
+    themeConfig?: "autonation";
 
     // Analytics
     analyticsEventPrefix?: string;

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as m, 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 { 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__ */ m({
+const ae = /* @__PURE__ */ d({
   __name: "WebPlayer",
   props: {
     compositionUrl: {},
@@ -25,6 +25,7 @@ const ae = /* @__PURE__ */ m({
     demoSpin: { type: Boolean },
     reverse360: { type: Boolean },
     spinCursor: {},
+    themeConfig: {},
     analyticsEventPrefix: {},
     analyticsUrl: {},
     analyticsBearer: {},
@@ -58,12 +59,12 @@ const ae = /* @__PURE__ */ m({
     return Object.entries(I).forEach(([e, o]) => {
       if (!o)
         return;
-      const E = b(e), y = (d) => o(d.detail);
+      const E = b(e), y = (m) => o(m.detail);
       l.set(E, y);
     }), Object.entries(g).forEach(([e, o]) => {
       if (!o)
         return;
-      const E = v(e), y = (d) => o(d.detail);
+      const E = v(e), y = (m) => o(m.detail);
       p.set(E, y);
     }), h(() => {
       l.forEach((e, o) => {
@@ -84,7 +85,7 @@ const ae = /* @__PURE__ */ m({
       O(e.$slots, "default")
     ], 16));
   }
-}), se = /* @__PURE__ */ m({
+}), se = /* @__PURE__ */ d({
   __name: "WebPlayerCustomMedia",
   props: {
     index: {},
@@ -96,7 +97,7 @@ const ae = /* @__PURE__ */ m({
       O(r.$slots, "default")
     ], 16));
   }
-}), re = /* @__PURE__ */ m({
+}), re = /* @__PURE__ */ d({
   __name: "WebPlayerIcon",
   props: {
     name: {}

package/dist/index.umd.cjs

@@ -1 +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:{},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"})}));
+(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.2",
+  "version": "3.1.3",
   "license": "Apache-2.0",
   "author": {
     "name": "CarCutter",
@@ -40,7 +40,7 @@
     "analyze": "vite-bundle-visualizer"
   },
   "dependencies": {
-    "@car-cutter/wc-webplayer": "3.1.2"
+    "@car-cutter/wc-webplayer": "3.1.3"
   },
   "peerDependencies": {
     "vue": "^3"