@ix_waterford/lib 1.0.6 → 1.0.8

package/dist/static/js/async/reactPlayerTiktok.js

@@ -1,489 +0,0 @@
-"use strict";
-(self["webpackChunk_ix_waterford_lib"] = self["webpackChunk_ix_waterford_lib"] || []).push([["reactPlayerTiktok"], {
-"./node_modules/tiktok-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 _tiktok_video_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/tiktok-video-element/dist/tiktok-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: "tiktok-video",
-  elementClass: _tiktok_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/tiktok-video-element/dist/tiktok-video-element.js": (function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (tiktok_video_element_default)
-});
-const EMBED_BASE = "https://www.tiktok.com/player/v1";
-const MATCH_SRC = /tiktok\.com\/(?:player\/v1\/|share\/video\/|@[^/]+\/video\/)([0-9]+)/;
-const PlayerState = { INIT: -1, ENDED: 0, PLAYING: 1, PAUSED: 2, BUFFERING: 3 };
-const EventMap = {
-  [PlayerState.INIT]: "emptied",
-  [PlayerState.PAUSED]: "pause",
-  [PlayerState.ENDED]: "ended",
-  [PlayerState.PLAYING]: "play",
-  [PlayerState.BUFFERING]: "waiting"
-};
-function getTemplateHTML(attrs, props = {}) {
-  const iframeAttrs = {
-    src: serializeIframeUrl(attrs, props),
-    frameborder: 0,
-    width: "100%",
-    height: "100%",
-    allow: "accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"
-  };
-  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%;
-        border:0;
-      }
-    </style>
-    <iframe ${serializeAttributes(iframeAttrs)} title="TikTok video"></iframe>
-  `
-  );
-}
-function serializeIframeUrl(attrs, props = {}) {
-  if (!attrs.src) return;
-  const matches = attrs.src.match(MATCH_SRC);
-  const srcId = matches && matches[1];
-  const params = {
-    controls: attrs.controls === "" ? null : 0,
-    autoplay: attrs.autoplay,
-    muted: attrs.muted,
-    loop: attrs.loop,
-    rel: 0,
-    ...props.config
-  };
-  return `${EMBED_BASE}/${srcId}?${serialize(params)}`;
-}
-class TikTokVideoElement extends (globalThis.HTMLElement ?? class {
-}) {
-  static getTemplateHTML = getTemplateHTML;
-  static shadowRootOptions = { mode: "open" };
-  static get observedAttributes() {
-    return ["src", "controls", "loop", "autoplay", "muted"];
-  }
-  loadComplete = new PublicPromise();
-  #loadRequested;
-  #hasLoaded;
-  #muted = false;
-  #currentTime = 0;
-  #paused = true;
-  #config = null;
-  #volume = 100;
-  #duration = 0;
-  #iframe;
-  constructor() {
-    super();
-    this.#upgradeProperty("config");
-  }
-  async load() {
-    if (this.#loadRequested) return;
-    if (!this.shadowRoot) {
-      this.attachShadow(TikTokVideoElement.shadowRootOptions);
-    }
-    const isFirstLoad = !this.#hasLoaded;
-    if (this.#hasLoaded) {
-      this.loadComplete = new PublicPromise();
-    }
-    this.#hasLoaded = true;
-    await (this.#loadRequested = Promise.resolve());
-    this.#loadRequested = null;
-    this.#currentTime = 0;
-    this.#muted = false;
-    this.#paused = true;
-    if (!this.src) {
-      this.shadowRoot.innerHTML = "";
-      globalThis.removeEventListener("message", this.#onMessage);
-      return;
-    }
-    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);
-  }
-  async attributeChangedCallback(attrName, oldValue, newValue) {
-    if (oldValue === newValue) return;
-    switch (attrName) {
-      case "muted": {
-        await this.loadComplete;
-        this.muted = newValue != null;
-        break;
-      }
-      case "autoplay":
-      case "controls":
-      case "loop":
-      case "src": {
-        this.load();
-        return;
-      }
-    }
-  }
-  get config() {
-    return this.#config;
-  }
-  set config(value) {
-    this.#config = value;
-  }
-  #onMessage = (event) => {
-    var _a;
-    if (event.source !== ((_a = this.#iframe) == null ? void 0 : _a.contentWindow)) return;
-    const msg = event.data;
-    if (!(msg == null ? void 0 : msg["x-tiktok-player"])) return;
-    switch (msg.type) {
-      case "onPlayerReady":
-        this.loadComplete.resolve();
-        break;
-      case "onStateChange": {
-        this.#paused = [PlayerState.INIT, PlayerState.PAUSED, PlayerState.ENDED].includes(msg.value);
-        const eventType = EventMap[msg.value];
-        if (eventType) this.dispatchEvent(new Event(eventType));
-        break;
-      }
-      case "onCurrentTime":
-        this.#currentTime = msg.value.currentTime;
-        this.#duration = msg.value.duration;
-        this.dispatchEvent(new Event("durationchange"));
-        this.dispatchEvent(new Event("timeupdate"));
-        break;
-      case "onVolumeChange":
-        this.#volume = msg.value;
-        this.dispatchEvent(new Event("volumechange"));
-        break;
-      case "onMute":
-        this.#muted = msg.value ? true : false;
-        this.#volume = msg.value ? 0 : this.#volume;
-        this.dispatchEvent(new Event("volumechange"));
-        break;
-      case "onError":
-        this.dispatchEvent(new Event("error"));
-        break;
-      default:
-        console.warn("Unhandled TikTok player message:", msg);
-        break;
-    }
-  };
-  #post(type, value) {
-    var _a;
-    if (!((_a = this.#iframe) == null ? void 0 : _a.contentWindow)) return;
-    const message = { "x-tiktok-player": true, type, ...value !== void 0 ? { value } : {} };
-    this.#iframe.contentWindow.postMessage(message, "*");
-  }
-  async play() {
-    await this.loadComplete;
-    this.#post("play");
-  }
-  async pause() {
-    await this.loadComplete;
-    this.#post("pause");
-  }
-  async #seekTo(sec) {
-    await this.loadComplete;
-    this.#post("seekTo", Number(sec));
-  }
-  async #mute() {
-    await this.loadComplete;
-    this.#post("mute");
-  }
-  async #unMute() {
-    await this.loadComplete;
-    this.#post("unMute");
-  }
-  get volume() {
-    return this.#volume / 100;
-  }
-  set volume(_val) {
-    console.warn("Volume control is not supported for TikTok videos.");
-  }
-  get currentTime() {
-    return this.#currentTime;
-  }
-  set currentTime(val) {
-    this.#seekTo(val);
-  }
-  get muted() {
-    return this.#muted;
-  }
-  set muted(val) {
-    this.#muted = val;
-    val ? this.#mute() : this.#unMute();
-  }
-  get defaultMuted() {
-    return this.hasAttribute("muted");
-  }
-  set defaultMuted(val) {
-    this.toggleAttribute("muted", !!val);
-  }
-  get paused() {
-    return this.#paused;
-  }
-  get duration() {
-    return this.#duration;
-  }
-  get src() {
-    return this.getAttribute("src");
-  }
-  set src(val) {
-    this.setAttribute("src", val ?? "");
-  }
-  // 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;
-    }
-  }
-}
-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 namedNodeMapToObject(namedNodeMap) {
-  let obj = {};
-  for (let attr of namedNodeMap) {
-    obj[attr.name] = attr.value;
-  }
-  return obj;
-}
-function boolToBinary(props) {
-  let p = {};
-  for (let key in props) {
-    let val = props[key];
-    if (val === true || val === "") p[key] = 1;
-    else if (val === false) p[key] = 0;
-    else if (val != null) p[key] = val;
-  }
-  return p;
-}
-function serialize(props) {
-  return String(new URLSearchParams(boolToBinary(props)));
-}
-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;");
-}
-if (globalThis.customElements && !globalThis.customElements.get("tiktok-video")) {
-  globalThis.customElements.define("tiktok-video", TikTokVideoElement);
-}
-var tiktok_video_element_default = TikTokVideoElement;
-
-
-
-}),
-
-}]);
-//# sourceMappingURL=reactPlayerTiktok.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/async/reactPlayerTiktok.js","sources":["/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/tiktok-video-element/dist/react.js","/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/node_modules/tiktok-video-element/dist/tiktok-video-element.js"],"sourcesContent":["\"use client\";\n\n// dist/react.ts\nimport React from \"react\";\nimport CustomMediaElement from \"./tiktok-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: \"tiktok-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://www.tiktok.com/player/v1\";\nconst MATCH_SRC = /tiktok\\.com\\/(?:player\\/v1\\/|share\\/video\\/|@[^/]+\\/video\\/)([0-9]+)/;\nconst PlayerState = { INIT: -1, ENDED: 0, PLAYING: 1, PAUSED: 2, BUFFERING: 3 };\nconst EventMap = {\n  [PlayerState.INIT]: \"emptied\",\n  [PlayerState.PAUSED]: \"pause\",\n  [PlayerState.ENDED]: \"ended\",\n  [PlayerState.PLAYING]: \"play\",\n  [PlayerState.BUFFERING]: \"waiting\"\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; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture\"\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        border:0;\n      }\n    </style>\n    <iframe ${serializeAttributes(iframeAttrs)} title=\"TikTok video\"></iframe>\n  `\n  );\n}\nfunction serializeIframeUrl(attrs, props = {}) {\n  if (!attrs.src) return;\n  const matches = attrs.src.match(MATCH_SRC);\n  const srcId = matches && matches[1];\n  const params = {\n    controls: attrs.controls === \"\" ? null : 0,\n    autoplay: attrs.autoplay,\n    muted: attrs.muted,\n    loop: attrs.loop,\n    rel: 0,\n    ...props.config\n  };\n  return `${EMBED_BASE}/${srcId}?${serialize(params)}`;\n}\nclass TikTokVideoElement extends (globalThis.HTMLElement ?? class {\n}) {\n  static getTemplateHTML = getTemplateHTML;\n  static shadowRootOptions = { mode: \"open\" };\n  static get observedAttributes() {\n    return [\"src\", \"controls\", \"loop\", \"autoplay\", \"muted\"];\n  }\n  loadComplete = new PublicPromise();\n  #loadRequested;\n  #hasLoaded;\n  #muted = false;\n  #currentTime = 0;\n  #paused = true;\n  #config = null;\n  #volume = 100;\n  #duration = 0;\n  #iframe;\n  constructor() {\n    super();\n    this.#upgradeProperty(\"config\");\n  }\n  async load() {\n    if (this.#loadRequested) return;\n    if (!this.shadowRoot) {\n      this.attachShadow(TikTokVideoElement.shadowRootOptions);\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.#currentTime = 0;\n    this.#muted = false;\n    this.#paused = true;\n    if (!this.src) {\n      this.shadowRoot.innerHTML = \"\";\n      globalThis.removeEventListener(\"message\", this.#onMessage);\n      return;\n    }\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  async attributeChangedCallback(attrName, oldValue, newValue) {\n    if (oldValue === newValue) return;\n    switch (attrName) {\n      case \"muted\": {\n        await this.loadComplete;\n        this.muted = newValue != null;\n        break;\n      }\n      case \"autoplay\":\n      case \"controls\":\n      case \"loop\":\n      case \"src\": {\n        this.load();\n        return;\n      }\n    }\n  }\n  get config() {\n    return this.#config;\n  }\n  set config(value) {\n    this.#config = value;\n  }\n  #onMessage = (event) => {\n    var _a;\n    if (event.source !== ((_a = this.#iframe) == null ? void 0 : _a.contentWindow)) return;\n    const msg = event.data;\n    if (!(msg == null ? void 0 : msg[\"x-tiktok-player\"])) return;\n    switch (msg.type) {\n      case \"onPlayerReady\":\n        this.loadComplete.resolve();\n        break;\n      case \"onStateChange\": {\n        this.#paused = [PlayerState.INIT, PlayerState.PAUSED, PlayerState.ENDED].includes(msg.value);\n        const eventType = EventMap[msg.value];\n        if (eventType) this.dispatchEvent(new Event(eventType));\n        break;\n      }\n      case \"onCurrentTime\":\n        this.#currentTime = msg.value.currentTime;\n        this.#duration = msg.value.duration;\n        this.dispatchEvent(new Event(\"durationchange\"));\n        this.dispatchEvent(new Event(\"timeupdate\"));\n        break;\n      case \"onVolumeChange\":\n        this.#volume = msg.value;\n        this.dispatchEvent(new Event(\"volumechange\"));\n        break;\n      case \"onMute\":\n        this.#muted = msg.value ? true : false;\n        this.#volume = msg.value ? 0 : this.#volume;\n        this.dispatchEvent(new Event(\"volumechange\"));\n        break;\n      case \"onError\":\n        this.dispatchEvent(new Event(\"error\"));\n        break;\n      default:\n        console.warn(\"Unhandled TikTok player message:\", msg);\n        break;\n    }\n  };\n  #post(type, value) {\n    var _a;\n    if (!((_a = this.#iframe) == null ? void 0 : _a.contentWindow)) return;\n    const message = { \"x-tiktok-player\": true, type, ...value !== void 0 ? { value } : {} };\n    this.#iframe.contentWindow.postMessage(message, \"*\");\n  }\n  async play() {\n    await this.loadComplete;\n    this.#post(\"play\");\n  }\n  async pause() {\n    await this.loadComplete;\n    this.#post(\"pause\");\n  }\n  async #seekTo(sec) {\n    await this.loadComplete;\n    this.#post(\"seekTo\", Number(sec));\n  }\n  async #mute() {\n    await this.loadComplete;\n    this.#post(\"mute\");\n  }\n  async #unMute() {\n    await this.loadComplete;\n    this.#post(\"unMute\");\n  }\n  get volume() {\n    return this.#volume / 100;\n  }\n  set volume(_val) {\n    console.warn(\"Volume control is not supported for TikTok videos.\");\n  }\n  get currentTime() {\n    return this.#currentTime;\n  }\n  set currentTime(val) {\n    this.#seekTo(val);\n  }\n  get muted() {\n    return this.#muted;\n  }\n  set muted(val) {\n    this.#muted = val;\n    val ? this.#mute() : this.#unMute();\n  }\n  get defaultMuted() {\n    return this.hasAttribute(\"muted\");\n  }\n  set defaultMuted(val) {\n    this.toggleAttribute(\"muted\", !!val);\n  }\n  get paused() {\n    return this.#paused;\n  }\n  get duration() {\n    return this.#duration;\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(val) {\n    this.setAttribute(\"src\", val ?? \"\");\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}\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 namedNodeMapToObject(namedNodeMap) {\n  let obj = {};\n  for (let attr of namedNodeMap) {\n    obj[attr.name] = attr.value;\n  }\n  return obj;\n}\nfunction boolToBinary(props) {\n  let p = {};\n  for (let key in props) {\n    let val = props[key];\n    if (val === true || val === \"\") p[key] = 1;\n    else if (val === false) p[key] = 0;\n    else if (val != null) p[key] = val;\n  }\n  return p;\n}\nfunction serialize(props) {\n  return String(new URLSearchParams(boolToBinary(props)));\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}\nif (globalThis.customElements && !globalThis.customElements.get(\"tiktok-video\")) {\n  globalThis.customElements.define(\"tiktok-video\", TikTokVideoElement);\n}\nvar tiktok_video_element_default = TikTokVideoElement;\nexport {\n  tiktok_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;AAGA"}