@webitel/ui-sdk 26.6.34 → 26.6.36

package/dist/wt-expansion-panel-C_EXvx1d.js

@@ -0,0 +1,40 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as t } from "./enums-pbYAJNeb.js";
+import { t as n } from "./useExpansion-DVdIpoOn.js";
+import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
+import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
+//#region src/components/wt-expansion-panel/wt-expansion-panel.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "wt-expansion-panel-actions" }, x = { class: "wt-expansion-panel-body" }, S = /*#__PURE__*/ e(/* @__PURE__ */ s({
+	__name: "wt-expansion-panel",
+	props: {
+		size: { default: t.MD },
+		collapsed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["opened", "closed"],
+	setup(e, { emit: t }) {
+		let s = e, S = t, { opened: C, open: w, toggle: T } = n(m(s, "collapsed"), S);
+		return (e, t) => {
+			let n = p("wt-icon");
+			return d(), i("div", { class: l([[`wt-expansion-panel--${s.size}`], "wt-expansion-panel"]) }, [a("div", {
+				class: l([[s.size === "sm" ? "typo-subtitle-2" : "typo-subtitle-1"], "wt-expansion-panel-header"]),
+				tabindex: "0",
+				onClick: t[0] ||= (...e) => h(T) && h(T)(...e),
+				onKeypress: t[1] ||= y((...e) => h(T) && h(T)(...e), ["enter"])
+			}, [f(e.$slots, "title", {}, void 0, !0), a("div", b, [f(e.$slots, "actions", u(c({
+				open: h(w),
+				opened: h(C)
+			})), void 0, !0), o(n, {
+				class: l([{ "wt-expansion-panel-arrow--opened": h(C) }, "wt-expansion-panel-arrow"]),
+				icon: "arrow-right"
+			}, null, 8, ["class"])])], 34), v(o(r, null, {
+				default: _(() => [a("div", x, [f(e.$slots, "default", {}, void 0, !0)])], void 0, !0),
+				_: 3
+			}, 512), [[g, h(C)]])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-a0c6afd9"]]);
+//#endregion
+export { S as default };

package/dist/wt-filters-panel-wrapper-Cc9b3aci.js

@@ -0,0 +1,51 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveComponent as s } from "vue";
+//#region src/components/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue
+var c = {
+	name: "FiltersPanelWrapper",
+	props: {
+		tableActionIcons: {
+			type: Array,
+			default: () => ["filter-reset", "settings"]
+		},
+		isOpened: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	data() {
+		return {
+			localIsOpened: this.isOpened,
+			filtersCount: 0
+		};
+	},
+	methods: {
+		tableActionsHandler(e) {
+			switch (e) {
+				case "filterReset":
+					this.resetFilters();
+					break;
+				case "settings":
+					this.toggleFiltersExpansion();
+					break;
+				default:
+			}
+		},
+		toggleFiltersExpansion() {
+			this.localIsOpened = !this.localIsOpened;
+		},
+		resetFilters() {
+			this.$emit("reset");
+		}
+	}
+}, l = { class: "filters-wrap" }, u = { class: "actions-wrap" };
+function d(e, c, d, f, p, m) {
+	let h = s("wt-table-actions");
+	return a(), t("article", { class: i([{ "filters-panel-wrapper--opened": d.isOpened }, "filters-panel-wrapper"]) }, [n("div", l, [o(e.$slots, "default", {}, void 0, !0)]), n("div", u, [r(h, {
+		icons: d.tableActionIcons,
+		onInput: m.tableActionsHandler
+	}, null, 8, ["icons", "onInput"])])], 2);
+}
+var f = /*#__PURE__*/ e(c, [["render", d], ["__scopeId", "data-v-f81aca94"]]);
+//#endregion
+export { f as default };

package/dist/wt-galleria-CWXKuZTD.js

@@ -0,0 +1,224 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./vue-i18n-B8Px6VcD.js";
+import { a as n, o as r } from "./composables-DnDH-KUv.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, resolveComponent as S, toDisplayString as C, unref as w, useAttrs as T, useModel as E, vShow as D, watch as O, withCtx as k, withDirectives as A } from "vue";
+//#region src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.js
+var j = () => {
+	let e = b(!1), t = b(0), n = b(() => {});
+	function r({ deleted: r, callback: i }) {
+		Array.isArray(r) ? t.value = r.length : t.value = 1, e.value = !0, n.value = i;
+	}
+	function i() {
+		e.value = !1;
+	}
+	return {
+		isVisible: e,
+		deleteCount: t,
+		deleteCallback: n,
+		askDeleteConfirmation: r,
+		closeDelete: i
+	};
+}, M = { class: "delete-confirmation-popup__content" }, N = { class: "delete-confirmation-popup__message" }, P = /*#__PURE__*/ e({
+	__name: "delete-confirmation-popup",
+	props: {
+		deleteCount: {
+			type: Number,
+			required: !0
+		},
+		callback: {
+			type: Function,
+			required: !0
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: n }) {
+		let r = e, i = T(), { t: s } = t(), c = a(() => r.deleteCount === 0 ? s("webitelUI.deleteConfirmationPopup.tableAskingAlert", 2, null, { count: s("webitelUI.deleteConfirmationPopup.deleteAll") }) : s("webitelUI.deleteConfirmationPopup.tableAskingAlert", { count: r.deleteCount }, null));
+		return (t, n) => {
+			let r = S("wt-icon"), a = S("wt-button"), s = S("wt-confirm-dialog");
+			return y(), o(s, m(w(i), {
+				class: "delete-confirmation-popup",
+				title: t.$t("webitelUI.deleteConfirmationPopup.title"),
+				callback: e.callback,
+				onClose: n[0] ||= (e) => t.$emit("close")
+			}), {
+				main: k(() => [l("div", M, [d(r, {
+					color: "error",
+					icon: "attention"
+				}), l("p", N, [x(t.$slots, "deleteMessage", {}, () => [u(C(c.value), 1)], !0)])])]),
+				actions: k(({ isDeleting: e, close: n, confirm: r }) => [d(a, {
+					loading: e,
+					onClick: r
+				}, {
+					default: k(() => [u(C(t.$t("vocabulary.yes")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["loading", "onClick"]), d(a, {
+					disabled: e,
+					color: "secondary",
+					onClick: n
+				}, {
+					default: k(() => [u(C(t.$t("vocabulary.no")), 1)], void 0, !0),
+					_: 1
+				}, 8, ["disabled", "onClick"])]),
+				_: 3
+			}, 16, ["title", "callback"]);
+		};
+	}
+}, [["__scopeId", "data-v-95c498c1"]]), F = ["src", "alt"], I = ["src", "alt"], L = { class: "wt-galleria__footer" }, R = {
+	key: 0,
+	class: "wt-galleria__footer-info"
+}, z = { class: "wt-galleria__footer-actions" }, B = /* @__PURE__ */ f({
+	__name: "wt-galleria",
+	props: /*@__PURE__*/ p({
+		value: {},
+		id: {},
+		activeIndex: {},
+		fullScreen: { type: Boolean },
+		visible: { type: Boolean },
+		numVisible: {},
+		responsiveOptions: {},
+		showItemNavigators: { type: Boolean },
+		showThumbnailNavigators: { type: Boolean },
+		showItemNavigatorsOnHover: { type: Boolean },
+		changeItemOnIndicatorHover: { type: Boolean },
+		circular: { type: Boolean },
+		autoPlay: { type: Boolean },
+		transitionInterval: {},
+		showThumbnails: { type: Boolean },
+		thumbnailsPosition: {},
+		verticalThumbnailViewPortHeight: {},
+		showIndicators: { type: Boolean },
+		showIndicatorsOnItem: { type: Boolean },
+		indicatorsPosition: {},
+		baseZIndex: {},
+		maskClass: {},
+		containerStyle: {},
+		containerClass: {},
+		containerProps: {},
+		prevButtonProps: {},
+		nextButtonProps: {},
+		ariaLabel: {},
+		ariaRoledescription: {},
+		dt: {},
+		pt: {},
+		ptOptions: {},
+		unstyled: { type: Boolean }
+	}, {
+		visible: {
+			type: Boolean,
+			required: !0
+		},
+		visibleModifiers: {},
+		activeIndex: {
+			default: 0,
+			required: !1
+		},
+		activeIndexModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["download", "delete"], ["update:visible", "update:activeIndex"]),
+	setup(e, { emit: t }) {
+		let u = e, f = t, p = E(e, "visible"), m = E(e, "activeIndex"), x = a(() => u.value[m.value]), T = b(!0), M = b(!0), { fullScreen: N, toggleFullScreen: B } = r(), { listenMaskElementClick: V, removeMaskElementClick: H } = n(p), { isVisible: U, deleteCount: W, deleteCallback: G, askDeleteConfirmation: K, closeDelete: q } = j(), J = () => {
+			M.value = !M.value;
+		}, Y = () => {
+			T.value = !1;
+		}, X = () => {
+			N.value && B(), K({
+				deleteCount: 1,
+				callback: () => f("delete", m)
+			});
+		};
+		return O(() => x.value, (e, t) => {
+			e?.src !== t?.src && (T.value = !0);
+		}, { deep: !0 }), O(() => p.value, () => {
+			p.value ? h(() => {
+				V();
+			}) : (m.value = 0, H());
+		}), O(() => u.value, () => {
+			u.value.length || (p.value = !1);
+		}), _(() => {
+			p.value && V();
+		}), v(() => {
+			H();
+		}), (t, n) => {
+			let r = S("wt-loader"), a = S("wt-icon"), u = S("p-galleria");
+			return y(), c(i, null, [d(u, {
+				visible: p.value,
+				"onUpdate:visible": n[1] ||= (e) => p.value = e,
+				"active-index": m.value,
+				"onUpdate:activeIndex": n[2] ||= (e) => m.value = e,
+				value: e.value,
+				"show-thumbnails": M.value,
+				"full-screen": "",
+				circular: "",
+				"show-item-navigators": "",
+				"num-visible": 5,
+				pt: {
+					root: { class: [{ "flex flex-col": w(N) }] },
+					content: { class: ["relative", { "wt-galleria__content--fullscreen": w(N) }] },
+					thumbnails: "wt-galleria__thumbnails",
+					closeButton: { style: { display: w(N) ? "none" : "block" } }
+				}
+			}, {
+				item: k(({ item: e }) => [l("div", { class: g(["wt-galleria__image-container", { "wt-galleria__image-container--preview": !w(N) }]) }, [T.value ? (y(), o(r, { key: 0 })) : s("", !0), A(l("img", {
+					class: g(["wt-galleria__image", { "wt-galleria__image--fullscreen": w(N) }]),
+					src: e?.src,
+					alt: e?.title,
+					onLoad: Y
+				}, null, 42, F), [[D, !T.value]])], 2)]),
+				thumbnail: k(({ item: e }) => [l("img", {
+					src: e?.thumbnailSrc,
+					alt: e?.title,
+					class: "wt-galleria__thumbnail"
+				}, null, 8, I)]),
+				closeicon: k(() => [d(a, { icon: "close" })]),
+				previousitemicon: k(() => [d(a, { icon: "arrow-left" })]),
+				nextitemicon: k(() => [d(a, { icon: "arrow-right" })]),
+				previousthumbnailicon: k(() => [d(a, { icon: "arrow-left" })]),
+				nextthumbnailicon: k(() => [d(a, { icon: "arrow-right" })]),
+				footer: k(() => [l("div", L, [
+					d(a, {
+						icon: "tile",
+						onClick: J
+					}),
+					e.value.length ? (y(), c("span", R, [
+						l("span", null, C(m.value + 1) + "/" + C(e.value.length), 1),
+						l("span", null, C(e.value[m.value].title), 1),
+						l("span", null, C(e.value[m.value].description), 1)
+					])) : s("", !0),
+					l("div", z, [
+						d(a, {
+							icon: "download",
+							onClick: n[0] ||= (e) => f("download", m.value)
+						}),
+						d(a, {
+							icon: "bucket",
+							onClick: X
+						}),
+						d(a, {
+							icon: w(N) ? "collapse" : "expand",
+							onClick: w(B)
+						}, null, 8, ["icon", "onClick"])
+					])
+				])]),
+				_: 1
+			}, 8, [
+				"visible",
+				"active-index",
+				"value",
+				"show-thumbnails",
+				"pt"
+			]), d(P, {
+				shown: w(U),
+				callback: w(G),
+				"delete-count": w(W),
+				onClose: w(q)
+			}, null, 8, [
+				"shown",
+				"callback",
+				"delete-count",
+				"onClose"
+			])], 64);
+		};
+	}
+});
+//#endregion
+export { B as default };

package/dist/wt-icon-action-CQlZHMDB.js

@@ -0,0 +1,100 @@
+import { o as e } from "./enums-pbYAJNeb.js";
+import { t } from "./vue-i18n-B8Px6VcD.js";
+import { t as n } from "./sortQueryAdapters-CyYXvnDN.js";
+import { computed as r, createBlock as i, openBlock as a, resolveComponent as o, resolveDirective as s, unref as c, withDirectives as l } from "vue";
+//#region src/components/wt-icon-action/iconMappings.js
+var u = Object.freeze({
+	[e.ADD]: "plus",
+	[e.DELETE]: "bucket",
+	[e.DOWNLOAD]: "download",
+	[e.EDIT]: "edit",
+	[e.HISTORY]: "history",
+	[e.REFRESH]: "refresh",
+	[e.EXPAND]: "expand",
+	[e.COLLAPSE]: "collapse",
+	[e.FILTERS]: "filter",
+	[e.COLUMNS]: "column-select",
+	[e.VARIABLES]: "variable-select",
+	[e.CLOSE]: "close--filled",
+	[e.CANCEL]: "close",
+	[e.CLEAR]: "clear",
+	[e.ADD_FILTER]: "add-filter",
+	[e.SAVE]: "save",
+	[e.SAVE_PRESET]: "save",
+	[e.APPLY_PRESET]: "load-preset",
+	[e.ADD_CONTACT]: "add-contact",
+	[e.DOWNLOAD_PDF]: "download-pdf",
+	[e.CHAT]: "chat"
+}), d = {
+	__name: "wt-icon-action",
+	props: {
+		action: {
+			type: String,
+			required: !0,
+			validator: (t) => Object.values([
+				e.DELETE,
+				e.EDIT,
+				e.ADD,
+				e.HISTORY,
+				e.DOWNLOAD,
+				e.REFRESH,
+				e.SAVE,
+				e.CANCEL,
+				e.SAVE_PRESET,
+				e.APPLY_PRESET,
+				e.ADD_CONTACT,
+				e.DOWNLOAD_PDF,
+				e.CHAT,
+				e.SORT
+			]).includes(t)
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: {
+			type: String,
+			default: "md",
+			required: !1
+		},
+		"sort:order": {
+			type: String,
+			default: null,
+			validator: (e) => Object.values(n).includes(e)
+		}
+	},
+	emits: ["click", "mousedown"],
+	setup(d, { emit: f }) {
+		let p = d, m = f, { t: h } = t(), g = r(() => {
+			if (p.action === e.SORT) return {
+				icon: p["sort:order"] === n.DESC ? "sort-desc" : "sort-asc",
+				hint: "webitelUI.iconAction.hints.sort",
+				hintParams: { order: p["sort:order"] }
+			};
+			let t = u[p.action];
+			return t ? {
+				icon: t,
+				hint: `webitelUI.iconAction.hints.${p.action}`
+			} : (console.error(`Unknown action for wt-icon-action component: ${p.action}`), {
+				icon: "edit",
+				hint: p.action
+			});
+		});
+		return (e, t) => {
+			let n = o("wt-icon-btn"), r = s("tooltip");
+			return l((a(), i(n, {
+				disabled: d.disabled,
+				icon: g.value.icon,
+				size: d.size,
+				onClick: t[0] ||= (e) => m("click", e),
+				onMousedown: t[1] ||= (e) => m("mousedown", e)
+			}, null, 8, [
+				"disabled",
+				"icon",
+				"size"
+			])), [[r, c(h)(g.value.hint, g.value.hintParams)]]);
+		};
+	}
+};
+//#endregion
+export { d as t };

package/dist/wt-icon-btn-CjjI4cgE.js

@@ -0,0 +1,107 @@
+import { t as e } from "./wt-icon-pxO7IjwV.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, useModel as v, useSlots as y, withCtx as b } from "vue";
+//#region src/components/wt-checkbox/wt-checkbox.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "wt-checkbox" }, S = { class: "wt-checkbox__checkmark" }, C = {
+	key: 0,
+	class: "wt-checkbox__label"
+}, w = /*#__PURE__*/ t(/* @__PURE__ */ c({
+	__name: "wt-checkbox",
+	props: /*@__PURE__*/ u({
+		value: {
+			type: [String, Boolean],
+			default: ""
+		},
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {},
+		defaultValue: {},
+		name: {},
+		binary: { type: Boolean },
+		indeterminate: { type: Boolean },
+		size: {},
+		invalid: { type: Boolean },
+		variant: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		tabindex: {},
+		trueValue: {},
+		falseValue: {},
+		inputId: {},
+		inputClass: {},
+		inputStyle: {},
+		ariaLabelledby: {},
+		ariaLabel: {},
+		formControl: {},
+		dt: {},
+		pt: {},
+		ptOptions: {},
+		unstyled: { type: Boolean }
+	}, {
+		selected: {
+			type: [Boolean, Array],
+			required: !0
+		},
+		selectedModifiers: {}
+	}),
+	emits: ["update:selected"],
+	setup(e) {
+		let t = e, c = v(e, "selected"), u = `checkbox-${Math.random().toString(36).slice(2, 11)}`, d = y(), f = n(() => t.label || d.label), w = n(() => !Array.isArray(c.value)), T = n(() => w.value ? c.value : c.value.includes(t.value)), E = n(() => T.value ? "checkbox-tick" : ""), D = n(() => t.disabled ? "disabled" : T.value ? "active" : null);
+		return (t, n) => {
+			let d = g("wt-icon"), v = g("p-checkbox"), y = g("wt-label");
+			return m(), a("div", x, [s(v, {
+				modelValue: c.value,
+				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
+				binary: w.value,
+				disabled: e.disabled,
+				"input-id": u,
+				value: e.value
+			}, {
+				icon: b(() => [o("span", S, [s(d, {
+					color: D.value,
+					icon: E.value
+				}, null, 8, ["color", "icon"])])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"binary",
+				"disabled",
+				"value"
+			]), f.value ? (m(), r(y, {
+				key: 0,
+				disabled: e.disabled
+			}, {
+				default: b(() => [h(t.$slots, "label", p(l({
+					label: e.label,
+					isChecked: T.value,
+					disabled: e.disabled
+				})), () => [e.label ? (m(), a("div", C, _(e.label), 1)) : i("", !0)], !0)], void 0, !0),
+				_: 3
+			}, 8, ["disabled"])) : i("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-3e8be35d"]]), T = /*#__PURE__*/ t(/* @__PURE__ */ c({
+	__name: "wt-icon-btn",
+	props: { disabled: {
+		type: Boolean,
+		default: !1
+	} },
+	emits: ["click", "mousedown"],
+	setup(t, { emit: n }) {
+		let r = n;
+		return (n, i) => (m(), a("button", {
+			class: f([{ "wt-icon-btn--disabled": t.disabled }, "wt-icon-btn"]),
+			type: "button",
+			onClick: i[0] ||= (e) => r("click", e),
+			onMousedown: i[1] ||= (e) => r("mousedown", e)
+		}, [s(e, d({
+			...n.$attrs,
+			class: ""
+		}, { disabled: t.disabled }), null, 16, ["disabled"])], 34));
+	}
+}), [["__scopeId", "data-v-40408333"]]);
+//#endregion
+export { w as n, T as t };