@webitel/ui-sdk 25.10.51 → 25.10.52

package/dist/vidstack-hls-BLyFYePL.js

@@ -0,0 +1,328 @@
+import { r as E, b as c, p as S, d as f, Q as v, l as m, e as w, D as u, f as q, g as _, T, L as l, I, m as L, n as D, o as R, q as $ } from "./install-hlMLq0U3.js";
+import { VideoProvider as O } from "./vidstack-video-BlmYiw-x.js";
+import { R as x } from "./vidstack-Ccp8mxka-Cyoe3N05.js";
+const C = (h) => q(h);
+class A {
+  constructor(t, i) {
+    this.m = t, this.b = i, this.d = null, this.qb = null, this.rb = {}, this.sb = /* @__PURE__ */ new Set(), this.na = -1;
+  }
+  get instance() {
+    return this.d;
+  }
+  setup(t) {
+    const { streamType: i } = this.b.$state, e = f(i).includes("live"), r = f(i).includes("ll-");
+    this.d = new t({
+      lowLatencyMode: r,
+      backBufferLength: r ? 4 : e ? 8 : void 0,
+      renderTextTracksNatively: !1,
+      ...this.rb
+    });
+    const n = this.Oi.bind(this);
+    for (const o of Object.values(t.Events))
+      this.d.on(o, n);
+    this.d.on(t.Events.ERROR, this.Q.bind(this));
+    for (const o of this.sb)
+      o(this.d);
+    this.b.player.dispatch("hls-instance", {
+      detail: this.d
+    }), this.d.attachMedia(this.m), this.d.on(t.Events.FRAG_LOADING, this.Pi.bind(this)), this.d.on(t.Events.AUDIO_TRACK_SWITCHED, this.Qi.bind(this)), this.d.on(t.Events.LEVEL_SWITCHED, this.Ri.bind(this)), this.d.on(t.Events.LEVEL_LOADED, this.Si.bind(this)), this.d.on(t.Events.NON_NATIVE_TEXT_TRACKS_FOUND, this.Ti.bind(this)), this.d.on(t.Events.CUES_PARSED, this.Ui.bind(this)), this.b.qualities[v.Ia] = this.je.bind(this), m(this.b.qualities, "change", this.ke.bind(this)), m(this.b.audioTracks, "change", this.le.bind(this)), this.qb = w(this.me.bind(this));
+  }
+  aa(t, i) {
+    return new u(C(t), { detail: i });
+  }
+  me() {
+    if (!this.b.$state.live())
+      return;
+    const t = new x(this.ne.bind(this));
+    return t.Xa(), t.$.bind(t);
+  }
+  ne() {
+    var t;
+    this.b.$state.liveSyncPosition.set(((t = this.d) == null ? void 0 : t.liveSyncPosition) ?? 1 / 0);
+  }
+  Oi(t, i) {
+    var e;
+    (e = this.b.player) == null || e.dispatch(this.aa(t, i));
+  }
+  Ti(t, i) {
+    const e = this.aa(t, i);
+    let r = -1;
+    for (let n = 0; n < i.tracks.length; n++) {
+      const o = i.tracks[n], s = o.subtitleTrack ?? o.closedCaptions, d = new _({
+        id: `hls-${o.kind}-${n}`,
+        src: s == null ? void 0 : s.url,
+        label: o.label,
+        language: s == null ? void 0 : s.lang,
+        kind: o.kind,
+        default: o.default
+      });
+      d[T.ma] = 2, d[T.hb] = () => {
+        d.mode === "showing" ? (this.d.subtitleTrack = n, r = n) : r === n && (this.d.subtitleTrack = -1, r = -1);
+      }, this.b.textTracks.add(d, e);
+    }
+  }
+  Ui(t, i) {
+    var o;
+    const e = (o = this.d) == null ? void 0 : o.subtitleTrack, r = this.b.textTracks.getById(`hls-${i.type}-${e}`);
+    if (!r)
+      return;
+    const n = this.aa(t, i);
+    for (const s of i.cues)
+      s.positionAlign = "auto", r.addCue(s, n);
+  }
+  Qi(t, i) {
+    const e = this.b.audioTracks[i.id];
+    if (e) {
+      const r = this.aa(t, i);
+      this.b.audioTracks[l.ea](e, !0, r);
+    }
+  }
+  Ri(t, i) {
+    const e = this.b.qualities[i.level];
+    if (e) {
+      const r = this.aa(t, i);
+      this.b.qualities[l.ea](e, !0, r);
+    }
+  }
+  Si(t, i) {
+    var g;
+    if (this.b.$state.canPlay())
+      return;
+    const { type: e, live: r, totalduration: n, targetduration: o } = i.details, s = this.aa(t, i);
+    this.b.delegate.c(
+      "stream-type-change",
+      r ? e === "EVENT" && Number.isFinite(n) && o >= 10 ? "live:dvr" : "live" : "on-demand",
+      s
+    ), this.b.delegate.c("duration-change", n, s);
+    const d = this.d.media;
+    this.d.currentLevel === -1 && this.b.qualities[v.Wa](!0, s);
+    for (const a of this.d.audioTracks) {
+      const p = {
+        id: a.id.toString(),
+        label: a.name,
+        language: a.lang || "",
+        kind: "main"
+      };
+      this.b.audioTracks[l.da](p, s);
+    }
+    for (const a of this.d.levels) {
+      const p = {
+        id: ((g = a.id) == null ? void 0 : g.toString()) ?? a.height + "p",
+        width: a.width,
+        height: a.height,
+        codec: a.codecSet,
+        bitrate: a.bitrate
+      };
+      this.b.qualities[l.da](p, s);
+    }
+    d.dispatchEvent(new u("canplay", { trigger: s }));
+  }
+  Q(t, i) {
+    var e;
+    if (i.fatal)
+      switch (i.type) {
+        case "networkError":
+          this.pe(i.error);
+          break;
+        case "mediaError":
+          (e = this.d) == null || e.recoverMediaError();
+          break;
+        default:
+          this.qc(i.error);
+          break;
+      }
+  }
+  Pi() {
+    this.na >= 0 && this._a();
+  }
+  pe(t) {
+    var i;
+    this._a(), (i = this.d) == null || i.startLoad(), this.na = window.setTimeout(() => {
+      this.na = -1, this.qc(t);
+    }, 5e3);
+  }
+  _a() {
+    clearTimeout(this.na), this.na = -1;
+  }
+  qc(t) {
+    this.b.delegate.c("error", {
+      message: t.message,
+      code: 1,
+      error: t
+    });
+  }
+  je() {
+    this.d && (this.d.currentLevel = -1);
+  }
+  ke() {
+    const { qualities: t } = this.b;
+    !this.d || t.auto || (this.d[t.switch + "Level"] = t.selectedIndex, I && (this.m.currentTime = this.m.currentTime));
+  }
+  le() {
+    const { audioTracks: t } = this.b;
+    this.d && this.d.audioTrack !== t.selectedIndex && (this.d.audioTrack = t.selectedIndex);
+  }
+  Vi(t) {
+    var i;
+    this._a(), c(t.src) && ((i = this.d) == null || i.loadSource(t.src));
+  }
+  Wi() {
+    var t, i;
+    this._a(), (t = this.d) == null || t.destroy(), this.d = null, (i = this.qb) == null || i.call(this), this.qb = null;
+  }
+}
+class H {
+  constructor(t, i, e) {
+    this.L = t, this.b = i, this.La = e, this.qe();
+  }
+  async qe() {
+    const t = {
+      onLoadStart: this.Ma.bind(this),
+      onLoaded: this.tb.bind(this),
+      onLoadError: this.re.bind(this)
+    };
+    let i = await j(this.L, t);
+    if (L(i) && !c(this.L) && (i = await N(this.L, t)), !i)
+      return null;
+    if (!i.isSupported()) {
+      const e = "[vidstack] `hls.js` is not supported in this environment";
+      return this.b.player.dispatch(new u("hls-unsupported")), this.b.delegate.c("error", { message: e, code: 4 }), null;
+    }
+    return i;
+  }
+  Ma() {
+    this.b.player.dispatch(new u("hls-lib-load-start"));
+  }
+  tb(t) {
+    this.b.player.dispatch(
+      new u("hls-lib-loaded", {
+        detail: t
+      })
+    ), this.La(t);
+  }
+  re(t) {
+    const i = D(t);
+    this.b.player.dispatch(
+      new u("hls-lib-load-error", {
+        detail: i
+      })
+    ), this.b.delegate.c("error", {
+      message: i.message,
+      code: 4,
+      error: i
+    });
+  }
+}
+async function N(h, t = {}) {
+  var i, e, r, n, o;
+  if (!L(h)) {
+    if ((i = t.onLoadStart) == null || i.call(t), h.prototype && h.prototype !== Function)
+      return (e = t.onLoaded) == null || e.call(t, h), h;
+    try {
+      const s = (r = await h()) == null ? void 0 : r.default;
+      if (s && s.isSupported)
+        (n = t.onLoaded) == null || n.call(t, s);
+      else
+        throw Error(
+          ""
+        );
+      return s;
+    } catch (s) {
+      (o = t.onLoadError) == null || o.call(t, s);
+    }
+  }
+}
+async function j(h, t = {}) {
+  var i, e, r;
+  if (c(h)) {
+    (i = t.onLoadStart) == null || i.call(t);
+    try {
+      if (await R(h), !$(window.Hls))
+        throw Error(
+          ""
+        );
+      const n = window.Hls;
+      return (e = t.onLoaded) == null || e.call(t, n), n;
+    } catch (n) {
+      (r = t.onLoadError) == null || r.call(t, n);
+    }
+  }
+}
+const V = "https://cdn.jsdelivr.net", b = class b extends O {
+  constructor() {
+    super(...arguments), this.$$PROVIDER_TYPE = "HLS", this.rc = null, this.e = new A(this.video, this.b), this.oa = `${V}/npm/hls.js@^1.5.0/dist/hls.min.js`;
+  }
+  /**
+   * The `hls.js` constructor.
+   */
+  get ctor() {
+    return this.rc;
+  }
+  /**
+   * The current `hls.js` instance.
+   */
+  get instance() {
+    return this.e.instance;
+  }
+  get type() {
+    return "hls";
+  }
+  get canLiveSync() {
+    return !0;
+  }
+  /**
+   * The `hls.js` configuration object.
+   *
+   * @see {@link https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning}
+   */
+  get config() {
+    return this.e.rb;
+  }
+  set config(t) {
+    this.e.rb = t;
+  }
+  /**
+   * The `hls.js` constructor (supports dynamic imports) or a URL of where it can be found.
+   *
+   * @defaultValue `https://cdn.jsdelivr.net/npm/hls.js@^1.0.0/dist/hls.min.js`
+   */
+  get library() {
+    return this.oa;
+  }
+  set library(t) {
+    this.oa = t;
+  }
+  preconnect() {
+    c(this.oa) && S(this.oa);
+  }
+  setup() {
+    super.setup(), new H(this.oa, this.b, (t) => {
+      this.rc = t, this.e.setup(t), this.b.delegate.c("provider-setup", this);
+      const i = f(this.b.$state.source);
+      i && this.loadSource(i);
+    });
+  }
+  async loadSource(t, i) {
+    if (!c(t.src)) {
+      this.oc();
+      return;
+    }
+    this.a.preload = i || "", this.ge(t, "application/x-mpegurl"), this.e.Vi(t), this.K = t;
+  }
+  /**
+   * The given callback is invoked when a new `hls.js` instance is created and right before it's
+   * attached to media.
+   */
+  onInstance(t) {
+    const i = this.e.instance;
+    return i && t(i), this.e.sb.add(t), () => this.e.sb.delete(t);
+  }
+  destroy() {
+    this.e.Wi();
+  }
+};
+b.supported = E();
+let y = b;
+export {
+  y as HLSProvider
+};

