@ix_waterford/lib 1.0.7 → 1.0.9

package/dist/async/reactPlayerHls.js

@@ -1,429 +0,0 @@
-(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__, {
-  Hls: () => (/* reexport safe */ hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"]),
-  HlsVideoElement: () => (HlsVideoElement),
-  HlsVideoMixin: () => (HlsVideoMixin),
-  "default": () => (hls_video_element_default)
-});
-/* 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");
-
-
-
-const HlsVideoMixin = (superclass) => {
-  return class HlsVideo extends superclass {
-    static shadowRootOptions = { ...superclass.shadowRootOptions };
-    static getTemplateHTML = (attrs, props = {}) => {
-      const { src, ...rest } = attrs;
-      return `
-        <script type="application/json" id="config">
-          ${JSON.stringify(props.config || {})}
-        </script>
-        ${superclass.getTemplateHTML(rest)}
-      `;
-    };
-    #airplaySourceEl = null;
-    #config = null;
-    constructor() {
-      super();
-      this.#upgradeProperty("config");
-    }
-    get config() {
-      return this.#config;
-    }
-    set config(value) {
-      this.#config = value;
-    }
-    attributeChangedCallback(attrName, oldValue, newValue) {
-      if (attrName !== "src") {
-        super.attributeChangedCallback(attrName, oldValue, newValue);
-      }
-      if (attrName === "src" && oldValue != newValue) {
-        this.load();
-      }
-    }
-    #destroy() {
-      var _a, _b;
-      (_a = this.#airplaySourceEl) == null ? void 0 : _a.remove();
-      (_b = this.nativeEl) == null ? void 0 : _b.removeEventListener(
-        "webkitcurrentplaybacktargetiswirelesschanged",
-        this.#toggleHlsLoad
-      );
-      if (this.api) {
-        this.api.detachMedia();
-        this.api.destroy();
-        this.api = null;
-      }
-    }
-    async load() {
-      var _a, _b;
-      const isFirstLoad = !this.api;
-      this.#destroy();
-      if (!this.src) {
-        return;
-      }
-      if (isFirstLoad && !this.#config) {
-        this.#config = JSON.parse(((_a = this.shadowRoot.getElementById("config")) == null ? void 0 : _a.textContent) || "{}");
-      }
-      if (hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].isSupported()) {
-        await Promise.resolve();
-        this.api = new hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"]({
-          // Mimic the media element with an Infinity duration for live streams.
-          liveDurationInfinity: true,
-          // Disable auto quality level/fragment loading.
-          autoStartLoad: false,
-          // Custom configuration for hls.js.
-          ...this.config
-        });
-        this.api.loadSource(this.src);
-        this.api.attachMedia(this.nativeEl);
-        switch (this.nativeEl.preload) {
-          case "none": {
-            const loadSourceOnPlay = () => this.api.startLoad();
-            this.nativeEl.addEventListener("play", loadSourceOnPlay, {
-              once: true
-            });
-            this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.DESTROYING, () => {
-              this.nativeEl.removeEventListener("play", loadSourceOnPlay);
-            });
-            break;
-          }
-          case "metadata": {
-            const originalLength = this.api.config.maxBufferLength;
-            const originalSize = this.api.config.maxBufferSize;
-            this.api.config.maxBufferLength = 1;
-            this.api.config.maxBufferSize = 1;
-            const increaseBufferOnPlay = () => {
-              this.api.config.maxBufferLength = originalLength;
-              this.api.config.maxBufferSize = originalSize;
-            };
-            this.nativeEl.addEventListener("play", increaseBufferOnPlay, {
-              once: true
-            });
-            this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.DESTROYING, () => {
-              this.nativeEl.removeEventListener("play", increaseBufferOnPlay);
-            });
-            this.api.startLoad();
-            break;
-          }
-          default:
-            this.api.startLoad();
-        }
-        if (this.nativeEl.webkitCurrentPlaybackTargetIsWireless) {
-          this.api.stopLoad();
-        }
-        this.nativeEl.addEventListener(
-          "webkitcurrentplaybacktargetiswirelesschanged",
-          this.#toggleHlsLoad
-        );
-        this.#airplaySourceEl = document.createElement("source");
-        this.#airplaySourceEl.setAttribute("type", "application/x-mpegURL");
-        this.#airplaySourceEl.setAttribute("src", this.src);
-        this.nativeEl.disableRemotePlayback = false;
-        this.nativeEl.append(this.#airplaySourceEl);
-        const levelIdMap = /* @__PURE__ */ new WeakMap();
-        this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.MANIFEST_PARSED, (event, data) => {
-          if (this.nativeEl.autoplay && this.nativeEl.paused) {
-            this.nativeEl.play().catch((err) => {
-              console.warn("Autoplay failed:", err);
-            });
-          }
-          removeAllMediaTracks();
-          let videoTrack = this.videoTracks.getTrackById("main");
-          if (!videoTrack) {
-            videoTrack = this.addVideoTrack("main");
-            videoTrack.id = "main";
-            videoTrack.selected = true;
-          }
-          for (const [id, level] of data.levels.entries()) {
-            const videoRendition = videoTrack.addRendition(
-              level.url[0],
-              level.width,
-              level.height,
-              level.videoCodec,
-              level.bitrate
-            );
-            levelIdMap.set(level, `${id}`);
-            videoRendition.id = `${id}`;
-          }
-          for (let [id, a] of data.audioTracks.entries()) {
-            const kind = a.default ? "main" : "alternative";
-            const audioTrack = this.addAudioTrack(kind, a.name, a.lang);
-            audioTrack.id = `${id}`;
-            if (a.default) {
-              audioTrack.enabled = true;
-            }
-          }
-        });
-        this.audioTracks.addEventListener("change", () => {
-          var _a2;
-          const audioTrackId = +((_a2 = [...this.audioTracks].find((t) => t.enabled)) == null ? void 0 : _a2.id);
-          const availableIds = this.api.audioTracks.map((t) => t.id);
-          if (audioTrackId != this.api.audioTrack && availableIds.includes(audioTrackId)) {
-            this.api.audioTrack = audioTrackId;
-          }
-        });
-        this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.LEVELS_UPDATED, (event, data) => {
-          const videoTrack = this.videoTracks[this.videoTracks.selectedIndex ?? 0];
-          if (!videoTrack) return;
-          const levelIds = data.levels.map((l) => levelIdMap.get(l));
-          for (const rendition of this.videoRenditions) {
-            if (rendition.id && !levelIds.includes(rendition.id)) {
-              videoTrack.removeRendition(rendition);
-            }
-          }
-        });
-        let lastFailedLevel = null;
-        this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.ERROR, (event, data) => {
-          if (data.type === hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].ErrorTypes.NETWORK_ERROR && data.details === hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].ErrorDetails.FRAG_LOAD_ERROR) {
-            lastFailedLevel = data.frag.level;
-          }
-        });
-        this.api.on(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.LEVEL_SWITCHED, (event, data) => {
-          const newLevel = data.level;
-          if (lastFailedLevel !== null && newLevel < lastFailedLevel) {
-            console.warn(
-              `\u26A0\uFE0F hls.js downgraded quality from level ${lastFailedLevel} to ${newLevel} due to fragment load failure.`
-            );
-            this.videoRenditions.selectedIndex = newLevel;
-            lastFailedLevel = null;
-          }
-        });
-        const switchRendition = (event) => {
-          const level = event.target.selectedIndex;
-          if (level != this.api.nextLevel) {
-            this.api.nextLevel = level;
-          }
-        };
-        (_b = this.videoRenditions) == null ? void 0 : _b.addEventListener("change", switchRendition);
-        const removeAllMediaTracks = () => {
-          for (const videoTrack of this.videoTracks) {
-            this.removeVideoTrack(videoTrack);
-          }
-          for (const audioTrack of this.audioTracks) {
-            this.removeAudioTrack(audioTrack);
-          }
-        };
-        this.api.once(hls_js_dist_hls_mjs__WEBPACK_IMPORTED_MODULE_2__["default"].Events.DESTROYING, removeAllMediaTracks);
-        return;
-      }
-      await Promise.resolve();
-      if (this.nativeEl.canPlayType("application/vnd.apple.mpegurl")) {
-        this.nativeEl.src = this.src;
-      }
-    }
-    #toggleHlsLoad = () => {
-      var _a, _b, _c;
-      if ((_a = this.nativeEl) == null ? void 0 : _a.webkitCurrentPlaybackTargetIsWireless) {
-        (_b = this.api) == null ? void 0 : _b.stopLoad();
-      } else {
-        (_c = this.api) == null ? void 0 : _c.startLoad();
-      }
-    };
-    // This is a pattern to update property values that are set before
-    // the custom element is upgraded.
-    // https://web.dev/custom-elements-best-practices/#make-properties-lazy
-    #upgradeProperty(prop) {
-      if (Object.prototype.hasOwnProperty.call(this, prop)) {
-        const value = this[prop];
-        delete this[prop];
-        this[prop] = value;
-      }
-    }
-  };
-};
-const HlsVideoElement = HlsVideoMixin((0,media_tracks__WEBPACK_IMPORTED_MODULE_1__.MediaTracksMixin)(custom_media_element__WEBPACK_IMPORTED_MODULE_0__.CustomVideoElement));
-if (globalThis.customElements && !globalThis.customElements.get("hls-video")) {
-  globalThis.customElements.define("hls-video", HlsVideoElement);
-}
-var hls_video_element_default = HlsVideoElement;
-
-
-
-}),
-"./node_modules/hls-video-element/dist/react.js": (function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (react_default)
-});
-/* import */var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react");
-/* 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
-
-
-
-// ../../node_modules/ce-la-react/dist/ce-la-react.js
-var reservedReactProps = /* @__PURE__ */ new Set([
-  "style",
-  "children",
-  "ref",
-  "key",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "dangerouslySetInnerHTML"
-]);
-var reactPropToAttrNameMap = {
-  className: "class",
-  htmlFor: "for"
-};
-function defaultToAttributeName(propName) {
-  return propName.toLowerCase();
-}
-function defaultToAttributeValue(propValue) {
-  if (typeof propValue === "boolean") return propValue ? "" : void 0;
-  if (typeof propValue === "function") return void 0;
-  if (typeof propValue === "object" && propValue !== null) return void 0;
-  return propValue;
-}
-function createComponent({
-  react: React2,
-  tagName,
-  elementClass,
-  events,
-  displayName,
-  defaultProps,
-  toAttributeName = defaultToAttributeName,
-  toAttributeValue = defaultToAttributeValue
-}) {
-  const IS_REACT_19_OR_NEWER = Number.parseInt(React2.version) >= 19;
-  const ReactComponent = React2.forwardRef((props, ref) => {
-    var _a, _b;
-    const elementRef = React2.useRef(null);
-    const prevElemPropsRef = React2.useRef(/* @__PURE__ */ new Map());
-    const eventProps = {};
-    const attrs = {};
-    const reactProps = {};
-    const elementProps = {};
-    for (const [k, v] of Object.entries(props)) {
-      if (reservedReactProps.has(k)) {
-        reactProps[k] = v;
-        continue;
-      }
-      const attrName = toAttributeName(reactPropToAttrNameMap[k] ?? k);
-      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))) {
-        elementProps[k] = v;
-        continue;
-      }
-      if (k.startsWith("on")) {
-        eventProps[k] = v;
-        continue;
-      }
-      const attrValue = toAttributeValue(v);
-      if (attrName && attrValue != null) {
-        attrs[attrName] = String(attrValue);
-        if (!IS_REACT_19_OR_NEWER) {
-          reactProps[attrName] = attrValue;
-        }
-      }
-      if (attrName && IS_REACT_19_OR_NEWER) {
-        const attrValueFromDefault = defaultToAttributeValue(v);
-        if (attrValue !== attrValueFromDefault) {
-          reactProps[attrName] = attrValue;
-        } else {
-          reactProps[attrName] = v;
-        }
-      }
-    }
-    if (typeof window !== "undefined") {
-      for (const propName in eventProps) {
-        const callback = eventProps[propName];
-        const useCapture = propName.endsWith("Capture");
-        const eventName = ((events == null ? void 0 : events[propName]) ?? propName.slice(2).toLowerCase()).slice(
-          0,
-          useCapture ? -7 : void 0
-        );
-        React2.useLayoutEffect(() => {
-          const eventTarget = elementRef == null ? void 0 : elementRef.current;
-          if (!eventTarget || typeof callback !== "function") return;
-          eventTarget.addEventListener(eventName, callback, useCapture);
-          return () => {
-            eventTarget.removeEventListener(eventName, callback, useCapture);
-          };
-        }, [elementRef == null ? void 0 : elementRef.current, callback]);
-      }
-      React2.useLayoutEffect(() => {
-        if (elementRef.current === null) return;
-        const newElemProps = /* @__PURE__ */ new Map();
-        for (const key in elementProps) {
-          setProperty(elementRef.current, key, elementProps[key]);
-          prevElemPropsRef.current.delete(key);
-          newElemProps.set(key, elementProps[key]);
-        }
-        for (const [key, _value] of prevElemPropsRef.current) {
-          setProperty(elementRef.current, key, void 0);
-        }
-        prevElemPropsRef.current = newElemProps;
-      });
-    }
-    if (typeof window === "undefined" && (elementClass == null ? void 0 : elementClass.getTemplateHTML) && (elementClass == null ? void 0 : elementClass.shadowRootOptions)) {
-      const { mode, delegatesFocus } = elementClass.shadowRootOptions;
-      const templateShadowRoot = React2.createElement("template", {
-        shadowrootmode: mode,
-        shadowrootdelegatesfocus: delegatesFocus,
-        dangerouslySetInnerHTML: {
-          __html: elementClass.getTemplateHTML(attrs, props)
-        }
-      });
-      reactProps.children = [templateShadowRoot, reactProps.children];
-    }
-    return React2.createElement(tagName, {
-      ...defaultProps,
-      ...reactProps,
-      ref: React2.useCallback(
-        (node) => {
-          elementRef.current = node;
-          if (typeof ref === "function") {
-            ref(node);
-          } else if (ref !== null) {
-            ref.current = node;
-          }
-        },
-        [ref]
-      )
-    });
-  });
-  ReactComponent.displayName = displayName ?? elementClass.name;
-  return ReactComponent;
-}
-function setProperty(node, name, value) {
-  var _a;
-  node[name] = value;
-  if (value == null && name in (((_a = globalThis.HTMLElement) == null ? void 0 : _a.prototype) ?? {})) {
-    node.removeAttribute(name);
-  }
-}
-
-// dist/react.ts
-var react_default = createComponent({
-  react: react__WEBPACK_IMPORTED_MODULE_0__["default"],
-  tagName: "hls-video",
-  elementClass: _hls_video_element_js__WEBPACK_IMPORTED_MODULE_1__["default"],
-  toAttributeName(propName) {
-    if (propName === "muted") return "";
-    if (propName === "defaultMuted") return "muted";
-    return defaultToAttributeName(propName);
-  }
-});
-
-/*! Bundled license information:
-
-ce-la-react/dist/ce-la-react.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *
-   * Modified version of `@lit/react` for vanilla custom elements with support for SSR.
-   *)
-*/
-
-
-}),
-
-}])
-//# sourceMappingURL=reactPlayerHls.js.map

