@ix_waterford/lib 1.0.6 → 1.0.8

package/dist/static/js/async/reactPlayerTwitch.js

@@ -1,587 +0,0 @@
-"use strict";
-(self["webpackChunk_ix_waterford_lib"] = self["webpackChunk_ix_waterford_lib"] || []).push([["reactPlayerTwitch"], {
-"./node_modules/twitch-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__("./node_modules/react/index.js");
-/* import */var _twitch_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/twitch-video-element/dist/twitch-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__,
-  tagName: "twitch-video",
-  elementClass: _twitch_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.
-   *)
-*/
-
-
-}),
-"./node_modules/twitch-video-element/dist/twitch-video-element.js": (function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (twitch_video_element_default)
-});
-const EMBED_BASE = "https://player.twitch.tv";
-const MATCH_VIDEO = /(?:www\.|go\.)?twitch\.tv\/(?:videos?\/|\?video=)(\d+)($|\?)/;
-const MATCH_CHANNEL = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/;
-const PlaybackState = {
-  IDLE: "Idle",
-  READY: "Ready",
-  BUFFERING: "Buffering",
-  PLAYING: "Playing",
-  ENDED: "Ended"
-};
-const PlayerCommands = {
-  DISABLE_CAPTIONS: 0,
-  ENABLE_CAPTIONS: 1,
-  PAUSE: 2,
-  PLAY: 3,
-  SEEK: 4,
-  SET_CHANNEL: 5,
-  SET_CHANNEL_ID: 6,
-  SET_COLLECTION: 7,
-  SET_QUALITY: 8,
-  SET_VIDEO: 9,
-  SET_MUTED: 10,
-  SET_VOLUME: 11
-};
-function getTemplateHTML(attrs, props = {}) {
-  const iframeAttrs = {
-    src: serializeIframeUrl(attrs, props),
-    frameborder: "0",
-    width: "100%",
-    height: "100%",
-    allow: "accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;",
-    sandbox: "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
-    scrolling: "no"
-  };
-  if (props.config) {
-    iframeAttrs["data-config"] = JSON.stringify(props.config);
-  }
-  return (
-    /*html*/
-    `
-    <style>
-      :host {
-        display: inline-block;
-        min-width: 300px;
-        min-height: 150px;
-        position: relative;
-      }
-      iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-      }
-      :host(:not([controls])) {
-        pointer-events: none;
-      }
-    </style>
-    <iframe${serializeAttributes(iframeAttrs)}></iframe>
-  `
-  );
-}
-function serializeIframeUrl(attrs, props) {
-  var _a;
-  if (!attrs.src) return;
-  const videoMatch = attrs.src.match(MATCH_VIDEO);
-  const channelMatch = attrs.src.match(MATCH_CHANNEL);
-  const params = {
-    parent: (_a = globalThis.location) == null ? void 0 : _a.hostname,
-    // ?controls=true is enabled by default in the iframe
-    controls: attrs.controls === "" ? null : false,
-    autoplay: attrs.autoplay === "" ? null : false,
-    muted: attrs.muted,
-    preload: attrs.preload,
-    ...props.config
-  };
-  if (videoMatch) {
-    const videoId = videoMatch[1];
-    return `${EMBED_BASE}/?video=v${videoId}&${serialize(params)}`;
-  } else if (channelMatch) {
-    const channel = channelMatch[1];
-    return `${EMBED_BASE}/?channel=${channel}&${serialize(params)}`;
-  }
-  return "";
-}
-class TwitchVideoElement extends (globalThis.HTMLElement ?? class {
-}) {
-  static getTemplateHTML = getTemplateHTML;
-  static shadowRootOptions = { mode: "open" };
-  static observedAttributes = ["autoplay", "controls", "loop", "muted", "playsinline", "preload", "src"];
-  loadComplete = new PublicPromise();
-  #loadRequested;
-  #hasLoaded;
-  #iframe;
-  #playerState = {};
-  #currentTime = 0;
-  #muted = false;
-  #volume = 1;
-  #paused = !this.autoplay;
-  #seeking = false;
-  #readyState = 0;
-  #config = null;
-  constructor() {
-    super();
-    this.#upgradeProperty("config");
-  }
-  get config() {
-    return this.#config;
-  }
-  set config(value) {
-    this.#config = value;
-  }
-  async load() {
-    if (this.#loadRequested) return;
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: "open" });
-    }
-    const isFirstLoad = !this.#hasLoaded;
-    if (this.#hasLoaded) {
-      this.loadComplete = new PublicPromise();
-    }
-    this.#hasLoaded = true;
-    await (this.#loadRequested = Promise.resolve());
-    this.#loadRequested = null;
-    this.#readyState = 0;
-    this.dispatchEvent(new Event("emptied"));
-    if (!this.src) {
-      this.shadowRoot.innerHTML = "";
-      globalThis.removeEventListener("message", this.#onMessage);
-      return;
-    }
-    this.dispatchEvent(new Event("loadstart"));
-    let iframe = this.shadowRoot.querySelector("iframe");
-    const attrs = namedNodeMapToObject(this.attributes);
-    if (isFirstLoad && iframe) {
-      this.#config = JSON.parse(iframe.getAttribute("data-config") || "{}");
-    }
-    if (!(iframe == null ? void 0 : iframe.src) || iframe.src !== serializeIframeUrl(attrs, this)) {
-      this.shadowRoot.innerHTML = getTemplateHTML(attrs, this);
-      iframe = this.shadowRoot.querySelector("iframe");
-    }
-    this.#iframe = iframe;
-    globalThis.addEventListener("message", this.#onMessage);
-  }
-  attributeChangedCallback(attrName, oldValue, newValue) {
-    if (oldValue === newValue) return;
-    switch (attrName) {
-      case "src":
-      case "controls": {
-        this.load();
-        break;
-      }
-    }
-  }
-  getVideoPlaybackQuality() {
-    return this.#playerState.stats.videoStats;
-  }
-  get src() {
-    return this.getAttribute("src");
-  }
-  set src(value) {
-    this.setAttribute("src", value);
-  }
-  get readyState() {
-    return this.#readyState;
-  }
-  get seeking() {
-    return this.#seeking;
-  }
-  get buffered() {
-    var _a, _b;
-    return createTimeRanges(0, ((_b = (_a = this.#playerState.stats) == null ? void 0 : _a.videoStats) == null ? void 0 : _b.bufferSize) ?? 0);
-  }
-  get paused() {
-    if (!this.#playerState.playback) return this.#paused;
-    return this.#playerState.playback === PlaybackState.IDLE;
-  }
-  get ended() {
-    if (!this.#playerState.playback) return false;
-    return this.#playerState.playback === PlaybackState.ENDED;
-  }
-  get duration() {
-    return this.#playerState.duration ?? NaN;
-  }
-  get autoplay() {
-    return this.hasAttribute("autoplay");
-  }
-  set autoplay(val) {
-    if (this.autoplay == val) return;
-    this.toggleAttribute("autoplay", Boolean(val));
-  }
-  get controls() {
-    return this.hasAttribute("controls");
-  }
-  set controls(val) {
-    if (this.controls == val) return;
-    this.toggleAttribute("controls", Boolean(val));
-  }
-  get currentTime() {
-    if (!this.#playerState.currentTime) return this.#currentTime;
-    return this.#playerState.currentTime;
-  }
-  set currentTime(val) {
-    this.#currentTime = val;
-    this.loadComplete.then(() => {
-      this.#sendCommand(PlayerCommands.SEEK, val);
-    });
-  }
-  get defaultMuted() {
-    return this.hasAttribute("muted");
-  }
-  set defaultMuted(val) {
-    this.toggleAttribute("muted", Boolean(val));
-  }
-  get loop() {
-    return this.hasAttribute("loop");
-  }
-  set loop(val) {
-    this.toggleAttribute("loop", Boolean(val));
-  }
-  get muted() {
-    return this.#muted;
-  }
-  set muted(val) {
-    this.#muted = val;
-    this.loadComplete.then(() => {
-      this.#sendCommand(PlayerCommands.SET_MUTED, val);
-    });
-  }
-  get volume() {
-    return this.#volume;
-  }
-  set volume(val) {
-    this.#volume = val;
-    this.loadComplete.then(() => {
-      this.#sendCommand(PlayerCommands.SET_VOLUME, val);
-    });
-  }
-  get playsInline() {
-    return this.hasAttribute("playsinline");
-  }
-  set playsInline(val) {
-    this.toggleAttribute("playsinline", Boolean(val));
-  }
-  play() {
-    this.#paused = false;
-    this.#sendCommand(PlayerCommands.PLAY);
-  }
-  pause() {
-    this.#paused = true;
-    this.#sendCommand(PlayerCommands.PAUSE);
-  }
-  #onMessage = async (event) => {
-    var _a, _b, _c, _d;
-    if (!this.#iframe.contentWindow) return;
-    const { data, source } = event;
-    const isFromEmbedWindow = source === this.#iframe.contentWindow;
-    if (!isFromEmbedWindow) return;
-    if (data.namespace === "twitch-embed") {
-      await new Promise((resolve) => setTimeout(resolve, 10));
-      if (data.eventName === "ready") {
-        this.dispatchEvent(new Event("loadcomplete"));
-        this.loadComplete.resolve();
-        this.#readyState = 1;
-        this.dispatchEvent(new Event("loadedmetadata"));
-      } else if (data.eventName === "seek") {
-        this.#seeking = true;
-        this.dispatchEvent(new Event("seeking"));
-      } else if (data.eventName === "playing") {
-        if (this.#seeking) {
-          this.#seeking = false;
-          this.dispatchEvent(new Event("seeked"));
-        }
-        this.#readyState = 3;
-        this.dispatchEvent(new Event("playing"));
-      } else {
-        this.dispatchEvent(new Event(data.eventName));
-      }
-    } else if (data.namespace === "twitch-embed-player-proxy" && data.eventName === "UPDATE_STATE") {
-      const oldDuration = this.#playerState.duration;
-      const oldCurrentTime = this.#playerState.currentTime;
-      const oldVolume = this.#playerState.volume;
-      const oldMuted = this.#playerState.muted;
-      const oldBuffered = (_b = (_a = this.#playerState.stats) == null ? void 0 : _a.videoStats) == null ? void 0 : _b.bufferSize;
-      this.#playerState = { ...this.#playerState, ...data.params };
-      if (oldDuration !== this.#playerState.duration) {
-        this.dispatchEvent(new Event("durationchange"));
-      }
-      if (oldCurrentTime !== this.#playerState.currentTime) {
-        this.dispatchEvent(new Event("timeupdate"));
-      }
-      if (oldVolume !== this.#playerState.volume || oldMuted !== this.#playerState.muted) {
-        if (this.#playerState.volume !== void 0) {
-          this.#volume = this.#playerState.volume;
-        }
-        if (this.#playerState.muted !== void 0) {
-          this.#muted = this.#playerState.muted;
-        }
-        this.dispatchEvent(new Event("volumechange"));
-      }
-      if (oldBuffered !== ((_d = (_c = this.#playerState.stats) == null ? void 0 : _c.videoStats) == null ? void 0 : _d.bufferSize)) {
-        this.dispatchEvent(new Event("progress"));
-      }
-    }
-  };
-  #sendCommand(command, params) {
-    if (!this.#iframe.contentWindow) return;
-    const message = {
-      eventName: command,
-      params,
-      namespace: "twitch-embed-player-proxy"
-    };
-    this.#iframe.contentWindow.postMessage(message, EMBED_BASE);
-  }
-  // 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;
-    }
-  }
-}
-function namedNodeMapToObject(namedNodeMap) {
-  let obj = {};
-  for (let attr of namedNodeMap) {
-    obj[attr.name] = attr.value;
-  }
-  return obj;
-}
-function serializeAttributes(attrs) {
-  let html = "";
-  for (const key in attrs) {
-    const value = attrs[key];
-    if (value === "") html += ` ${escapeHtml(key)}`;
-    else html += ` ${escapeHtml(key)}="${escapeHtml(`${value}`)}"`;
-  }
-  return html;
-}
-function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
-}
-function serialize(props) {
-  return String(new URLSearchParams(filterParams(props)));
-}
-function filterParams(props) {
-  let p = {};
-  for (let key in props) {
-    let val = props[key];
-    if (val === true || val === "") p[key] = true;
-    else if (val === false) p[key] = false;
-    else if (val != null) p[key] = val;
-  }
-  return p;
-}
-class PublicPromise extends Promise {
-  constructor(executor = () => {
-  }) {
-    let res, rej;
-    super((resolve, reject) => {
-      executor(resolve, reject);
-      res = resolve;
-      rej = reject;
-    });
-    this.resolve = res;
-    this.reject = rej;
-  }
-}
-function createTimeRanges(start, end) {
-  if (Array.isArray(start)) {
-    return createTimeRangesObj(start);
-  } else if (start == null || end == null || start === 0 && end === 0) {
-    return createTimeRangesObj([[0, 0]]);
-  }
-  return createTimeRangesObj([[start, end]]);
-}
-function createTimeRangesObj(ranges) {
-  Object.defineProperties(ranges, {
-    start: {
-      value: (i) => ranges[i][0]
-    },
-    end: {
-      value: (i) => ranges[i][1]
-    }
-  });
-  return ranges;
-}
-if (globalThis.customElements && !globalThis.customElements.get("twitch-video")) {
-  globalThis.customElements.define("twitch-video", TwitchVideoElement);
-}
-var twitch_video_element_default = TwitchVideoElement;
-
-
-
-}),
-
-}]);
-//# sourceMappingURL=reactPlayerTwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/async/reactPlayerTwitch.js","sources":["/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/twitch-video-element/dist/react.js","/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/twitch-video-element/dist/twitch-video-element.js"],"sourcesContent":["\"use client\";\n\n// dist/react.ts\nimport React from \"react\";\nimport CustomMediaElement from \"./twitch-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: \"twitch-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","const EMBED_BASE = \"https://player.twitch.tv\";\nconst MATCH_VIDEO = /(?:www\\.|go\\.)?twitch\\.tv\\/(?:videos?\\/|\\?video=)(\\d+)($|\\?)/;\nconst MATCH_CHANNEL = /(?:www\\.|go\\.)?twitch\\.tv\\/([a-zA-Z0-9_]+)($|\\?)/;\nconst PlaybackState = {\n  IDLE: \"Idle\",\n  READY: \"Ready\",\n  BUFFERING: \"Buffering\",\n  PLAYING: \"Playing\",\n  ENDED: \"Ended\"\n};\nconst PlayerCommands = {\n  DISABLE_CAPTIONS: 0,\n  ENABLE_CAPTIONS: 1,\n  PAUSE: 2,\n  PLAY: 3,\n  SEEK: 4,\n  SET_CHANNEL: 5,\n  SET_CHANNEL_ID: 6,\n  SET_COLLECTION: 7,\n  SET_QUALITY: 8,\n  SET_VIDEO: 9,\n  SET_MUTED: 10,\n  SET_VOLUME: 11\n};\nfunction getTemplateHTML(attrs, props = {}) {\n  const iframeAttrs = {\n    src: serializeIframeUrl(attrs, props),\n    frameborder: \"0\",\n    width: \"100%\",\n    height: \"100%\",\n    allow: \"accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;\",\n    sandbox: \"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\",\n    scrolling: \"no\"\n  };\n  if (props.config) {\n    iframeAttrs[\"data-config\"] = JSON.stringify(props.config);\n  }\n  return (\n    /*html*/\n    `\n    <style>\n      :host {\n        display: inline-block;\n        min-width: 300px;\n        min-height: 150px;\n        position: relative;\n      }\n      iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n      :host(:not([controls])) {\n        pointer-events: none;\n      }\n    </style>\n    <iframe${serializeAttributes(iframeAttrs)}></iframe>\n  `\n  );\n}\nfunction serializeIframeUrl(attrs, props) {\n  var _a;\n  if (!attrs.src) return;\n  const videoMatch = attrs.src.match(MATCH_VIDEO);\n  const channelMatch = attrs.src.match(MATCH_CHANNEL);\n  const params = {\n    parent: (_a = globalThis.location) == null ? void 0 : _a.hostname,\n    // ?controls=true is enabled by default in the iframe\n    controls: attrs.controls === \"\" ? null : false,\n    autoplay: attrs.autoplay === \"\" ? null : false,\n    muted: attrs.muted,\n    preload: attrs.preload,\n    ...props.config\n  };\n  if (videoMatch) {\n    const videoId = videoMatch[1];\n    return `${EMBED_BASE}/?video=v${videoId}&${serialize(params)}`;\n  } else if (channelMatch) {\n    const channel = channelMatch[1];\n    return `${EMBED_BASE}/?channel=${channel}&${serialize(params)}`;\n  }\n  return \"\";\n}\nclass TwitchVideoElement extends (globalThis.HTMLElement ?? class {\n}) {\n  static getTemplateHTML = getTemplateHTML;\n  static shadowRootOptions = { mode: \"open\" };\n  static observedAttributes = [\"autoplay\", \"controls\", \"loop\", \"muted\", \"playsinline\", \"preload\", \"src\"];\n  loadComplete = new PublicPromise();\n  #loadRequested;\n  #hasLoaded;\n  #iframe;\n  #playerState = {};\n  #currentTime = 0;\n  #muted = false;\n  #volume = 1;\n  #paused = !this.autoplay;\n  #seeking = false;\n  #readyState = 0;\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  async load() {\n    if (this.#loadRequested) return;\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: \"open\" });\n    }\n    const isFirstLoad = !this.#hasLoaded;\n    if (this.#hasLoaded) {\n      this.loadComplete = new PublicPromise();\n    }\n    this.#hasLoaded = true;\n    await (this.#loadRequested = Promise.resolve());\n    this.#loadRequested = null;\n    this.#readyState = 0;\n    this.dispatchEvent(new Event(\"emptied\"));\n    if (!this.src) {\n      this.shadowRoot.innerHTML = \"\";\n      globalThis.removeEventListener(\"message\", this.#onMessage);\n      return;\n    }\n    this.dispatchEvent(new Event(\"loadstart\"));\n    let iframe = this.shadowRoot.querySelector(\"iframe\");\n    const attrs = namedNodeMapToObject(this.attributes);\n    if (isFirstLoad && iframe) {\n      this.#config = JSON.parse(iframe.getAttribute(\"data-config\") || \"{}\");\n    }\n    if (!(iframe == null ? void 0 : iframe.src) || iframe.src !== serializeIframeUrl(attrs, this)) {\n      this.shadowRoot.innerHTML = getTemplateHTML(attrs, this);\n      iframe = this.shadowRoot.querySelector(\"iframe\");\n    }\n    this.#iframe = iframe;\n    globalThis.addEventListener(\"message\", this.#onMessage);\n  }\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    if (oldValue === newValue) return;\n    switch (attrName) {\n      case \"src\":\n      case \"controls\": {\n        this.load();\n        break;\n      }\n    }\n  }\n  getVideoPlaybackQuality() {\n    return this.#playerState.stats.videoStats;\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(value) {\n    this.setAttribute(\"src\", value);\n  }\n  get readyState() {\n    return this.#readyState;\n  }\n  get seeking() {\n    return this.#seeking;\n  }\n  get buffered() {\n    var _a, _b;\n    return createTimeRanges(0, ((_b = (_a = this.#playerState.stats) == null ? void 0 : _a.videoStats) == null ? void 0 : _b.bufferSize) ?? 0);\n  }\n  get paused() {\n    if (!this.#playerState.playback) return this.#paused;\n    return this.#playerState.playback === PlaybackState.IDLE;\n  }\n  get ended() {\n    if (!this.#playerState.playback) return false;\n    return this.#playerState.playback === PlaybackState.ENDED;\n  }\n  get duration() {\n    return this.#playerState.duration ?? NaN;\n  }\n  get autoplay() {\n    return this.hasAttribute(\"autoplay\");\n  }\n  set autoplay(val) {\n    if (this.autoplay == val) return;\n    this.toggleAttribute(\"autoplay\", Boolean(val));\n  }\n  get controls() {\n    return this.hasAttribute(\"controls\");\n  }\n  set controls(val) {\n    if (this.controls == val) return;\n    this.toggleAttribute(\"controls\", Boolean(val));\n  }\n  get currentTime() {\n    if (!this.#playerState.currentTime) return this.#currentTime;\n    return this.#playerState.currentTime;\n  }\n  set currentTime(val) {\n    this.#currentTime = val;\n    this.loadComplete.then(() => {\n      this.#sendCommand(PlayerCommands.SEEK, val);\n    });\n  }\n  get defaultMuted() {\n    return this.hasAttribute(\"muted\");\n  }\n  set defaultMuted(val) {\n    this.toggleAttribute(\"muted\", Boolean(val));\n  }\n  get loop() {\n    return this.hasAttribute(\"loop\");\n  }\n  set loop(val) {\n    this.toggleAttribute(\"loop\", Boolean(val));\n  }\n  get muted() {\n    return this.#muted;\n  }\n  set muted(val) {\n    this.#muted = val;\n    this.loadComplete.then(() => {\n      this.#sendCommand(PlayerCommands.SET_MUTED, val);\n    });\n  }\n  get volume() {\n    return this.#volume;\n  }\n  set volume(val) {\n    this.#volume = val;\n    this.loadComplete.then(() => {\n      this.#sendCommand(PlayerCommands.SET_VOLUME, val);\n    });\n  }\n  get playsInline() {\n    return this.hasAttribute(\"playsinline\");\n  }\n  set playsInline(val) {\n    this.toggleAttribute(\"playsinline\", Boolean(val));\n  }\n  play() {\n    this.#paused = false;\n    this.#sendCommand(PlayerCommands.PLAY);\n  }\n  pause() {\n    this.#paused = true;\n    this.#sendCommand(PlayerCommands.PAUSE);\n  }\n  #onMessage = async (event) => {\n    var _a, _b, _c, _d;\n    if (!this.#iframe.contentWindow) return;\n    const { data, source } = event;\n    const isFromEmbedWindow = source === this.#iframe.contentWindow;\n    if (!isFromEmbedWindow) return;\n    if (data.namespace === \"twitch-embed\") {\n      await new Promise((resolve) => setTimeout(resolve, 10));\n      if (data.eventName === \"ready\") {\n        this.dispatchEvent(new Event(\"loadcomplete\"));\n        this.loadComplete.resolve();\n        this.#readyState = 1;\n        this.dispatchEvent(new Event(\"loadedmetadata\"));\n      } else if (data.eventName === \"seek\") {\n        this.#seeking = true;\n        this.dispatchEvent(new Event(\"seeking\"));\n      } else if (data.eventName === \"playing\") {\n        if (this.#seeking) {\n          this.#seeking = false;\n          this.dispatchEvent(new Event(\"seeked\"));\n        }\n        this.#readyState = 3;\n        this.dispatchEvent(new Event(\"playing\"));\n      } else {\n        this.dispatchEvent(new Event(data.eventName));\n      }\n    } else if (data.namespace === \"twitch-embed-player-proxy\" && data.eventName === \"UPDATE_STATE\") {\n      const oldDuration = this.#playerState.duration;\n      const oldCurrentTime = this.#playerState.currentTime;\n      const oldVolume = this.#playerState.volume;\n      const oldMuted = this.#playerState.muted;\n      const oldBuffered = (_b = (_a = this.#playerState.stats) == null ? void 0 : _a.videoStats) == null ? void 0 : _b.bufferSize;\n      this.#playerState = { ...this.#playerState, ...data.params };\n      if (oldDuration !== this.#playerState.duration) {\n        this.dispatchEvent(new Event(\"durationchange\"));\n      }\n      if (oldCurrentTime !== this.#playerState.currentTime) {\n        this.dispatchEvent(new Event(\"timeupdate\"));\n      }\n      if (oldVolume !== this.#playerState.volume || oldMuted !== this.#playerState.muted) {\n        if (this.#playerState.volume !== void 0) {\n          this.#volume = this.#playerState.volume;\n        }\n        if (this.#playerState.muted !== void 0) {\n          this.#muted = this.#playerState.muted;\n        }\n        this.dispatchEvent(new Event(\"volumechange\"));\n      }\n      if (oldBuffered !== ((_d = (_c = this.#playerState.stats) == null ? void 0 : _c.videoStats) == null ? void 0 : _d.bufferSize)) {\n        this.dispatchEvent(new Event(\"progress\"));\n      }\n    }\n  };\n  #sendCommand(command, params) {\n    if (!this.#iframe.contentWindow) return;\n    const message = {\n      eventName: command,\n      params,\n      namespace: \"twitch-embed-player-proxy\"\n    };\n    this.#iframe.contentWindow.postMessage(message, EMBED_BASE);\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}\nfunction namedNodeMapToObject(namedNodeMap) {\n  let obj = {};\n  for (let attr of namedNodeMap) {\n    obj[attr.name] = attr.value;\n  }\n  return obj;\n}\nfunction serializeAttributes(attrs) {\n  let html = \"\";\n  for (const key in attrs) {\n    const value = attrs[key];\n    if (value === \"\") html += ` ${escapeHtml(key)}`;\n    else html += ` ${escapeHtml(key)}=\"${escapeHtml(`${value}`)}\"`;\n  }\n  return html;\n}\nfunction escapeHtml(str) {\n  return str.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&apos;\").replace(/`/g, \"&#x60;\");\n}\nfunction serialize(props) {\n  return String(new URLSearchParams(filterParams(props)));\n}\nfunction filterParams(props) {\n  let p = {};\n  for (let key in props) {\n    let val = props[key];\n    if (val === true || val === \"\") p[key] = true;\n    else if (val === false) p[key] = false;\n    else if (val != null) p[key] = val;\n  }\n  return p;\n}\nclass PublicPromise extends Promise {\n  constructor(executor = () => {\n  }) {\n    let res, rej;\n    super((resolve, reject) => {\n      executor(resolve, reject);\n      res = resolve;\n      rej = reject;\n    });\n    this.resolve = res;\n    this.reject = rej;\n  }\n}\nfunction createTimeRanges(start, end) {\n  if (Array.isArray(start)) {\n    return createTimeRangesObj(start);\n  } else if (start == null || end == null || start === 0 && end === 0) {\n    return createTimeRangesObj([[0, 0]]);\n  }\n  return createTimeRangesObj([[start, end]]);\n}\nfunction createTimeRangesObj(ranges) {\n  Object.defineProperties(ranges, {\n    start: {\n      value: (i) => ranges[i][0]\n    },\n    end: {\n      value: (i) => ranges[i][1]\n    }\n  });\n  return ranges;\n}\nif (globalThis.customElements && !globalThis.customElements.get(\"twitch-video\")) {\n  globalThis.customElements.define(\"twitch-video\", TwitchVideoElement);\n}\nvar twitch_video_element_default = TwitchVideoElement;\nexport {\n  twitch_video_element_default as default\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;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AC3KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"}