@webitel/ui-sdk 26.2.70 → 26.2.72

package/dist/vidstack-youtube-BYXk8CK9.js

@@ -0,0 +1,232 @@
+import { b as p, n as y, y as f, e as m, f as g, M as b, K as u, P as k, r as d, R as v } from "./wt-vidstack-player-CA18U-L9.js";
+import { E as P } from "./vidstack-DDXt6fpN-BJpO5v6W.js";
+import { resolveYouTubeVideoId as w } from "./vidstack-Dm1xEU9Q-CXHNvShT.js";
+const r = {
+  Ended: 0,
+  Playing: 1,
+  Paused: 2,
+  Buffering: 3,
+  Cued: 5
+};
+class E extends P {
+  $$PROVIDER_TYPE = "YOUTUBE";
+  scope = p();
+  #e;
+  #a = y("");
+  #o = -1;
+  #d = null;
+  #r = -1;
+  #i = !1;
+  #s = /* @__PURE__ */ new Map();
+  constructor(e, t) {
+    super(e), this.#e = t;
+  }
+  /**
+   * Sets the player's interface language. The parameter value is an ISO 639-1 two-letter
+   * language code or a fully specified locale. For example, fr and fr-ca are both valid values.
+   * Other language input codes, such as IETF language tags (BCP 47) might also be handled properly.
+   *
+   * The interface language is used for tooltips in the player and also affects the default caption
+   * track. Note that YouTube might select a different caption track language for a particular
+   * user based on the user's individual language preferences and the availability of caption tracks.
+   *
+   * @defaultValue 'en'
+   */
+  language = "en";
+  color = "red";
+  /**
+   * Whether cookies should be enabled on the embed. This is turned off by default to be
+   * GDPR-compliant.
+   *
+   * @defaultValue `false`
+   */
+  cookies = !1;
+  get currentSrc() {
+    return this.#d;
+  }
+  get type() {
+    return "youtube";
+  }
+  get videoId() {
+    return this.#a();
+  }
+  preconnect() {
+    f(this.getOrigin());
+  }
+  setup() {
+    super.setup(), m(this.#c.bind(this)), this.#e.notify("provider-setup", this);
+  }
+  destroy() {
+    this.#l();
+    const e = "provider destroyed";
+    for (const t of this.#s.values())
+      for (const { reject: s } of t) s(e);
+    this.#s.clear();
+  }
+  async play() {
+    return this.#t("playVideo");
+  }
+  #k(e) {
+    this.#n("playVideo")?.reject(e);
+  }
+  async pause() {
+    return this.#t("pauseVideo");
+  }
+  #v(e) {
+    this.#n("pauseVideo")?.reject(e);
+  }
+  setMuted(e) {
+    e ? this.#t("mute") : this.#t("unMute");
+  }
+  setCurrentTime(e) {
+    this.#t("seekTo", e), this.#e.notify("seeking", e);
+  }
+  setVolume(e) {
+    this.#t("setVolume", e * 100);
+  }
+  setPlaybackRate(e) {
+    this.#t("setPlaybackRate", e);
+  }
+  async loadSource(e) {
+    if (!g(e.src)) {
+      this.#d = null, this.#a.set("");
+      return;
+    }
+    const t = w(e.src);
+    this.#a.set(t ?? ""), this.#d = e;
+  }
+  getOrigin() {
+    return this.cookies ? "https://www.youtube.com" : "https://www.youtube-nocookie.com";
+  }
+  #c() {
+    this.#l();
+    const e = this.#a();
+    if (!e) {
+      this.src.set("");
+      return;
+    }
+    this.src.set(`${this.getOrigin()}/embed/${e}`), this.#e.notify("load-start");
+  }
+  buildParams() {
+    const { keyDisabled: e } = this.#e.$props, { muted: t, playsInline: s, nativeControls: a } = this.#e.$state, i = a();
+    return {
+      rel: 0,
+      autoplay: 0,
+      cc_lang_pref: this.language,
+      cc_load_policy: i ? 1 : void 0,
+      color: this.color,
+      controls: i ? 1 : 0,
+      disablekb: !i || e() ? 1 : 0,
+      enablejsapi: 1,
+      fs: 1,
+      hl: this.language,
+      iv_load_policy: i ? 1 : 3,
+      mute: t() ? 1 : 0,
+      playsinline: s() ? 1 : 0
+    };
+  }
+  #t(e, t) {
+    let s = b(), a = this.#s.get(e);
+    return a || this.#s.set(e, a = []), a.push(s), this.postMessage({
+      event: "command",
+      func: e,
+      args: t ? [t] : void 0
+    }), s.promise;
+  }
+  onLoad() {
+    window.setTimeout(() => this.postMessage({ event: "listening" }), 100);
+  }
+  #p(e) {
+    this.#e.notify("loaded-metadata"), this.#e.notify("loaded-data"), this.#e.delegate.ready(void 0, e);
+  }
+  #y(e) {
+    this.#n("pauseVideo")?.resolve(), this.#e.notify("pause", void 0, e);
+  }
+  #f(e, t) {
+    const { duration: s, realCurrentTime: a } = this.#e.$state, i = this.#o === r.Ended, o = i ? s() : e;
+    this.#e.notify("time-change", o, t), !i && Math.abs(o - a()) > 1 && this.#e.notify("seeking", o, t);
+  }
+  #u(e, t, s) {
+    const a = {
+      buffered: new u(0, e),
+      seekable: t
+    };
+    this.#e.notify("progress", a, s);
+    const { seeking: i, realCurrentTime: o } = this.#e.$state;
+    i() && e > o() && this.#h(s);
+  }
+  #h(e) {
+    const { paused: t, realCurrentTime: s } = this.#e.$state;
+    window.clearTimeout(this.#r), this.#r = window.setTimeout(
+      () => {
+        this.#e.notify("seeked", s(), e), this.#r = -1;
+      },
+      t() ? 100 : 0
+    );
+  }
+  #m(e) {
+    const { seeking: t } = this.#e.$state;
+    t() && this.#h(e), this.#e.notify("pause", void 0, e), this.#e.notify("end", void 0, e);
+  }
+  #g(e, t) {
+    const { paused: s, seeking: a } = this.#e.$state, i = e === r.Playing, o = e === r.Buffering, n = this.#b("playVideo"), h = s() && (o || i);
+    if (o && this.#e.notify("waiting", void 0, t), a() && i && this.#h(t), this.#i && i) {
+      this.pause(), this.#i = !1, this.setMuted(this.#e.$state.muted());
+      return;
+    }
+    if (!n && h) {
+      this.#i = !0, this.setMuted(!0);
+      return;
+    }
+    switch (h && (this.#n("playVideo")?.resolve(), this.#e.notify("play", void 0, t)), e) {
+      case r.Cued:
+        this.#p(t);
+        break;
+      case r.Playing:
+        this.#e.notify("playing", void 0, t);
+        break;
+      case r.Paused:
+        this.#y(t);
+        break;
+      case r.Ended:
+        this.#m(t);
+        break;
+    }
+    this.#o = e;
+  }
+  onMessage({ info: e }, t) {
+    if (!e) return;
+    const { title: s, intrinsicDuration: a, playbackRate: i } = this.#e.$state;
+    if (k(e.videoData) && e.videoData.title !== s() && this.#e.notify("title-change", e.videoData.title, t), d(e.duration) && e.duration !== a()) {
+      if (d(e.videoLoadedFraction)) {
+        const o = e.progressState?.loaded ?? e.videoLoadedFraction * e.duration, n = new u(0, e.duration);
+        this.#u(o, n, t);
+      }
+      this.#e.notify("duration-change", e.duration, t);
+    }
+    if (d(e.playbackRate) && e.playbackRate !== i() && this.#e.notify("rate-change", e.playbackRate, t), e.progressState) {
+      const { current: o, seekableStart: n, seekableEnd: h, loaded: c, duration: l } = e.progressState;
+      this.#f(o, t), this.#u(c, new u(n, h), t), l !== a() && this.#e.notify("duration-change", l, t);
+    }
+    if (d(e.volume) && v(e.muted) && !this.#i) {
+      const o = {
+        muted: e.muted,
+        volume: e.volume / 100
+      };
+      this.#e.notify("volume-change", o, t);
+    }
+    d(e.playerState) && e.playerState !== this.#o && this.#g(e.playerState, t);
+  }
+  #l() {
+    this.#o = -1, this.#r = -1, this.#i = !1;
+  }
+  #n(e) {
+    return this.#s.get(e)?.shift();
+  }
+  #b(e) {
+    return !!this.#s.get(e)?.length;
+  }
+}
+export {
+  E as YouTubeProvider
+};

