classicy 0.5.10 → 0.5.18

package/dist/react-BwkETl1n.mjs

@@ -0,0 +1,520 @@
+var it = Object.defineProperty;
+var W = (e) => {
+  throw TypeError(e);
+};
+var nt = (e, n, t) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var S = (e, n, t) => nt(e, typeof n != "symbol" ? n + "" : n, t), D = (e, n, t) => n.has(e) || W("Cannot " + t);
+var u = (e, n, t) => (D(e, n, "read from private field"), t ? t.call(e) : n.get(e)), m = (e, n, t) => n.has(e) ? W("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, t), l = (e, n, t, i) => (D(e, n, "write to private field"), i ? i.call(e, t) : n.set(e, t), t), q = (e, n, t) => (D(e, n, "access private method"), t);
+import st from "react";
+const ot = "https://www.youtube.com/embed", rt = "https://www.youtube-nocookie.com/embed", at = "https://www.youtube.com/iframe_api", lt = "YT", ut = "onYouTubeIframeAPIReady", z = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})/, ct = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/.*?[?&]list=)([\w_-]+)/;
+function J(e, n = {}) {
+  var t;
+  const i = {
+    src: Z(e, n),
+    frameborder: 0,
+    width: "100%",
+    height: "100%",
+    allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture"
+  };
+  return (t = n.config) != null && t.referrerpolicy && (i.referrerpolicy = n.config.referrerpolicy), n.config && (i["data-config"] = JSON.stringify(n.config)), /*html*/
+  `
+    <style>
+      :host {
+        display: inline-block;
+        line-height: 0;
+        position: relative;
+        min-width: 300px;
+        min-height: 150px;
+      }
+      iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+    </style>
+    <iframe${dt(i)}></iframe>
+  `;
+}
+function Z(e, n) {
+  if (!e.src) return;
+  const t = e.src.includes("-nocookie") ? rt : ot, i = {
+    // ?controls=true is enabled by default in the iframe
+    controls: e.controls === "" ? null : 0,
+    autoplay: e.autoplay,
+    loop: e.loop,
+    mute: e.muted,
+    playsinline: e.playsinline,
+    preload: e.preload ?? "metadata",
+    // https://developers.google.com/youtube/player_parameters#Parameters
+    // origin: globalThis.location?.origin,
+    enablejsapi: 1,
+    cc_load_policy: 1,
+    showinfo: 0,
+    rel: 0,
+    iv_load_policy: 3,
+    modestbranding: 1,
+    ...n.config
+  };
+  if (z.test(e.src)) {
+    const g = e.src.match(z), b = g && g[1];
+    return `${t}/${b}?${K(i)}`;
+  }
+  const s = e.src.match(ct), h = {
+    listType: "playlist",
+    list: s && s[1],
+    ...i
+  };
+  return `${t}?${K(h)}`;
+}
+var C, R, _, T, y, x, M, P, L, $, tt;
+class N extends (globalThis.HTMLElement ?? class {
+}) {
+  constructor() {
+    super();
+    m(this, $);
+    S(this, "loadComplete", new F());
+    m(this, C);
+    m(this, R);
+    m(this, _, 0);
+    m(this, T, !1);
+    m(this, y);
+    S(this, "isLoaded", !1);
+    m(this, x, null);
+    m(this, M, null);
+    m(this, P, null);
+    m(this, L, 1);
+    q(this, $, tt).call(this, "config");
+  }
+  get config() {
+    return u(this, M);
+  }
+  set config(t) {
+    l(this, M, t);
+  }
+  async load() {
+    if (u(this, C)) return;
+    this.shadowRoot || this.attachShadow({ mode: "open" });
+    const t = !u(this, R);
+    u(this, R) && (this.loadComplete = new F(), this.isLoaded = !1), l(this, R, !0), await l(this, C, Promise.resolve()), l(this, C, null), l(this, _, 0), this.dispatchEvent(new Event("emptied"));
+    let i = this.api;
+    if (this.api = null, !this.src) {
+      i == null || i.destroy();
+      return;
+    }
+    l(this, P, document.createElement("video")), this.textTracks = u(this, P).textTracks, this.textTracks.addEventListener("change", () => {
+      var o;
+      const f = Array.from(this.textTracks).find((p) => p.mode === "showing");
+      (o = this.api) == null || o.setOption("captions", "track", f ? { languageCode: f.language } : {});
+    }), this.dispatchEvent(new Event("loadstart"));
+    let s = this.shadowRoot.querySelector("iframe"), c = ft(this.attributes);
+    t && s && l(this, M, JSON.parse(s.getAttribute("data-config") || "{}")), (!(s != null && s.src) || s.src !== Z(c, this)) && (this.shadowRoot.innerHTML = J(c, this), s = this.shadowRoot.querySelector("iframe"));
+    const h = await pt(at, lt, ut);
+    this.api = new h.Player(s, {
+      events: {
+        onReady: () => {
+          var o;
+          l(this, _, 1), this.dispatchEvent(new Event("loadedmetadata")), this.dispatchEvent(new Event("durationchange")), u(this, L) !== 1 && ((o = this.api) == null || o.setVolume(u(this, L) * 100)), this.dispatchEvent(new Event("volumechange")), this.dispatchEvent(new Event("loadcomplete")), this.isLoaded = !0, this.loadComplete.resolve();
+        },
+        onError: (o) => {
+          console.error(o), l(this, x, {
+            code: o.data,
+            message: `YouTube iframe player error #${o.data}; visit https://developers.google.com/youtube/iframe_api_reference#onError for the full error message.`
+          }), this.dispatchEvent(new Event("error"));
+        }
+      }
+    });
+    let g = !1;
+    this.api.addEventListener("onStateChange", (o) => {
+      var f;
+      const p = o.data;
+      if ((p === h.PlayerState.PLAYING || p === h.PlayerState.BUFFERING) && (g || (g = !0, this.dispatchEvent(new Event("play"))), (this.api.getOption("captions", "tracklist") || []).forEach((k) => {
+        [...this.textTracks].some((O) => O.language === k.languageCode) || u(this, P).addTextTrack("subtitles", k.displayName, k.languageCode), this.textTracks = u(this, P).textTracks;
+      }), this.dispatchEvent(new Event("loadstart"))), p === h.PlayerState.PLAYING)
+        this.seeking && (l(this, T, !1), (f = u(this, y)) == null || f.resolve(), this.dispatchEvent(new Event("seeked"))), l(this, _, 3), this.dispatchEvent(new Event("playing"));
+      else if (p === h.PlayerState.PAUSED) {
+        const v = Math.abs(this.currentTime - b);
+        !this.seeking && v > 0.1 && (l(this, T, !0), this.dispatchEvent(new Event("seeking"))), g = !1, this.dispatchEvent(new Event("pause"));
+      }
+      p === h.PlayerState.ENDED && (g = !1, this.dispatchEvent(new Event("pause")), this.dispatchEvent(new Event("ended")), this.loop && this.play());
+    }), this.api.addEventListener("onPlaybackRateChange", () => {
+      this.dispatchEvent(new Event("ratechange"));
+    }), this.api.addEventListener("onVolumeChange", () => {
+      var o;
+      const f = ((o = this.api) == null ? void 0 : o.getVolume()) / 100;
+      l(this, L, f), this.dispatchEvent(new Event("volumechange"));
+    }), this.api.addEventListener("onVideoProgress", () => {
+      this.dispatchEvent(new Event("timeupdate"));
+    }), await this.loadComplete;
+    let b = 0;
+    setInterval(() => {
+      var o;
+      const f = Math.abs(this.currentTime - b), p = this.buffered.end(this.buffered.length - 1);
+      this.seeking && p > 0.1 ? (l(this, T, !1), (o = u(this, y)) == null || o.resolve(), this.dispatchEvent(new Event("seeked"))) : !this.seeking && f > 0.1 && (l(this, T, !0), this.dispatchEvent(new Event("seeking"))), b = this.currentTime;
+    }, 50);
+    let I;
+    const B = setInterval(() => {
+      const o = this.buffered.end(this.buffered.length - 1);
+      o >= this.duration && (clearInterval(B), l(this, _, 4)), I != o && (I = o, this.dispatchEvent(new Event("progress")));
+    }, 100);
+  }
+  async attributeChangedCallback(t, i, s) {
+    if (i !== s)
+      switch (t) {
+        case "src":
+        case "autoplay":
+        case "controls":
+        case "loop":
+        case "playsinline":
+          this.load();
+      }
+  }
+  async play() {
+    var t;
+    return l(this, y, null), await this.loadComplete, (t = this.api) == null || t.playVideo(), gt(this);
+  }
+  async pause() {
+    var t;
+    return await this.loadComplete, (t = this.api) == null ? void 0 : t.pauseVideo();
+  }
+  get seeking() {
+    return u(this, T);
+  }
+  get readyState() {
+    return u(this, _);
+  }
+  get src() {
+    return this.getAttribute("src");
+  }
+  set src(t) {
+    this.src != t && this.setAttribute("src", t);
+  }
+  get error() {
+    return u(this, x);
+  }
+  /* onStateChange
+    -1 (unstarted)
+    0 (ended)
+    1 (playing)
+    2 (paused)
+    3 (buffering)
+    5 (video cued).
+  */
+  get paused() {
+    var t, i;
+    return this.isLoaded ? [-1, 0, 2, 5].includes((i = (t = this.api) == null ? void 0 : t.getPlayerState) == null ? void 0 : i.call(t)) : !this.autoplay;
+  }
+  get duration() {
+    var t, i;
+    return ((i = (t = this.api) == null ? void 0 : t.getDuration) == null ? void 0 : i.call(t)) ?? NaN;
+  }
+  get autoplay() {
+    return this.hasAttribute("autoplay");
+  }
+  set autoplay(t) {
+    this.autoplay != t && this.toggleAttribute("autoplay", !!t);
+  }
+  get buffered() {
+    var t, i;
+    if (!this.isLoaded) return Y();
+    const s = ((t = this.api) == null ? void 0 : t.getVideoLoadedFraction()) * ((i = this.api) == null ? void 0 : i.getDuration());
+    return s > 0 ? Y(0, s) : Y();
+  }
+  get controls() {
+    return this.hasAttribute("controls");
+  }
+  set controls(t) {
+    this.controls != t && this.toggleAttribute("controls", !!t);
+  }
+  get currentTime() {
+    var t, i;
+    return ((i = (t = this.api) == null ? void 0 : t.getCurrentTime) == null ? void 0 : i.call(t)) ?? 0;
+  }
+  set currentTime(t) {
+    this.currentTime != t && (l(this, y, new F()), this.loadComplete.then(() => {
+      var i, s;
+      (i = this.api) == null || i.seekTo(t, !0), this.paused && ((s = u(this, y)) == null || s.then(() => {
+        var c;
+        u(this, y) && ((c = this.api) == null || c.pauseVideo());
+      }));
+    }));
+  }
+  set defaultMuted(t) {
+    this.defaultMuted != t && this.toggleAttribute("muted", !!t);
+  }
+  get defaultMuted() {
+    return this.hasAttribute("muted");
+  }
+  get loop() {
+    return this.hasAttribute("loop");
+  }
+  set loop(t) {
+    this.loop != t && this.toggleAttribute("loop", !!t);
+  }
+  set muted(t) {
+    this.muted != t && this.loadComplete.then(() => {
+      var i, s;
+      t ? (i = this.api) == null || i.mute() : (s = this.api) == null || s.unMute();
+    });
+  }
+  get muted() {
+    var t, i;
+    return this.isLoaded ? (i = (t = this.api) == null ? void 0 : t.isMuted) == null ? void 0 : i.call(t) : this.defaultMuted;
+  }
+  get playbackRate() {
+    var t, i;
+    return ((i = (t = this.api) == null ? void 0 : t.getPlaybackRate) == null ? void 0 : i.call(t)) ?? 1;
+  }
+  set playbackRate(t) {
+    this.playbackRate != t && this.loadComplete.then(() => {
+      var i;
+      (i = this.api) == null || i.setPlaybackRate(t);
+    });
+  }
+  get playsInline() {
+    return this.hasAttribute("playsinline");
+  }
+  set playsInline(t) {
+    this.playsInline != t && this.toggleAttribute("playsinline", !!t);
+  }
+  get poster() {
+    return this.getAttribute("poster");
+  }
+  set poster(t) {
+    this.poster != t && this.setAttribute("poster", `${t}`);
+  }
+  set volume(t) {
+    this.volume != t && (l(this, L, t), this.loadComplete.then(() => {
+      var i;
+      (i = this.api) == null || i.setVolume(t * 100);
+    }));
+  }
+  get volume() {
+    var t;
+    return this.isLoaded ? ((t = this.api) == null ? void 0 : t.getVolume()) / 100 : u(this, L);
+  }
+}
+C = new WeakMap(), R = new WeakMap(), _ = new WeakMap(), T = new WeakMap(), y = new WeakMap(), x = new WeakMap(), M = new WeakMap(), P = new WeakMap(), L = new WeakMap(), $ = new WeakSet(), // 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
+tt = function(t) {
+  if (Object.prototype.hasOwnProperty.call(this, t)) {
+    const i = this[t];
+    delete this[t], this[t] = i;
+  }
+}, S(N, "getTemplateHTML", J), S(N, "shadowRootOptions", { mode: "open" }), S(N, "observedAttributes", [
+  "autoplay",
+  "controls",
+  "crossorigin",
+  "loop",
+  "muted",
+  "playsinline",
+  "poster",
+  "preload",
+  "src"
+]);
+function dt(e) {
+  let n = "";
+  for (const t in e) {
+    const i = e[t];
+    i === "" ? n += ` ${V(t)}` : n += ` ${V(t)}="${V(`${i}`)}"`;
+  }
+  return n;
+}
+function V(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
+}
+function K(e) {
+  return String(new URLSearchParams(ht(e)));
+}
+function ht(e) {
+  let n = {};
+  for (let t in e) {
+    let i = e[t];
+    i === !0 || i === "" ? n[t] = 1 : i === !1 ? n[t] = 0 : i != null && (n[t] = i);
+  }
+  return n;
+}
+function ft(e) {
+  let n = {};
+  for (let t of e)
+    n[t.name] = t.value;
+  return n;
+}
+const j = {};
+async function pt(e, n, t) {
+  return j[e] ? j[e] : self[n] ? (await vt(0), self[n]) : j[e] = new Promise(function(i, s) {
+    const c = document.createElement("script");
+    c.src = e;
+    const h = () => i(self[n]);
+    self[t] = h, c.onload = () => !t, c.onerror = s, document.head.append(c);
+  });
+}
+const vt = (e) => new Promise((n) => setTimeout(n, e));
+function mt(e) {
+  return (...n) => new Promise((t) => {
+    e(...n, (...i) => {
+      i.length > 1 ? t(i) : t(i[0]);
+    });
+  });
+}
+function gt(e) {
+  return mt((n, t) => {
+    let i;
+    e.addEventListener(
+      n,
+      i = () => {
+        e.removeEventListener(n, i), t();
+      }
+    );
+  })("playing");
+}
+class F extends Promise {
+  constructor(n = () => {
+  }) {
+    let t, i;
+    super((s, c) => {
+      n(s, c), t = s, i = c;
+    }), this.resolve = t, this.reject = i;
+  }
+}
+function Y(e, n) {
+  return Array.isArray(e) ? G(e) : e == null || n == null || e === 0 && n === 0 ? G([[0, 0]]) : G([[e, n]]);
+}
+function G(e) {
+  return Object.defineProperties(e, {
+    start: {
+      value: (n) => e[n][0]
+    },
+    end: {
+      value: (n) => e[n][1]
+    }
+  }), e;
+}
+globalThis.customElements && !globalThis.customElements.get("youtube-video") && globalThis.customElements.define("youtube-video", N);
+var yt = N, bt = /* @__PURE__ */ new Set([
+  "style",
+  "children",
+  "ref",
+  "key",
+  "suppressContentEditableWarning",
+  "suppressHydrationWarning",
+  "dangerouslySetInnerHTML"
+]), Et = {
+  className: "class",
+  htmlFor: "for"
+};
+function et(e) {
+  return e.toLowerCase();
+}
+function Q(e) {
+  if (typeof e == "boolean") return e ? "" : void 0;
+  if (typeof e != "function" && !(typeof e == "object" && e !== null))
+    return e;
+}
+function wt({
+  react: e,
+  tagName: n,
+  elementClass: t,
+  events: i,
+  displayName: s,
+  defaultProps: c,
+  toAttributeName: h = et,
+  toAttributeValue: g = Q
+}) {
+  const b = Number.parseInt(e.version) >= 19, I = e.forwardRef((B, o) => {
+    var f, p;
+    const v = e.useRef(null), k = e.useRef(/* @__PURE__ */ new Map()), O = {}, U = {}, E = {}, H = {};
+    for (const [r, a] of Object.entries(B)) {
+      if (bt.has(r)) {
+        E[r] = a;
+        continue;
+      }
+      const d = h(Et[r] ?? r);
+      if (t.prototype && r in t.prototype && !(r in (((f = globalThis.HTMLElement) == null ? void 0 : f.prototype) ?? {})) && !((p = t.observedAttributes) != null && p.some((A) => A === d))) {
+        H[r] = a;
+        continue;
+      }
+      if (r.startsWith("on")) {
+        O[r] = a;
+        continue;
+      }
+      const w = g(a);
+      if (d && w != null && (U[d] = String(w), b || (E[d] = w)), d && b) {
+        const A = Q(a);
+        w !== A ? E[d] = w : E[d] = a;
+      }
+    }
+    if (typeof window < "u") {
+      for (const r in O) {
+        const a = O[r], d = r.endsWith("Capture"), w = ((i == null ? void 0 : i[r]) ?? r.slice(2).toLowerCase()).slice(
+          0,
+          d ? -7 : void 0
+        );
+        e.useLayoutEffect(() => {
+          const A = v == null ? void 0 : v.current;
+          if (!(!A || typeof a != "function"))
+            return A.addEventListener(w, a, d), () => {
+              A.removeEventListener(w, a, d);
+            };
+        }, [v == null ? void 0 : v.current, a]);
+      }
+      e.useLayoutEffect(() => {
+        if (v.current === null) return;
+        const r = /* @__PURE__ */ new Map();
+        for (const a in H)
+          X(v.current, a, H[a]), k.current.delete(a), r.set(a, H[a]);
+        for (const [a, d] of k.current)
+          X(v.current, a, void 0);
+        k.current = r;
+      });
+    }
+    if (typeof window > "u" && (t != null && t.getTemplateHTML) && (t != null && t.shadowRootOptions)) {
+      const { mode: r, delegatesFocus: a } = t.shadowRootOptions, d = e.createElement("template", {
+        shadowrootmode: r,
+        shadowrootdelegatesfocus: a,
+        dangerouslySetInnerHTML: {
+          __html: t.getTemplateHTML(U, B)
+        },
+        key: "ce-la-react-ssr-template-shadow-root"
+      });
+      E.children = [d, E.children];
+    }
+    return e.createElement(n, {
+      ...c,
+      ...E,
+      ref: e.useCallback(
+        (r) => {
+          v.current = r, typeof o == "function" ? o(r) : o !== null && (o.current = r);
+        },
+        [o]
+      )
+    }, E.children);
+  });
+  return I.displayName = s ?? t.name, I;
+}
+function X(e, n, t) {
+  var i;
+  e[n] = t, t == null && n in (((i = globalThis.HTMLElement) == null ? void 0 : i.prototype) ?? {}) && e.removeAttribute(n);
+}
+var Lt = wt({
+  react: st,
+  tagName: "youtube-video",
+  elementClass: yt,
+  toAttributeName(e) {
+    return e === "muted" ? "" : e === "defaultMuted" ? "muted" : et(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 {
+  Lt as default
+};