@webitel/ui-sdk 26.6.81 → 26.6.83

package/dist/{wt-chat-emoji-CSuQT5Vb.js → wt-chat-emoji-D4dD09cG.js}

@@ -1,4 +1,4 @@
-import "./components-B8_ZV_PF.js";
+import "./components-B2L1ZiHW.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-dC4nOW56.js";

package/dist/{wt-display-chip-items-CesI8QLx.js → wt-display-chip-items-CSqQ0S_z.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-B8_ZV_PF.js";
+import { C as e, i as t } from "./components-B2L1ZiHW.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.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-expansion-card-IE8wNONx.js → wt-expansion-card-BANe4zX2.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-BtjgpN_Q.js";
+import "./composables-DEdhzUqN.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-card/wt-expansion-card.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-galleria-UzlXk6Xn.js → wt-galleria-YxNez7SX.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
-import { a as n, o as r } from "./composables-BtjgpN_Q.js";
+import { a as n, o as r } from "./composables-DEdhzUqN.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 = () => {

package/dist/{wt-send-message-popup-DkAlpARA.js → wt-send-message-popup-D1SPWpd0.js}

@@ -1,5 +1,5 @@
-import { n as e, r as t } from "./clients-CIZxqjbV.js";
-import { n } from "./components-B8_ZV_PF.js";
+import { n as e, r as t } from "./clients-IxWZVjVW.js";
+import { n } from "./components-B2L1ZiHW.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.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

package/dist/{wt-table-BMyEF8Xb.js → wt-table-CPGSqs5Z.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./composables-BtjgpN_Q.js";
+import { t as i } from "./composables-DEdhzUqN.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDirective as w, toDisplayString as T, useSlots as E, useTemplateRef as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
 //#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-table__td__actions" }, N = 10, P = /*#__PURE__*/ e(/* @__PURE__ */ m({

package/dist/{wt-type-extension-value-input-6SFJF1XM.js → wt-type-extension-value-input-C0NYBiHc.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-CIZxqjbV.js";
-import { a as t, o as n, r, s as i } from "./components-B8_ZV_PF.js";
+import { t as e } from "./clients-IxWZVjVW.js";
+import { a as t, o as n, r, s as i } from "./components-B2L1ZiHW.js";
 import { t as a } from "./enums-De8CDKZ1.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";

package/dist/{wt-vidstack-player-RqPsPq-u.js → wt-vidstack-player-BhGCF8P9.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-B8_ZV_PF.js";
+import { w as e } from "./components-B2L1ZiHW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-dC4nOW56.js";

package/package.json

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

package/src/components/_internals/composables/useSelect/useSelect.ts

@@ -17,6 +17,7 @@ export const useSelect = ({
 	searchMethod,
 	selectId,
 	isSingle,
+	disabledOptions = undefined,
 	emit = () => {},
 }) => {
 	const {
@@ -31,6 +32,7 @@ export const useSelect = ({
 		resetAndFetch,
 		filterOptions,
 		updateSelectedOptionsCache,
+		isOptionDisabled,
 	} = useSelectOptions({
 		selected,
 		options,
@@ -39,6 +41,7 @@ export const useSelect = ({
 		dataKey,
 		allowCustomValues,
 		searchMethod,
+		disabledOptions,
 	});
 
 	const {
@@ -110,5 +113,6 @@ export const useSelect = ({
 		onDropdownHide,
 		onInputKeydown,
 		clearValue,
+		isOptionDisabled,
 	};
 };

package/src/components/_internals/composables/useSelect/useSelectOptions.ts

@@ -16,6 +16,7 @@ export const useSelectOptions = ({
 	dataKey,
 	allowCustomValues,
 	searchMethod,
+	disabledOptions,
 }) => {
 	const { t } = useI18n();
 	const defaultOptionLabel = 'name';
@@ -227,6 +228,21 @@ export const useSelectOptions = ({
 		},
 	);
 
+	const isOptionDisabled = (option: unknown): boolean => {
+		if (!disabledOptions?.value) return false;
+		return Array.isArray(disabledOptions.value)
+			? (disabledOptions.value as unknown[]).some(
+					(d) =>
+						d != null &&
+						typeof d === 'object' &&
+						option != null &&
+						typeof option === 'object' &&
+						(d as Record<string, unknown>)[dataKey.value] ===
+							(option as Record<string, unknown>)[dataKey.value],
+				)
+			: Boolean(disabledOptions.value);
+	};
+
 	return {
 		filterText,
 		filteredOptions,
@@ -239,5 +255,6 @@ export const useSelectOptions = ({
 		resetAndFetch,
 		filterOptions,
 		updateSelectedOptionsCache,
+		isOptionDisabled,
 	};
 };

package/src/components/wt-multi-select/wt-multi-select.vue

@@ -25,7 +25,7 @@
       :auto-option-focus="true"
       :disabled="disabled"
       :placeholder="placeholder || label"
-      :option-disabled="() => disabledOptions"
+      :option-disabled="isOptionDisabled"
       :options="filteredOptions"
       :option-label="(option) => getOptionLabel(option)"
       :option-value="optionValue"
@@ -44,7 +44,7 @@
       @before-show="onDropdownBeforeShow"
       @before-hide="onDropdownBeforeHide"
       @show="onDropdownShow"
-      @hide="onDropdownHide"
+      @hide="handleDropdownHide"
     >
       <template v-if="!chipsView" #value="{ value, placeholder }">
         <span v-if="value && value.length">
@@ -141,9 +141,9 @@ interface Props extends SelectProps {
 	required?: boolean;
 	disabled?: boolean;
 	/**
-	 * true disables all options but keeps dropdown visible
+	 * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
 	 */
-	disabledOptions?: boolean;
+	disabledOptions?: boolean | unknown[];
 	/**
 	 * false disables options search
 	 */
@@ -209,6 +209,7 @@ const emit = defineEmits<{
 		value: string,
 	];
 	reset: [];
+	hide: [];
 }>();
 
 const {
@@ -225,6 +226,7 @@ const {
 	filterOptions,
 	onInputKeydown,
 	clearValue,
+	isOptionDisabled,
 } = useSelect({
 	selected: model,
 	options: computed(() => props.options),
@@ -238,6 +240,7 @@ const {
 	searchMethod: computed(() => props.searchMethod),
 	selectId: computed(() => selectId),
 	isSingle: false,
+	disabledOptions: computed(() => props.disabledOptions),
 	emit,
 });
 
@@ -259,6 +262,11 @@ const hasLabel = computed(() => {
 const requiredLabel = computed(() => {
 	return props.required ? `${props.label}*` : props.label;
 });
+
+const handleDropdownHide = () => {
+	onDropdownHide();
+	emit('hide');
+};
 </script>
 
 <style scoped>

package/src/components/wt-single-select/wt-single-select.vue

@@ -22,7 +22,7 @@
       :focus-on-hover="false"
       :disabled="disabled"
       :placeholder="placeholder || label"
-      :option-disabled="() => disabledOptions"
+      :option-disabled="isOptionDisabled"
       :options="filteredOptions"
       :option-label="(option) => getOptionLabel(option)"
       :option-value="optionValue"
@@ -37,7 +37,7 @@
       @before-show="onDropdownBeforeShow"
       @before-hide="onDropdownBeforeHide"
       @show="onDropdownShow"
-      @hide="onDropdownHide"
+      @hide="handleDropdownHide"
     >
       <template #header>
         <wt-input-text
@@ -118,9 +118,9 @@ interface Props extends SelectProps {
 	disabled?: boolean;
 	size?: string | null;
 	/**
-	 * true disables all options but keeps dropdown visible
+	 * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
 	 */
-	disabledOptions?: boolean;
+	disabledOptions?: boolean | unknown[];
 	/**
 	 * false disables options search
 	 */
@@ -176,6 +176,7 @@ const model = defineModel<string>({
 
 const emit = defineEmits<{
 	reset: [];
+	hide: [];
 }>();
 
 const selectId = `select-${Math.random().toString(36).slice(2, 11)}`;
@@ -197,6 +198,7 @@ const {
 	filterOptions,
 	onInputKeydown,
 	clearValue,
+	isOptionDisabled,
 } = useSelect({
 	selected: model,
 	options: computed(() => props.options),
@@ -209,6 +211,7 @@ const {
 	searchMethod: computed(() => props.searchMethod),
 	selectId: computed(() => selectId),
 	isSingle: true,
+	disabledOptions: computed(() => props.disabledOptions),
 	emit,
 });
 
@@ -230,6 +233,11 @@ const hasLabel = computed(() => {
 const requiredLabel = computed(() => {
 	return props.required ? `${props.label}*` : props.label;
 });
+
+const handleDropdownHide = () => {
+	onDropdownHide();
+	emit('hide');
+};
 </script>
 
 <style scoped>

package/types/components/_internals/composables/useSelect/useSelect.d.ts

@@ -1,4 +1,4 @@
-export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, emit, }: {
+export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, disabledOptions, emit, }: {
     selected: any;
     options: any;
     optionLabel: any;
@@ -11,6 +11,7 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
     searchMethod: any;
     selectId: any;
     isSingle: any;
+    disabledOptions?: any;
     emit?: () => void;
 }) => {
     isLoading: import("vue").Ref<boolean, boolean>;
@@ -27,4 +28,5 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
     onDropdownHide: () => void;
     onInputKeydown: () => void;
     clearValue: () => void;
+    isOptionDisabled: (option: unknown) => boolean;
 };

package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const useSelectOptions: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, searchMethod, }: {
+export declare const useSelectOptions: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, searchMethod, disabledOptions, }: {
     selected: any;
     options: any;
     optionLabel: any;
@@ -6,6 +6,7 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     dataKey: any;
     allowCustomValues: any;
     searchMethod: any;
+    disabledOptions: any;
 }) => {
     filterText: import("vue").Ref<string, string>;
     filteredOptions: import("vue").Ref<any, any>;
@@ -18,4 +19,5 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     resetAndFetch: (search?: string) => void;
     filterOptions: (value: any) => void;
     updateSelectedOptionsCache: () => void;
+    isOptionDisabled: (option: unknown) => boolean;
 };

package/types/components/wt-datepicker/wt-datepicker.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     focus: () => any;
     keydown: () => any;
     "update:modelValue": (...args: unknown[]) => any;
-    show: () => any;
     hide: () => any;
+    show: () => any;
     "value-change": () => any;
     "date-select": () => any;
     "today-click": () => any;
@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onFocus?: () => any;
     onKeydown?: () => any;
     "onUpdate:modelValue"?: (...args: unknown[]) => any;
-    onShow?: () => any;
     onHide?: () => any;
+    onShow?: () => any;
     "onValue-change"?: () => any;
     "onDate-select"?: () => any;
     "onToday-click"?: () => any;

package/types/components/wt-multi-select/wt-multi-select.vue.d.ts

@@ -5,9 +5,9 @@ interface Props extends SelectProps {
     required?: boolean;
     disabled?: boolean;
     /**
-     * true disables all options but keeps dropdown visible
+     * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
      */
-    disabledOptions?: boolean;
+    disabledOptions?: boolean | unknown[];
     /**
      * false disables options search
      */
@@ -59,10 +59,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     reset: () => any;
     "update:modelValue": (value: any[]) => any;
     "add:custom-value": (value: string) => any;
+    hide: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onReset?: () => any;
     "onUpdate:modelValue"?: (value: any[]) => any;
     "onAdd:custom-value"?: (value: string) => any;
+    onHide?: () => any;
 }>, {
     options: unknown[];
     customValidators: unknown[];

package/types/components/wt-popover/wt-popover.vue.d.ts

@@ -20,11 +20,11 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     show: (event?: Event, target?: HTMLElement | null | undefined) => void;
     hide: (event?: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: () => any;
     hide: () => any;
+    show: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onShow?: () => any;
     onHide?: () => any;
+    onShow?: () => any;
 }>, {
     dt: import("@primevue/core").DesignToken<any>;
     disabled: boolean;

package/types/components/wt-single-select/wt-single-select.vue.d.ts

@@ -6,9 +6,9 @@ interface Props extends SelectProps {
     disabled?: boolean;
     size?: string | null;
     /**
-     * true disables all options but keeps dropdown visible
+     * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
      */
-    disabledOptions?: boolean;
+    disabledOptions?: boolean | unknown[];
     /**
      * false disables options search
      */
@@ -62,9 +62,11 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reset: () => any;
     "update:modelValue": (value: string) => any;
+    hide: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onReset?: () => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    onHide?: () => any;
 }>, {
     options: unknown[];
     customValidators: unknown[];

package/types/components/wt-tooltip/_internals/wt-tooltip-floating.vue.d.ts

@@ -10,16 +10,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => any[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: (...args: any[]) => void;
     hide: (...args: any[]) => void;
+    show: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     triggers: {
         type: ArrayConstructor;
         default: () => any[];
     };
 }>> & Readonly<{
-    onShow?: (...args: any[]) => any;
     onHide?: (...args: any[]) => any;
+    onShow?: (...args: any[]) => any;
 }>, {
     triggers: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;