@webitel/ui-sdk 26.6.33 → 26.6.35

package/dist/vidstack-youtube-Ctg91VeX.js

@@ -1,233 +0,0 @@
-import { ab as p, v as y, m, d as f, f as g, aa as b, h as d, ai as v } from "./useVidstackSrc-MfWBq7Ef.js";
-import { p as k, e as u } from "./wt-vidstack-player-CTWna35Q.js";
-import { E as P } from "./vidstack-DDXt6fpN-2lNfj8Ca.js";
-import { resolveYouTubeVideoId as w } from "./vidstack-Dm1xEU9Q-CXHNvShT.js";
-const r = {
-  Ended: 0,
-  Playing: 1,
-  Paused: 2,
-  Buffering: 3,
-  Cued: 5
-};
-class R 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() {
-    k(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");
-  }
-  #v(e) {
-    this.#n("playVideo")?.reject(e);
-  }
-  async pause() {
-    return this.#t("pauseVideo");
-  }
-  #k(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 (!f(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 = g(), 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);
-  }
-  #m(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
-    );
-  }
-  #f(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.#f(t);
-        break;
-    }
-    this.#o = e;
-  }
-  onMessage({ info: e }, t) {
-    if (!e) return;
-    const { title: s, intrinsicDuration: a, playbackRate: i } = this.#e.$state;
-    if (b(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.#m(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 {
-  R as YouTubeProvider
-};

package/dist/wt-action-bar-DaDcqA4n.js

@@ -1,102 +0,0 @@
-import { computed as O, createElementBlock as u, openBlock as f, renderSlot as a, normalizeProps as i, guardReactiveProps as c, Fragment as S, renderList as D, createVNode as k, mergeProps as v, unref as y } from "vue";
-import { I as e, _ as g, a as C, k as $, S as h } from "./install-DOSuNFtE.js";
-const b = [
-  e.ADD,
-  e.ADD_CONTACT,
-  e.COPY,
-  e.DOWNLOAD_PDF,
-  e.DOWNLOAD,
-  e.UPLOAD,
-  e.COLUMNS,
-  e.VARIABLES,
-  e.FILTERS,
-  e.REFRESH,
-  e.DELETE,
-  e.SORT
-], z = b, E = { class: "wt-action-bar" }, L = {
-  __name: "wt-action-bar",
-  props: {
-    /**
-     * [`'table'`, `'section'`]
-     * */
-    mode: {
-      type: String,
-      default: "table",
-      validator: (t) => [
-        "table",
-        "section"
-      ].includes(t)
-    },
-    /**
-     * Not implemented
-     */
-    size: {
-      type: String
-      // default: 'md',
-      // validator: (v) => ['sm', 'md', 'lg'].includes(v),
-    },
-    /**
-     * Leave the default value for the mode only listed in includes prop
-     */
-    include: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Leave the default values for the mode, except for those in exclude prop
-     */
-    exclude: {
-      type: Array,
-      default: () => []
-    },
-    "sort:order": {
-      type: String,
-      default: null,
-      required: !1,
-      validator: (t) => Object.values(h).includes(t)
-    },
-    /**
-     * Built dynamically on `disabled:[IconAction]` pattern for all available [IconActions](../../enums/IconAction/Readme.md).
-     */
-    disabled: {
-      // Not implemented, but can be used to disable all actions
-      type: Boolean,
-      default: !1
-    },
-    ...Object.values(e).reduce((t, o) => (t[`disabled:${o}`] = {
-      type: Boolean,
-      default: !1
-    }, t), {})
-  },
-  emits: [
-    /**
-     * click:IconAction
-     */
-    ...Object.values(e).map((t) => `click:${t}`)
-  ],
-  setup(t, { emit: o }) {
-    const s = t, m = o, p = O(() => {
-      const r = s.mode === "section" ? z : b;
-      return s.include.length ? r.filter((l) => s.include.includes(l)) : s.exclude.length ? r.filter((l) => !s.exclude.includes(l)) : r;
-    }), d = (r) => {
-      m(`click:${r}`);
-    }, A = (r) => r === e.SORT ? {
-      "sort:order": s["sort:order"]
-    } : {};
-    return (r, l) => (f(), u("div", E, [
-      a(r.$slots, "search-bar", i(c({ size: t.size })), void 0, !0),
-      a(r.$slots, "default", i(c({ size: t.size })), void 0, !0),
-      (f(!0), u(S, null, D(p.value, (n) => a(r.$slots, n, i(c({ action: n, size: t.size, onClick: () => d(n) })), () => [
-        k(C, v(A(n), {
-          action: n,
-          disabled: s[`disabled:${y($)(n)}`]
-        }, {
-          onClick: (_) => d(n)
-        }), null, 16, ["action", "disabled", "onClick"])
-      ], !0)), 256))
-    ]));
-  }
-}, T = /* @__PURE__ */ g(L, [["__scopeId", "data-v-affcbbbe"]]);
-export {
-  T as default
-};

package/dist/wt-button-select-q_BITVhH.js

@@ -1,105 +0,0 @@
-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-DOSuNFtE.js";
-const O = {
-  __name: "wt-button-select",
-  props: {
-    /**
-     * See context-menu component docs
-     */
-    options: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * @values 'primary', 'secondary'
-     * @example <wt-button color="secondary"></wt-button>
-     */
-    color: {
-      type: String,
-      default: "primary"
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    /**
-     * @event click
-     */
-    "click",
-    /**
-     * Click on option in context-menu
-     *
-     * @event click:option
-     *
-     * @property {object} option clicked option object
-     * @property {index} index clicked option index in options list
-     */
-    "click:option"
-  ],
-  setup(e, { emit: u }) {
-    const b = u, o = y(!1), a = C("buttonSelect"), f = ({ option: t, index: l }) => {
-      b("click:option", t, l), o.value = !1;
-    }, m = () => {
-      o.value = !1;
-    }, w = (t, l) => {
-      o.value = !o.value, t(l, a.value);
-    };
-    return (t, l) => {
-      const r = s("wt-button"), v = s("wt-icon"), p = s("wt-context-menu"), _ = g("clickaway");
-      return S(($(), B("div", {
-        ref_key: "buttonSelect",
-        ref: a,
-        class: "wt-button-select"
-      }, [
-        n(r, d(t.$attrs, {
-          color: e.color,
-          disabled: e.disabled,
-          class: "wt-button-select__button"
-        }, {
-          onClick: l[0] || (l[0] = (c) => t.$emit("click", c))
-        }), {
-          default: i(() => [
-            x(t.$slots, "default", {}, void 0, !0)
-          ], void 0, !0),
-          _: 3
-        }, 16, ["color", "disabled"]),
-        n(p, {
-          disabled: e.disabled,
-          options: e.options,
-          visible: o.value,
-          "tooltip-triggers": [],
-          onClick: f
-        }, {
-          activator: i(({ toggle: c, show: q }) => [
-            n(r, d(t.$attrs, {
-              color: e.color,
-              disabled: e.disabled,
-              loading: !1,
-              class: "wt-button-select__select-btn"
-            }, {
-              onClick: (k) => w(c, k)
-            }), {
-              default: i(() => [
-                n(v, {
-                  class: h([{ "wt-button-select__select-arrow--active": o.value }, "wt-button-select__select-arrow"]),
-                  color: e.color === "primary" ? "on-primary" : "default",
-                  disabled: e.disabled,
-                  icon: "arrow-down"
-                }, null, 8, ["class", "color", "disabled"])
-              ], void 0, !0),
-              _: 1
-            }, 16, ["color", "disabled", "onClick"])
-          ]),
-          _: 1
-        }, 8, ["disabled", "options", "visible"])
-      ])), [
-        [_, m]
-      ]);
-    };
-  }
-}, E = /* @__PURE__ */ D(O, [["__scopeId", "data-v-17b6dce6"]]);
-export {
-  E as default
-};

package/dist/wt-call-media-action-BkBcZN17.js

@@ -1,60 +0,0 @@
-import { defineComponent as h, computed as i, resolveComponent as a, createBlock as m, openBlock as _, withCtx as u, createElementVNode as k, createVNode as I, createTextVNode as V, toDisplayString as N, createCommentVNode as T } from "vue";
-import { E as s } from "./engineCallFileType-yaadA7-2.js";
-import { _ as b } from "./install-DOSuNFtE.js";
-const E = { class: "wt-call-media-action__option" }, O = /* @__PURE__ */ h({
-  __name: "wt-call-media-action",
-  props: {
-    files: {},
-    playingFileId: { default: "" }
-  },
-  emits: ["play", "stop"],
-  setup(p, { emit: v }) {
-    const t = p, d = v, n = i(() => [
-      ...t.files[s.FileTypeAudio] || [],
-      ...t.files[s.FileTypeVideo] || []
-    ]), w = i(
-      () => t.files[s.FileTypeVideo] ? "preview-tag-video" : "play"
-    ), f = i(
-      () => n.value.some((e) => e.id === t.playingFileId)
-    ), y = i(
-      () => n.value.map(({ name: e, id: r, mimeType: o, type: c }) => ({
-        text: e,
-        id: r,
-        mimeType: o,
-        type: c,
-        icon: o === "video/mp4" ? "preview-tag-video" : "preview-tag-audio"
-      }))
-    ), g = ({ option: e }) => {
-      t.playingFileId === e.id ? d("stop") : d("play", e);
-    };
-    return (e, r) => {
-      const o = a("wt-icon-btn"), c = a("wt-icon"), x = a("wt-context-menu");
-      return _(), m(x, {
-        class: "wt-call-media-action",
-        options: y.value,
-        "max-width": "400px",
-        onClick: g
-      }, {
-        activator: u(({ toggle: l }) => [
-          n.value.length ? (_(), m(o, {
-            key: 0,
-            icon: f.value ? "stop" : w.value,
-            onClick: l
-          }, null, 8, ["icon", "onClick"])) : T("", !0)
-        ]),
-        option: u(({ text: l, id: F, icon: C }) => [
-          k("div", E, [
-            I(c, {
-              icon: F === p.playingFileId ? "stop" : C
-            }, null, 8, ["icon"]),
-            V(" " + N(l), 1)
-          ])
-        ]),
-        _: 1
-      }, 8, ["options"]);
-    };
-  }
-}), D = /* @__PURE__ */ b(O, [["__scopeId", "data-v-a6f7b638"]]);
-export {
-  D as default
-};