@car-cutter/vanilla-webplayer 0.13.0 → 3.0.1

package/README.md

@@ -18,4 +18,4 @@ appendWebPlayer(targetElement, {
 
 ### Next Steps
 
-For more customisation, take a look at the **[Online Documentation](https://carcutter.github.io/cars-webplayer-js/)**
+For more customization, take a look at the **[Online Documentation](https://carcutter.github.io/cars-webplayer-js/)**

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare function appendWebPlayer(parentElement: HTMLElement, webPlayerProps: WebPlayerProps, customisation?: {
+export declare function appendWebPlayer(parentElement: HTMLElement, webPlayerProps: WebPlayerProps, customization?: {
     customMedias?: (WebPlayerCustomMediaProps & {
         element: HTMLElement;
     })[];
@@ -131,8 +131,10 @@ declare type WebPlayerIconName =
 | "UI_PLAY" // Play video
 | "UI_PLUS" // Increase zoom
 | "UI_REDUCE" // Reducing an extended view
-| "UI_360" // 360-degree view
-| "UI_INTERIOR_360" // interior 360 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
@@ -147,6 +149,10 @@ declare type WebPlayerIconProps = {
 declare type WebPlayerProps = {
     compositionUrl: string;
 
+    // Integration mode
+    integration?: boolean;
+    maxItemsShown?: number;
+
     // Layout
     hideCategoriesNav?: boolean;
     infiniteCarrousel?: boolean;

package/dist/index.js

@@ -1,29 +1,29 @@
 import { ensureCustomElementsDefinition as T, WEB_PLAYER_WC_TAG as A, webPlayerPropsToAttributes as l, WEB_PLAYER_CUSTOM_MEDIA_WC_TAG as p, webPlayerCustomMediaPropsToAttributes as O, WEB_PLAYER_ICON_WC_TAG as m, webPlayerIconPropsToAttributes as d } from "@car-cutter/wc-webplayer";
-function P(_, c, i) {
-  const s = (e, t) => {
-    Object.entries(t).forEach(
-      ([o, E]) => e.setAttribute(o, E)
+function P(_, s, i) {
+  const c = (t, e) => {
+    Object.entries(e).forEach(
+      ([o, n]) => t.setAttribute(o, n)
     );
   };
   T();
-  const n = document.createElement(A), a = l(c);
-  s(n, a), i?.customMedias?.forEach((e) => {
-    const t = document.createElement(
+  const E = document.createElement(A), a = l(s);
+  c(E, a), i?.customMedias?.forEach((t) => {
+    const e = document.createElement(
       p
-    ), { element: o, ...E } = e;
-    t.appendChild(o);
-    const r = O(E);
-    s(t, r), n.appendChild(t);
-  }), i?.icons?.forEach((e) => {
-    const t = document.createElement(m), { element: o, ...E } = e;
-    t.appendChild(o);
-    const r = d(E);
-    s(t, r), n.appendChild(t);
-  }), _.appendChild(n);
+    ), { element: o, ...n } = t;
+    e.appendChild(o);
+    const r = O(n);
+    c(e, r), E.appendChild(e);
+  }), i?.icons?.forEach((t) => {
+    const e = document.createElement(m), { element: o, ...n } = t;
+    e.appendChild(o);
+    const r = d(n);
+    c(e, r), E.appendChild(e);
+  }), _.appendChild(E);
 }
 const N = "cc-webplayer", u = "cc-webplayer-custom-media", b = "cc-webplayer-icon", W = "composition-loading", L = "composition-loaded", I = "composition-load-error", M = "item-change", R = "extend-mode-on", y = "extend-mode-off", D = "hotspots-on", G = "hotspots-off", h = "gallery-open", f = "gallery-close", S = "cc-webplayer:";
-function V(_, c) {
-  return `https://cdn.car-cutter.com/gallery/${_}/${c}/composition_v3.json`;
+function V(_, s) {
+  return `https://cdn.car-cutter.com/gallery/${_}/${s}/composition_v3.json`;
 }
 export {
   S as DEFAULT_EVENT_PREFIX,

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(e,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("@car-cutter/wc-webplayer")):typeof define=="function"&&define.amd?define(["exports","@car-cutter/wc-webplayer"],E):(e=typeof globalThis<"u"?globalThis:e||self,E(e.CarCutterWebplayerVanilla={},e.CarCutterWebplayerWC))})(this,function(e,E){"use strict";function r(T,O,N){const i=(_,t)=>{Object.entries(t).forEach(([n,o])=>_.setAttribute(n,o))};E.ensureCustomElementsDefinition();const c=document.createElement(E.WEB_PLAYER_WC_TAG),R=E.webPlayerPropsToAttributes(O);i(c,R),N?.customMedias?.forEach(_=>{const t=document.createElement(E.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG),{element:n,...o}=_;t.appendChild(n);const s=E.webPlayerCustomMediaPropsToAttributes(o);i(t,s),c.appendChild(t)}),N?.icons?.forEach(_=>{const t=document.createElement(E.WEB_PLAYER_ICON_WC_TAG),{element:n,...o}=_;t.appendChild(n);const s=E.webPlayerIconPropsToAttributes(o);i(t,s),c.appendChild(t)}),T.appendChild(c)}const A="cc-webplayer",a="cc-webplayer-custom-media",d="cc-webplayer-icon",l="composition-loading",C="composition-loaded",u="composition-load-error",P="item-change",m="extend-mode-on",L="extend-mode-off",p="hotspots-on",I="hotspots-off",V="gallery-open",f="gallery-close",D="cc-webplayer:";function M(T,O){return`https://cdn.car-cutter.com/gallery/${T}/${O}/composition_v3.json`}e.DEFAULT_EVENT_PREFIX=D,e.EVENT_COMPOSITION_LOADED=C,e.EVENT_COMPOSITION_LOADING=l,e.EVENT_COMPOSITION_LOAD_ERROR=u,e.EVENT_EXTEND_MODE_OFF=L,e.EVENT_EXTEND_MODE_ON=m,e.EVENT_GALLERY_CLOSE=f,e.EVENT_GALLERY_OPEN=V,e.EVENT_HOTSPOTS_OFF=I,e.EVENT_HOTSPOTS_ON=p,e.EVENT_ITEM_CHANGE=P,e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=a,e.WEB_PLAYER_ICON_WC_TAG=d,e.WEB_PLAYER_WC_TAG=A,e.appendWebPlayer=r,e.generateCompositionUrl=M,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+(function(e,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("@car-cutter/wc-webplayer")):typeof define=="function"&&define.amd?define(["exports","@car-cutter/wc-webplayer"],E):(e=typeof globalThis<"u"?globalThis:e||self,E(e.CarCutterWebplayerVanilla={},e.CarCutterWebplayerWC))})(this,function(e,E){"use strict";function r(T,O,N){const i=(n,t)=>{Object.entries(t).forEach(([_,o])=>n.setAttribute(_,o))};E.ensureCustomElementsDefinition();const c=document.createElement(E.WEB_PLAYER_WC_TAG),R=E.webPlayerPropsToAttributes(O);i(c,R),N?.customMedias?.forEach(n=>{const t=document.createElement(E.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG),{element:_,...o}=n;t.appendChild(_);const s=E.webPlayerCustomMediaPropsToAttributes(o);i(t,s),c.appendChild(t)}),N?.icons?.forEach(n=>{const t=document.createElement(E.WEB_PLAYER_ICON_WC_TAG),{element:_,...o}=n;t.appendChild(_);const s=E.webPlayerIconPropsToAttributes(o);i(t,s),c.appendChild(t)}),T.appendChild(c)}const A="cc-webplayer",a="cc-webplayer-custom-media",d="cc-webplayer-icon",l="composition-loading",C="composition-loaded",u="composition-load-error",P="item-change",m="extend-mode-on",L="extend-mode-off",p="hotspots-on",I="hotspots-off",V="gallery-open",f="gallery-close",D="cc-webplayer:";function M(T,O){return`https://cdn.car-cutter.com/gallery/${T}/${O}/composition_v3.json`}e.DEFAULT_EVENT_PREFIX=D,e.EVENT_COMPOSITION_LOADED=C,e.EVENT_COMPOSITION_LOADING=l,e.EVENT_COMPOSITION_LOAD_ERROR=u,e.EVENT_EXTEND_MODE_OFF=L,e.EVENT_EXTEND_MODE_ON=m,e.EVENT_GALLERY_CLOSE=f,e.EVENT_GALLERY_OPEN=V,e.EVENT_HOTSPOTS_OFF=I,e.EVENT_HOTSPOTS_ON=p,e.EVENT_ITEM_CHANGE=P,e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=a,e.WEB_PLAYER_ICON_WC_TAG=d,e.WEB_PLAYER_WC_TAG=A,e.appendWebPlayer=r,e.generateCompositionUrl=M,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@car-cutter/vanilla-webplayer",
-  "version": "0.13.0",
+  "version": "3.0.1",
   "license": "Apache-2.0",
   "author": {
     "name": "CarCutter",
@@ -31,7 +31,7 @@
     "analyze": "vite-bundle-visualizer"
   },
   "dependencies": {
-    "@car-cutter/wc-webplayer": "0.13.0"
+    "@car-cutter/wc-webplayer": "3.0.1"
   },
   "devDependencies": {
     "@car-cutter/eslint-config": "*",