@webitel/ui-sdk 26.6.12 → 26.6.14

package/dist/wt-player-CQhYaufW.js

@@ -1,282 +0,0 @@
-import { defineComponent as f, computed as E, createElementBlock as c, openBlock as a, createElementVNode as y, createVNode as t, unref as o, withCtx as V, toDisplayString as F, Fragment as I, renderList as R, resolveComponent as M, createBlock as z, ref as T, toRefs as N, normalizeClass as P, createCommentVNode as S } from "vue";
-import { E as g, C as i, F as h, G as U, _ as p, H as O } from "./install-BjrTYVuH.js";
-import { u as D, T as G } from "./useVidstackSrc-DDO7Varm.js";
-import { _ as x } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
-const W = { class: "speed-settings" }, j = { class: "speed-settings__controls" }, H = { class: "speed-settings__label" }, L = { class: "speed-settings__presets" }, $ = 0.25, B = 3, C = 0.25, q = /* @__PURE__ */ f({
-  __name: "speed-settings",
-  props: {
-    modelValue: { default: 1 }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: u }) {
-    const e = n, r = u, b = [
-      {
-        speed: 0.5,
-        icon: "playback-0.50"
-      },
-      {
-        speed: 0.75,
-        icon: "playback-0.75"
-      },
-      {
-        speed: 1,
-        icon: "playback-1.00"
-      },
-      {
-        speed: 1.5,
-        icon: "playback-1.50"
-      },
-      {
-        speed: 1.75,
-        icon: "playback-1.75"
-      }
-    ], m = E(() => `${e.modelValue.toFixed(2)}x`);
-    function w() {
-      const l = parseFloat((e.modelValue - C).toFixed(2)), s = Math.max($, l);
-      r("update:modelValue", s);
-    }
-    function v() {
-      const l = parseFloat((e.modelValue + C).toFixed(2)), s = Math.min(B, l);
-      r("update:modelValue", s);
-    }
-    return (l, s) => (a(), c("div", W, [
-      y("div", j, [
-        t(o(g), {
-          size: o(i).SM,
-          disabled: n.modelValue <= $,
-          class: "speed-settings__step-button",
-          variant: "outlined",
-          color: "secondary",
-          onClick: w
-        }, {
-          default: V(() => [
-            t(o(h), {
-              icon: "minus",
-              size: o(i).SM
-            }, null, 8, ["size"])
-          ]),
-          _: 1
-        }, 8, ["size", "disabled"]),
-        y("span", H, F(m.value), 1),
-        t(o(g), {
-          size: o(i).SM,
-          disabled: n.modelValue >= B,
-          class: "speed-settings__step-button",
-          variant: "outlined",
-          color: "secondary",
-          onClick: v
-        }, {
-          default: V(() => [
-            t(o(h), {
-              icon: "plus",
-              size: o(i).SM
-            }, null, 8, ["size"])
-          ]),
-          _: 1
-        }, 8, ["size", "disabled"])
-      ]),
-      t(o(U), {
-        class: "speed-settings__slider",
-        "model-value": n.modelValue,
-        min: $,
-        max: B,
-        step: C,
-        "onUpdate:modelValue": s[0] || (s[0] = (d) => l.$emit("update:modelValue", d))
-      }, null, 8, ["model-value"]),
-      y("div", L, [
-        (a(), c(I, null, R(b, (d) => t(o(g), {
-          key: d.speed,
-          size: o(i).SM,
-          variant: "outlined",
-          class: "speed-settings__preset-button",
-          color: "secondary",
-          onClick: (k) => l.$emit("update:modelValue", d.speed)
-        }, {
-          default: V(() => [
-            t(o(h), {
-              icon: d.icon,
-              size: o(i).SM
-            }, null, 8, ["icon", "size"])
-          ]),
-          _: 2
-        }, 1032, ["size", "onClick"])), 64))
-      ])
-    ]));
-  }
-}), A = /* @__PURE__ */ p(q, [["__scopeId", "data-v-cf19f492"]]), J = ["onClick"], K = /* @__PURE__ */ f({
-  __name: "settings-panel",
-  props: {
-    modelValue: { default: () => ({
-      playbackRate: 1
-    }) }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: u }) {
-    const e = n, r = u;
-    function b(m) {
-      r("update:modelValue", {
-        ...e.modelValue,
-        playbackRate: m
-      });
-    }
-    return (m, w) => {
-      const v = M("wt-icon-btn");
-      return a(), z(o(O), { class: "settings-panel" }, {
-        activator: V(({ toggle: l }) => [
-          y("media-button", {
-            class: "settings-panel__button",
-            onClick: l
-          }, [
-            t(v, {
-              icon: "plyr-settings",
-              size: o(i).SM
-            }, null, 8, ["size"])
-          ], 8, J)
-        ]),
-        default: V(() => [
-          t(A, {
-            "model-value": n.modelValue.playbackRate,
-            "onUpdate:modelValue": b
-          }, null, 8, ["model-value"])
-        ], void 0, !0),
-        _: 1
-      });
-    };
-  }
-}), Q = /* @__PURE__ */ p(K, [["__scopeId", "data-v-16b027f7"]]), X = {}, Y = { class: "mute-button" };
-function Z(n, u) {
-  const e = M("wt-icon");
-  return a(), c("media-mute-button", Y, [
-    t(e, {
-      type: "mute",
-      icon: "plyr-muted",
-      class: "mute-icon",
-      size: "sm"
-    }),
-    t(e, {
-      type: "volume",
-      icon: "plyr-volume",
-      class: "volume-icon",
-      size: "sm"
-    })
-  ]);
-}
-const ee = /* @__PURE__ */ p(X, [["render", Z], ["__scopeId", "data-v-45e5719d"]]), te = { class: "play-button" }, oe = /* @__PURE__ */ f({
-  __name: "play-button",
-  setup(n) {
-    return (u, e) => (a(), c("media-play-button", te, [
-      t(h, {
-        icon: "plyr-play",
-        type: "play",
-        class: "play-icon",
-        size: "sm"
-      }),
-      t(h, {
-        icon: "plyr-pause",
-        type: "pause",
-        class: "pause-icon",
-        size: "sm"
-      })
-    ]));
-  }
-}), se = /* @__PURE__ */ p(oe, [["__scopeId", "data-v-e6149485"]]), ne = { class: "time-slider media-slider" }, le = /* @__PURE__ */ f({
-  __name: "time-slider",
-  setup(n) {
-    return (u, e) => (a(), c("media-time-slider", ne, [
-      t(x, { class: "time-slider__slider" })
-    ]));
-  }
-}), ae = /* @__PURE__ */ p(le, [["__scopeId", "data-v-e57a9871"]]), de = { class: "volume-slider media-slider" }, ie = /* @__PURE__ */ f({
-  __name: "volume-slider",
-  setup(n) {
-    return (u, e) => (a(), c("media-volume-slider", de, [
-      t(x, { class: "volume-slider__slider" })
-    ]));
-  }
-}), ce = /* @__PURE__ */ p(ie, [["__scopeId", "data-v-b92a4daf"]]), ue = ["src", "loop", "autoplay", "playback-rate"], re = { class: "controls-group" }, pe = /* @__PURE__ */ f({
-  __name: "wt-player",
-  props: {
-    src: {},
-    id: {},
-    fileName: {},
-    autoplay: { type: Boolean, default: !0 },
-    loop: { type: Boolean, default: !1 },
-    download: { type: [String, Function, Boolean], default: () => (n) => n.replace("/stream", "/download") },
-    resetOnEnd: { type: Boolean, default: !1 },
-    countdownTimeMode: { type: Boolean },
-    hideVolumeSlider: { type: Boolean, default: !1 },
-    hideMuteButton: { type: Boolean, default: !1 },
-    hideSettings: { type: Boolean, default: !1 },
-    closable: { type: Boolean, default: !0 },
-    position: { default: "sticky" },
-    invertTime: { type: Boolean, default: !0 },
-    resetVolume: { type: Boolean, default: !1 }
-  },
-  emits: ["initialized", "close"],
-  setup(n, { emit: u }) {
-    const e = n, r = T({
-      playbackRate: 1
-    }), { src: b } = N(e), { normalizedSrcObject: m } = D({
-      src: b
-    });
-    function w() {
-      const l = typeof e.src == "string" ? e.src : e.src?.src, s = typeof e.download == "function" ? e.download(l) : e.download, d = e.src?.type.split("/").pop(), k = e.fileName || e.id || "unknown", _ = document.createElement("a");
-      _.style.display = "none", _.href = s, _.download = `${k}.${d}`, document.body.appendChild(_), _.click(), document.body.removeChild(_);
-    }
-    function v(l) {
-      if (!e.resetOnEnd) return;
-      const s = l.target;
-      s.currentTime = 0;
-    }
-    return (l, s) => {
-      const d = M("wt-icon-btn");
-      return a(), c("media-player", {
-        class: P(["wt-player", `wt-player--position-${e.position}`]),
-        src: o(m),
-        loop: e.loop,
-        autoplay: n.autoplay,
-        "playback-rate": r.value.playbackRate,
-        onEnded: v
-      }, [
-        s[2] || (s[2] = y("media-provider", null, null, -1)),
-        y("media-controls-group", re, [
-          t(se),
-          t(ae),
-          t(G, {
-            countdown: e.countdownTimeMode
-          }, null, 8, ["countdown"]),
-          e.hideMuteButton ? S("", !0) : (a(), z(ee, { key: 0 })),
-          e.hideVolumeSlider ? S("", !0) : (a(), z(ce, { key: 1 })),
-          e.hideSettings ? S("", !0) : (a(), z(Q, {
-            key: 2,
-            "model-value": r.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (k) => r.value = k)
-          }, null, 8, ["model-value"])),
-          e.download ? (a(), c("media-button", {
-            key: 3,
-            class: "download-button",
-            onClick: w
-          }, [
-            t(d, {
-              icon: "plyr-download",
-              size: o(i).SM
-            }, null, 8, ["size"])
-          ])) : S("", !0),
-          e.closable ? (a(), c("media-button", {
-            key: 4,
-            class: "close-button",
-            onClick: s[1] || (s[1] = (k) => l.$emit("close"))
-          }, [
-            t(d, {
-              icon: "close",
-              size: o(i).SM
-            }, null, 8, ["size"])
-          ])) : S("", !0)
-        ])
-      ], 42, ue);
-    };
-  }
-}), be = /* @__PURE__ */ p(pe, [["__scopeId", "data-v-5dba068e"]]);
-export {
-  be as default
-};