package/dist/async/reactPlayerHls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"async/reactPlayerHls.js","sources":["/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/hls-video-element/dist/hls-video-element.js","/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/hls-video-element/dist/react.js"],"sourcesContent":["import { CustomVideoElement } from \"custom-media-element\";\nimport { MediaTracksMixin } from \"media-tracks\";\nimport Hls from \"hls.js/dist/hls.mjs\";\nconst HlsVideoMixin = (superclass) => {\n  return class HlsVideo extends superclass {\n    static shadowRootOptions = { ...superclass.shadowRootOptions };\n    static getTemplateHTML = (attrs, props = {}) => {\n      const { src, ...rest } = attrs;\n      return `\n        <script type=\"application/json\" id=\"config\">\n          ${JSON.stringify(props.config || {})}\n        </script>\n        ${superclass.getTemplateHTML(rest)}\n      `;\n    };\n    #airplaySourceEl = null;\n    #config = null;\n    constructor() {\n      super();\n      this.#upgradeProperty(\"config\");\n    }\n    get config() {\n      return this.#config;\n    }\n    set config(value) {\n      this.#config = value;\n    }\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    #destroy() {\n      var _a, _b;\n      (_a = this.#airplaySourceEl) == null ? void 0 : _a.remove();\n      (_b = this.nativeEl) == null ? void 0 : _b.removeEventListener(\n        \"webkitcurrentplaybacktargetiswirelesschanged\",\n        this.#toggleHlsLoad\n      );\n      if (this.api) {\n        this.api.detachMedia();\n        this.api.destroy();\n        this.api = null;\n      }\n    }\n    async load() {\n      var _a, _b;\n      const isFirstLoad = !this.api;\n      this.#destroy();\n      if (!this.src) {\n        return;\n      }\n      if (isFirstLoad && !this.#config) {\n        this.#config = JSON.parse(((_a = this.shadowRoot.getElementById(\"config\")) == null ? void 0 : _a.textContent) || \"{}\");\n      }\n      if (Hls.isSupported()) {\n        await Promise.resolve();\n        this.api = new Hls({\n          // Mimic the media element with an Infinity duration for live streams.\n          liveDurationInfinity: true,\n          // Disable auto quality level/fragment loading.\n          autoStartLoad: false,\n          // Custom configuration for hls.js.\n          ...this.config\n        });\n        this.api.loadSource(this.src);\n        this.api.attachMedia(this.nativeEl);\n        switch (this.nativeEl.preload) {\n          case \"none\": {\n            const loadSourceOnPlay = () => this.api.startLoad();\n            this.nativeEl.addEventListener(\"play\", loadSourceOnPlay, {\n              once: true\n            });\n            this.api.on(Hls.Events.DESTROYING, () => {\n              this.nativeEl.removeEventListener(\"play\", loadSourceOnPlay);\n            });\n            break;\n          }\n          case \"metadata\": {\n            const originalLength = this.api.config.maxBufferLength;\n            const originalSize = this.api.config.maxBufferSize;\n            this.api.config.maxBufferLength = 1;\n            this.api.config.maxBufferSize = 1;\n            const increaseBufferOnPlay = () => {\n              this.api.config.maxBufferLength = originalLength;\n              this.api.config.maxBufferSize = originalSize;\n            };\n            this.nativeEl.addEventListener(\"play\", increaseBufferOnPlay, {\n              once: true\n            });\n            this.api.on(Hls.Events.DESTROYING, () => {\n              this.nativeEl.removeEventListener(\"play\", increaseBufferOnPlay);\n            });\n            this.api.startLoad();\n            break;\n          }\n          default:\n            this.api.startLoad();\n        }\n        if (this.nativeEl.webkitCurrentPlaybackTargetIsWireless) {\n          this.api.stopLoad();\n        }\n        this.nativeEl.addEventListener(\n          \"webkitcurrentplaybacktargetiswirelesschanged\",\n          this.#toggleHlsLoad\n        );\n        this.#airplaySourceEl = document.createElement(\"source\");\n        this.#airplaySourceEl.setAttribute(\"type\", \"application/x-mpegURL\");\n        this.#airplaySourceEl.setAttribute(\"src\", this.src);\n        this.nativeEl.disableRemotePlayback = false;\n        this.nativeEl.append(this.#airplaySourceEl);\n        const levelIdMap = /* @__PURE__ */ new WeakMap();\n        this.api.on(Hls.Events.MANIFEST_PARSED, (event, data) => {\n          if (this.nativeEl.autoplay && this.nativeEl.paused) {\n            this.nativeEl.play().catch((err) => {\n              console.warn(\"Autoplay failed:\", err);\n            });\n          }\n          removeAllMediaTracks();\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          for (const [id, level] of data.levels.entries()) {\n            const videoRendition = videoTrack.addRendition(\n              level.url[0],\n              level.width,\n              level.height,\n              level.videoCodec,\n              level.bitrate\n            );\n            levelIdMap.set(level, `${id}`);\n            videoRendition.id = `${id}`;\n          }\n          for (let [id, a] of data.audioTracks.entries()) {\n            const kind = a.default ? \"main\" : \"alternative\";\n            const audioTrack = this.addAudioTrack(kind, a.name, a.lang);\n            audioTrack.id = `${id}`;\n            if (a.default) {\n              audioTrack.enabled = true;\n            }\n          }\n        });\n        this.audioTracks.addEventListener(\"change\", () => {\n          var _a2;\n          const audioTrackId = +((_a2 = [...this.audioTracks].find((t) => t.enabled)) == null ? void 0 : _a2.id);\n          const availableIds = this.api.audioTracks.map((t) => t.id);\n          if (audioTrackId != this.api.audioTrack && availableIds.includes(audioTrackId)) {\n            this.api.audioTrack = audioTrackId;\n          }\n        });\n        this.api.on(Hls.Events.LEVELS_UPDATED, (event, data) => {\n          const videoTrack = this.videoTracks[this.videoTracks.selectedIndex ?? 0];\n          if (!videoTrack) return;\n          const levelIds = data.levels.map((l) => levelIdMap.get(l));\n          for (const rendition of this.videoRenditions) {\n            if (rendition.id && !levelIds.includes(rendition.id)) {\n              videoTrack.removeRendition(rendition);\n            }\n          }\n        });\n        let lastFailedLevel = null;\n        this.api.on(Hls.Events.ERROR, (event, data) => {\n          if (data.type === Hls.ErrorTypes.NETWORK_ERROR && data.details === Hls.ErrorDetails.FRAG_LOAD_ERROR) {\n            lastFailedLevel = data.frag.level;\n          }\n        });\n        this.api.on(Hls.Events.LEVEL_SWITCHED, (event, data) => {\n          const newLevel = data.level;\n          if (lastFailedLevel !== null && newLevel < lastFailedLevel) {\n            console.warn(\n              `\\u26A0\\uFE0F hls.js downgraded quality from level ${lastFailedLevel} to ${newLevel} due to fragment load failure.`\n            );\n            this.videoRenditions.selectedIndex = newLevel;\n            lastFailedLevel = null;\n          }\n        });\n        const switchRendition = (event) => {\n          const level = event.target.selectedIndex;\n          if (level != this.api.nextLevel) {\n            this.api.nextLevel = level;\n          }\n        };\n        (_b = this.videoRenditions) == null ? void 0 : _b.addEventListener(\"change\", switchRendition);\n        const removeAllMediaTracks = () => {\n          for (const videoTrack of this.videoTracks) {\n            this.removeVideoTrack(videoTrack);\n          }\n          for (const audioTrack of this.audioTracks) {\n            this.removeAudioTrack(audioTrack);\n          }\n        };\n        this.api.once(Hls.Events.DESTROYING, removeAllMediaTracks);\n        return;\n      }\n      await Promise.resolve();\n      if (this.nativeEl.canPlayType(\"application/vnd.apple.mpegurl\")) {\n        this.nativeEl.src = this.src;\n      }\n    }\n    #toggleHlsLoad = () => {\n      var _a, _b, _c;\n      if ((_a = this.nativeEl) == null ? void 0 : _a.webkitCurrentPlaybackTargetIsWireless) {\n        (_b = this.api) == null ? void 0 : _b.stopLoad();\n      } else {\n        (_c = this.api) == null ? void 0 : _c.startLoad();\n      }\n    };\n    // This is a pattern to update property values that are set before\n    // the custom element is upgraded.\n    // https://web.dev/custom-elements-best-practices/#make-properties-lazy\n    #upgradeProperty(prop) {\n      if (Object.prototype.hasOwnProperty.call(this, prop)) {\n        const value = this[prop];\n        delete this[prop];\n        this[prop] = value;\n      }\n    }\n  };\n};\nconst HlsVideoElement = HlsVideoMixin(MediaTracksMixin(CustomVideoElement));\nif (globalThis.customElements && !globalThis.customElements.get(\"hls-video\")) {\n  globalThis.customElements.define(\"hls-video\", HlsVideoElement);\n}\nvar hls_video_element_default = HlsVideoElement;\nexport {\n  Hls,\n  HlsVideoElement,\n  HlsVideoMixin,\n  hls_video_element_default as default\n};\n","\"use client\";\n\n// dist/react.ts\nimport React from \"react\";\nimport CustomMediaElement from \"./hls-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: \"hls-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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;;;;;;;;;;;AC3OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"}