@webitel/ui-sdk 26.6.27 → 26.6.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{contacts-DSkMbpCC.js → contacts-DLW9yvO8.js} +2 -2
- package/dist/{index--tI6yyEE.js → index-Cp8mG_2M.js} +1 -1
- package/dist/{install-ceMCd5_G.js → install-B9mEbC1e.js} +3284 -3252
- package/dist/{isObject-LiccjLvW.js → isObject-yDOUUStW.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +218 -218
- package/dist/{useVidstackSrc-DSo-Z-HQ.js → useVidstackSrc-BjeA9ubC.js} +1 -1
- package/dist/{vidstack-Bq6c3Bam-Dxa6Uf3X.js → vidstack-Bq6c3Bam-oa_7s4BN.js} +3 -3
- package/dist/{vidstack-D2pY00kU-yL5QC8d9.js → vidstack-D2pY00kU-C9DkrNYH.js} +3 -3
- package/dist/{vidstack-DDXt6fpN-Dl6hyDys.js → vidstack-DDXt6fpN-BVX_DbWM.js} +2 -2
- package/dist/{vidstack-D_-9AA6_-DfUU-csq.js → vidstack-D_-9AA6_-CO4p24N2.js} +2 -2
- package/dist/{vidstack-DqAw8m9J-Dsx9jnEU.js → vidstack-DqAw8m9J-BmQtGhCq.js} +1 -1
- package/dist/{vidstack-audio-bvI6IXPQ.js → vidstack-audio-qxutyjXd.js} +2 -2
- package/dist/{vidstack-dash-Dj_H5loF.js → vidstack-dash-DXpC2B7V.js} +4 -4
- package/dist/{vidstack-google-cast-BjbhHW6e.js → vidstack-google-cast-DfK1w6sp.js} +4 -4
- package/dist/{vidstack-hls-CDM_NK_O.js → vidstack-hls-CBP6osQU.js} +4 -4
- package/dist/{vidstack-video-C_x4J7Tc.js → vidstack-video-BzR7wfF_.js} +3 -3
- package/dist/{vidstack-vimeo-Big8qvs2.js → vidstack-vimeo-hJz9j1yq.js} +4 -4
- package/dist/{vidstack-youtube-CI8OkYi9.js → vidstack-youtube-C9EPGNRn.js} +3 -3
- package/dist/{wt-action-bar-D8Ohpv_P.js → wt-action-bar-WK8bdNNw.js} +1 -1
- package/dist/{wt-button-select-BDBwo7gN.js → wt-button-select-nng9rba1.js} +1 -1
- package/dist/{wt-call-media-action-CHwokshE.js → wt-call-media-action-BwJxmxbn.js} +1 -1
- package/dist/{wt-chat-emoji-rZ2_7sRF.js → wt-chat-emoji-Butxeu9m.js} +2 -2
- package/dist/{wt-confirm-dialog-BJecuNae.js → wt-confirm-dialog-DLavcOQ7.js} +1 -1
- package/dist/{wt-context-menu-DvZ5NWBL.js → wt-context-menu-dpzPCs0o.js} +1 -1
- package/dist/{wt-copy-action-BmTMy_Nq.js → wt-copy-action-MpMkvwEf.js} +1 -1
- package/dist/{wt-datepicker-sX464z7h.js → wt-datepicker-FPZz-k6c.js} +1 -1
- package/dist/{wt-display-chip-items-B_LdfC6I.js → wt-display-chip-items-v504dUmI.js} +1 -1
- package/dist/{wt-dual-panel-DLYSup0u.js → wt-dual-panel-DL7fgT5Z.js} +1 -1
- package/dist/{wt-dummy-CJ73hDxw.js → wt-dummy-BDal03X2.js} +1 -1
- package/dist/{wt-error-page-C6GlvcqE.js → wt-error-page-BuqKztx9.js} +1 -1
- package/dist/{wt-expansion-card-B_nm4ttX.js → wt-expansion-card-MkmwVFmn.js} +1 -1
- package/dist/{wt-expansion-panel-DvRcvbXt.js → wt-expansion-panel-G6czHdnt.js} +1 -1
- package/dist/{wt-filters-panel-wrapper-CMJ2N5eQ.js → wt-filters-panel-wrapper-DesBw8zu.js} +1 -1
- package/dist/{wt-galleria-DNv1hLO3.js → wt-galleria-BguKpXFz.js} +1 -1
- package/dist/{wt-inline-add-panel-Bdi92NVK.js → wt-inline-add-panel-BP_IH26g.js} +1 -1
- package/dist/{wt-navigation-menu-zZ6YxmbR.js → wt-navigation-menu-DDbH6a_4.js} +1 -1
- package/dist/{wt-notifications-bar-DuU8LHyQ.js → wt-notifications-bar-B9EeMj0v.js} +2 -2
- package/dist/{wt-pagination-BVELz78t.js → wt-pagination-JY14A0zz.js} +1 -1
- package/dist/{wt-player-CstNIryj.js → wt-player-Da7941cw.js} +2 -2
- package/dist/{wt-screen-recordings-action-Cso_iBUz.js → wt-screen-recordings-action-C4Lu0eoO.js} +1 -1
- package/dist/{wt-search-bar-CCzQST2m.js → wt-search-bar-1avvJHN8.js} +1 -1
- package/dist/{wt-selection-popup-551Ec8vp.js → wt-selection-popup-By0JyBKY.js} +1 -1
- package/dist/{wt-send-message-popup-CHToeQ_o.js → wt-send-message-popup-DE_TMEU8.js} +3 -3
- package/dist/{wt-start-page-DNJz8CBR.js → wt-start-page-BK4hpMxc.js} +1 -1
- package/dist/{wt-status-select-CICx7BaH.js → wt-status-select-C72npK6a.js} +1 -1
- package/dist/{wt-stepper-DbtXRT63.js → wt-stepper-PLD8muvJ.js} +1 -1
- package/dist/{wt-table-Cz4RQ0Dt.js → wt-table-BqxxxReR.js} +1 -1
- package/dist/{wt-table-actions-Bb1F_VBG.js → wt-table-actions-NofW0g8V.js} +1 -1
- package/dist/{wt-table-column-select-CkTivU0i.js → wt-table-column-select-bKAQJCzB.js} +2 -2
- package/dist/{wt-tabs-CImXyfVD.js → wt-tabs-Cizl9G93.js} +1 -1
- package/dist/{wt-timepicker-h3aGNrhX.js → wt-timepicker-B0EgrcYg.js} +1 -1
- package/dist/{wt-tree-vxZ2m37h.js → wt-tree-BzPzKajn.js} +1 -1
- package/dist/{wt-tree-table-DKbjXc57.js → wt-tree-table-Bm3ivGHj.js} +1 -1
- package/dist/{wt-type-extension-value-input-77CLK06k.js → wt-type-extension-value-input--i5w-4w_.js} +3 -3
- package/dist/{wt-vidstack-player-DvVPlmdc.js → wt-vidstack-player-CwqpmBKs.js} +10 -10
- package/package.json +1 -1
- package/src/components/_internals/composables/useSelect/useSelect.ts +4 -0
- package/src/components/_internals/composables/useSelect/useSelectLoader.ts +21 -0
- package/src/components/wt-multi-select/wt-multi-select.vue +18 -2
- package/src/components/wt-single-select/wt-single-select.vue +18 -2
- package/types/components/_internals/composables/useSelect/useSelect.d.ts +1 -0
- package/types/components/_internals/composables/useSelect/useSelectLoader.d.ts +4 -0
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
:options="filteredOptions"
|
|
26
26
|
:option-label="(option) => getOptionLabel(option)"
|
|
27
27
|
:option-value="optionValue"
|
|
28
|
-
:loading="isLoading"
|
|
29
28
|
:data-key="dataKey"
|
|
30
29
|
v-bind="$attrs"
|
|
31
30
|
@before-show="onDropdownBeforeShow"
|
|
@@ -79,6 +78,11 @@
|
|
|
79
78
|
<template #loadingicon>
|
|
80
79
|
<wt-loader :size="ComponentSize.SM" />
|
|
81
80
|
</template>
|
|
81
|
+
<template #footer v-if="showFooterLoader">
|
|
82
|
+
<div class="wt-single-select__footer">
|
|
83
|
+
<wt-loader :size="ComponentSize.SM" />
|
|
84
|
+
</div>
|
|
85
|
+
</template>
|
|
82
86
|
</p-select>
|
|
83
87
|
<wt-message
|
|
84
88
|
v-if="isValidation && validationText"
|
|
@@ -165,7 +169,7 @@ const filterInput = useTemplateRef('filterInput');
|
|
|
165
169
|
const selectRef = useTemplateRef('selectRef');
|
|
166
170
|
|
|
167
171
|
const {
|
|
168
|
-
|
|
172
|
+
showFooterLoader,
|
|
169
173
|
isDropdownOpen,
|
|
170
174
|
filterText,
|
|
171
175
|
filteredOptions,
|
|
@@ -226,4 +230,16 @@ onMounted(() => {
|
|
|
226
230
|
.wt-single-select__option-label {
|
|
227
231
|
user-select: none;
|
|
228
232
|
}
|
|
233
|
+
|
|
234
|
+
.wt-single-select__footer {
|
|
235
|
+
position: absolute;
|
|
236
|
+
width: 100%;
|
|
237
|
+
transform: translateY(-100%);
|
|
238
|
+
background: var(--p-select-overlay-background);
|
|
239
|
+
border-bottom-left-radius: var(--p-select-overlay-border-radius);
|
|
240
|
+
border-bottom-right-radius: var(--p-select-overlay-border-radius);
|
|
241
|
+
display: flex;
|
|
242
|
+
justify-content: center;
|
|
243
|
+
padding: var(--spacing-xs) 0;
|
|
244
|
+
}
|
|
229
245
|
</style>
|
|
@@ -14,6 +14,7 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
|
|
|
14
14
|
emit?: () => void;
|
|
15
15
|
}) => {
|
|
16
16
|
isLoading: import("vue").Ref<boolean, boolean>;
|
|
17
|
+
showFooterLoader: import("vue").Ref<boolean, boolean>;
|
|
17
18
|
isDropdownOpen: import("vue").Ref<boolean, boolean>;
|
|
18
19
|
filterText: import("vue").Ref<string, string>;
|
|
19
20
|
filteredOptions: import("vue").Ref<any, any>;
|