@webitel/ui-sdk 26.6.33 → 26.6.35

package/dist/wt-popover-CJZH3wMl.js

@@ -0,0 +1,98 @@
+import { r as e } from "./chunk-CY3AvKd6.js";
+import { createElementBlock as t, createVNode as n, defineComponent as r, guardReactiveProps as i, mergeProps as a, normalizeProps as o, onBeforeUnmount as s, onMounted as c, openBlock as l, renderSlot as u, resolveComponent as d, toHandlers as f, unref as p, useAttrs as m, useTemplateRef as h, withCtx as g } from "vue";
+//#region src/components/wt-popover/_internals/composables/usePopoverOverlayFix.ts
+var _ = (e) => {
+	let t = (t) => {
+		if (!t.target?.closest(".p-select-overlay, .p-multiselect-overlay")) return;
+		let n = e.value?.outsideClickListener;
+		n && (document.removeEventListener("click", n), document.addEventListener("click", () => {
+			document.addEventListener("click", n);
+		}, {
+			once: !0,
+			capture: !1
+		}));
+	};
+	c(() => document.addEventListener("pointerdown", t, !0)), s(() => document.removeEventListener("pointerdown", t, !0));
+}, v = /*@__PURE__*/ r({
+	__name: "wt-popover",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		dismissable: { type: Boolean },
+		appendTo: { default: "body" },
+		baseZIndex: { default: 0 },
+		autoZIndex: {
+			type: Boolean,
+			default: !0
+		},
+		breakpoints: { default: null },
+		dt: { default: null },
+		pt: { default: null },
+		ptOptions: { default: null },
+		unstyled: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["show", "hide"],
+	setup(e, { expose: r }) {
+		let s = m(), c = h("innerPopover"), v = e;
+		_(c);
+		let y = (e, t) => {
+			v.disabled || c.value?.toggle(e, t ?? void 0);
+		}, b = (e, t) => {
+			v.disabled || c.value?.show(e, t ?? void 0);
+		}, x = (e) => {
+			c.value?.hide(e);
+		};
+		return r({
+			toggle: y,
+			show: b,
+			hide: x
+		}), (r, m) => {
+			let h = d("p-popover");
+			return l(), t("div", null, [u(r.$slots, "activator", o(i({
+				show: b,
+				toggle: y,
+				hide: x
+			}))), n(h, a(p(s), {
+				ref_key: "innerPopover",
+				ref: c
+			}, {
+				"append-to": e.appendTo,
+				"base-z-index": e.baseZIndex,
+				"auto-z-index": e.autoZIndex,
+				breakpoints: e.breakpoints,
+				dt: e.dt,
+				pt: e.pt,
+				"pt-options": e.ptOptions,
+				"close-on-escape": e.closeOnEscape,
+				unstyled: e.unstyled
+			}, f(p(s))), {
+				default: g(() => [u(r.$slots, "default", o(i({
+					hide: x,
+					toggle: y
+				})))], void 0, !0),
+				_: 3
+			}, 16, [
+				"append-to",
+				"base-z-index",
+				"auto-z-index",
+				"breakpoints",
+				"dt",
+				"pt",
+				"pt-options",
+				"close-on-escape",
+				"unstyled"
+			])]);
+		};
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v;
+//#endregion
+export { y as n, b as t };

package/dist/wt-screen-recordings-action-Dg7Ts2Jt.js

@@ -0,0 +1,37 @@
+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, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "wt-screen-recordings-action" }, g = { class: "wt-screen-recordings-action__option" }, _ = /*#__PURE__*/ e(/* @__PURE__ */ l({
+	__name: "wt-screen-recordings-action",
+	props: { files: {} },
+	emits: ["set-video"],
+	setup(e, { emit: l }) {
+		let _ = e, v = l, y = n(() => _?.files?.[t.FileTypeScreensharing]?.map(({ name: e, id: t, mimeType: n, type: r }) => ({
+			text: e,
+			id: t,
+			mimeType: n,
+			type: r
+		}))), b = ({ option: e }) => {
+			e.id && e.type === t.FileTypeScreensharing && v("set-video", e);
+		};
+		return (e, t) => {
+			let n = d("wt-icon-btn"), l = d("wt-icon"), _ = d("wt-context-menu");
+			return u(), a("div", h, [c(_, {
+				options: y.value,
+				"max-width": "400px",
+				onClick: b
+			}, {
+				activator: m(({ toggle: e }) => [y.value?.length ? (u(), r(n, {
+					key: 0,
+					icon: "preview-tag-video",
+					onClick: e
+				}, null, 8, ["onClick"])) : i("", !0)]),
+				option: m(({ text: e }) => [o("div", g, [c(l, { icon: "preview-tag-video" }), s(" " + f(e), 1)])]),
+				_: 1
+			}, 8, ["options"]), o("p", null, f(y.value?.length || p("-")), 1)]);
+		};
+	}
+}), [["__scopeId", "data-v-a1fa5099"]]);
+//#endregion
+export { _ as default };

package/dist/wt-search-bar-CWZdvAOf.js

@@ -0,0 +1,123 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./useValidation-DG0tifBv.js";
+import { t as n } from "./debounce-DrmECuJ2.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
+//#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({
+	__name: "wt-search-bar",
+	props: {
+		v: { type: Object },
+		customValidators: {
+			type: Array,
+			default: () => []
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		placeholder: { type: String },
+		hint: {
+			type: String,
+			description: "Adds hint icon + tooltip with text, passed as \"hint\" prop"
+		},
+		searchMode: { type: [String, Object] },
+		searchModeOptions: {
+			type: Array,
+			default: () => []
+		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"input",
+		"search",
+		"enter",
+		"update:search-mode",
+		"change:search-mode"
+	],
+	setup(e, { emit: u }) {
+		let S = e, C = u, { v: w, customValidators: T } = _(S), { invalid: E } = t({
+			v: w,
+			customValidators: T
+		}), D = r(() => E.value ? "error" : "default"), O = r(() => S.value || S.searchMode || S.hint), k = n((e) => {
+			C("search", e);
+		}, 1e3);
+		function A(e) {
+			C("input", e), k(e);
+		}
+		function j(e) {
+			e.key === "Enter" ? (k(e.target.value), e.preventDefault()) : e.key === "Esc" && (A(""), e.preventDefault());
+		}
+		function M({ option: e }) {
+			C("update:search-mode", e), C("change:search-mode", e);
+		}
+		return (t, n) => {
+			let r = m("wt-icon"), u = m("wt-icon-btn"), _ = m("wt-hint"), S = m("wt-radio"), C = m("wt-context-menu"), k = m("wt-input-text"), N = h("tooltip");
+			return f(), i(k, {
+				"model-value": e.value,
+				placeholder: e.placeholder || t.$t("webitelUI.searchBar.placeholder"),
+				invalid: v(E),
+				class: d(["wt-search-bar", { "wt-search-bar--full-width": e.fullWidth }]),
+				type: "search",
+				v: v(w),
+				"custom-validators": v(T),
+				"onUpdate:modelValue": A,
+				onKeyup: j
+			}, s({
+				prefix: y(() => [l(r, {
+					color: D.value,
+					icon: e.searchMode?.icon || "search"
+				}, null, 8, ["color", "icon"])]),
+				_: 2
+			}, [O.value ? {
+				name: "suffix",
+				fn: y(() => [o("div", x, [
+					e.value ? (f(), i(u, {
+						key: 0,
+						color: D.value,
+						class: "wt-search-bar__reset-icon-btn",
+						icon: "close",
+						onClick: n[0] ||= (e) => A("")
+					}, null, 8, ["color"])) : a("", !0),
+					e.hint ? (f(), i(_, {
+						key: 1,
+						"icon-color": D.value
+					}, {
+						default: y(() => [c(g(e.hint), 1)], void 0, !0),
+						_: 1
+					}, 8, ["icon-color"])) : a("", !0),
+					e.searchMode ? (f(), i(C, {
+						key: 2,
+						options: e.searchModeOptions,
+						onClick: M
+					}, {
+						activator: y(({ toggle: e }) => [b(l(u, {
+							color: v(E) ? "error" : "default",
+							icon: "filter",
+							onClick: e
+						}, null, 8, ["color", "onClick"]), [[N, t.$t("webitelUI.searchBar.settingsHint")]])]),
+						option: y(({ value: t, text: n }) => [l(S, {
+							label: n,
+							selected: (typeof e.searchMode == "string" ? e.searchMode : e.searchMode.value) === t,
+							value: !0
+						}, null, 8, ["label", "selected"])]),
+						_: 1
+					}, 8, ["options"])) : a("", !0),
+					p(t.$slots, "additional-actions", { invalid: v(E) }, void 0, !0)
+				])]),
+				key: "0"
+			} : void 0]), 1032, [
+				"model-value",
+				"placeholder",
+				"invalid",
+				"class",
+				"v",
+				"custom-validators"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-0b6f18a7"]]);
+//#endregion
+export { S as default };

package/dist/wt-selection-popup-B77UY7Yu.js

@@ -0,0 +1,79 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./vue-i18n-B8Px6VcD.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, unref as _, withCtx as v, withDirectives as y } from "vue";
+//#region src/components/on-demand/wt-selection-popup/wt-selection-popup.vue
+var b = { class: "wt-selection-popup__options" }, x = ["onClick"], S = { class: "wt-selection-popup__item-header typo-subtitle-2" }, C = {
+	key: 1,
+	class: "popup-options__item-text"
+}, w = /*#__PURE__*/ e({
+	__name: "wt-selection-popup",
+	props: {
+		title: { type: String },
+		selected: { type: Object },
+		options: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: [
+		"change",
+		"add",
+		"close"
+	],
+	setup(e, { emit: w }) {
+		let T = e, E = w, { t: D } = t();
+		function O() {
+			E("add", T.selected);
+		}
+		function k() {
+			E("close");
+		}
+		function A(e) {
+			E("change", e);
+		}
+		return (t, w) => {
+			let T = m("wt-icon"), E = m("wt-icon-btn"), j = m("wt-button"), M = m("wt-popup"), N = h("tooltip");
+			return d(), r(M, l(t.$attrs, {
+				class: "wt-selection-popup",
+				overflow: "",
+				size: "sm"
+			}, { onClose: k }), {
+				title: v(() => [s(g(e.title), 1)]),
+				main: v(() => [o("ul", b, [(d(!0), a(n, null, f(e.options, (n, s) => (d(), a("li", {
+					key: s,
+					class: u([{ active: n.value === e.selected.value }, "wt-selection-popup__item-wrapper"]),
+					onClick: (e) => A(n)
+				}, [p(t.$slots, "option", { option: n }, () => [
+					n.icon ? (d(), r(T, {
+						key: 0,
+						icon: n.icon,
+						size: "sm"
+					}, null, 8, ["icon"])) : i("", !0),
+					o("h4", S, g(n.title), 1),
+					n.description ? (d(), a("p", C, g(n.description), 1)) : i("", !0),
+					n.description ? y((d(), r(E, {
+						key: 2,
+						color: "info",
+						icon: "rounded-info"
+					}, null, 512)), [[N, n.description]]) : i("", !0)
+				], !0)], 10, x))), 128))]), p(t.$slots, "after-section", {}, void 0, !0)]),
+				actions: v(() => [c(j, {
+					disabled: !e.selected,
+					onClick: O
+				}, {
+					default: v(() => [s(g(_(D)("reusable.create")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["disabled"]), c(j, {
+					color: "secondary",
+					onClick: k
+				}, {
+					default: v(() => [s(g(_(D)("reusable.close")), 1)], void 0, !0),
+					_: 1
+				})]),
+				_: 3
+			}, 16);
+		};
+	}
+}, [["__scopeId", "data-v-d7ed7032"]]);
+//#endregion
+export { w as default };

package/dist/wt-send-message-popup-D0GJMGni.js

@@ -0,0 +1,77 @@
+import { n as e } from "./components-B4aAS7wB.js";
+import { t } from "./vue-i18n-B8Px6VcD.js";
+import { n, r } from "./clients-A6MHYfOX.js";
+import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#endregion
+//#region src/components/on-demand/wt-send-message-popup/wt-send-message-popup.vue
+var _ = /* @__PURE__ */ s({
+	__name: "wt-send-message-popup",
+	props: {
+		chatItem: {},
+		userId: {}
+	},
+	emits: ["close"],
+	setup(s, { emit: _ }) {
+		let v = s, y = _, b = c("$eventBus"), { t: x } = t(), S = f({
+			gateway: v.chatItem?.app || {},
+			provider: v.chatItem?.protocol || "",
+			message: "",
+			agentId: null
+		});
+		async function C(e) {
+			let { items: t } = await r.getList({
+				...e,
+				userId: v.userId
+			});
+			S.value.agentId = t[0]?.id;
+		}
+		let w = async () => {
+			let e = await n.patch({
+				peers: [{
+					via: S.value.gateway.id,
+					id: v.chatItem?.externalId,
+					type: S.value.provider
+				}],
+				variables: { agentId: S.value.agentId },
+				message: { text: S.value.message }
+			});
+			e.failure && b.$emit("notification", {
+				type: "error",
+				text: e.failure[0].error.message
+			}), y("close");
+		}, T = (e) => {
+			S.value.message += e, document.querySelector("textarea").focus();
+		};
+		return u(async () => await C()), (t, n) => {
+			let r = p("wt-textarea"), s = p("wt-button"), c = p("wt-popup");
+			return d(), i(c, l(t.$attrs, {
+				class: "wt-send-message-popup",
+				overflow: "",
+				onClose: n[1] ||= (e) => y("close")
+			}), {
+				header: g(() => [a(m(h(x)("reusable.sendMessage")), 1)]),
+				main: g(() => [o(r, {
+					"model-value": S.value.message,
+					"onUpdate:modelValue": n[0] ||= (e) => S.value.message = e,
+					placeholder: h(x)("objects.chat.draftPlaceholder"),
+					onEnter: w
+				}, null, 8, ["model-value", "placeholder"])]),
+				actions: g(() => [o(h(e), {
+					filled: "",
+					rounded: !1,
+					class: "wt-send-message-popup__emoji",
+					onInsertEmoji: T
+				}), o(s, {
+					icon: "chat-send",
+					color: "secondary",
+					disabled: !S.value.message,
+					wide: "",
+					onClick: w
+				}, null, 8, ["disabled"])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _ as default };

package/dist/wt-slider-BS3SoGht.js

@@ -0,0 +1,68 @@
+import { r as e } from "./chunk-CY3AvKd6.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeModels as i, normalizeStyle as a, openBlock as o, resolveComponent as s, useModel as c } from "vue";
+//#region src/components/wt-slider/wt-slider.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ r({
+	__name: "wt-slider",
+	props: /*@__PURE__*/ i({
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		height: { default: 100 },
+		width: { default: void 0 },
+		modelValue: {},
+		defaultValue: {},
+		name: {},
+		orientation: {},
+		range: { type: Boolean },
+		invalid: { type: Boolean },
+		tabindex: {},
+		ariaLabelledby: {},
+		ariaLabel: {},
+		formControl: {},
+		dt: {},
+		pt: {},
+		ptOptions: {},
+		unstyled: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = e, i = c(e, "modelValue"), l = t(() => r.vertical ? "vertical" : "horizontal");
+		return (t, r) => {
+			let c = s("p-slider");
+			return o(), n(c, {
+				modelValue: i.value,
+				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
+				disabled: e.disabled,
+				max: e.max,
+				min: e.min,
+				step: e.step,
+				orientation: l.value,
+				style: a({
+					height: e.vertical ? `${e.height}px` : "",
+					width: !e.vertical && e.width ? `${e.width}px` : ""
+				})
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"max",
+				"min",
+				"step",
+				"orientation",
+				"style"
+			]);
+		};
+	}
+}), u = /* @__PURE__ */ e({ default: () => d }), d = l;
+//#endregion
+export { u as n, d as t };

package/dist/wt-start-page-eN1PEokc.js

@@ -0,0 +1,86 @@
+import { n as e, t } from "./dist-05Bf47Wg.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, openBlock as p, provide as m, renderList as h, resolveComponent as g, toDisplayString as _, withCtx as v } from "vue";
+t(), Array.isArray;
+var y = /* @__PURE__ */ function(e) {
+	return e[e.MATCHER_NOT_FOUND = 1] = "MATCHER_NOT_FOUND", e[e.NAVIGATION_GUARD_REDIRECT = 2] = "NAVIGATION_GUARD_REDIRECT", e[e.NAVIGATION_ABORTED = 4] = "NAVIGATION_ABORTED", e[e.NAVIGATION_CANCELLED = 8] = "NAVIGATION_CANCELLED", e[e.NAVIGATION_DUPLICATED = 16] = "NAVIGATION_DUPLICATED", e;
+}({});
+Symbol(e.env.NODE_ENV === "production" ? "" : "navigation failure"), y.MATCHER_NOT_FOUND, y.NAVIGATION_GUARD_REDIRECT, y.NAVIGATION_ABORTED, y.NAVIGATION_CANCELLED, y.NAVIGATION_DUPLICATED, Symbol(e.env.NODE_ENV === "production" ? "" : "router view location matched"), Symbol(e.env.NODE_ENV === "production" ? "" : "router view depth");
+var b = Symbol(e.env.NODE_ENV === "production" ? "" : "router");
+Symbol(e.env.NODE_ENV === "production" ? "" : "route location"), Symbol(e.env.NODE_ENV === "production" ? "" : "router view location"), t(), (/* @__PURE__ */ function(e) {
+	return e[e.Static = 0] = "Static", e[e.Param = 1] = "Param", e[e.Group = 2] = "Group", e;
+}({})).Static;
+function x() {
+	return f(b);
+}
+//#endregion
+//#region src/components/on-demand/wt-start-page/components/start-page-card.vue
+var S = { class: "start-page-card" }, C = { class: "typo-heading-4 start-page-card__header" }, w = { class: "start-page-card__main-section" }, T = ["alt", "src"], E = { class: "typo-body-1 start-page-card__description" }, D = /*#__PURE__*/ n({
+	__name: "start-page-card",
+	props: { card: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let t = x(), n = e, r = () => t.push(n.card.route);
+		return (t, n) => {
+			let i = g("wt-icon"), d = g("wt-button");
+			return p(), s("article", S, [
+				c("header", C, [e.card.disabled ? (p(), a(i, {
+					key: 0,
+					icon: "lock"
+				})) : o("", !0), l(" " + _(e.card.name), 1)]),
+				c("section", w, [c("img", {
+					alt: e.card.name,
+					src: e.card.image
+				}, null, 8, T), c("p", E, _(e.card.text), 1)]),
+				c("footer", null, [u(d, {
+					disabled: e.card.disabled,
+					class: "start-page-card__button",
+					color: "secondary",
+					wide: "",
+					onClick: r
+				}, {
+					default: v(() => [l(_(t.$t("reusable.open")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["disabled"])])
+			]);
+		};
+	}
+}, [["__scopeId", "data-v-e4560b27"]]), O = { class: "start-page-logo" }, k = ["src"], A = /*#__PURE__*/ n({
+	__name: "start-page-logo",
+	props: { logo: {
+		type: String,
+		required: !0
+	} },
+	setup(e) {
+		return (t, n) => (p(), s("div", O, [c("img", { src: e.logo }, null, 8, k)]));
+	}
+}, [["__scopeId", "data-v-187dc1b4"]]), j = { class: "wt-start-page" }, M = { class: "wt-start-page__wrapper" }, N = /*#__PURE__*/ n(/* @__PURE__ */ d({
+	__name: "wt-start-page",
+	props: {
+		nav: {},
+		appLogo: {},
+		darkMode: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		m("darkMode", t.darkMode);
+		let n = i(() => t.darkMode ? t.appLogo.dark : t.appLogo.light), l = i(() => t.nav.map((e) => ({
+			...e,
+			image: t.darkMode ? e.images.dark : e.images.light
+		})));
+		return (t, i) => (p(), s("div", j, [e.appLogo ? (p(), a(A, {
+			key: 0,
+			logo: n.value
+		}, null, 8, ["logo"])) : o("", !0), c("div", M, [(p(!0), s(r, null, h(l.value, (e) => (p(), a(D, {
+			key: e.value,
+			card: e
+		}, null, 8, ["card"]))), 128))])]));
+	}
+}), [["__scopeId", "data-v-85dd1b85"]]);
+//#endregion
+export { N as default };

package/dist/wt-status-select-A5t6Vjm4.js

@@ -0,0 +1,101 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./AgentStatus.enum-C3IGHtvR.js";
+import { t as n } from "./convertDuration-1K7fuEpO.js";
+import { createBlock as r, createVNode as i, openBlock as a, resolveComponent as o, withCtx as s } from "vue";
+//#region src/components/wt-status-select/_internals/StatusOptions.lookup.js
+var c = [
+	{
+		locale: "webitelUI.statusSelect.online",
+		color: "success",
+		value: t.ONLINE
+	},
+	{
+		locale: "webitelUI.statusSelect.pause",
+		color: "primary",
+		value: t.PAUSE
+	},
+	{
+		locale: "webitelUI.statusSelect.offline",
+		color: "disabled",
+		value: t.OFFLINE
+	},
+	{
+		locale: "webitelUI.statusSelect.breakOut",
+		color: "break-out",
+		value: t.BREAK_OUT
+	}
+], l = {
+	name: "WtStatusSelect",
+	model: {
+		prop: "status",
+		event: "change"
+	},
+	props: {
+		status: {
+			type: String,
+			default: t.OFFLINE
+		},
+		statusDuration: {
+			type: [String, Number],
+			default: 0
+		},
+		options: { type: Array }
+	},
+	emits: ["change", "closed"],
+	computed: {
+		selectedOption() {
+			return this.statusOptions.find((e) => e.value === this.status);
+		},
+		statusOptions() {
+			return this.options ? this.options : c.map((e) => ({
+				...e,
+				text: this.$t(e.locale)
+			}));
+		},
+		availableOptions() {
+			return this.statusOptions.reduce((e, n) => (this.status === n.value && n.value !== t.PAUSE || n.value === t.BREAK_OUT || e.push(n), e), []);
+		},
+		duration() {
+			return typeof this.statusDuration == "string" ? this.statusDuration : this.statusDuration === void 0 ? this.selectedOption.text : n(this.statusDuration);
+		}
+	},
+	methods: {
+		inputHandler(e) {
+			this.$emit("change", e.value);
+		},
+		closedHandler(e) {
+			this.$emit("closed", e);
+		}
+	}
+};
+function u(e, t, n, c, l, u) {
+	let d = o("wt-indicator"), f = o("wt-select");
+	return a(), r(f, {
+		clearable: !1,
+		options: u.availableOptions,
+		searchable: !1,
+		value: u.selectedOption,
+		class: "wt-status-select",
+		"track-by": "value",
+		onClosed: u.closedHandler,
+		onInput: u.inputHandler
+	}, {
+		singleLabel: s(({ option: e }) => [i(d, {
+			color: e.color,
+			text: u.duration
+		}, null, 8, ["color", "text"])]),
+		option: s(({ option: e }) => [i(d, {
+			color: e.color,
+			text: e.text
+		}, null, 8, ["color", "text"])]),
+		_: 1
+	}, 8, [
+		"options",
+		"value",
+		"onClosed",
+		"onInput"
+	]);
+}
+var d = /*#__PURE__*/ e(l, [["render", u], ["__scopeId", "data-v-580212cb"]]);
+//#endregion
+export { d as default };