cloudinary-video-player 2.3.6-edge.6 → 2.3.6-edge.7

package/dist/debug.js

@@ -243,6 +243,7 @@ const sourceValidators = {
   raw_transformation: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isString,
   shoppable: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isPlainObject,
   chapters: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean, _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isPlainObject),
+  visualSearch: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean),
   interactionAreas: {
     enable: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean,
     template: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isString(_plugins_interaction_areas_interaction_areas_const__WEBPACK_IMPORTED_MODULE_1__.INTERACTION_AREAS_TEMPLATE), _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isArray),

package/dist/debug.light.js

@@ -243,6 +243,7 @@ const sourceValidators = {
   raw_transformation: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isString,
   shoppable: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isPlainObject,
   chapters: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean, _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isPlainObject),
+  visualSearch: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean),
   interactionAreas: {
     enable: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isBoolean,
     template: _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.or(_validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isString(_plugins_interaction_areas_interaction_areas_const__WEBPACK_IMPORTED_MODULE_1__.INTERACTION_AREAS_TEMPLATE), _validators_types__WEBPACK_IMPORTED_MODULE_2__.validator.isArray),

package/dist/debug.light.min.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[40],{9017:(e,i,s)=>{"use strict";s.d(i,{F0:()=>t,Fg:()=>r,IT:()=>n,T$:()=>u,Vv:()=>c,Yx:()=>l,be:()=>o,q3:()=>g,sb:()=>a});const a="cld-ia-layout-state",o="vp-ia",r="interaction-areas-container",t={PORTRAIT:"portrait",LANDSCAPE:"landscape",All:"all",CENTER:"center"},n={PULSING:"pulsing",SHADOWED:"shadowed"},l={[t.PORTRAIT]:"https://res.cloudinary.com/prod/raw/upload/v1623772481/video-player/vtts/portrait.vtt",[t.LANDSCAPE]:"https://res.cloudinary.com/prod/raw/upload/v1623772303/video-player/vtts/landscape.vtt",[t.All]:"https://res.cloudinary.com/prod/raw/upload/v1623250266/video-player/vtts/all.vtt",[t.CENTER]:"https://res.cloudinary.com/prod/raw/upload/v1623250265/video-player/vtts/center.vtt"},u="https://res.cloudinary.com/prod/image/upload/v1626764643/video-player/interaction-area-hand.svg",c=4500,g=250},9754:(e,i,s)=>{"use strict";s.r(i),s.d(i,{playerValidators:()=>S,sourceValidators:()=>h});var a=s(608),o=s(9017),r=s(8552),t=s.n(r),n=s(8446),l=s.n(n),u=s(7531),c=s.n(u),g=s(8953),d=s.n(g),p=s(7571),b=s.n(p),y=s(5779);const m=e=>d()(e)?`:(${Object.values(e).join("/")})`:"",v={isString:e=>({value:b(),message:i=>`'${i}' should be a string${m(e)}`}),isNumber:e=>({value:c(),message:i=>`'${i}' should be a number${m(e)}`}),isBoolean:()=>({value:t(),message:e=>`'${e}' should be a boolean`}),isFunction:()=>({value:l(),message:e=>`'${e}' should be a function`}),isPlainObject:()=>({value:d(),message:e=>`'${e}' should be an object`}),isObject:()=>({value:e=>e&&"object"==typeof e,message:e=>`'${e}' should be an object`}),isArray:()=>({value:Array.isArray,message:e=>`'${e}' should be an array`}),isArrayOfNumbers:()=>({value:e=>Array.isArray(e)&&e.every(c()),message:e=>`'${e}' should be an array of numbers`}),isArrayOfStrings:()=>({value:e=>Array.isArray(e)&&e.every(b()),message:e=>`'${e}' should be an array of strings`}),isArrayOfObjects:e=>({value:i=>i.every((i=>{for(let s in i)if(Object.prototype.hasOwnProperty.call(i,s)){const a=i[s],o=e[s];if(!(o&&(0,y.QF)(o(a),a,s)))return!1}return!0})),message:()=>"invalid array"}),or:function(){for(var e=arguments.length,i=new Array(e),s=0;s<e;s++)i[s]=arguments[s];return()=>({value:e=>i.some((i=>(0,y.O6)(i).value(e))),message:e=>i.map((i=>(0,y.O6)(i).message(e))).join(" or ")})}},S={videojsOptions:{loop:v.isBoolean,controls:v.isBoolean,autoplay:v.isBoolean,autoplayMode:v.isString(a.HJ),bigPlayButton:v.isBoolean,playbackRates:v.isArray,showLogo:v.isBoolean,logoImageUrl:v.isString,logoOnclickUrl:v.isString,videoJS:v.isPlainObject,maxTries:v.isNumber,muted:v.isBoolean,playsinline:v.isBoolean,videoTimeout:v.isNumber,preload:v.isString,sourceTransformation:v.isPlainObject,allowUsageReport:v.isBoolean,interactionAreas:{theme:{template:v.isString(o.IT)},layout:{enable:v.isBoolean,showAgain:v.isBoolean}}},playerOptions:{debug:v.isBoolean,queryParams:v.isPlainObject,publicId:v.isString,fluid:v.isBoolean,withCredentials:v.isBoolean,analytics:v.isBoolean,cloudinaryAnalytics:v.or(v.isBoolean,v.isPlainObject),hideContextMenu:v.isBoolean,playedEventPercents:v.isArrayOfNumbers,showJumpControls:v.isBoolean,chaptersButton:v.isBoolean,pictureInPictureToggle:v.isBoolean,seekThumbnails:v.isBoolean,aiHighlightsGraph:v.isBoolean,floatingWhenNotVisible:v.isString(a.rT),playedEventTimes:v.isArray,playlistWidget:{direction:v.isString,total:v.isNumber},colors:{base:v.isString,accent:v.isString,text:v.isString},ads:{adTagUrl:v.isString,showCountdown:v.isBoolean,adLabel:v.isString,locale:v.isString,prerollTimeout:v.isNumber,postrollTimeout:v.isNumber,adsInPlaylist:v.isString(a.KE)},cloudinary:{autoShowRecommendations:v.isBoolean,sourceTypes:v.isArrayOfStrings,transformation:v.isObject,fontFace:v.isString,posterOptions:{publicId:v.isString,transformation:v.isObject}}}},h={raw_transformation:v.isString,shoppable:v.isPlainObject,chapters:v.or(v.isBoolean,v.isPlainObject),interactionAreas:{enable:v.isBoolean,template:v.or(v.isString(o.F0),v.isArray),vttUrl:v.isString,onClick:v.isFunction},textTracks:{options:{theme:v.isString,fontFace:v.isString,fontSize:v.isString,gravity:v.isString,box:v.isPlainObject,style:v.isPlainObject,wordHighlightStyle:v.isPlainObject},captions:{label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber},subtitles:v.isArrayOfObjects({label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber})},info:{title:v.isString,subtitle:v.isString,description:v.isString},cloudinary:{sourceTypes:v.isArrayOfStrings,transformation:v.isObject}}},8552:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return!0===e||!1===e||o(e)&&"[object Boolean]"==a(e)}},7531:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return"number"==typeof e||o(e)&&"[object Number]"==a(e)}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[40],{9017:(e,i,s)=>{"use strict";s.d(i,{F0:()=>t,Fg:()=>r,IT:()=>n,T$:()=>u,Vv:()=>c,Yx:()=>l,be:()=>o,q3:()=>g,sb:()=>a});const a="cld-ia-layout-state",o="vp-ia",r="interaction-areas-container",t={PORTRAIT:"portrait",LANDSCAPE:"landscape",All:"all",CENTER:"center"},n={PULSING:"pulsing",SHADOWED:"shadowed"},l={[t.PORTRAIT]:"https://res.cloudinary.com/prod/raw/upload/v1623772481/video-player/vtts/portrait.vtt",[t.LANDSCAPE]:"https://res.cloudinary.com/prod/raw/upload/v1623772303/video-player/vtts/landscape.vtt",[t.All]:"https://res.cloudinary.com/prod/raw/upload/v1623250266/video-player/vtts/all.vtt",[t.CENTER]:"https://res.cloudinary.com/prod/raw/upload/v1623250265/video-player/vtts/center.vtt"},u="https://res.cloudinary.com/prod/image/upload/v1626764643/video-player/interaction-area-hand.svg",c=4500,g=250},9754:(e,i,s)=>{"use strict";s.r(i),s.d(i,{playerValidators:()=>S,sourceValidators:()=>h});var a=s(608),o=s(9017),r=s(8552),t=s.n(r),n=s(8446),l=s.n(n),u=s(7531),c=s.n(u),g=s(8953),d=s.n(g),p=s(7571),b=s.n(p),y=s(5779);const m=e=>d()(e)?`:(${Object.values(e).join("/")})`:"",v={isString:e=>({value:b(),message:i=>`'${i}' should be a string${m(e)}`}),isNumber:e=>({value:c(),message:i=>`'${i}' should be a number${m(e)}`}),isBoolean:()=>({value:t(),message:e=>`'${e}' should be a boolean`}),isFunction:()=>({value:l(),message:e=>`'${e}' should be a function`}),isPlainObject:()=>({value:d(),message:e=>`'${e}' should be an object`}),isObject:()=>({value:e=>e&&"object"==typeof e,message:e=>`'${e}' should be an object`}),isArray:()=>({value:Array.isArray,message:e=>`'${e}' should be an array`}),isArrayOfNumbers:()=>({value:e=>Array.isArray(e)&&e.every(c()),message:e=>`'${e}' should be an array of numbers`}),isArrayOfStrings:()=>({value:e=>Array.isArray(e)&&e.every(b()),message:e=>`'${e}' should be an array of strings`}),isArrayOfObjects:e=>({value:i=>i.every((i=>{for(let s in i)if(Object.prototype.hasOwnProperty.call(i,s)){const a=i[s],o=e[s];if(!(o&&(0,y.QF)(o(a),a,s)))return!1}return!0})),message:()=>"invalid array"}),or:function(){for(var e=arguments.length,i=new Array(e),s=0;s<e;s++)i[s]=arguments[s];return()=>({value:e=>i.some((i=>(0,y.O6)(i).value(e))),message:e=>i.map((i=>(0,y.O6)(i).message(e))).join(" or ")})}},S={videojsOptions:{loop:v.isBoolean,controls:v.isBoolean,autoplay:v.isBoolean,autoplayMode:v.isString(a.HJ),bigPlayButton:v.isBoolean,playbackRates:v.isArray,showLogo:v.isBoolean,logoImageUrl:v.isString,logoOnclickUrl:v.isString,videoJS:v.isPlainObject,maxTries:v.isNumber,muted:v.isBoolean,playsinline:v.isBoolean,videoTimeout:v.isNumber,preload:v.isString,sourceTransformation:v.isPlainObject,allowUsageReport:v.isBoolean,interactionAreas:{theme:{template:v.isString(o.IT)},layout:{enable:v.isBoolean,showAgain:v.isBoolean}}},playerOptions:{debug:v.isBoolean,queryParams:v.isPlainObject,publicId:v.isString,fluid:v.isBoolean,withCredentials:v.isBoolean,analytics:v.isBoolean,cloudinaryAnalytics:v.or(v.isBoolean,v.isPlainObject),hideContextMenu:v.isBoolean,playedEventPercents:v.isArrayOfNumbers,showJumpControls:v.isBoolean,chaptersButton:v.isBoolean,pictureInPictureToggle:v.isBoolean,seekThumbnails:v.isBoolean,aiHighlightsGraph:v.isBoolean,floatingWhenNotVisible:v.isString(a.rT),playedEventTimes:v.isArray,playlistWidget:{direction:v.isString,total:v.isNumber},colors:{base:v.isString,accent:v.isString,text:v.isString},ads:{adTagUrl:v.isString,showCountdown:v.isBoolean,adLabel:v.isString,locale:v.isString,prerollTimeout:v.isNumber,postrollTimeout:v.isNumber,adsInPlaylist:v.isString(a.KE)},cloudinary:{autoShowRecommendations:v.isBoolean,sourceTypes:v.isArrayOfStrings,transformation:v.isObject,fontFace:v.isString,posterOptions:{publicId:v.isString,transformation:v.isObject}}}},h={raw_transformation:v.isString,shoppable:v.isPlainObject,chapters:v.or(v.isBoolean,v.isPlainObject),visualSearch:v.or(v.isBoolean),interactionAreas:{enable:v.isBoolean,template:v.or(v.isString(o.F0),v.isArray),vttUrl:v.isString,onClick:v.isFunction},textTracks:{options:{theme:v.isString,fontFace:v.isString,fontSize:v.isString,gravity:v.isString,box:v.isPlainObject,style:v.isPlainObject,wordHighlightStyle:v.isPlainObject},captions:{label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber},subtitles:v.isArrayOfObjects({label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber})},info:{title:v.isString,subtitle:v.isString,description:v.isString},cloudinary:{sourceTypes:v.isArrayOfStrings,transformation:v.isObject}}},8552:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return!0===e||!1===e||o(e)&&"[object Boolean]"==a(e)}},7531:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return"number"==typeof e||o(e)&&"[object Number]"==a(e)}}}]);
 //# sourceMappingURL=debug.light.min.js.map

