@webitel/ui-sdk 26.6.34 → 26.6.35

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

@@ -0,0 +1,80 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createVNode as n, mergeProps as r, normalizeClass as i, openBlock as a, ref as o, renderSlot as s, resolveComponent as c, resolveDirective as l, useTemplateRef as u, withCtx as d, withDirectives as f } from "vue";
+var p = /*#__PURE__*/ e({
+	__name: "wt-button-select",
+	props: {
+		options: {
+			type: Array,
+			required: !0
+		},
+		color: {
+			type: String,
+			default: "primary"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click", "click:option"],
+	setup(e, { emit: p }) {
+		let m = p, h = o(!1), g = u("buttonSelect"), _ = ({ option: e, index: t }) => {
+			m("click:option", e, t), h.value = !1;
+		}, v = () => {
+			h.value = !1;
+		}, y = (e, t) => {
+			h.value = !h.value, e(t, g.value);
+		};
+		return (o, u) => {
+			let p = c("wt-button"), m = c("wt-icon"), b = c("wt-context-menu"), x = l("clickaway");
+			return f((a(), t("div", {
+				ref_key: "buttonSelect",
+				ref: g,
+				class: "wt-button-select"
+			}, [n(p, r(o.$attrs, {
+				color: e.color,
+				disabled: e.disabled,
+				class: "wt-button-select__button"
+			}, { onClick: u[0] ||= (e) => o.$emit("click", e) }), {
+				default: d(() => [s(o.$slots, "default", {}, void 0, !0)], void 0, !0),
+				_: 3
+			}, 16, ["color", "disabled"]), n(b, {
+				disabled: e.disabled,
+				options: e.options,
+				visible: h.value,
+				"tooltip-triggers": [],
+				onClick: _
+			}, {
+				activator: d(({ toggle: t, show: a }) => [n(p, r(o.$attrs, {
+					color: e.color,
+					disabled: e.disabled,
+					loading: !1,
+					class: "wt-button-select__select-btn"
+				}, { onClick: (e) => y(t, e) }), {
+					default: d(() => [n(m, {
+						class: i([{ "wt-button-select__select-arrow--active": h.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"
+			])])), [[x, v]]);
+		};
+	}
+}, [["__scopeId", "data-v-17b6dce6"]]);
+//#endregion
+export { p as default };

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

@@ -0,0 +1,42 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./engineCallFileType-D7QVFOac.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/on-demand/wt-call-media-action/wt-call-media-action.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "wt-call-media-action__option" }, m = /*#__PURE__*/ e(/* @__PURE__ */ c({
+	__name: "wt-call-media-action",
+	props: {
+		files: {},
+		playingFileId: { default: "" }
+	},
+	emits: ["play", "stop"],
+	setup(e, { emit: c }) {
+		let m = e, h = c, g = n(() => [...m.files[t.FileTypeAudio] || [], ...m.files[t.FileTypeVideo] || []]), _ = n(() => m.files[t.FileTypeVideo] ? "preview-tag-video" : "play"), v = n(() => g.value.some((e) => e.id === m.playingFileId)), y = n(() => g.value.map(({ name: e, id: t, mimeType: n, type: r }) => ({
+			text: e,
+			id: t,
+			mimeType: n,
+			type: r,
+			icon: n === "video/mp4" ? "preview-tag-video" : "preview-tag-audio"
+		}))), b = ({ option: e }) => {
+			m.playingFileId === e.id ? h("stop") : h("play", e);
+		};
+		return (t, n) => {
+			let c = u("wt-icon-btn"), m = u("wt-icon"), h = u("wt-context-menu");
+			return l(), r(h, {
+				class: "wt-call-media-action",
+				options: y.value,
+				"max-width": "400px",
+				onClick: b
+			}, {
+				activator: f(({ toggle: e }) => [g.value.length ? (l(), r(c, {
+					key: 0,
+					icon: v.value ? "stop" : _.value,
+					onClick: e
+				}, null, 8, ["icon", "onClick"])) : i("", !0)]),
+				option: f(({ text: t, id: n, icon: r }) => [a("div", p, [s(m, { icon: n === e.playingFileId ? "stop" : r }, null, 8, ["icon"]), o(" " + d(t), 1)])]),
+				_: 1
+			}, 8, ["options"]);
+		};
+	}
+}), [["__scopeId", "data-v-a6f7b638"]]);
+//#endregion
+export { m as default };