cloudinary-video-player 3.12.1 → 3.12.2-edge.0

package/dist/visual-search.js

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

package/dist/visual-search.min.js

@@ -1,6 +1,6 @@
 /*!
- * Cloudinary Video Player v3.12.1
- * Built on 2026-03-17T08:20:21.701Z
+ * Cloudinary Video Player v3.12.2-edge.0
+ * Built on 2026-03-19T13:14:32.913Z
  * https://github.com/cloudinary/cloudinary-video-player
  */
 "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[728],{9148:(e,a,s)=>{s.d(a,{default:()=>l});var t=s(6673),r=s.n(t);const l=(e,a)=>{a.addClass("vjs-visual-search");let s=!1;const t=(e=>{const a=()=>{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:s=>{a();const t=e.duration(),l=e.controlBar.progressControl.seekBar,n=r().dom.createEl("div",{className:"vjs-visual-search-results-wrapper",role:"presentation"});s.forEach(a=>{const{start_time:s,end_time:l}=a,c=s/t*100,o=(l-s)/t*100,i=`${Math.floor(s/60)}:${Math.floor(s%60).toString().padStart(2,"0")}`,d=r().dom.createEl("div",{className:"vjs-control vjs-visual-search-marker",style:`left: ${c}%; width: ${o}%`,tabIndex:0,role:"button",title:`Search result at ${i}`,ariaLabel:`Search result at ${i}`});n.appendChild(d),d.addEventListener("click",()=>{e.currentTime(s)}),d.addEventListener("keydown",a=>{"Enter"!==a.key&&" "!==a.key||(a.preventDefault(),e.currentTime(s))})}),l.el().appendChild(n),s.length>0&&e.addClass("vjs-visual-search-results-active")},clearMarkers:a}})(a),l=async e=>{const s=a.$(".vjs-visual-search-button");s.classList.add("vjs-waiting");try{const s=a.cloudinary.source(),r=s.publicId(),l=Object.assign({},s.transformation());l.flags=l.flags||[],l.flags.push(`getinfo:search_b64_${btoa(e)}`);const n=s.config().url(`${r}`,{transformation:l}),c=await fetch(n,{method:"GET",headers:{"Content-Type":"application/json"}});if(!c.ok)throw new Error(`Search request failed with status: ${c.status}`);const o=await c.json();t.displayResults(o.timestamps),o&&!a.hasStarted()&&a.play().then(()=>a.pause())}catch(e){console.error("Error performing visual search:",e)}finally{s.classList.remove("vjs-waiting")}},n=()=>{s=!1,t.clearMarkers(),a.$(".vjs-visual-search-wrapper")?.remove()},c=()=>{n();const e=a.$(".vjs-title-bar");e&&e.classList.remove("vjs-hidden");const c=r().dom.createEl("div",{className:"vjs-visual-search-wrapper"}),o=()=>{s&&(s=!1,c.classList.remove("vjs-visual-search-active"),d.input.value="",d.input.tabIndex=-1,d.closeButton.tabIndex=-1,t.clearMarkers())},i=(e=>{const a=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-button",title:"Search video content",ariaLabel:"Search video content"}),s=r().dom.createEl("span",{className:"vjs-icon-search"});a.appendChild(s);const t=r().dom.createEl("span",{className:"vjs-loading-spinner"});return a.appendChild(t),a.addEventListener("click",e),a})(()=>{if(s){const e=d.input.value.trim();e&&l(e)}else s=!0,c.classList.add("vjs-visual-search-active"),d.input.tabIndex=0,d.closeButton.tabIndex=0,d.input.focus()}),d=((e,a)=>{const s=r().dom.createEl("form",{className:"vjs-visual-search-form"}),t=r().dom.createEl("input",{className:"vjs-visual-search-input",type:"text",ariaLabel:"Search input",tabIndex:-1}),l=r().dom.createEl("button",{className:"vjs-control vjs-button vjs-visual-search-close",type:"button",title:"Close search",ariaLabel:"Close search",tabIndex:-1}),n=r().dom.createEl("span",{className:"vjs-icon-close"});return l.appendChild(n),s.appendChild(t),s.appendChild(l),s.addEventListener("submit",a=>{a.preventDefault();const s=t.value.trim();s&&e(s)}),l.addEventListener("click",e=>{e.preventDefault(),a&&a()}),{element:s,input:t,closeButton:l}})(l,o);c.appendChild(i),c.appendChild(d.element),e.prepend(c),a.on("keydown",e=>{"Escape"===e.key&&s&&o()})};c(),a.visualSearch={createSearchUI:c,clearUI:n}}}}]);

package/lib/_commonjsHelpers.js

@@ -0,0 +1,7 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };