@ix_waterford/lib 1.0.1 → 1.0.3

package/README.md

@@ -1,13 +1,11 @@
 
 ### Prerequisites
-- Node.js 18+
+- Node.js 19+
 - npm
 
 ### Installation
 npm install
 
-This will automatically set up husky git hooks via the `prepare` script.
-
 ### Development Server
 npm run dev
 
@@ -26,24 +24,9 @@ npm run lint:fix
 # Run TypeScript type checking
 npm run type-check
 
-### Git Hooks (Husky)
-Pre-commit hooks automatically run on every commit:
-
-- **ESLint**: Shows code style and quality errors (manual fixing required)
-- **Import ordering**: Validates external packages come before local imports
-- **CamelCase variables**: Checks naming conventions for React components
-
-The hooks will prevent commits if there are ESLint errors.
-
-## Consuming This Remote
-To consume these components in another application, configure your Module Federation setup to include this remote:
+# Check changes with local bundling
+npm pack
 
-// In your rsbuild.config.ts or webpack config
-{
-  remotes: {
-    componentApp: 'component_app@http://localhost:5000/mf-manifest.json'
-  }
-}
+# Publish the repo to npm
+npm publish
 
-#Then import the components:
-import Button from 'componentApp/Button';

package/dist/static/js/async/reactPlayerDash.js

@@ -1,12 +1,12 @@
 "use strict";
-(self["webpackChunkwaterford_library"] = self["webpackChunkwaterford_library"] || []).push([["reactPlayerDash"], {
+(self["webpackChunk_ix_waterford_lib"] = self["webpackChunk_ix_waterford_lib"] || []).push([["reactPlayerDash"], {
 "./node_modules/dash-video-element/dist/dash-video-element.js": (function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (dash_video_element_default)
 });
-/* ESM import */var custom_media_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/custom-media-element/dist/custom-media-element.js");
-/* ESM import */var media_tracks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/media-tracks/dist/index.js");
+/* import */var custom_media_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/custom-media-element/dist/custom-media-element.js");
+/* import */var media_tracks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/media-tracks/dist/index.js");
 
 
 class DashVideoElement extends (0,media_tracks__WEBPACK_IMPORTED_MODULE_1__.MediaTracksMixin)(custom_media_element__WEBPACK_IMPORTED_MODULE_0__.CustomVideoElement) {
@@ -24,6 +24,52 @@ class DashVideoElement extends (0,media_tracks__WEBPACK_IMPORTED_MODULE_1__.Medi
       this.load();
     }
   }
+  async _initThumbnails(representation) {
+    const generateAllCues = async (totalThumbnails2, thumbnailDuration2) => {
+      const promises = [];
+      const timescale = representation.timescale || 1;
+      const startNumber = representation.startNumber || 1;
+      const pto = representation.presentationTimeOffset ? representation.presentationTimeOffset / timescale : 0;
+      const tduration = representation.segmentDuration;
+      for (let thIndex = 0; thIndex < totalThumbnails2; thIndex++) {
+        const startTime = calculateThumbnailStartTime({
+          thIndex,
+          thduration: thumbnailDuration2,
+          ttiles: totalThumbnails2,
+          tduration,
+          startNumber,
+          pto
+        });
+        const endTime = startTime + thumbnailDuration2;
+        const promise = new Promise((resolve, reject) => {
+          this.api.provideThumbnail(startTime, ({ url, width, height, x, y }) => {
+            try {
+              const cue = new VTTCue(
+                startTime,
+                endTime,
+                `${url}#xywh=${x},${y},${width},${height}`
+              );
+              resolve(cue);
+            } catch (err) {
+              reject(err);
+            }
+          });
+        });
+        promises.push(promise);
+      }
+      return await Promise.all(promises).catch((e) => console.error("Error processing thumbnails", e));
+    };
+    const { totalThumbnails, thumbnailDuration } = calculateThumbnailTimes(representation);
+    const cues = await generateAllCues(totalThumbnails, thumbnailDuration);
+    let track = this.nativeEl.querySelector('track[label="thumbnails"]');
+    if (!track) {
+      track = createThumbnailTrack();
+      this.nativeEl.appendChild(track);
+      const vttUrl = cuesToVttBlobUrl(cues);
+      track.src = vttUrl;
+      track.dispatchEvent(new Event("change"));
+    }
+  }
   async load() {
     if (this.#apiInit) {
       this.api.attachSource(this.src);
@@ -55,9 +101,63 @@ class DashVideoElement extends (0,media_tracks__WEBPACK_IMPORTED_MODULE_1__.Medi
           this.api.updateSettings({ streaming: { abr: { autoSwitchBitrate: { video: true } } } });
         }
       });
+      if (!this.api.isDynamic()) {
+        const imageReps = this.api.getRepresentationsByType("image");
+        imageReps.forEach(async (rep, idx) => {
+          if (idx > 0) return;
+          this._initThumbnails(rep);
+        });
+      }
     });
   }
 }
+function calculateThumbnailTimes(representation) {
+  var _a, _b;
+  const essentialProp = representation.essentialProperties[0];
+  const [htiles, vtiles] = essentialProp.value.split("x").map(Number);
+  const ttiles = htiles * vtiles;
+  const periodDuration = ((_b = (_a = representation.adaptation) == null ? void 0 : _a.period) == null ? void 0 : _b.duration) || null;
+  const tileDuration = representation.segmentDuration;
+  const timescale = representation.timescale || 1;
+  const tduration = tileDuration / timescale;
+  const thduration = tduration / ttiles;
+  const totalThumbnails = periodDuration != null ? Math.ceil(periodDuration / thduration) : Math.ceil(tileDuration / thduration);
+  return { totalThumbnails, thumbnailDuration: thduration };
+}
+function calculateThumbnailStartTime({ thIndex, tduration, thduration, ttiles, startNumber, pto }) {
+  const tnumber = Math.floor(thIndex / ttiles) + startNumber;
+  const thnumber = thIndex % ttiles + 1;
+  const tileStartTime = (tnumber - 1) * tduration - pto;
+  const thumbnailStartTime = (thnumber - 1) * thduration;
+  return tileStartTime + thumbnailStartTime;
+}
+function createThumbnailTrack() {
+  const track = document.createElement("track");
+  track.kind = "metadata";
+  track.label = "thumbnails";
+  track.srclang = "en";
+  track.mode = "hidden";
+  track.default = true;
+  return track;
+}
+function cuesToVttBlobUrl(cues) {
+  let vtt = "WEBVTT\n\n";
+  for (const cue of cues) {
+    vtt += `${formatTime(cue.startTime)} --> ${formatTime(cue.endTime)}
+`;
+    vtt += `${cue.text}
+
+`;
+  }
+  const blob = new Blob([vtt], { type: "text/vtt" });
+  return URL.createObjectURL(blob);
+  function formatTime(t) {
+    const h = String(Math.floor(t / 3600)).padStart(2, "0");
+    const m = String(Math.floor(t % 3600 / 60)).padStart(2, "0");
+    const s = (t % 60).toFixed(3).padStart(6, "0");
+    return `${h}:${m}:${s}`;
+  }
+}
 if (globalThis.customElements && !globalThis.customElements.get("dash-video")) {
   globalThis.customElements.define("dash-video", DashVideoElement);
 }
@@ -71,8 +171,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (react_default)
 });
-/* ESM import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/index.js");
-/* ESM import */var _dash_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/dash-video-element/dist/dash-video-element.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var _dash_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/dash-video-element/dist/dash-video-element.js");
 "use client";
 
 // dist/react.ts

package/dist/static/js/async/reactPlayerDash.js.map

