@webitel/ui-sdk 26.6.34 → 26.6.35

package/dist/wt-confirm-dialog-DCUitG2v.js

@@ -0,0 +1,70 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, mergeProps as a, openBlock as o, ref as s, renderSlot as c, resolveComponent as l, toDisplayString as u, unref as d, useAttrs as f, withCtx as p } from "vue";
+//#region src/components/wt-confirm-dialog/wt-confirm-dialog.vue
+var m = { class: "wt-confirm-dialog__content" }, h = { class: "wt-confirm-dialog__message" }, g = /*#__PURE__*/ e({
+	__name: "wt-confirm-dialog",
+	props: {
+		title: {
+			type: String,
+			required: !0
+		},
+		deleteMessage: {
+			type: String,
+			default: ""
+		},
+		subject: {
+			type: String,
+			default: ""
+		},
+		callback: {
+			type: Function,
+			required: !0
+		}
+	},
+	emits: ["close", "confirm"],
+	setup(e, { emit: g }) {
+		let _ = e, v = g, y = f(), b = s(!1);
+		function x() {
+			v("close");
+		}
+		async function S() {
+			try {
+				b.value = !0, await _.callback(), x();
+			} finally {
+				b.value = !1;
+			}
+		}
+		return (s, f) => {
+			let g = l("wt-button"), _ = l("wt-popup");
+			return o(), t(_, a(d(y), {
+				class: "wt-confirm-dialog",
+				size: "sm"
+			}, { onClose: x }), {
+				title: p(() => [r(u(e.title), 1)]),
+				main: p(() => [c(s.$slots, "main", {}, () => [n("div", m, [n("p", h, u(e.deleteMessage ? e.deleteMessage : s.$t("webitelUI.deleteConfirmationPopup.askingAlert", { subject: e.subject })), 1)])], !0)]),
+				actions: p(() => [c(s.$slots, "actions", {
+					isDeleting: b.value,
+					confirm: S,
+					close: x
+				}, () => [i(g, {
+					disabled: b.value,
+					color: "secondary",
+					onClick: x
+				}, {
+					default: p(() => [r(u(s.$t("reusable.cancel")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["disabled"]), i(g, {
+					loading: b.value,
+					color: "error",
+					onClick: S
+				}, {
+					default: p(() => [r(u(s.$t("reusable.delete")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["loading"])], !0)]),
+				_: 3
+			}, 16);
+		};
+	}
+}, [["__scopeId", "data-v-517c5b4a"]]);
+//#endregion
+export { g as default };

package/dist/wt-context-menu-yW52oF-2.js

@@ -0,0 +1,89 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, guardReactiveProps as o, normalizeClass as s, normalizeProps as c, normalizeStyle as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, toDisplayString as m, withCtx as h, withModifiers as g } from "vue";
+//#region src/components/wt-context-menu/wt-context-menu.vue
+var _ = { class: "wt-context-menu" }, v = ["onClick"], y = /*#__PURE__*/ e({
+	__name: "wt-context-menu",
+	props: {
+		options: {
+			type: Array,
+			required: !0,
+			description: "[{ text, disabled, ... anything you need }]"
+		},
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		width: {
+			type: [String],
+			default: "auto"
+		},
+		minWidth: {
+			type: [String],
+			default: "160px"
+		},
+		maxWidth: {
+			type: [String],
+			default: "300px"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		pt: {
+			type: Object,
+			default: () => null
+		},
+		tooltipTriggers: {
+			type: Array,
+			default: () => ["click", "touch"]
+		}
+	},
+	emits: ["click", "update:visible"],
+	setup(e, { emit: y }) {
+		let b = y;
+		function x({ option: e, index: t, hide: n }) {
+			b("click", {
+				option: e,
+				index: t
+			}), n();
+		}
+		return (y, b) => {
+			let S = p("wt-popover");
+			return u(), n("div", _, [a(S, {
+				visible: e.visible,
+				disabled: e.disabled,
+				pt: e.pt,
+				unstyled: "",
+				placement: "bottom-end",
+				class: "wt-context-menu__floating-wrapper"
+			}, {
+				activator: h(({ toggle: e, show: t }) => [f(y.$slots, "activator", c(o({
+					toggle: e,
+					show: t
+				})), void 0, !0)]),
+				default: h(({ hide: a }) => [r("ul", {
+					style: l(`width: ${e.width}; min-width: ${e.minWidth}; max-width: ${e.maxWidth};`),
+					class: "wt-context-menu__menu typo-body-2"
+				}, [(u(!0), n(t, null, d(e.options, (e, t) => (u(), n("li", {
+					key: t,
+					class: "wt-context-menu__option-wrapper"
+				}, [r("a", {
+					class: s([[{ "wt-context-menu__option--disabled": e.disabled }], "wt-context-menu__option"]),
+					href: "#",
+					onClick: g((n) => x({
+						option: e,
+						index: t,
+						hide: a
+					}), ["prevent"])
+				}, [f(y.$slots, "option", c(o(e)), () => [i(m(e.text || e), 1)], !0)], 10, v)]))), 128))], 4)]),
+				_: 3
+			}, 8, [
+				"visible",
+				"disabled",
+				"pt"
+			])]);
+		};
+	}
+}, [["__scopeId", "data-v-fdfb8299"]]);
+//#endregion
+export { y as default };

package/dist/wt-copy-action-d9gVzAsB.js

@@ -0,0 +1,38 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createBlock as t, mergeProps as n, openBlock as r, resolveComponent as i, resolveDirective as a, withDirectives as o } from "vue";
+import s from "clipboard-copy";
+//#region src/components/wt-copy-action/wt-copy-action.vue
+var c = null, l = {
+	name: "WtCopyAction",
+	props: {
+		value: { type: String },
+		tooltips: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	data: () => ({ copied: !1 }),
+	computed: {
+		copyTooltip() {
+			return this.tooltips.copy || this.$t("webitelUI.copyAction.copy");
+		},
+		copiedTooltip() {
+			return this.tooltips.copied || this.$t("webitelUI.copyAction.copied");
+		}
+	},
+	methods: { async copy() {
+		await s(this.value), this.copied = this.value, c && window.clearTimeout(c), c = setTimeout(() => {
+			this.copied = null;
+		}, 1500);
+	} }
+};
+function u(e, s, c, l, u, d) {
+	let f = i("wt-icon-btn"), p = a("tooltip");
+	return o((r(), t(f, n(e.$attrs, {
+		icon: e.copied ? "done" : "copy",
+		class: "copy-action"
+	}, { onClick: d.copy }), null, 16, ["icon", "onClick"])), [[p, e.copied ? d.copiedTooltip : d.copyTooltip]]);
+}
+var d = /*#__PURE__*/ e(l, [["render", u]]);
+//#endregion
+export { d as default };