package/src/components/wt-select/wt-select-v2.vue

@@ -1,244 +0,0 @@
-<template>
-  <p-auto-complete
-    class="w-full"
-    :model-value="selectValue"
-    :suggestions="suggestions"
-    dropdown
-    :multiple="multiple"
-    option-label="name"
-    complete-on-focus
-    v-bind="$attrs"
-    v-on="listeners"
-    @complete="search"
-  />
-</template>
-
-<script setup>
-import { computed, reactive, ref } from 'vue';
-
-import isEmpty from '../../scripts/isEmpty.js';
-
-const props = defineProps({
-	value: {
-		// default: (props) => {
-		//   return props.modelValue;
-		// },
-	},
-
-	multiple: {
-		type: Boolean,
-		default: false,
-	},
-
-	options: {
-		type: Array,
-		default: () => [],
-	},
-
-	clearable: {
-		type: Boolean,
-		default: true,
-	},
-	searchMethod: {
-		type: Function,
-	},
-	/*
-   for taggableMixin functionality
-   for more info, see WTEL-3181
-   */
-	allowCustomValues: {
-		type: Boolean,
-		default: false,
-		description: 'See wt-tags-input "taggable" prop.',
-	},
-	// for taggableMixin functionality
-	handleCustomValuesAdditionManually: {
-		type: Boolean,
-		default: false,
-		description: 'See wt-tags-input "manualTagging" prop.',
-	},
-});
-
-const emits = defineEmits([
-	'reset',
-	'search-change',
-	'input', // vue 2
-	'update:modelValue', // vue 3
-	'closed',
-	'custom-value', // fires when allowCustomValues and new customValue is added
-]);
-
-const isOpened = ref(false);
-const isLoading = ref(false);
-const searchHasNext = ref(true);
-const suggestions = ref([]);
-const searchParams = reactive({
-	search: '',
-	page: 1,
-});
-
-const taggable = computed(() => {
-	return props.allowCustomValues;
-});
-
-const manualTagging = computed(() => {
-	return props.handleCustomValuesAdditionManually;
-});
-
-const isApiMode = computed(() => {
-	return !!props.searchMethod;
-});
-
-const optionsWithCustomValues = computed(() => {
-	// https://webitel.atlassian.net/browse/WTEL-3181
-	console.log('props.allowCustomValues', props.allowCustomValues);
-
-	if (!props.allowCustomValues) return selectOptions.value;
-
-	/**
-   custom values could be restored after refresh, so that they could be not included in options prop,
-   so that we should add them to options manually (but filter duplicates, which are already in options)
-
-   i assume it's bad decision and it's better to include custom values to options prop,
-   but current filters logic restores value at filter component, but options value are pre-defined at store state
-   */
-
-	const customValuesToOptions = Array.isArray(props.value)
-		? props.value
-		: isEmpty(props.value)
-			? []
-			: [
-					props.value,
-				]; //do not add empty values
-	const optionsWithoutValues = selectOptions.value.filter((opt) => {
-		const optKey = props.trackBy ? opt[props.trackBy] : opt;
-		return !customValuesToOptions.some((customValue) => {
-			const customValueKey = props.trackBy
-				? customValue[props.trackBy]
-				: customValue;
-			return customValueKey === optKey;
-		});
-	});
-	return [
-		...customValuesToOptions,
-		...optionsWithoutValues,
-	];
-});
-
-const fetchOptions = async ({ search, page }) => {
-	if (!isApiMode.value) return [];
-	const { items, next } = await this.searchMethod({
-		search,
-		page,
-	});
-	searchHasNext.value = next;
-	return items;
-};
-
-const search = async (event) => {
-	console.log('event.query', event.query);
-	console.log('event.query', event);
-
-	if (!isApiMode.value) {
-		suggestions.value = [
-			...props.options,
-		];
-		return suggestions.value;
-	}
-
-	const fetchedOptions = await fetchOptions({
-		search: event.query,
-		page: 1,
-	});
-
-	suggestions.value = [
-		...suggestions.value,
-		...fetchedOptions,
-	];
-};
-</script>
-
-<style scoped>
-/* @import './multiselect.css';  */
-
-.wt-select {
-  width: 100%;
-  min-width: 0;
-}
-
-/*
- * @author: Oleksandr Palonnyi
- *
- * [WTEL-6814](https://webitel.atlassian.net/browse/WTEL-6814)
- *
- * added pointer-events: auto; to have access to multiselect__limit when select is disabled.
-*/
-.multiselect__limit {
-  pointer-events: auto;
-}
-
-.wt-select :deep(.multiselect__single-label) {
-  /* text overflow 3 dots */
-  font-family: 'Montserrat', monospace;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 24px;
-  text-transform: none;
-  display: block;
-  overflow: hidden;
-  max-width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.wt-select :deep(.multiselect--active .multiselect__strong) {
-  display: none;
-}
-
-/* right padding setup */
-
-/* default case */
-.wt-select :deep(.multiselect) .multiselect__tags {
-  padding: var(--input-padding) calc(
-    var(--input-padding) + var(--icon-md-size) +
-    var(--select-caret-right-pos)
-  ) var(--input-padding) var(--input-padding);
-}
-
-/* only chip */
-.wt-select.wt-select--multiple:not(.wt-select--clearable) :deep(.multiselect) .multiselect__tags {
-  padding-right: calc(
-    var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding) + 50px + var(--input-padding)
-  );
-}
-
-.wt-select.wt-select--multiple:not(.wt-select--clearable) .multiselect__limit {
-  right: calc(var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding));
-}
-
-/* only clearable */
-.wt-select.wt-select--clearable:not(.wt-select--multiple) :deep(.multiselect) .multiselect__tags {
-  padding-right: calc(
-    var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding) + var(--icon-md-size) + var(--input-padding)
-  );
-}
-
-.wt-select.wt-select--clearable:not(.wt-select--multiple) .multiselect__clear {
-  right: calc(var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding));
-}
-
-/* clearable and chip */
-.wt-select.wt-select--multiple.wt-select--clearable :deep(.multiselect) .multiselect__tags {
-  padding-right: calc(
-    var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding) + var(--icon-md-size) + var(--input-padding) + 50px + var(--input-padding)
-  );
-}
-
-.wt-select.wt-select--multiple.wt-select--clearable .multiselect__clear {
-  right: calc(var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding));
-}
-
-.wt-select.wt-select--multiple.wt-select--clearable .multiselect__limit {
-  right: calc(var(--select-caret-right-pos) + var(--icon-md-size) + var(--input-padding) + var(--icon-md-size) + var(--input-padding));
-}
-</style>

package/types/components/wt-select/wt-select-v2.vue.d.ts

@@ -1,77 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {};
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: ArrayConstructor;
-        default: () => any[];
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    searchMethod: {
-        type: FunctionConstructor;
-    };
-    allowCustomValues: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    handleCustomValuesAdditionManually: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (...args: any[]) => void;
-    reset: (...args: any[]) => void;
-    closed: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-    "search-change": (...args: any[]) => void;
-    "custom-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {};
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: ArrayConstructor;
-        default: () => any[];
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    searchMethod: {
-        type: FunctionConstructor;
-    };
-    allowCustomValues: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-    handleCustomValuesAdditionManually: {
-        type: BooleanConstructor;
-        default: boolean;
-        description: string;
-    };
-}>> & Readonly<{
-    onInput?: (...args: any[]) => any;
-    onReset?: (...args: any[]) => any;
-    onClosed?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    "onSearch-change"?: (...args: any[]) => any;
-    "onCustom-value"?: (...args: any[]) => any;
-}>, {
-    options: unknown[];
-    multiple: boolean;
-    allowCustomValues: boolean;
-    clearable: boolean;
-    handleCustomValuesAdditionManually: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;