@webitel/ui-sdk 26.8.113 → 26.8.115

package/dist/{wt-chat-emoji-BATwPh2q.js → wt-chat-emoji-XqtVJGt6.js}

@@ -1,4 +1,4 @@
-import "./components-DJVzkzrr.js";
+import "./components-BolsnzIT.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { m as t } from "./enums-CsINFPBu.js";
 import { t as n } from "./wt-button-rUZKbswL.js";

package/dist/{wt-display-chip-items-N20vx27z.js → wt-display-chip-items-ccySRTF6.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DJVzkzrr.js";
+import { C as e, i as t } from "./components-BolsnzIT.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DHSDTqJG.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-DSZ7srx4.js → wt-send-message-popup-DpiVLOyU.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-DJVzkzrr.js";
-import "./convertDuration-BOe9PsRT.js";
-import { i as t, r as n } from "./clients-CWniSi77.js";
+import { n as e } from "./components-BolsnzIT.js";
+import "./convertDuration-CW5qzlwH.js";
+import { i as t, r as n } from "./clients-DW43tqs7.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent 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";

package/dist/{wt-status-select-Bgtu5WrX.js → wt-status-select-Lv7jWPLJ.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./convertDuration-BOe9PsRT.js";
+import { t as e } from "./convertDuration-CW5qzlwH.js";
 import { T as t, m as n } from "./enums-CsINFPBu.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { computed as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, resolveComponent as l, unref as u, withCtx as d } from "vue";

package/dist/{wt-type-extension-value-input-B1-ScgJm.js → wt-type-extension-value-input-CSu8XVEX.js}

@@ -1,8 +1,8 @@
 import { a as e, c as t, i as n, n as r, r as i, s as a, t as o } from "./dist-EXdgfpvN.js";
 import { n as s } from "./genClient-CvWlQ0TZ.js";
 import { a as c } from "./caseConverters-DGri4uJo.js";
-import { a as l, o as u, r as d, s as f } from "./components-DJVzkzrr.js";
-import { a as p, n as m, t as h } from "./clients-CWniSi77.js";
+import { a as l, o as u, r as d, s as f } from "./components-BolsnzIT.js";
+import { a as p, n as m, t as h } from "./clients-DW43tqs7.js";
 import { a as g, b as _, d as v, f as y, g as b, i as x, n as S, o as C, r as w, s as T, t as E, y as D } from "./enums-CsINFPBu.js";
 import { n as ee, t as te } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-pXV44Y3v.js";

package/dist/{wt-vidstack-player-C_EdEZ8v.js → wt-vidstack-player-CMVy1tcE.js}

@@ -1,5 +1,5 @@
-import { w as e } from "./components-DJVzkzrr.js";
-import "./convertDuration-BOe9PsRT.js";
+import { w as e } from "./components-BolsnzIT.js";
+import "./convertDuration-CW5qzlwH.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { m as n } from "./enums-CsINFPBu.js";
 import "./wt-button-rUZKbswL.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.113",
+	"version": "26.8.115",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/wt-popup/wt-popup.vue

@@ -1,7 +1,9 @@
 <template>
   <div
-v-show="showPopupComponent" :class="[`wt-popup--size-${size}`, { 'wt-popup--overflow': overflow }]"
-    class="wt-popup">
+    v-show="showPopupComponent"
+    :class="[`wt-popup--size-${size}`, { 'wt-popup--overflow': overflow }]"
+    class="wt-popup"
+  >
     <!--    &lt;!&ndash;  @slot check source code for scoped bindings :( &ndash;&gt;-->
     <!--    <slot-->
     <!--      class="wt-popup-activator"-->
@@ -17,7 +19,11 @@ v-show="showPopupComponent" :class="[`wt-popup--size-${size}`, { 'wt-popup--over
     <!--    />-->
 
     <transition-slide :offset="[0, -1440 / 2]">
-      <aside v-if="wrapperShown" class="wt-popup__popup">
+      <aside
+        v-if="wrapperShown"
+        class="wt-popup__popup"
+        :style="height ? { height } : undefined"
+      >
         <header class="wt-popup__header typo-subtitle-1">
           <slot name="header">
             <h3 class="wt-popup__title">
@@ -51,6 +57,7 @@ interface Props {
 	 */
 	shown?: boolean;
 	size?: ComponentSize;
+	height?: string;
 	/**
 	 * if true, popup contents will overflow popup container, without scrolling
 	 * useful for small popups with select components, which have not enough space
@@ -69,6 +76,7 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
 	shown: true, // TODO: change me to false after refactor
 	size: ComponentSize.MD,
+	height: undefined,
 	overflow: false,
 	disabled: false,
 	closable: true,

package/src/composables/index.ts

@@ -4,5 +4,6 @@ export * from './useCard/useCardComponent';
 export * from './useClose/useClose';
 export * from './useDestroyableSortable/useDestroyableSortable';
 export * from './useEventBus/useEventBus';
+export * from './useMinDurationLoader/useMinDurationLoader';
 export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
 export * from './useValidate/useValidate';

package/src/composables/useMinDurationLoader/useMinDurationLoader.ts

@@ -0,0 +1,30 @@
+import { type Ref, ref } from 'vue';
+
+export interface UseMinDurationLoaderReturn {
+	isLoading: Ref<boolean>;
+	runWithMinDuration: <T>(action: () => Promise<T>) => Promise<T>;
+}
+
+export const useMinDurationLoader = (
+	minDurationMs = 500,
+): UseMinDurationLoaderReturn => {
+	const isLoading = ref(false);
+
+	const runWithMinDuration = async <T>(
+		action: () => Promise<T>,
+	): Promise<T> => {
+		isLoading.value = true;
+		try {
+			return await action();
+		} finally {
+			setTimeout(() => {
+				isLoading.value = false;
+			}, minDurationMs);
+		}
+	};
+
+	return {
+		isLoading,
+		runWithMinDuration,
+	};
+};