package/dist/debug.min.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[40],{9017:(e,i,s)=>{"use strict";s.d(i,{F0:()=>t,Fg:()=>r,IT:()=>n,T$:()=>u,Vv:()=>c,Yx:()=>l,be:()=>o,q3:()=>g,sb:()=>a});const a="cld-ia-layout-state",o="vp-ia",r="interaction-areas-container",t={PORTRAIT:"portrait",LANDSCAPE:"landscape",All:"all",CENTER:"center"},n={PULSING:"pulsing",SHADOWED:"shadowed"},l={[t.PORTRAIT]:"https://res.cloudinary.com/prod/raw/upload/v1623772481/video-player/vtts/portrait.vtt",[t.LANDSCAPE]:"https://res.cloudinary.com/prod/raw/upload/v1623772303/video-player/vtts/landscape.vtt",[t.All]:"https://res.cloudinary.com/prod/raw/upload/v1623250266/video-player/vtts/all.vtt",[t.CENTER]:"https://res.cloudinary.com/prod/raw/upload/v1623250265/video-player/vtts/center.vtt"},u="https://res.cloudinary.com/prod/image/upload/v1626764643/video-player/interaction-area-hand.svg",c=4500,g=250},9754:(e,i,s)=>{"use strict";s.r(i),s.d(i,{playerValidators:()=>S,sourceValidators:()=>h});var a=s(608),o=s(9017),r=s(8552),t=s.n(r),n=s(8446),l=s.n(n),u=s(7531),c=s.n(u),g=s(8953),d=s.n(g),p=s(7571),b=s.n(p),y=s(5779);const m=e=>d()(e)?`:(${Object.values(e).join("/")})`:"",v={isString:e=>({value:b(),message:i=>`'${i}' should be a string${m(e)}`}),isNumber:e=>({value:c(),message:i=>`'${i}' should be a number${m(e)}`}),isBoolean:()=>({value:t(),message:e=>`'${e}' should be a boolean`}),isFunction:()=>({value:l(),message:e=>`'${e}' should be a function`}),isPlainObject:()=>({value:d(),message:e=>`'${e}' should be an object`}),isObject:()=>({value:e=>e&&"object"==typeof e,message:e=>`'${e}' should be an object`}),isArray:()=>({value:Array.isArray,message:e=>`'${e}' should be an array`}),isArrayOfNumbers:()=>({value:e=>Array.isArray(e)&&e.every(c()),message:e=>`'${e}' should be an array of numbers`}),isArrayOfStrings:()=>({value:e=>Array.isArray(e)&&e.every(b()),message:e=>`'${e}' should be an array of strings`}),isArrayOfObjects:e=>({value:i=>i.every((i=>{for(let s in i)if(Object.prototype.hasOwnProperty.call(i,s)){const a=i[s],o=e[s];if(!(o&&(0,y.QF)(o(a),a,s)))return!1}return!0})),message:()=>"invalid array"}),or:function(){for(var e=arguments.length,i=new Array(e),s=0;s<e;s++)i[s]=arguments[s];return()=>({value:e=>i.some((i=>(0,y.O6)(i).value(e))),message:e=>i.map((i=>(0,y.O6)(i).message(e))).join(" or ")})}},S={videojsOptions:{loop:v.isBoolean,controls:v.isBoolean,autoplay:v.isBoolean,autoplayMode:v.isString(a.HJ),bigPlayButton:v.isBoolean,playbackRates:v.isArray,showLogo:v.isBoolean,logoImageUrl:v.isString,logoOnclickUrl:v.isString,videoJS:v.isPlainObject,maxTries:v.isNumber,muted:v.isBoolean,playsinline:v.isBoolean,videoTimeout:v.isNumber,preload:v.isString,sourceTransformation:v.isPlainObject,allowUsageReport:v.isBoolean,interactionAreas:{theme:{template:v.isString(o.IT)},layout:{enable:v.isBoolean,showAgain:v.isBoolean}}},playerOptions:{debug:v.isBoolean,queryParams:v.isPlainObject,publicId:v.isString,fluid:v.isBoolean,withCredentials:v.isBoolean,analytics:v.isBoolean,cloudinaryAnalytics:v.or(v.isBoolean,v.isPlainObject),hideContextMenu:v.isBoolean,playedEventPercents:v.isArrayOfNumbers,showJumpControls:v.isBoolean,chaptersButton:v.isBoolean,pictureInPictureToggle:v.isBoolean,seekThumbnails:v.isBoolean,aiHighlightsGraph:v.isBoolean,floatingWhenNotVisible:v.isString(a.rT),playedEventTimes:v.isArray,playlistWidget:{direction:v.isString,total:v.isNumber},colors:{base:v.isString,accent:v.isString,text:v.isString},ads:{adTagUrl:v.isString,showCountdown:v.isBoolean,adLabel:v.isString,locale:v.isString,prerollTimeout:v.isNumber,postrollTimeout:v.isNumber,adsInPlaylist:v.isString(a.KE)},cloudinary:{autoShowRecommendations:v.isBoolean,sourceTypes:v.isArrayOfStrings,transformation:v.isObject,fontFace:v.isString,posterOptions:{publicId:v.isString,transformation:v.isObject}}}},h={raw_transformation:v.isString,shoppable:v.isPlainObject,chapters:v.or(v.isBoolean,v.isPlainObject),interactionAreas:{enable:v.isBoolean,template:v.or(v.isString(o.F0),v.isArray),vttUrl:v.isString,onClick:v.isFunction},textTracks:{options:{theme:v.isString,fontFace:v.isString,fontSize:v.isString,gravity:v.isString,box:v.isPlainObject,style:v.isPlainObject,wordHighlightStyle:v.isPlainObject},captions:{label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber},subtitles:v.isArrayOfObjects({label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber})},info:{title:v.isString,subtitle:v.isString,description:v.isString},cloudinary:{sourceTypes:v.isArrayOfStrings,transformation:v.isObject}}},8552:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return!0===e||!1===e||o(e)&&"[object Boolean]"==a(e)}},7531:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return"number"==typeof e||o(e)&&"[object Number]"==a(e)}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[40],{9017:(e,i,s)=>{"use strict";s.d(i,{F0:()=>t,Fg:()=>r,IT:()=>n,T$:()=>u,Vv:()=>c,Yx:()=>l,be:()=>o,q3:()=>g,sb:()=>a});const a="cld-ia-layout-state",o="vp-ia",r="interaction-areas-container",t={PORTRAIT:"portrait",LANDSCAPE:"landscape",All:"all",CENTER:"center"},n={PULSING:"pulsing",SHADOWED:"shadowed"},l={[t.PORTRAIT]:"https://res.cloudinary.com/prod/raw/upload/v1623772481/video-player/vtts/portrait.vtt",[t.LANDSCAPE]:"https://res.cloudinary.com/prod/raw/upload/v1623772303/video-player/vtts/landscape.vtt",[t.All]:"https://res.cloudinary.com/prod/raw/upload/v1623250266/video-player/vtts/all.vtt",[t.CENTER]:"https://res.cloudinary.com/prod/raw/upload/v1623250265/video-player/vtts/center.vtt"},u="https://res.cloudinary.com/prod/image/upload/v1626764643/video-player/interaction-area-hand.svg",c=4500,g=250},9754:(e,i,s)=>{"use strict";s.r(i),s.d(i,{playerValidators:()=>S,sourceValidators:()=>h});var a=s(608),o=s(9017),r=s(8552),t=s.n(r),n=s(8446),l=s.n(n),u=s(7531),c=s.n(u),g=s(8953),d=s.n(g),p=s(7571),b=s.n(p),y=s(5779);const m=e=>d()(e)?`:(${Object.values(e).join("/")})`:"",v={isString:e=>({value:b(),message:i=>`'${i}' should be a string${m(e)}`}),isNumber:e=>({value:c(),message:i=>`'${i}' should be a number${m(e)}`}),isBoolean:()=>({value:t(),message:e=>`'${e}' should be a boolean`}),isFunction:()=>({value:l(),message:e=>`'${e}' should be a function`}),isPlainObject:()=>({value:d(),message:e=>`'${e}' should be an object`}),isObject:()=>({value:e=>e&&"object"==typeof e,message:e=>`'${e}' should be an object`}),isArray:()=>({value:Array.isArray,message:e=>`'${e}' should be an array`}),isArrayOfNumbers:()=>({value:e=>Array.isArray(e)&&e.every(c()),message:e=>`'${e}' should be an array of numbers`}),isArrayOfStrings:()=>({value:e=>Array.isArray(e)&&e.every(b()),message:e=>`'${e}' should be an array of strings`}),isArrayOfObjects:e=>({value:i=>i.every((i=>{for(let s in i)if(Object.prototype.hasOwnProperty.call(i,s)){const a=i[s],o=e[s];if(!(o&&(0,y.QF)(o(a),a,s)))return!1}return!0})),message:()=>"invalid array"}),or:function(){for(var e=arguments.length,i=new Array(e),s=0;s<e;s++)i[s]=arguments[s];return()=>({value:e=>i.some((i=>(0,y.O6)(i).value(e))),message:e=>i.map((i=>(0,y.O6)(i).message(e))).join(" or ")})}},S={videojsOptions:{loop:v.isBoolean,controls:v.isBoolean,autoplay:v.isBoolean,autoplayMode:v.isString(a.HJ),bigPlayButton:v.isBoolean,playbackRates:v.isArray,showLogo:v.isBoolean,logoImageUrl:v.isString,logoOnclickUrl:v.isString,videoJS:v.isPlainObject,maxTries:v.isNumber,muted:v.isBoolean,playsinline:v.isBoolean,videoTimeout:v.isNumber,preload:v.isString,sourceTransformation:v.isPlainObject,allowUsageReport:v.isBoolean,interactionAreas:{theme:{template:v.isString(o.IT)},layout:{enable:v.isBoolean,showAgain:v.isBoolean}}},playerOptions:{debug:v.isBoolean,queryParams:v.isPlainObject,publicId:v.isString,fluid:v.isBoolean,withCredentials:v.isBoolean,analytics:v.isBoolean,cloudinaryAnalytics:v.or(v.isBoolean,v.isPlainObject),hideContextMenu:v.isBoolean,playedEventPercents:v.isArrayOfNumbers,showJumpControls:v.isBoolean,chaptersButton:v.isBoolean,pictureInPictureToggle:v.isBoolean,seekThumbnails:v.isBoolean,aiHighlightsGraph:v.isBoolean,floatingWhenNotVisible:v.isString(a.rT),playedEventTimes:v.isArray,playlistWidget:{direction:v.isString,total:v.isNumber},colors:{base:v.isString,accent:v.isString,text:v.isString},ads:{adTagUrl:v.isString,showCountdown:v.isBoolean,adLabel:v.isString,locale:v.isString,prerollTimeout:v.isNumber,postrollTimeout:v.isNumber,adsInPlaylist:v.isString(a.KE)},cloudinary:{autoShowRecommendations:v.isBoolean,sourceTypes:v.isArrayOfStrings,transformation:v.isObject,fontFace:v.isString,posterOptions:{publicId:v.isString,transformation:v.isObject}}}},h={raw_transformation:v.isString,shoppable:v.isPlainObject,chapters:v.or(v.isBoolean,v.isPlainObject),visualSearch:v.or(v.isBoolean),interactionAreas:{enable:v.isBoolean,template:v.or(v.isString(o.F0),v.isArray),vttUrl:v.isString,onClick:v.isFunction},textTracks:{options:{theme:v.isString,fontFace:v.isString,fontSize:v.isString,gravity:v.isString,box:v.isPlainObject,style:v.isPlainObject,wordHighlightStyle:v.isPlainObject},captions:{label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber},subtitles:v.isArrayOfObjects({label:v.isString,language:v.isString,default:v.isBoolean,url:v.isString,maxWords:v.isNumber,wordHighlight:v.isBoolean,timeOffset:v.isNumber})},info:{title:v.isString,subtitle:v.isString,description:v.isString},cloudinary:{sourceTypes:v.isArrayOfStrings,transformation:v.isObject}}},8552:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return!0===e||!1===e||o(e)&&"[object Boolean]"==a(e)}},7531:(e,i,s)=>{var a=s(7148),o=s(2934);e.exports=function(e){return"number"==typeof e||o(e)&&"[object Number]"==a(e)}}}]);
 //# sourceMappingURL=debug.min.js.map