package/dist/vidstack-video-BlmYiw-x.js

@@ -0,0 +1,149 @@
+import { s as p, t as u, u as o, v as f, w as d, l as c, D as g, g as m, T as n } from "./install-hlMLq0U3.js";
+import { H as P, a as b } from "./vidstack-Dgd3Tj9x-D_ifpfX9.js";
+class k {
+  constructor(t, e) {
+    this.m = t, this.b = e, t.textTracks.onaddtrack = this.Yd.bind(this), d(this.ce.bind(this));
+  }
+  Yd(t) {
+    const e = t.track;
+    if (!e || T(this.m, e))
+      return;
+    const i = new m({
+      id: e.id,
+      kind: e.kind,
+      label: e.label ?? "",
+      language: e.language,
+      type: "vtt"
+    });
+    i[n._] = { track: e }, i[n.ma] = 2, i[n.Mf] = !0;
+    let s = 0;
+    const h = (l) => {
+      if (e.cues)
+        for (let a = s; a < e.cues.length; a++)
+          i.addCue(e.cues[a], l), s++;
+    };
+    h(t), e.oncuechange = h, this.b.textTracks.add(i, t), i.setMode(e.mode, t);
+  }
+  ce() {
+    var t;
+    this.m.textTracks.onaddtrack = null;
+    for (const e of this.b.textTracks) {
+      const i = (t = e[n._]) == null ? void 0 : t.track;
+      i != null && i.oncuechange && (i.oncuechange = null);
+    }
+  }
+}
+function T(r, t) {
+  return Array.from(r.children).find((e) => e.track === t);
+}
+class x {
+  constructor(t, e) {
+    this.m = t, this.a = e, this.E = (i, s) => {
+      this.a.delegate.c("picture-in-picture-change", i, s);
+    }, c(this.m, "enterpictureinpicture", this.Gi.bind(this)), c(this.m, "leavepictureinpicture", this.Hi.bind(this));
+  }
+  get active() {
+    return document.pictureInPictureElement === this.m;
+  }
+  get supported() {
+    return o(this.m);
+  }
+  async enter() {
+    return this.m.requestPictureInPicture();
+  }
+  exit() {
+    return document.exitPictureInPicture();
+  }
+  Gi(t) {
+    this.E(!0, t);
+  }
+  Hi(t) {
+    this.E(!1, t);
+  }
+}
+class y {
+  constructor(t, e) {
+    this.m = t, this.a = e, this.U = "inline", c(this.m, "webkitpresentationmodechanged", this.hb.bind(this));
+  }
+  get pb() {
+    return u(this.m);
+  }
+  async fd(t) {
+    this.U !== t && this.m.webkitSetPresentationMode(t);
+  }
+  hb(t) {
+    var i;
+    const e = this.U;
+    this.U = this.m.webkitPresentationMode, (i = this.a.player) == null || i.dispatch(
+      new g("video-presentation-change", {
+        detail: this.U,
+        trigger: t
+      })
+    ), ["fullscreen", "picture-in-picture"].forEach((s) => {
+      (this.U === s || e === s) && this.a.delegate.c(`${s}-change`, this.U === s, t);
+    });
+  }
+}
+class O {
+  constructor(t) {
+    this.Oa = t;
+  }
+  get active() {
+    return this.Oa.U === "fullscreen";
+  }
+  get supported() {
+    return this.Oa.pb;
+  }
+  async enter() {
+    this.Oa.fd("fullscreen");
+  }
+  async exit() {
+    this.Oa.fd("inline");
+  }
+}
+class w {
+  constructor(t) {
+    this.Oa = t;
+  }
+  get active() {
+    return this.Oa.U === "picture-in-picture";
+  }
+  get supported() {
+    return this.Oa.pb;
+  }
+  async enter() {
+    this.Oa.fd("picture-in-picture");
+  }
+  async exit() {
+    this.Oa.fd("inline");
+  }
+}
+class I extends P {
+  constructor(t, e) {
+    super(t, e), this.$$PROVIDER_TYPE = "VIDEO", p(() => {
+      if (this.airPlay = new b(t, e), u(t)) {
+        const i = new y(t, e);
+        this.fullscreen = new O(i), this.pictureInPicture = new w(i);
+      } else o(t) && (this.pictureInPicture = new x(t, e));
+    }, this.scope);
+  }
+  get type() {
+    return "video";
+  }
+  setup() {
+    super.setup(), f(this.video) && new k(this.video, this.b), this.b.textRenderers.Xf(this.video), d(() => {
+      this.b.textRenderers.Xf(null);
+    }), this.type === "video" && this.b.delegate.c("provider-setup", this);
+  }
+  /**
+   * The native HTML `<video>` element.
+   *
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement}
+   */
+  get video() {
+    return this.a;
+  }
+}
+export {
+  I as VideoProvider
+};