@@ -1 +1 @@
-{"version":3,"file":"static/js/async/reactPlayerDash.js","sources":["/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/dash-video-element/dist/dash-video-element.js","/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/dash-video-element/dist/react.js"],"sourcesContent":["import { CustomVideoElement } from \"custom-media-element\";\nimport { MediaTracksMixin } from \"media-tracks\";\nclass DashVideoElement extends MediaTracksMixin(CustomVideoElement) {\n  static shadowRootOptions = { ...CustomVideoElement.shadowRootOptions };\n  static getTemplateHTML = (attrs) => {\n    const { src, ...rest } = attrs;\n    return CustomVideoElement.getTemplateHTML(rest);\n  };\n  #apiInit;\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    if (attrName !== \"src\") {\n      super.attributeChangedCallback(attrName, oldValue, newValue);\n    }\n    if (attrName === \"src\" && oldValue != newValue) {\n      this.load();\n    }\n  }\n  async load() {\n    if (this.#apiInit) {\n      this.api.attachSource(this.src);\n      return;\n    }\n    this.#apiInit = true;\n    const Dash = await import(\"dashjs\");\n    this.api = Dash.MediaPlayer().create();\n    this.api.initialize(this.nativeEl, this.src, this.autoplay);\n    this.api.on(Dash.MediaPlayer.events.STREAM_INITIALIZED, () => {\n      const bitrateList = this.api.getRepresentationsByType(\"video\");\n      let videoTrack = this.videoTracks.getTrackById(\"main\");\n      if (!videoTrack) {\n        videoTrack = this.addVideoTrack(\"main\");\n        videoTrack.id = \"main\";\n        videoTrack.selected = true;\n      }\n      bitrateList.forEach((rep) => {\n        const bitrate = rep.bandwidth ?? rep.bitrate ?? (Number.isFinite(rep.bitrateInKbit) ? rep.bitrateInKbit * 1e3 : void 0);\n        const rendition = videoTrack.addRendition(rep.id, rep.width, rep.height, rep.mimeType ?? rep.codec, bitrate);\n        rendition.id = rep.id;\n      });\n      this.videoRenditions.addEventListener(\"change\", () => {\n        const selected = this.videoRenditions[this.videoRenditions.selectedIndex];\n        if (selected == null ? void 0 : selected.id) {\n          this.api.updateSettings({ streaming: { abr: { autoSwitchBitrate: { video: false } } } });\n          this.api.setRepresentationForTypeById(\"video\", selected.id, true);\n        } else {\n          this.api.updateSettings({ streaming: { abr: { autoSwitchBitrate: { video: true } } } });\n        }\n      });\n    });\n  }\n}\nif (globalThis.customElements && !globalThis.customElements.get(\"dash-video\")) {\n  globalThis.customElements.define(\"dash-video\", DashVideoElement);\n}\nvar dash_video_element_default = DashVideoElement;\nexport {\n  dash_video_element_default as default\n};\n","\"use client\";\n\n// dist/react.ts\nimport React from \"react\";\nimport CustomMediaElement from \"./dash-video-element.js\";\n\n// ../../node_modules/ce-la-react/dist/ce-la-react.js\nvar reservedReactProps = /* @__PURE__ */ new Set([\n  \"style\",\n  \"children\",\n  \"ref\",\n  \"key\",\n  \"suppressContentEditableWarning\",\n  \"suppressHydrationWarning\",\n  \"dangerouslySetInnerHTML\"\n]);\nvar reactPropToAttrNameMap = {\n  className: \"class\",\n  htmlFor: \"for\"\n};\nfunction defaultToAttributeName(propName) {\n  return propName.toLowerCase();\n}\nfunction defaultToAttributeValue(propValue) {\n  if (typeof propValue === \"boolean\") return propValue ? \"\" : void 0;\n  if (typeof propValue === \"function\") return void 0;\n  if (typeof propValue === \"object\" && propValue !== null) return void 0;\n  return propValue;\n}\nfunction createComponent({\n  react: React2,\n  tagName,\n  elementClass,\n  events,\n  displayName,\n  defaultProps,\n  toAttributeName = defaultToAttributeName,\n  toAttributeValue = defaultToAttributeValue\n}) {\n  const IS_REACT_19_OR_NEWER = Number.parseInt(React2.version) >= 19;\n  const ReactComponent = React2.forwardRef((props, ref) => {\n    var _a, _b;\n    const elementRef = React2.useRef(null);\n    const prevElemPropsRef = React2.useRef(/* @__PURE__ */ new Map());\n    const eventProps = {};\n    const attrs = {};\n    const reactProps = {};\n    const elementProps = {};\n    for (const [k, v] of Object.entries(props)) {\n      if (reservedReactProps.has(k)) {\n        reactProps[k] = v;\n        continue;\n      }\n      const attrName = toAttributeName(reactPropToAttrNameMap[k] ?? k);\n      if (elementClass.prototype && k in elementClass.prototype && !(k in (((_a = globalThis.HTMLElement) == null ? void 0 : _a.prototype) ?? {})) && !((_b = elementClass.observedAttributes) == null ? void 0 : _b.some((attr) => attr === attrName))) {\n        elementProps[k] = v;\n        continue;\n      }\n      if (k.startsWith(\"on\")) {\n        eventProps[k] = v;\n        continue;\n      }\n      const attrValue = toAttributeValue(v);\n      if (attrName && attrValue != null) {\n        attrs[attrName] = String(attrValue);\n        if (!IS_REACT_19_OR_NEWER) {\n          reactProps[attrName] = attrValue;\n        }\n      }\n      if (attrName && IS_REACT_19_OR_NEWER) {\n        const attrValueFromDefault = defaultToAttributeValue(v);\n        if (attrValue !== attrValueFromDefault) {\n          reactProps[attrName] = attrValue;\n        } else {\n          reactProps[attrName] = v;\n        }\n      }\n    }\n    if (typeof window !== \"undefined\") {\n      for (const propName in eventProps) {\n        const callback = eventProps[propName];\n        const useCapture = propName.endsWith(\"Capture\");\n        const eventName = ((events == null ? void 0 : events[propName]) ?? propName.slice(2).toLowerCase()).slice(\n          0,\n          useCapture ? -7 : void 0\n        );\n        React2.useLayoutEffect(() => {\n          const eventTarget = elementRef == null ? void 0 : elementRef.current;\n          if (!eventTarget || typeof callback !== \"function\") return;\n          eventTarget.addEventListener(eventName, callback, useCapture);\n          return () => {\n            eventTarget.removeEventListener(eventName, callback, useCapture);\n          };\n        }, [elementRef == null ? void 0 : elementRef.current, callback]);\n      }\n      React2.useLayoutEffect(() => {\n        if (elementRef.current === null) return;\n        const newElemProps = /* @__PURE__ */ new Map();\n        for (const key in elementProps) {\n          setProperty(elementRef.current, key, elementProps[key]);\n          prevElemPropsRef.current.delete(key);\n          newElemProps.set(key, elementProps[key]);\n        }\n        for (const [key, _value] of prevElemPropsRef.current) {\n          setProperty(elementRef.current, key, void 0);\n        }\n        prevElemPropsRef.current = newElemProps;\n      });\n    }\n    if (typeof window === \"undefined\" && (elementClass == null ? void 0 : elementClass.getTemplateHTML) && (elementClass == null ? void 0 : elementClass.shadowRootOptions)) {\n      const { mode, delegatesFocus } = elementClass.shadowRootOptions;\n      const templateShadowRoot = React2.createElement(\"template\", {\n        shadowrootmode: mode,\n        shadowrootdelegatesfocus: delegatesFocus,\n        dangerouslySetInnerHTML: {\n          __html: elementClass.getTemplateHTML(attrs, props)\n        }\n      });\n      reactProps.children = [templateShadowRoot, reactProps.children];\n    }\n    return React2.createElement(tagName, {\n      ...defaultProps,\n      ...reactProps,\n      ref: React2.useCallback(\n        (node) => {\n          elementRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref !== null) {\n            ref.current = node;\n          }\n        },\n        [ref]\n      )\n    });\n  });\n  ReactComponent.displayName = displayName ?? elementClass.name;\n  return ReactComponent;\n}\nfunction setProperty(node, name, value) {\n  var _a;\n  node[name] = value;\n  if (value == null && name in (((_a = globalThis.HTMLElement) == null ? void 0 : _a.prototype) ?? {})) {\n    node.removeAttribute(name);\n  }\n}\n\n// dist/react.ts\nvar react_default = createComponent({\n  react: React,\n  tagName: \"dash-video\",\n  elementClass: CustomMediaElement,\n  toAttributeName(propName) {\n    if (propName === \"muted\") return \"\";\n    if (propName === \"defaultMuted\") return \"muted\";\n    return defaultToAttributeName(propName);\n  }\n});\nexport {\n  react_default as default\n};\n/*! Bundled license information:\n\nce-la-react/dist/ce-la-react.js:\n  (**\n   * @license\n   * Copyright 2018 Google LLC\n   * SPDX-License-Identifier: BSD-3-Clause\n   *\n   * Modified version of `@lit/react` for vanilla custom elements with support for SSR.\n   *)\n*/\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;ACzDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"static/js/async/reactPlayerDash.js","sources":["/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/dash-video-element/dist/dash-video-element.js","/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/dash-video-element/dist/react.js"],"sourcesContent":["import { CustomVideoElement } from \"custom-media-element\";\nimport { MediaTracksMixin } from \"media-tracks\";\nclass DashVideoElement extends MediaTracksMixin(CustomVideoElement) {\n  static shadowRootOptions = { ...CustomVideoElement.shadowRootOptions };\n  static getTemplateHTML = (attrs) => {\n    const { src, ...rest } = attrs;\n    return CustomVideoElement.getTemplateHTML(rest);\n  };\n  #apiInit;\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    if (attrName !== \"src\") {\n      super.attributeChangedCallback(attrName, oldValue, newValue);\n    }\n    if (attrName === \"src\" && oldValue != newValue) {\n      this.load();\n    }\n  }\n  async _initThumbnails(representation) {\n    const generateAllCues = async (totalThumbnails2, thumbnailDuration2) => {\n      const promises = [];\n      const timescale = representation.timescale || 1;\n      const startNumber = representation.startNumber || 1;\n      const pto = representation.presentationTimeOffset ? representation.presentationTimeOffset / timescale : 0;\n      const tduration = representation.segmentDuration;\n      for (let thIndex = 0; thIndex < totalThumbnails2; thIndex++) {\n        const startTime = calculateThumbnailStartTime({\n          thIndex,\n          thduration: thumbnailDuration2,\n          ttiles: totalThumbnails2,\n          tduration,\n          startNumber,\n          pto\n        });\n        const endTime = startTime + thumbnailDuration2;\n        const promise = new Promise((resolve, reject) => {\n          this.api.provideThumbnail(startTime, ({ url, width, height, x, y }) => {\n            try {\n              const cue = new VTTCue(\n                startTime,\n                endTime,\n                `${url}#xywh=${x},${y},${width},${height}`\n              );\n              resolve(cue);\n            } catch (err) {\n              reject(err);\n            }\n          });\n        });\n        promises.push(promise);\n      }\n      return await Promise.all(promises).catch((e) => console.error(\"Error processing thumbnails\", e));\n    };\n    const { totalThumbnails, thumbnailDuration } = calculateThumbnailTimes(representation);\n    const cues = await generateAllCues(totalThumbnails, thumbnailDuration);\n    let track = this.nativeEl.querySelector('track[label=\"thumbnails\"]');\n    if (!track) {\n      track = createThumbnailTrack();\n      this.nativeEl.appendChild(track);\n      const vttUrl = cuesToVttBlobUrl(cues);\n      track.src = vttUrl;\n      track.dispatchEvent(new Event(\"change\"));\n    }\n  }\n  async load() {\n    if (this.#apiInit) {\n      this.api.attachSource(this.src);\n      return;\n    }\n    this.#apiInit = true;\n    const Dash = await import(\"dashjs\");\n    this.api = Dash.MediaPlayer().create();\n    this.api.initialize(this.nativeEl, this.src, this.autoplay);\n    this.api.on(Dash.MediaPlayer.events.STREAM_INITIALIZED, () => {\n      const bitrateList = this.api.getRepresentationsByType(\"video\");\n      let videoTrack = this.videoTracks.getTrackById(\"main\");\n      if (!videoTrack) {\n        videoTrack = this.addVideoTrack(\"main\");\n        videoTrack.id = \"main\";\n        videoTrack.selected = true;\n      }\n      bitrateList.forEach((rep) => {\n        const bitrate = rep.bandwidth ?? rep.bitrate ?? (Number.isFinite(rep.bitrateInKbit) ? rep.bitrateInKbit * 1e3 : void 0);\n        const rendition = videoTrack.addRendition(rep.id, rep.width, rep.height, rep.mimeType ?? rep.codec, bitrate);\n        rendition.id = rep.id;\n      });\n      this.videoRenditions.addEventListener(\"change\", () => {\n        const selected = this.videoRenditions[this.videoRenditions.selectedIndex];\n        if (selected == null ? void 0 : selected.id) {\n          this.api.updateSettings({ streaming: { abr: { autoSwitchBitrate: { video: false } } } });\n          this.api.setRepresentationForTypeById(\"video\", selected.id, true);\n        } else {\n          this.api.updateSettings({ streaming: { abr: { autoSwitchBitrate: { video: true } } } });\n        }\n      });\n      if (!this.api.isDynamic()) {\n        const imageReps = this.api.getRepresentationsByType(\"image\");\n        imageReps.forEach(async (rep, idx) => {\n          if (idx > 0) return;\n          this._initThumbnails(rep);\n        });\n      }\n    });\n  }\n}\nfunction calculateThumbnailTimes(representation) {\n  var _a, _b;\n  const essentialProp = representation.essentialProperties[0];\n  const [htiles, vtiles] = essentialProp.value.split(\"x\").map(Number);\n  const ttiles = htiles * vtiles;\n  const periodDuration = ((_b = (_a = representation.adaptation) == null ? void 0 : _a.period) == null ? void 0 : _b.duration) || null;\n  const tileDuration = representation.segmentDuration;\n  const timescale = representation.timescale || 1;\n  const tduration = tileDuration / timescale;\n  const thduration = tduration / ttiles;\n  const totalThumbnails = periodDuration != null ? Math.ceil(periodDuration / thduration) : Math.ceil(tileDuration / thduration);\n  return { totalThumbnails, thumbnailDuration: thduration };\n}\nfunction calculateThumbnailStartTime({ thIndex, tduration, thduration, ttiles, startNumber, pto }) {\n  const tnumber = Math.floor(thIndex / ttiles) + startNumber;\n  const thnumber = thIndex % ttiles + 1;\n  const tileStartTime = (tnumber - 1) * tduration - pto;\n  const thumbnailStartTime = (thnumber - 1) * thduration;\n  return tileStartTime + thumbnailStartTime;\n}\nfunction createThumbnailTrack() {\n  const track = document.createElement(\"track\");\n  track.kind = \"metadata\";\n  track.label = \"thumbnails\";\n  track.srclang = \"en\";\n  track.mode = \"hidden\";\n  track.default = true;\n  return track;\n}\nfunction cuesToVttBlobUrl(cues) {\n  let vtt = \"WEBVTT\\n\\n\";\n  for (const cue of cues) {\n    vtt += `${formatTime(cue.startTime)} --> ${formatTime(cue.endTime)}\n`;\n    vtt += `${cue.text}\n\n`;\n  }\n  const blob = new Blob([vtt], { type: \"text/vtt\" });\n  return URL.createObjectURL(blob);\n  function formatTime(t) {\n    const h = String(Math.floor(t / 3600)).padStart(2, \"0\");\n    const m = String(Math.floor(t % 3600 / 60)).padStart(2, \"0\");\n    const s = (t % 60).toFixed(3).padStart(6, \"0\");\n    return `${h}:${m}:${s}`;\n  }\n}\nif (globalThis.customElements && !globalThis.customElements.get(\"dash-video\")) {\n  globalThis.customElements.define(\"dash-video\", DashVideoElement);\n}\nvar dash_video_element_default = DashVideoElement;\nexport {\n  dash_video_element_default as default\n};\n","\"use client\";\n\n// dist/react.ts\nimport React from \"react\";\nimport CustomMediaElement from \"./dash-video-element.js\";\n\n// ../../node_modules/ce-la-react/dist/ce-la-react.js\nvar reservedReactProps = /* @__PURE__ */ new Set([\n  \"style\",\n  \"children\",\n  \"ref\",\n  \"key\",\n  \"suppressContentEditableWarning\",\n  \"suppressHydrationWarning\",\n  \"dangerouslySetInnerHTML\"\n]);\nvar reactPropToAttrNameMap = {\n  className: \"class\",\n  htmlFor: \"for\"\n};\nfunction defaultToAttributeName(propName) {\n  return propName.toLowerCase();\n}\nfunction defaultToAttributeValue(propValue) {\n  if (typeof propValue === \"boolean\") return propValue ? \"\" : void 0;\n  if (typeof propValue === \"function\") return void 0;\n  if (typeof propValue === \"object\" && propValue !== null) return void 0;\n  return propValue;\n}\nfunction createComponent({\n  react: React2,\n  tagName,\n  elementClass,\n  events,\n  displayName,\n  defaultProps,\n  toAttributeName = defaultToAttributeName,\n  toAttributeValue = defaultToAttributeValue\n}) {\n  const IS_REACT_19_OR_NEWER = Number.parseInt(React2.version) >= 19;\n  const ReactComponent = React2.forwardRef((props, ref) => {\n    var _a, _b;\n    const elementRef = React2.useRef(null);\n    const prevElemPropsRef = React2.useRef(/* @__PURE__ */ new Map());\n    const eventProps = {};\n    const attrs = {};\n    const reactProps = {};\n    const elementProps = {};\n    for (const [k, v] of Object.entries(props)) {\n      if (reservedReactProps.has(k)) {\n        reactProps[k] = v;\n        continue;\n      }\n      const attrName = toAttributeName(reactPropToAttrNameMap[k] ?? k);\n      if (elementClass.prototype && k in elementClass.prototype && !(k in (((_a = globalThis.HTMLElement) == null ? void 0 : _a.prototype) ?? {})) && !((_b = elementClass.observedAttributes) == null ? void 0 : _b.some((attr) => attr === attrName))) {\n        elementProps[k] = v;\n        continue;\n      }\n      if (k.startsWith(\"on\")) {\n        eventProps[k] = v;\n        continue;\n      }\n      const attrValue = toAttributeValue(v);\n      if (attrName && attrValue != null) {\n        attrs[attrName] = String(attrValue);\n        if (!IS_REACT_19_OR_NEWER) {\n          reactProps[attrName] = attrValue;\n        }\n      }\n      if (attrName && IS_REACT_19_OR_NEWER) {\n        const attrValueFromDefault = defaultToAttributeValue(v);\n        if (attrValue !== attrValueFromDefault) {\n          reactProps[attrName] = attrValue;\n        } else {\n          reactProps[attrName] = v;\n        }\n      }\n    }\n    if (typeof window !== \"undefined\") {\n      for (const propName in eventProps) {\n        const callback = eventProps[propName];\n        const useCapture = propName.endsWith(\"Capture\");\n        const eventName = ((events == null ? void 0 : events[propName]) ?? propName.slice(2).toLowerCase()).slice(\n          0,\n          useCapture ? -7 : void 0\n        );\n        React2.useLayoutEffect(() => {\n          const eventTarget = elementRef == null ? void 0 : elementRef.current;\n          if (!eventTarget || typeof callback !== \"function\") return;\n          eventTarget.addEventListener(eventName, callback, useCapture);\n          return () => {\n            eventTarget.removeEventListener(eventName, callback, useCapture);\n          };\n        }, [elementRef == null ? void 0 : elementRef.current, callback]);\n      }\n      React2.useLayoutEffect(() => {\n        if (elementRef.current === null) return;\n        const newElemProps = /* @__PURE__ */ new Map();\n        for (const key in elementProps) {\n          setProperty(elementRef.current, key, elementProps[key]);\n          prevElemPropsRef.current.delete(key);\n          newElemProps.set(key, elementProps[key]);\n        }\n        for (const [key, _value] of prevElemPropsRef.current) {\n          setProperty(elementRef.current, key, void 0);\n        }\n        prevElemPropsRef.current = newElemProps;\n      });\n    }\n    if (typeof window === \"undefined\" && (elementClass == null ? void 0 : elementClass.getTemplateHTML) && (elementClass == null ? void 0 : elementClass.shadowRootOptions)) {\n      const { mode, delegatesFocus } = elementClass.shadowRootOptions;\n      const templateShadowRoot = React2.createElement(\"template\", {\n        shadowrootmode: mode,\n        shadowrootdelegatesfocus: delegatesFocus,\n        dangerouslySetInnerHTML: {\n          __html: elementClass.getTemplateHTML(attrs, props)\n        }\n      });\n      reactProps.children = [templateShadowRoot, reactProps.children];\n    }\n    return React2.createElement(tagName, {\n      ...defaultProps,\n      ...reactProps,\n      ref: React2.useCallback(\n        (node) => {\n          elementRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref !== null) {\n            ref.current = node;\n          }\n        },\n        [ref]\n      )\n    });\n  });\n  ReactComponent.displayName = displayName ?? elementClass.name;\n  return ReactComponent;\n}\nfunction setProperty(node, name, value) {\n  var _a;\n  node[name] = value;\n  if (value == null && name in (((_a = globalThis.HTMLElement) == null ? void 0 : _a.prototype) ?? {})) {\n    node.removeAttribute(name);\n  }\n}\n\n// dist/react.ts\nvar react_default = createComponent({\n  react: React,\n  tagName: \"dash-video\",\n  elementClass: CustomMediaElement,\n  toAttributeName(propName) {\n    if (propName === \"muted\") return \"\";\n    if (propName === \"defaultMuted\") return \"muted\";\n    return defaultToAttributeName(propName);\n  }\n});\nexport {\n  react_default as default\n};\n/*! Bundled license information:\n\nce-la-react/dist/ce-la-react.js:\n  (**\n   * @license\n   * Copyright 2018 Google LLC\n   * SPDX-License-Identifier: BSD-3-Clause\n   *\n   * Modified version of `@lit/react` for vanilla custom elements with support for SSR.\n   *)\n*/\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;AC7JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/static/js/async/reactPlayerHls.js

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunkwaterford_library"] = self["webpackChunkwaterford_library"] || []).push([["reactPlayerHls"], {
+(self["webpackChunk_ix_waterford_lib"] = self["webpackChunk_ix_waterford_lib"] || []).push([["reactPlayerHls"], {
 "./node_modules/hls-video-element/dist/hls-video-element.js": (function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
@@ -8,9 +8,9 @@ __webpack_require__.d(__webpack_exports__, {
   HlsVideoMixin: () => (HlsVideoMixin),
   "default": () => (hls_video_element_default)
 });
-/* ESM import */var custom_media_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/custom-media-element/dist/custom-media-element.js");
-/* ESM import */var media_tracks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/media-tracks/dist/index.js");
-/* ESM import */var hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/hls.js/dist/hls.mjs");
+/* import */var custom_media_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/custom-media-element/dist/custom-media-element.js");
+/* import */var media_tracks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/media-tracks/dist/index.js");
+/* import */var hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./node_modules/hls.js/dist/hls.mjs");
 
 
 
@@ -250,8 +250,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (react_default)
 });
-/* ESM import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/index.js");
-/* ESM import */var _hls_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/hls-video-element/dist/hls-video-element.js");
+/* import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/react/index.js");
+/* import */var _hls_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/hls-video-element/dist/hls-video-element.js");
 "use client";
 
 // dist/react.ts