package/dist/visual-search.js

@@ -0,0 +1,291 @@
+"use strict";
+(self["cloudinaryVideoPlayerChunkLoading"] = self["cloudinaryVideoPlayerChunkLoading"] || []).push([["visual-search"],{
+
+/***/ "./plugins/visual-search/components/SearchButton.js":
+/*!**********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchButton.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchButton: () => (/* binding */ SearchButton)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchButton = onClick => {
+  const button = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('button', {
+    className: 'vjs-visual-search-button',
+    title: 'Search video content'
+  });
+  const searchIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-icon-search'
+  });
+  button.appendChild(searchIcon);
+  const spinnerIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-loading-spinner'
+  });
+  button.appendChild(spinnerIcon);
+  button.addEventListener('click', onClick);
+  return button;
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/components/SearchInput.js":
+/*!*********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchInput.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchInput: () => (/* binding */ SearchInput)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchInput = (onSearch, onClose) => {
+  const form = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('form', {
+    className: 'vjs-visual-search-form'
+  });
+  const input = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('input', {
+    className: 'vjs-visual-search-input',
+    type: 'text'
+  });
+  const closeButton = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('button', {
+    className: 'vjs-visual-search-close',
+    type: 'button',
+    title: 'Close search'
+  });
+
+  // Add close icon
+  const closeIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-icon-close'
+  });
+  closeButton.appendChild(closeIcon);
+  form.appendChild(input);
+  form.appendChild(closeButton);
+
+  // Handle search submission
+  form.addEventListener('submit', e => {
+    e.preventDefault();
+    const query = input.value.trim();
+    if (query) {
+      onSearch(query);
+    }
+  });
+
+  // Handle close button
+  closeButton.addEventListener('click', e => {
+    e.preventDefault();
+    if (onClose) {
+      onClose();
+    }
+  });
+  return {
+    element: form,
+    input
+  };
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/components/SearchResults.js":
+/*!***********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchResults.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchResults: () => (/* binding */ SearchResults)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchResults = player => {
+  const clearMarkers = () => {
+    player.$$('.vjs-visual-search-marker').forEach(el => el.remove());
+    player.$$('.vjs-visual-search-results-wrapper').forEach(el => el.remove());
+
+    // Remove the class that indicates search results are displayed
+    player.removeClass('vjs-visual-search-results-active');
+  };
+  const displayResults = results => {
+    // Clear existing markers
+    clearMarkers();
+    const total = player.duration();
+    const seekBar = player.controlBar.progressControl.seekBar;
+
+    // Create wrapper for search results
+    const wrapperEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+      className: 'vjs-visual-search-results-wrapper'
+    });
+
+    // Add markers for each result
+    results.forEach(result => {
+      const {
+        start_time,
+        end_time
+      } = result;
+      const markerEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+        className: 'vjs-visual-search-marker',
+        style: `left: ${start_time / total * 100}%; width: ${(end_time - start_time) / total * 100}%`
+      });
+      wrapperEl.appendChild(markerEl);
+
+      // Add click handler to jump to this time
+      markerEl.addEventListener('click', () => {
+        player.currentTime(start_time);
+      });
+    });
+
+    // Add wrapper to seek bar
+    seekBar.el().appendChild(wrapperEl);
+
+    // Add a class to indicate search results are displayed
+    if (results.length > 0) {
+      player.addClass('vjs-visual-search-results-active');
+    }
+  };
+  return {
+    displayResults,
+    clearMarkers
+  };
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/visual-search.js":
+/*!************************************************!*\
+  !*** ./plugins/visual-search/visual-search.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/video.es-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _components_SearchButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/SearchButton */ "./plugins/visual-search/components/SearchButton.js");
+/* harmony import */ var _components_SearchInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/SearchInput */ "./plugins/visual-search/components/SearchInput.js");
+/* harmony import */ var _components_SearchResults__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/SearchResults */ "./plugins/visual-search/components/SearchResults.js");
+/* harmony import */ var _visual_search_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visual-search.scss */ "./plugins/visual-search/visual-search.scss");
+
+
+
+
+
+const visualSearch = (options, player) => {
+  player.addClass('vjs-visual-search');
+  let isSearchActive = false;
+  const searchResults = (0,_components_SearchResults__WEBPACK_IMPORTED_MODULE_3__.SearchResults)(player);
+  const performSearch = async query => {
+    const searchButton = player.$('.vjs-visual-search-button');
+    searchButton.classList.add('vjs-waiting');
+    try {
+      const source = player.cloudinary.source();
+      const publicId = source.publicId();
+      const transformation = Object.assign({}, source.transformation());
+      transformation.flags = transformation.flags || [];
+      transformation.flags.push(`getinfo:search_b64_${btoa(query)}`);
+      const visualSearchSrc = source.config().url(`${publicId}`, {
+        transformation
+      });
+      const response = await fetch(visualSearchSrc, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`Search request failed with status: ${response.status}`);
+      }
+      const results = await response.json();
+      searchResults.displayResults(results.timestamps);
+      if (results && !player.hasStarted()) {
+        // Make sure the progress bar is visible
+        player.play().then(() => player.pause());
+      }
+    } catch (error) {
+      console.error('Error performing visual search:', error);
+    } finally {
+      searchButton.classList.remove('vjs-waiting');
+    }
+  };
+  const clearUI = () => {
+    isSearchActive = false;
+    searchResults.clearMarkers();
+    player.$('.vjs-visual-search-wrapper')?.remove();
+  };
+  const createSearchUI = () => {
+    clearUI();
+    const titleBar = player.$('.vjs-title-bar');
+    if (titleBar) {
+      titleBar.classList.remove('vjs-hidden');
+    }
+    const searchContainer = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+      className: 'vjs-visual-search-wrapper'
+    });
+
+    // Handle the search icon click (expand or submit)
+    const handleSearchButtonClick = () => {
+      if (!isSearchActive) {
+        isSearchActive = true;
+        searchContainer.classList.add('vjs-visual-search-active');
+        searchInput.input.focus();
+      } else {
+        const query = searchInput.input.value.trim();
+        if (query) {
+          performSearch(query);
+        }
+      }
+    };
+    const closeSearch = () => {
+      if (isSearchActive) {
+        isSearchActive = false;
+        searchContainer.classList.remove('vjs-visual-search-active');
+        searchInput.input.value = '';
+        searchResults.clearMarkers();
+      }
+    };
+    const searchButton = (0,_components_SearchButton__WEBPACK_IMPORTED_MODULE_1__.SearchButton)(handleSearchButtonClick);
+    const searchInput = (0,_components_SearchInput__WEBPACK_IMPORTED_MODULE_2__.SearchInput)(performSearch, closeSearch);
+    searchContainer.appendChild(searchButton);
+    searchContainer.appendChild(searchInput.element);
+    titleBar.prepend(searchContainer);
+    player.on('keydown', e => {
+      if (e.key === 'Escape' && isSearchActive) {
+        closeSearch();
+      }
+    });
+  };
+  createSearchUI();
+
+  // Public methods
+  player.visualSearch = {
+    createSearchUI,
+    clearUI
+  };
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (visualSearch);
+
+/***/ }),
+
+/***/ "./plugins/visual-search/visual-search.scss":
+/*!**************************************************!*\
+  !*** ./plugins/visual-search/visual-search.scss ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=visual-search.js.map

package/dist/visual-search.light.js

@@ -0,0 +1,291 @@
+"use strict";
+(self["cloudinaryVideoPlayerChunkLoading"] = self["cloudinaryVideoPlayerChunkLoading"] || []).push([["visual-search"],{
+
+/***/ "./plugins/visual-search/components/SearchButton.js":
+/*!**********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchButton.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchButton: () => (/* binding */ SearchButton)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchButton = onClick => {
+  const button = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('button', {
+    className: 'vjs-visual-search-button',
+    title: 'Search video content'
+  });
+  const searchIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-icon-search'
+  });
+  button.appendChild(searchIcon);
+  const spinnerIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-loading-spinner'
+  });
+  button.appendChild(spinnerIcon);
+  button.addEventListener('click', onClick);
+  return button;
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/components/SearchInput.js":
+/*!*********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchInput.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchInput: () => (/* binding */ SearchInput)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchInput = (onSearch, onClose) => {
+  const form = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('form', {
+    className: 'vjs-visual-search-form'
+  });
+  const input = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('input', {
+    className: 'vjs-visual-search-input',
+    type: 'text'
+  });
+  const closeButton = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('button', {
+    className: 'vjs-visual-search-close',
+    type: 'button',
+    title: 'Close search'
+  });
+
+  // Add close icon
+  const closeIcon = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('span', {
+    className: 'vjs-icon-close'
+  });
+  closeButton.appendChild(closeIcon);
+  form.appendChild(input);
+  form.appendChild(closeButton);
+
+  // Handle search submission
+  form.addEventListener('submit', e => {
+    e.preventDefault();
+    const query = input.value.trim();
+    if (query) {
+      onSearch(query);
+    }
+  });
+
+  // Handle close button
+  closeButton.addEventListener('click', e => {
+    e.preventDefault();
+    if (onClose) {
+      onClose();
+    }
+  });
+  return {
+    element: form,
+    input
+  };
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/components/SearchResults.js":
+/*!***********************************************************!*\
+  !*** ./plugins/visual-search/components/SearchResults.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SearchResults: () => (/* binding */ SearchResults)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+
+const SearchResults = player => {
+  const clearMarkers = () => {
+    player.$$('.vjs-visual-search-marker').forEach(el => el.remove());
+    player.$$('.vjs-visual-search-results-wrapper').forEach(el => el.remove());
+
+    // Remove the class that indicates search results are displayed
+    player.removeClass('vjs-visual-search-results-active');
+  };
+  const displayResults = results => {
+    // Clear existing markers
+    clearMarkers();
+    const total = player.duration();
+    const seekBar = player.controlBar.progressControl.seekBar;
+
+    // Create wrapper for search results
+    const wrapperEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+      className: 'vjs-visual-search-results-wrapper'
+    });
+
+    // Add markers for each result
+    results.forEach(result => {
+      const {
+        start_time,
+        end_time
+      } = result;
+      const markerEl = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+        className: 'vjs-visual-search-marker',
+        style: `left: ${start_time / total * 100}%; width: ${(end_time - start_time) / total * 100}%`
+      });
+      wrapperEl.appendChild(markerEl);
+
+      // Add click handler to jump to this time
+      markerEl.addEventListener('click', () => {
+        player.currentTime(start_time);
+      });
+    });
+
+    // Add wrapper to seek bar
+    seekBar.el().appendChild(wrapperEl);
+
+    // Add a class to indicate search results are displayed
+    if (results.length > 0) {
+      player.addClass('vjs-visual-search-results-active');
+    }
+  };
+  return {
+    displayResults,
+    clearMarkers
+  };
+};
+
+/***/ }),
+
+/***/ "./plugins/visual-search/visual-search.js":
+/*!************************************************!*\
+  !*** ./plugins/visual-search/visual-search.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! video.js */ "../node_modules/video.js/dist/alt/video.core-exposed.js");
+/* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _components_SearchButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/SearchButton */ "./plugins/visual-search/components/SearchButton.js");
+/* harmony import */ var _components_SearchInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/SearchInput */ "./plugins/visual-search/components/SearchInput.js");
+/* harmony import */ var _components_SearchResults__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/SearchResults */ "./plugins/visual-search/components/SearchResults.js");
+/* harmony import */ var _visual_search_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./visual-search.scss */ "./plugins/visual-search/visual-search.scss");
+
+
+
+
+
+const visualSearch = (options, player) => {
+  player.addClass('vjs-visual-search');
+  let isSearchActive = false;
+  const searchResults = (0,_components_SearchResults__WEBPACK_IMPORTED_MODULE_3__.SearchResults)(player);
+  const performSearch = async query => {
+    const searchButton = player.$('.vjs-visual-search-button');
+    searchButton.classList.add('vjs-waiting');
+    try {
+      const source = player.cloudinary.source();
+      const publicId = source.publicId();
+      const transformation = Object.assign({}, source.transformation());
+      transformation.flags = transformation.flags || [];
+      transformation.flags.push(`getinfo:search_b64_${btoa(query)}`);
+      const visualSearchSrc = source.config().url(`${publicId}`, {
+        transformation
+      });
+      const response = await fetch(visualSearchSrc, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`Search request failed with status: ${response.status}`);
+      }
+      const results = await response.json();
+      searchResults.displayResults(results.timestamps);
+      if (results && !player.hasStarted()) {
+        // Make sure the progress bar is visible
+        player.play().then(() => player.pause());
+      }
+    } catch (error) {
+      console.error('Error performing visual search:', error);
+    } finally {
+      searchButton.classList.remove('vjs-waiting');
+    }
+  };
+  const clearUI = () => {
+    isSearchActive = false;
+    searchResults.clearMarkers();
+    player.$('.vjs-visual-search-wrapper')?.remove();
+  };
+  const createSearchUI = () => {
+    clearUI();
+    const titleBar = player.$('.vjs-title-bar');
+    if (titleBar) {
+      titleBar.classList.remove('vjs-hidden');
+    }
+    const searchContainer = video_js__WEBPACK_IMPORTED_MODULE_0___default().dom.createEl('div', {
+      className: 'vjs-visual-search-wrapper'
+    });
+
+    // Handle the search icon click (expand or submit)
+    const handleSearchButtonClick = () => {
+      if (!isSearchActive) {
+        isSearchActive = true;
+        searchContainer.classList.add('vjs-visual-search-active');
+        searchInput.input.focus();
+      } else {
+        const query = searchInput.input.value.trim();
+        if (query) {
+          performSearch(query);
+        }
+      }
+    };
+    const closeSearch = () => {
+      if (isSearchActive) {
+        isSearchActive = false;
+        searchContainer.classList.remove('vjs-visual-search-active');
+        searchInput.input.value = '';
+        searchResults.clearMarkers();
+      }
+    };
+    const searchButton = (0,_components_SearchButton__WEBPACK_IMPORTED_MODULE_1__.SearchButton)(handleSearchButtonClick);
+    const searchInput = (0,_components_SearchInput__WEBPACK_IMPORTED_MODULE_2__.SearchInput)(performSearch, closeSearch);
+    searchContainer.appendChild(searchButton);
+    searchContainer.appendChild(searchInput.element);
+    titleBar.prepend(searchContainer);
+    player.on('keydown', e => {
+      if (e.key === 'Escape' && isSearchActive) {
+        closeSearch();
+      }
+    });
+  };
+  createSearchUI();
+
+  // Public methods
+  player.visualSearch = {
+    createSearchUI,
+    clearUI
+  };
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (visualSearch);
+
+/***/ }),
+
+/***/ "./plugins/visual-search/visual-search.scss":
+/*!**************************************************!*\
+  !*** ./plugins/visual-search/visual-search.scss ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=visual-search.light.js.map

package/dist/visual-search.light.min.js

@@ -0,0 +1,2 @@
+"use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[728],{9148:(e,s,a)=>{a.d(s,{default:()=>l});var t=a(6673),r=a.n(t);const l=(e,s)=>{s.addClass("vjs-visual-search");let a=!1;const t=(e=>{const s=()=>{e.$$(".vjs-visual-search-marker").forEach((e=>e.remove())),e.$$(".vjs-visual-search-results-wrapper").forEach((e=>e.remove())),e.removeClass("vjs-visual-search-results-active")};return{displayResults:a=>{s();const t=e.duration(),l=e.controlBar.progressControl.seekBar,c=r().dom.createEl("div",{className:"vjs-visual-search-results-wrapper"});a.forEach((s=>{const{start_time:a,end_time:l}=s,i=r().dom.createEl("div",{className:"vjs-visual-search-marker",style:`left: ${a/t*100}%; width: ${(l-a)/t*100}%`});c.appendChild(i),i.addEventListener("click",(()=>{e.currentTime(a)}))})),l.el().appendChild(c),a.length>0&&e.addClass("vjs-visual-search-results-active")},clearMarkers:s}})(s),l=async e=>{const a=s.$(".vjs-visual-search-button");a.classList.add("vjs-waiting");try{const a=s.cloudinary.source(),r=a.publicId(),l=Object.assign({},a.transformation());l.flags=l.flags||[],l.flags.push(`getinfo:search_b64_${btoa(e)}`);const c=a.config().url(`${r}`,{transformation:l}),i=await fetch(c,{method:"GET",headers:{"Content-Type":"application/json"}});if(!i.ok)throw new Error(`Search request failed with status: ${i.status}`);const n=await i.json();t.displayResults(n.timestamps),n&&!s.hasStarted()&&s.play().then((()=>s.pause()))}catch(e){console.error("Error performing visual search:",e)}finally{a.classList.remove("vjs-waiting")}},c=()=>{a=!1,t.clearMarkers(),s.$(".vjs-visual-search-wrapper")?.remove()},i=()=>{c();const e=s.$(".vjs-title-bar");e&&e.classList.remove("vjs-hidden");const i=r().dom.createEl("div",{className:"vjs-visual-search-wrapper"}),n=()=>{a&&(a=!1,i.classList.remove("vjs-visual-search-active"),d.input.value="",t.clearMarkers())},o=(e=>{const s=r().dom.createEl("button",{className:"vjs-visual-search-button",title:"Search video content"}),a=r().dom.createEl("span",{className:"vjs-icon-search"});s.appendChild(a);const t=r().dom.createEl("span",{className:"vjs-loading-spinner"});return s.appendChild(t),s.addEventListener("click",e),s})((()=>{if(a){const e=d.input.value.trim();e&&l(e)}else a=!0,i.classList.add("vjs-visual-search-active"),d.input.focus()})),d=((e,s)=>{const a=r().dom.createEl("form",{className:"vjs-visual-search-form"}),t=r().dom.createEl("input",{className:"vjs-visual-search-input",type:"text"}),l=r().dom.createEl("button",{className:"vjs-visual-search-close",type:"button",title:"Close search"}),c=r().dom.createEl("span",{className:"vjs-icon-close"});return l.appendChild(c),a.appendChild(t),a.appendChild(l),a.addEventListener("submit",(s=>{s.preventDefault();const a=t.value.trim();a&&e(a)})),l.addEventListener("click",(e=>{e.preventDefault(),s&&s()})),{element:a,input:t}})(l,n);i.appendChild(o),i.appendChild(d.element),e.prepend(i),s.on("keydown",(e=>{"Escape"===e.key&&a&&n()}))};i(),s.visualSearch={createSearchUI:i,clearUI:c}}}}]);
+//# sourceMappingURL=visual-search.light.min.js.map