classicy 0.5.9 → 0.5.18

package/dist/react-BxlQMOfz.mjs

@@ -0,0 +1,418 @@
+var rt = Object.defineProperty;
+var V = (e) => {
+  throw TypeError(e);
+};
+var at = (e, i, t) => i in e ? rt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var C = (e, i, t) => at(e, typeof i != "symbol" ? i + "" : i, t), q = (e, i, t) => i.has(e) || V("Cannot " + t);
+var n = (e, i, t) => (q(e, i, "read from private field"), t ? t.call(e) : i.get(e)), h = (e, i, t) => i.has(e) ? V("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, t), l = (e, i, t, s) => (q(e, i, "write to private field"), s ? s.call(e, t) : i.set(e, t), t), T = (e, i, t) => (q(e, i, "access private method"), t);
+import lt from "react";
+const Y = "https://player.twitch.tv", ut = /(?:www\.|go\.)?twitch\.tv\/(?:videos?\/|\?video=)(\d+)($|\?)/, ct = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/, Z = {
+  IDLE: "Idle",
+  ENDED: "Ended"
+}, O = {
+  PAUSE: 2,
+  PLAY: 3,
+  SEEK: 4,
+  SET_MUTED: 10,
+  SET_VOLUME: 11
+};
+function G(e, i = {}) {
+  const t = {
+    src: st(e, i),
+    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"
+  };
+  return i.config && (t["data-config"] = JSON.stringify(i.config)), /*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${dt(t)}></iframe>
+  `;
+}
+function st(e, i) {
+  var t;
+  if (!e.src) return;
+  const s = e.src.match(ut), u = e.src.match(ct), d = {
+    parent: (t = globalThis.location) == null ? void 0 : t.hostname,
+    // ?controls=true is enabled by default in the iframe
+    controls: e.controls === "" ? null : !1,
+    autoplay: e.autoplay === "" ? null : !1,
+    muted: e.muted,
+    preload: e.preload,
+    ...i.config
+  };
+  if (s) {
+    const v = s[1];
+    return `${Y}/?video=v${v}&${X(d)}`;
+  } else if (u) {
+    const v = u[1];
+    return `${Y}/?channel=${v}&${X(d)}`;
+  }
+  return "";
+}
+var L, P, w, o, $, N, k, H, A, S, R, I, p, M, nt;
+class D extends (globalThis.HTMLElement ?? class {
+}) {
+  constructor() {
+    super();
+    h(this, p);
+    C(this, "loadComplete", new tt());
+    h(this, L);
+    h(this, P);
+    h(this, w);
+    h(this, o, {});
+    h(this, $, 0);
+    h(this, N, !1);
+    h(this, k, 1);
+    h(this, H, !this.autoplay);
+    h(this, A, !1);
+    h(this, S, 0);
+    h(this, R, null);
+    h(this, I, async (t) => {
+      var s, u, d, v;
+      if (!n(this, w).contentWindow) return;
+      const { data: f, source: W } = t;
+      if (W === n(this, w).contentWindow) {
+        if (f.namespace === "twitch-embed")
+          await new Promise((_) => setTimeout(_, 10)), f.eventName === "ready" ? (this.dispatchEvent(new Event("loadcomplete")), this.loadComplete.resolve(), l(this, S, 1), this.dispatchEvent(new Event("loadedmetadata"))) : f.eventName === "seek" ? (l(this, A, !0), this.dispatchEvent(new Event("seeking"))) : f.eventName === "playing" ? (n(this, A) && (l(this, A, !1), this.dispatchEvent(new Event("seeked"))), l(this, S, 3), this.dispatchEvent(new Event("playing"))) : this.dispatchEvent(new Event(f.eventName));
+        else if (f.namespace === "twitch-embed-player-proxy" && f.eventName === "UPDATE_STATE") {
+          const _ = n(this, o).duration, E = n(this, o).currentTime, x = n(this, o).volume, U = n(this, o).muted, m = (u = (s = n(this, o).stats) == null ? void 0 : s.videoStats) == null ? void 0 : u.bufferSize;
+          l(this, o, { ...n(this, o), ...f.params }), _ !== n(this, o).duration && this.dispatchEvent(new Event("durationchange")), E !== n(this, o).currentTime && this.dispatchEvent(new Event("timeupdate")), (x !== n(this, o).volume || U !== n(this, o).muted) && (n(this, o).volume !== void 0 && l(this, k, n(this, o).volume), n(this, o).muted !== void 0 && l(this, N, n(this, o).muted), this.dispatchEvent(new Event("volumechange"))), m !== ((v = (d = n(this, o).stats) == null ? void 0 : d.videoStats) == null ? void 0 : v.bufferSize) && this.dispatchEvent(new Event("progress"));
+        }
+      }
+    });
+    T(this, p, nt).call(this, "config");
+  }
+  get config() {
+    return n(this, R);
+  }
+  set config(t) {
+    l(this, R, t);
+  }
+  async load() {
+    if (n(this, L)) return;
+    this.shadowRoot || this.attachShadow({ mode: "open" });
+    const t = !n(this, P);
+    if (n(this, P) && (this.loadComplete = new tt()), l(this, P, !0), await l(this, L, Promise.resolve()), l(this, L, null), l(this, S, 0), this.dispatchEvent(new Event("emptied")), !this.src) {
+      this.shadowRoot.innerHTML = "", globalThis.removeEventListener("message", n(this, I));
+      return;
+    }
+    this.dispatchEvent(new Event("loadstart"));
+    let s = this.shadowRoot.querySelector("iframe");
+    const u = ht(this.attributes);
+    t && s && l(this, R, JSON.parse(s.getAttribute("data-config") || "{}")), (!(s != null && s.src) || s.src !== st(u, this)) && (this.shadowRoot.innerHTML = G(u, this), s = this.shadowRoot.querySelector("iframe")), l(this, w, s), globalThis.addEventListener("message", n(this, I));
+  }
+  attributeChangedCallback(t, s, u) {
+    if (s !== u)
+      switch (t) {
+        case "src":
+        case "controls": {
+          this.load();
+          break;
+        }
+      }
+  }
+  getVideoPlaybackQuality() {
+    return n(this, o).stats.videoStats;
+  }
+  get src() {
+    return this.getAttribute("src");
+  }
+  set src(t) {
+    this.setAttribute("src", t);
+  }
+  get readyState() {
+    return n(this, S);
+  }
+  get seeking() {
+    return n(this, A);
+  }
+  get buffered() {
+    var t, s;
+    return mt(0, ((s = (t = n(this, o).stats) == null ? void 0 : t.videoStats) == null ? void 0 : s.bufferSize) ?? 0);
+  }
+  get paused() {
+    return n(this, o).playback ? n(this, o).playback === Z.IDLE : n(this, H);
+  }
+  get ended() {
+    return n(this, o).playback ? n(this, o).playback === Z.ENDED : !1;
+  }
+  get duration() {
+    return n(this, o).duration ?? NaN;
+  }
+  get autoplay() {
+    return this.hasAttribute("autoplay");
+  }
+  set autoplay(t) {
+    this.autoplay != t && this.toggleAttribute("autoplay", !!t);
+  }
+  get controls() {
+    return this.hasAttribute("controls");
+  }
+  set controls(t) {
+    this.controls != t && this.toggleAttribute("controls", !!t);
+  }
+  get currentTime() {
+    return n(this, o).currentTime ? n(this, o).currentTime : n(this, $);
+  }
+  set currentTime(t) {
+    l(this, $, t), this.loadComplete.then(() => {
+      T(this, p, M).call(this, O.SEEK, t);
+    });
+  }
+  get defaultMuted() {
+    return this.hasAttribute("muted");
+  }
+  set defaultMuted(t) {
+    this.toggleAttribute("muted", !!t);
+  }
+  get loop() {
+    return this.hasAttribute("loop");
+  }
+  set loop(t) {
+    this.toggleAttribute("loop", !!t);
+  }
+  get muted() {
+    return n(this, N);
+  }
+  set muted(t) {
+    l(this, N, t), this.loadComplete.then(() => {
+      T(this, p, M).call(this, O.SET_MUTED, t);
+    });
+  }
+  get volume() {
+    return n(this, k);
+  }
+  set volume(t) {
+    l(this, k, t), this.loadComplete.then(() => {
+      T(this, p, M).call(this, O.SET_VOLUME, t);
+    });
+  }
+  get playsInline() {
+    return this.hasAttribute("playsinline");
+  }
+  set playsInline(t) {
+    this.toggleAttribute("playsinline", !!t);
+  }
+  play() {
+    l(this, H, !1), T(this, p, M).call(this, O.PLAY);
+  }
+  pause() {
+    l(this, H, !0), T(this, p, M).call(this, O.PAUSE);
+  }
+}
+L = new WeakMap(), P = new WeakMap(), w = new WeakMap(), o = new WeakMap(), $ = new WeakMap(), N = new WeakMap(), k = new WeakMap(), H = new WeakMap(), A = new WeakMap(), S = new WeakMap(), R = new WeakMap(), I = new WeakMap(), p = new WeakSet(), M = function(t, s) {
+  if (!n(this, w).contentWindow) return;
+  const u = {
+    eventName: t,
+    params: s,
+    namespace: "twitch-embed-player-proxy"
+  };
+  n(this, w).contentWindow.postMessage(u, Y);
+}, // 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
+nt = function(t) {
+  if (Object.prototype.hasOwnProperty.call(this, t)) {
+    const s = this[t];
+    delete this[t], this[t] = s;
+  }
+}, C(D, "getTemplateHTML", G), C(D, "shadowRootOptions", { mode: "open" }), C(D, "observedAttributes", ["autoplay", "controls", "loop", "muted", "playsinline", "preload", "src"]);
+function ht(e) {
+  let i = {};
+  for (let t of e)
+    i[t.name] = t.value;
+  return i;
+}
+function dt(e) {
+  let i = "";
+  for (const t in e) {
+    const s = e[t];
+    s === "" ? i += ` ${J(t)}` : i += ` ${J(t)}="${J(`${s}`)}"`;
+  }
+  return i;
+}
+function J(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
+}
+function X(e) {
+  return String(new URLSearchParams(ft(e)));
+}
+function ft(e) {
+  let i = {};
+  for (let t in e) {
+    let s = e[t];
+    s === !0 || s === "" ? i[t] = !0 : s === !1 ? i[t] = !1 : s != null && (i[t] = s);
+  }
+  return i;
+}
+class tt extends Promise {
+  constructor(i = () => {
+  }) {
+    let t, s;
+    super((u, d) => {
+      i(u, d), t = u, s = d;
+    }), this.resolve = t, this.reject = s;
+  }
+}
+function mt(e, i) {
+  return Array.isArray(e) ? K(e) : i == null || i === 0 ? K([[0, 0]]) : K([[e, i]]);
+}
+function K(e) {
+  return Object.defineProperties(e, {
+    start: {
+      value: (i) => e[i][0]
+    },
+    end: {
+      value: (i) => e[i][1]
+    }
+  }), e;
+}
+globalThis.customElements && !globalThis.customElements.get("twitch-video") && globalThis.customElements.define("twitch-video", D);
+var pt = D, vt = /* @__PURE__ */ new Set([
+  "style",
+  "children",
+  "ref",
+  "key",
+  "suppressContentEditableWarning",
+  "suppressHydrationWarning",
+  "dangerouslySetInnerHTML"
+]), gt = {
+  className: "class",
+  htmlFor: "for"
+};
+function ot(e) {
+  return e.toLowerCase();
+}
+function et(e) {
+  if (typeof e == "boolean") return e ? "" : void 0;
+  if (typeof e != "function" && !(typeof e == "object" && e !== null))
+    return e;
+}
+function yt({
+  react: e,
+  tagName: i,
+  elementClass: t,
+  events: s,
+  displayName: u,
+  defaultProps: d,
+  toAttributeName: v = ot,
+  toAttributeValue: f = et
+}) {
+  const W = Number.parseInt(e.version) >= 19, B = e.forwardRef((_, E) => {
+    var x, U;
+    const m = e.useRef(null), z = e.useRef(/* @__PURE__ */ new Map()), F = {}, Q = {}, g = {}, j = {};
+    for (const [r, a] of Object.entries(_)) {
+      if (vt.has(r)) {
+        g[r] = a;
+        continue;
+      }
+      const c = v(gt[r] ?? r);
+      if (t.prototype && r in t.prototype && !(r in (((x = globalThis.HTMLElement) == null ? void 0 : x.prototype) ?? {})) && !((U = t.observedAttributes) != null && U.some((b) => b === c))) {
+        j[r] = a;
+        continue;
+      }
+      if (r.startsWith("on")) {
+        F[r] = a;
+        continue;
+      }
+      const y = f(a);
+      if (c && y != null && (Q[c] = String(y), W || (g[c] = y)), c && W) {
+        const b = et(a);
+        y !== b ? g[c] = y : g[c] = a;
+      }
+    }
+    if (typeof window < "u") {
+      for (const r in F) {
+        const a = F[r], c = r.endsWith("Capture"), y = ((s == null ? void 0 : s[r]) ?? r.slice(2).toLowerCase()).slice(
+          0,
+          c ? -7 : void 0
+        );
+        e.useLayoutEffect(() => {
+          const b = m == null ? void 0 : m.current;
+          if (!(!b || typeof a != "function"))
+            return b.addEventListener(y, a, c), () => {
+              b.removeEventListener(y, a, c);
+            };
+        }, [m == null ? void 0 : m.current, a]);
+      }
+      e.useLayoutEffect(() => {
+        if (m.current === null) return;
+        const r = /* @__PURE__ */ new Map();
+        for (const a in j)
+          it(m.current, a, j[a]), z.current.delete(a), r.set(a, j[a]);
+        for (const [a, c] of z.current)
+          it(m.current, a, void 0);
+        z.current = r;
+      });
+    }
+    if (typeof window > "u" && (t != null && t.getTemplateHTML) && (t != null && t.shadowRootOptions)) {
+      const { mode: r, delegatesFocus: a } = t.shadowRootOptions, c = e.createElement("template", {
+        shadowrootmode: r,
+        shadowrootdelegatesfocus: a,
+        dangerouslySetInnerHTML: {
+          __html: t.getTemplateHTML(Q, _)
+        },
+        key: "ce-la-react-ssr-template-shadow-root"
+      });
+      g.children = [c, g.children];
+    }
+    return e.createElement(i, {
+      ...d,
+      ...g,
+      ref: e.useCallback(
+        (r) => {
+          m.current = r, typeof E == "function" ? E(r) : E !== null && (E.current = r);
+        },
+        [E]
+      )
+    }, g.children);
+  });
+  return B.displayName = u ?? t.name, B;
+}
+function it(e, i, t) {
+  var s;
+  e[i] = t, t == null && i in (((s = globalThis.HTMLElement) == null ? void 0 : s.prototype) ?? {}) && e.removeAttribute(i);
+}
+var bt = yt({
+  react: lt,
+  tagName: "twitch-video",
+  elementClass: pt,
+  toAttributeName(e) {
+    return e === "muted" ? "" : e === "defaultMuted" ? "muted" : ot(e);
+  }
+});
+/*! 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.
+   *)
+*/
+export {
+  bt as default
+};