package/dist/{wt-action-bar-ColV1kXE.js → wt-action-bar-DR8FqGoN.js}

@@ -1,5 +1,5 @@
 import { computed as p, createElementBlock as u, openBlock as f, renderSlot as a, normalizeProps as c, guardReactiveProps as o, Fragment as O, renderList as D, createVNode as k, unref as C } from "vue";
-import { I as e, _ as $, a as v, k as y } from "./install-BEn6vjFW.js";
+import { I as e, _ as $, a as v, k as y } from "./install-UIKG1ERr.js";
 const m = [
   e.ADD,
   e.ADD_CONTACT,

package/dist/{wt-button-select-CfoSEYMj.js → wt-button-select-DZ_mMZr7.js}

@@ -1,5 +1,5 @@
 import { ref as y, useTemplateRef as C, resolveComponent as s, resolveDirective as g, withDirectives as S, createElementBlock as B, openBlock as $, createVNode as n, mergeProps as d, withCtx as i, renderSlot as x, normalizeClass as h } from "vue";
-import { _ as D } from "./install-BEn6vjFW.js";
+import { _ as D } from "./install-UIKG1ERr.js";
 const O = {
   __name: "wt-button-select",
   props: {

package/dist/{wt-chat-emoji-Bgv9Viz-.js → wt-chat-emoji-Bx7YenHF.js}

@@ -1,6 +1,6 @@
 import { ref as Be, onBeforeUnmount as Xo, resolveComponent as Yo, resolveDirective as Zo, withDirectives as Jo, createElementBlock as Mr, openBlock as Pr, createVNode as Qo, createCommentVNode as ei, nextTick as ti } from "vue";
-import { X as he, Y as pr, Z as ho, $ as ri, a0 as se, a1 as ni, a2 as hr, a3 as ce, a4 as V, a5 as oi, a6 as gr, a7 as ii, V as we, a8 as ai, a9 as si, aa as ci, ab as ui, _ as li, C as di } from "./install-BEn6vjFW.js";
-import { e as fi } from "./isObject-DB0eH0MA.js";
+import { X as he, Y as pr, Z as ho, $ as ri, a0 as se, a1 as ni, a2 as hr, a3 as ce, a4 as V, a5 as oi, a6 as gr, a7 as ii, V as we, a8 as ai, a9 as si, aa as ci, ab as ui, _ as li, C as di } from "./install-UIKG1ERr.js";
+import { e as fi } from "./isObject-B3V85Sws.js";
 function ge(t) {
   if (typeof t != "string" || !t)
     throw new Error("expected a non-empty string, got: " + t);
@@ -212,7 +212,7 @@ async function Li(t, e) {
   });
 }
 async function wo(t, e, r, n) {
-  try {
+  {
     const i = xi(e);
     await D(t, [W, Q], yr, ([o, a], c) => {
       let d, u, l = 0;
@@ -233,7 +233,6 @@ async function wo(t, e, r, n) {
         u = m, f();
       });
     });
-  } finally {
   }
 }
 async function Mi(t, e) {
@@ -606,7 +605,6 @@ function ua() {
       if (ca(e))
         return r;
   } catch {
-  } finally {
   }
   return t[0][1];
 }
@@ -695,7 +693,7 @@ function Ea(t) {
   const e = document.createElement("template");
   return e.innerHTML = t, e;
 }
-const Ta = /* @__PURE__ */ new WeakMap(), wa = /* @__PURE__ */ new WeakMap(), ja = Symbol("un-keyed"), Sa = "replaceChildren" in Element.prototype;
+const Ta = /* @__PURE__ */ new WeakMap(), wa = /* @__PURE__ */ new WeakMap(), ja = /* @__PURE__ */ Symbol("un-keyed"), Sa = "replaceChildren" in Element.prototype;
 function Aa(t, e) {
   Sa ? t.replaceChildren(...e) : (t.innerHTML = "", t.append(...e));
 }
@@ -1288,11 +1286,8 @@ function Ba(t, e) {
     }
   }
   function Me(s) {
-    if (o.skinTonePickerExpanded)
-      switch (s.key) {
-        case " ":
-          return M(s), te(o.activeSkinTone);
-      }
+    if (o.skinTonePickerExpanded && s.key === " ")
+      return M(s), te(o.activeSkinTone);
   }
   async function Pe(s) {
     const { relatedTarget: h } = s;

package/dist/{wt-confirm-dialog-bVhuyR-Q.js → wt-confirm-dialog-Bmt7hVhO.js}

@@ -1,5 +1,5 @@
 import { useAttrs as w, ref as y, resolveComponent as r, createBlock as v, openBlock as k, mergeProps as C, unref as S, withCtx as n, renderSlot as u, createVNode as d, createTextVNode as a, toDisplayString as l, createElementVNode as f } from "vue";
-import { _ as $ } from "./install-BEn6vjFW.js";
+import { _ as $ } from "./install-UIKG1ERr.js";
 const h = { class: "wt-confirm-dialog__content" }, D = { class: "wt-confirm-dialog__message" }, j = {
   __name: "wt-confirm-dialog",
   props: {

package/dist/{wt-context-menu-Cd8pgBRV.js → wt-context-menu-DEonPBI7.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as h, createElementBlock as a, openBlock as l, createVNode as x, withCtx as r, createElementVNode as c, normalizeStyle as b, Fragment as v, renderList as _, withModifiers as g, normalizeClass as k, renderSlot as u, normalizeProps as m, guardReactiveProps as p, createTextVNode as C, toDisplayString as S } from "vue";
-import { _ as $ } from "./install-BEn6vjFW.js";
+import { _ as $ } from "./install-UIKG1ERr.js";
 const B = { class: "wt-context-menu" }, W = ["onClick"], z = {
   __name: "wt-context-menu",
   props: {

package/dist/{wt-copy-action-jjp1mO2h.js → wt-copy-action-DQZ5qUUm.js}

@@ -1,6 +1,6 @@
 import p from "clipboard-copy";
 import { resolveComponent as n, resolveDirective as l, withDirectives as s, createBlock as r, openBlock as a, mergeProps as d } from "vue";
-import { _ as u } from "./install-BEn6vjFW.js";
+import { _ as u } from "./install-UIKG1ERr.js";
 let e = null;
 const m = {
   name: "WtCopyAction",