@webitel/ui-sdk 26.8.138 → 26.8.140

package/dist/{useValidation-BO5PKJ7c.js → useValidation-B1EJdGM4.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./enums-CLu6QDOc.js";
+import { u as e } from "./enums-CKer6GJR.js";
 import { n as t } from "./vue-i18n-VBiROMZ4.js";
 import { computed as n, isReactive as r, isRef as i, unref as a } from "vue";
 //#region src/mixins/validationMixin/regle/useRegleValidation.ts

package/dist/{utils-DVfDViCh.js → utils-DQQQIpjz.js}

@@ -1,4 +1,4 @@
-import "./enums-CLu6QDOc.js";
+import "./enums-CKer6GJR.js";
 var e = (e) => e || "-";
 //#endregion
 export { e as t };

package/dist/{wt-action-bar-RruYJ0y6.js → wt-action-bar-CJiWenUy.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./caseConverters-DGri4uJo.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { f as n } from "./enums-CLu6QDOc.js";
-import { t as r } from "./wt-icon-action-DqN65BiE.js";
+import { f as n } from "./enums-CKer6GJR.js";
+import { t as r } from "./wt-icon-action-DnDFrScL.js";
 import { Fragment as i, computed as a, createElementBlock as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m } from "vue";
 //#region src/components/wt-action-bar/WtActionBarActionsOrder.ts
 var h = [

package/dist/{wt-badge-LyfZxvmI.js → wt-badge-B3NI2a3-.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { k as t } from "./enums-CLu6QDOc.js";
+import { k as t } from "./enums-CKer6GJR.js";
 import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, vShow as l, withDirectives as u } from "vue";
 //#region src/components/wt-badge/assets/badge-dnd.svg
 var d = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='4'%20cy='4'%20r='4'%20fill='%23FFC000'/%3e%3crect%20x='2'%20y='3'%20width='4'%20height='2'%20fill='%23F7F7F7'/%3e%3c/svg%3e", f = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'%20fill='%23169C18'/%3e%3cpath%20d='M5%204.80433L5%2011.1958C5%2011.9813%205.86395%2012.4601%206.53%2012.0438L11.6432%208.84808C12.2699%208.45642%2012.2699%207.54376%2011.6432%207.15209L6.53%203.95634C5.86395%203.54005%205%204.0189%205%204.80433Z'%20fill='white'/%3e%3c/svg%3e", p = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8'%20cy='8'%20r='8'%20fill='%23F6AB55'/%3e%3cpath%20d='M6%204C6.55228%204%207%204.44772%207%205L7%2011C7%2011.5523%206.55228%2012%206%2012H5C4.44772%2012%204%2011.5523%204%2011L4%205C4%204.44772%204.44772%204%205%204L6%204Z'%20fill='white'/%3e%3cpath%20d='M11%204C11.5523%204%2012%204.44772%2012%205V11C12%2011.5523%2011.5523%2012%2011%2012H10C9.44772%2012%209%2011.5523%209%2011L9%205C9%204.44772%209.44772%204%2010%204L11%204Z'%20fill='white'/%3e%3c/svg%3e", m = {

package/dist/{wt-button-COHcpvhY.js → wt-button-DSs8WAg-.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-CgzRk5RS.js";
-import { D as t, E as n, h as r } from "./enums-CLu6QDOc.js";
+import { t as e } from "./wt-icon-Cr_aDKIX.js";
+import { D as t, E as n, h as r } from "./enums-CKer6GJR.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toRef as v, unref as y, useAttrs as b, watch as x, withCtx as S, withModifiers as C } from "vue";
 //#endregion
 //#region src/components/wt-badge-new/wt-badge.vue

package/dist/{wt-chat-emoji-D7UDa2Xn.js → wt-chat-emoji-D72hYTJU.js}

@@ -1,8 +1,8 @@
-import "./components-DirfTDyC.js";
+import "./components-peYTVwLb.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { E as t, h as n } from "./enums-CLu6QDOc.js";
-import { t as r } from "./wt-button-COHcpvhY.js";
-import { n as i } from "./wt-toast-CrvaF-UL.js";
+import { E as t, h as n } from "./enums-CKer6GJR.js";
+import { t as r } from "./wt-button-DSs8WAg-.js";
+import { n as i } from "./wt-toast-CAoQkSuJ.js";
 import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, nextTick as d, onBeforeUnmount as f, openBlock as p, ref as m, resolveDirective as h, unref as g, withDirectives as ee } from "vue";
 //#region node_modules/emoji-picker-element/database.js
 function _(e) {

package/dist/{wt-datepicker-D5ARLEeQ.js → wt-datepicker-Cx8yPH4d.js}

@@ -1,8 +1,8 @@
 import { a as e, i as t, n, r, t as i } from "./toZonedTime-B8L5kbse.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { D as o, E as s, h as c, l } from "./enums-CLu6QDOc.js";
+import { D as o, E as s, h as c, l } from "./enums-CKer6GJR.js";
 import { n as u } from "./vue-i18n-VBiROMZ4.js";
-import { t as d } from "./useValidation-BO5PKJ7c.js";
+import { t as d } from "./useValidation-B1EJdGM4.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeProps as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, resolveComponent as k, toDisplayString as A, toRefs as j, unref as M, useModel as N, useTemplateRef as P, vShow as F, withCtx as I, withDirectives as ee } from "vue";
 import te from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-Dqwb5b-S.js → wt-display-chip-items-DwdzIwJH.js}

@@ -1,6 +1,6 @@
-import { C as e, i as t } from "./components-DirfTDyC.js";
+import { C as e, i as t } from "./components-peYTVwLb.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as r } from "./utils-DVfDViCh.js";
+import { t as r } from "./utils-DQQQIpjz.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";
 //#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts
 var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ n(/* @__PURE__ */ u({

package/dist/{wt-dual-panel-BRgwCFK_.js → wt-dual-panel-BHfOeLJZ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { f as t, h as n } from "./enums-CLu6QDOc.js";
+import { f as t, h as n } from "./enums-CKer6GJR.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, normalizeClass as c, openBlock as l, ref as u, renderSlot as d, resolveComponent as f, unref as p } from "vue";
 //#region src/components/wt-dual-panel/wt-dual-panel.vue
 var m = { class: "wt-dual-panel" }, h = {

package/dist/{wt-expansion-card-JQxugKar.js → wt-expansion-card-CNkGLQvo.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as t } from "./enums-CLu6QDOc.js";
+import { h as t } from "./enums-CKer6GJR.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
 import "./composables-BeyROIj_.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";

package/dist/{wt-expansion-panel-BHxaV6pi.js → wt-expansion-panel-CGFamfkt.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as t } from "./enums-CLu6QDOc.js";
+import { h as t } from "./enums-CKer6GJR.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";

package/dist/{wt-icon-CgzRk5RS.js → wt-icon-Cr_aDKIX.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./caseConverters-DGri4uJo.js";
-import { d as t, h as n } from "./enums-CLu6QDOc.js";
+import { d as t, h as n } from "./enums-CKer6GJR.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s } from "vue";
 //#region node_modules/dompurify/dist/purify.es.mjs
 function c(e, t) {

package/dist/{wt-icon-action-DqN65BiE.js → wt-icon-action-DnDFrScL.js}

@@ -1,4 +1,4 @@
-import { f as e } from "./enums-CLu6QDOc.js";
+import { f as e } from "./enums-CKer6GJR.js";
 import { n as t } from "./vue-i18n-VBiROMZ4.js";
 import { t as n } from "./sortQueryAdapters-Bb1yt_LD.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";

package/dist/{wt-icon-btn-DwwaYWSw.js → wt-icon-btn-Dy4odu2Q.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./wt-icon-CgzRk5RS.js";
+import { t as e } from "./wt-icon-Cr_aDKIX.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { createElementBlock as n, createVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, openBlock as s } from "vue";
 //#endregion

package/dist/{wt-notifications-bar-BlybO6wl.js → wt-notifications-bar-BDtvykT7.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./enums-CLu6QDOc.js";
-import { n as t, t as n } from "./wt-toast-CrvaF-UL.js";
+import { u as e } from "./enums-CKer6GJR.js";
+import { n as t, t as n } from "./wt-toast-CAoQkSuJ.js";
 import { createBlock as r, inject as i, onUnmounted as a, openBlock as o } from "vue";
 import { useToast as s } from "primevue/usetoast";
 //#region src/components/wt-toast/types/index.ts

package/dist/{wt-player-CVj1a9-l.js → wt-player-BjnujOrP.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./wt-icon-CgzRk5RS.js";
+import { t as e } from "./wt-icon-Cr_aDKIX.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as n } from "./enums-CLu6QDOc.js";
-import { t as r } from "./wt-button-COHcpvhY.js";
+import { h as n } from "./enums-CKer6GJR.js";
+import { t as r } from "./wt-button-DSs8WAg-.js";
 import { n as i, t as a } from "./useVidstackSrc-aQcqC_v0.js";
 import { t as o } from "./wt-popover-BI6YyXy0.js";
 import { t as s } from "./wt-slider-x-Tch7RT.js";

package/dist/{wt-screen-recordings-action-DKCrbDdO.js → wt-screen-recordings-action-CHlh4sNO.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./utils-DVfDViCh.js";
+import "./utils-DQQQIpjz.js";
 import { t } from "./engineCallFileType-D7QVFOac.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-search-bar-DpsACKmt.js → wt-search-bar-Bp9M1oCq.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-A4B4PTkL.js";
-import { t as n } from "./useValidation-BO5PKJ7c.js";
+import { t as n } from "./useValidation-B1EJdGM4.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({

package/dist/{wt-send-message-popup-CQ0-OKQE.js → wt-send-message-popup-D3KQ6fqe.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-DirfTDyC.js";
-import "./convertDuration-y5tRHrgE.js";
-import { i as t, r as n } from "./clients-CKBvYoKf.js";
+import { n as e } from "./components-peYTVwLb.js";
+import "./convertDuration-CIPonKKW.js";
+import { i as t, r as n } from "./clients-B87Nx03m.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-CwrK_Q9v.js → wt-status-select-DItpCCVE.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./convertDuration-y5tRHrgE.js";
-import { O as t, h as n } from "./enums-CLu6QDOc.js";
+import { t as e } from "./convertDuration-CIPonKKW.js";
+import { O as t, h as n } from "./enums-CKer6GJR.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";
 //#region src/components/wt-status-select/_internals/StatusOptions.lookup.js

package/dist/{wt-table-C_Vk3v8K.js → wt-table-ByNazLN3.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as t } from "./enums-CLu6QDOc.js";
-import { t as n } from "./wt-badge-LyfZxvmI.js";
+import { h as t } from "./enums-CKer6GJR.js";
+import { t as n } from "./wt-badge-B3NI2a3-.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i, t as a } from "./sortQueryAdapters-Bb1yt_LD.js";
-import { t as o } from "./wt-icon-btn-DwwaYWSw.js";
+import { t as o } from "./wt-icon-btn-Dy4odu2Q.js";
 import { t as s } from "./composables-BeyROIj_.js";
 import { t as c } from "./wt-popover-BI6YyXy0.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onMounted as w, onUnmounted as T, openBlock as E, ref as D, renderList as ee, renderSlot as O, resolveComponent as k, resolveDirective as te, toDisplayString as A, unref as j, useSlots as M, useTemplateRef as ne, withCtx as N, withDirectives as P, withModifiers as F } from "vue";

package/dist/{wt-timepicker-DhXZ0OI8.js → wt-timepicker-BW0HmFJI.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as t, l as n } from "./enums-CLu6QDOc.js";
+import { h as t, l as n } from "./enums-CKer6GJR.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
-import { t as i } from "./useValidation-BO5PKJ7c.js";
+import { t as i } from "./useValidation-B1EJdGM4.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({

package/dist/{wt-toast-CrvaF-UL.js → wt-toast-CAoQkSuJ.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./wt-icon-CgzRk5RS.js";
-import { h as t, u as n } from "./enums-CLu6QDOc.js";
+import { t as e } from "./wt-icon-Cr_aDKIX.js";
+import { h as t, u as n } from "./enums-CKer6GJR.js";
 import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, normalizeProps as d, normalizeStyle as f, openBlock as p, resolveComponent as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
 //#region node_modules/mitt/dist/mitt.mjs
 function y(e) {

package/dist/{wt-tree-table-BqV7-6Pz.js → wt-tree-table-Rf2Jq-39.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as t } from "./sortQueryAdapters-Bb1yt_LD.js";
 import { t as n } from "./wt-checkbox-BBdi-1oS.js";
-import { t as r } from "./wt-icon-btn-DwwaYWSw.js";
+import { t as r } from "./wt-icon-btn-Dy4odu2Q.js";
 import { t as i } from "./useWtTable-AYb1yHre.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, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, toDisplayString as w, toRef as T, unref as E, withCtx as D, withModifiers as O } from "vue";
 //#region src/components/wt-tree-table-row/wt-tree-table-row.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-type-extension-value-input-DPFFWC81.js → wt-type-extension-value-input-BQjSYAdt.js}

@@ -1,11 +1,11 @@
 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-DirfTDyC.js";
-import { a as p, n as m, t as h } from "./clients-CKBvYoKf.js";
-import { S as g, _, a as v, c as y, f as b, i as x, n as S, o as C, p as w, r as T, s as E, t as D, x as O } from "./enums-CLu6QDOc.js";
+import { a as l, o as u, r as d, s as f } from "./components-peYTVwLb.js";
+import { a as p, n as m, t as h } from "./clients-B87Nx03m.js";
+import { S as g, _, a as v, c as y, f as b, i as x, n as S, o as C, p as w, r as T, s as E, t as D, x as O } from "./enums-CKer6GJR.js";
 import { n as ee, t as te } from "./vue-i18n-VBiROMZ4.js";
-import "./wt-toast-CrvaF-UL.js";
+import "./wt-toast-CAoQkSuJ.js";
 import { t as k } from "./sortQueryAdapters-Bb1yt_LD.js";
 import { t as ne } from "./deep-copy-BJdHBMNZ.js";
 import { computed as re, createBlock as ie, createCommentVNode as ae, createVNode as oe, defineComponent as A, inject as se, mergeModels as ce, mergeProps as le, openBlock as ue, reactive as j, renderSlot as M, resolveComponent as de, toValue as fe, unref as N, useModel as pe } from "vue";
@@ -199,7 +199,6 @@ S.License, S.Object, S.Configuration, be.SystemSetting, S.GlobalVariable, be.Sch
 		[S.ChangeLog]: y.Changelogs,
 		[S.Configuration]: y.Configuration,
 		[S.GlobalVariable]: y.GlobalVariables,
-		[S.WorkingCondition]: y.WorkingConditions,
 		[S.Member]: y.Members,
 		[S.QuickReply]: y.QuickReplies,
 		[S.ActivityType]: y.ActivityTypes
@@ -225,8 +224,9 @@ S.License, S.Object, S.Configuration, be.SystemSetting, S.GlobalVariable, be.Sch
 	},
 	[T.Wfm]: {
 		[S.Agent]: x.Agents,
+		[S.ShiftTemplate]: x.ShiftTemplates,
 		[S.PauseTemplate]: x.PauseTemplates,
-		[S.ShiftTemplate]: x.ShiftTemplates
+		[S.WorkingCondition]: x.WorkingConditions
 	}
 }), me(y), me(E), me(C), me(v), me(x);
 //#endregion

package/dist/{wt-vidstack-player-DB7M5VzI.js → wt-vidstack-player-DwS6IkZJ.js}

@@ -1,9 +1,9 @@
-import { w as e } from "./components-DirfTDyC.js";
-import "./convertDuration-y5tRHrgE.js";
+import { w as e } from "./components-peYTVwLb.js";
+import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { h as n } from "./enums-CLu6QDOc.js";
-import "./wt-button-COHcpvhY.js";
-import { t as r } from "./wt-icon-btn-DwwaYWSw.js";
+import { h as n } from "./enums-CKer6GJR.js";
+import "./wt-button-DSs8WAg-.js";
+import { t as r } from "./wt-icon-btn-Dy4odu2Q.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as ee, Q as _, R as te, S as v, U as ne, V as y, W as b, X as x, Y as re, Z as S, _ as C, a as ie, b as ae, c as oe, d as se, et as ce, f as le, g as ue, h as de, i as w, it as fe, j as pe, k as me, l as T, m as he, n as E, nt as D, o as O, ot as ge, p as k, q as A, r as j, rt as _e, t as ve, tt as ye, u as be, v as M, w as xe, y as Se, z as Ce } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as N, a as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as P, u as Re } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
 import { _ as ze, a as Be, c as Ve, f as He, g as Ue, h as We, i as Ge, l as Ke, n as qe, r as Je, s as Ye, t as Xe, u as Ze, v as Qe, x as $e, y as et } from "./useVidstackSrc-aQcqC_v0.js";

package/package.json

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

package/src/components/index.js

@@ -38,6 +38,7 @@ import WtLogo from './wt-logo/wt-logo.vue';
 import WtMessage from './wt-message/wt-message.vue';
 import WtMultiSelect from './wt-multi-select/wt-multi-select.vue';
 import WtNavigationBar from './wt-navigation-bar/wt-navigation-bar.vue';
+import WtNavigationRail from './wt-navigation-rail/wt-navigation-rail.vue';
 import WtPage from './wt-page/wt-page.vue';
 import WtPageWrapper from './wt-page-wrapper/wt-page-wrapper.vue';
 import WtPassword from './wt-password/wt-password.vue';
@@ -279,6 +280,7 @@ const Components = {
 	WtHeaderActions,
 	WtErrorPage,
 	WtNotificationsBar,
+	WtNavigationRail,
 	WtPage,
 	WtPageWrapper,
 	WtDualPanel,
@@ -374,6 +376,7 @@ export {
 	WtMultiSelect,
 	WtNavigationBar,
 	WtNavigationMenu,
+	WtNavigationRail,
 	WtNotificationsBar,
 	WtPage,
 	WtPageHeader,

package/src/components/wt-navigation-rail/__tests__/WtNavigationRail.spec.js

@@ -0,0 +1,90 @@
+import { mount } from '@vue/test-utils';
+
+import WtNavigationRail from '../wt-navigation-rail.vue';
+
+const top = [
+	{
+		id: 'home',
+		icon: 'home',
+		label: 'Home',
+		badge: {
+			value: 1,
+		},
+	},
+	{
+		id: 'calls',
+		icon: 'call',
+		label: 'Calls',
+	},
+];
+const bottom = [
+	{
+		id: 'dialer',
+		icon: 'call',
+		label: 'Dialer',
+	},
+];
+
+const mountRail = (props) =>
+	mount(WtNavigationRail, {
+		props,
+		global: {
+			stubs: {
+				WtButton: false,
+			},
+		},
+	});
+
+describe('WtNavigationRail', () => {
+	it('renders top and bottom buttons', () => {
+		const wrapper = mountRail({
+			topItems: top,
+			bottomItems: bottom,
+		});
+		const groups = wrapper.findAll('.wt-navigation-rail__group');
+		expect(groups[0].findAll('.navigation-rail-button')).toHaveLength(2);
+		expect(groups[1].findAll('.navigation-rail-button')).toHaveLength(1);
+	});
+
+	it('marks active item', () => {
+		const wrapper = mountRail({
+			topItems: top,
+			bottomItems: bottom,
+			activeItemId: 'calls',
+		});
+		const active = wrapper.findAll('.navigation-rail-button--active');
+		expect(active).toHaveLength(1);
+		expect(active[0].attributes('aria-label')).toBe('Calls');
+	});
+
+	it('renders badge only for items with badge', () => {
+		const wrapper = mountRail({
+			topItems: top,
+		});
+		expect(wrapper.findAll('.wt-badge')).toHaveLength(1);
+	});
+
+	it('renders nothing while both lists are empty', () => {
+		const wrapper = mountRail({});
+		expect(wrapper.find('.wt-navigation-rail').exists()).toBe(false);
+	});
+
+	it('renders when only one list is not empty', () => {
+		const wrapper = mountRail({
+			bottomItems: bottom,
+		});
+		expect(wrapper.find('.wt-navigation-rail').exists()).toBe(true);
+		expect(wrapper.findAll('.wt-navigation-rail__group')).toHaveLength(1);
+	});
+
+	it('emits select on click', async () => {
+		const wrapper = mountRail({
+			topItems: top,
+			bottomItems: bottom,
+		});
+		await wrapper.findAll('button')[2].trigger('click');
+		expect(wrapper.emitted('select')[0]).toEqual([
+			bottom[0],
+		]);
+	});
+});

package/src/components/wt-navigation-rail/_internals/navigation-rail-button.vue

@@ -0,0 +1,79 @@
+<template>
+  <wt-tooltip :disabled="!item.label" placement="right">
+    <template #activator>
+      <wt-button
+        :class="{ 'navigation-rail-button--active': active }"
+        :aria-label="item.label"
+        :aria-current="active ? 'page' : undefined"
+        :badge="item.badge ? String(item.badge.value) : undefined"
+        :badge-severity="item.badge?.severity ?? 'success'"
+        :disabled="item.disabled"
+        :icon="item.icon"
+        :size="ComponentSize.SM"
+        :variant="ButtonVariant.TEXT"
+        class="navigation-rail-button"
+        @click="emit('select', item)"
+      />
+    </template>
+    {{ item.label }}
+  </wt-tooltip>
+</template>
+
+<script setup lang="ts">
+import { ButtonVariant, ComponentSize } from '../../../enums';
+import WtButton from '../../wt-button/wt-button.vue';
+import WtTooltip from '../../wt-tooltip/wt-tooltip.vue';
+import type { NavigationRailItem } from '../types/WtNavigationRail';
+
+defineProps<{
+	item: NavigationRailItem;
+	active?: boolean;
+}>();
+
+const emit = defineEmits<{
+	select: [
+		item: NavigationRailItem,
+	];
+}>();
+</script>
+
+<style scoped>
+/* wt-button theme colors are overridden with navigation rail tokens */
+.navigation-rail-button.p-button.p-button-text {
+  --icon-color: var(--wt-navigation-rail-button-icon-color);
+  background: transparent;
+  color: var(--wt-navigation-rail-button-icon-color);
+}
+
+.navigation-rail-button.p-button.p-button-text:not(:disabled):hover {
+  --icon-color: var(--wt-navigation-rail-button-icon-color);
+  background: var(--wt-navigation-rail-button-background--hover);
+}
+
+.navigation-rail-button.p-button.p-button-text:not(:disabled):active {
+  --icon-color: var(--wt-navigation-rail-button-icon-color);
+  background: var(--wt-navigation-rail-button-background--pressed);
+}
+
+.navigation-rail-button--active.p-button.p-button-text,
+.navigation-rail-button--active.p-button.p-button-text:not(:disabled):active {
+  --icon-color: var(--wt-navigation-rail-button-icon-color--active);
+  background: var(--wt-navigation-rail-button-background--active);
+}
+
+.navigation-rail-button--active.p-button.p-button-text:not(:disabled):hover {
+  --icon-color: var(--wt-navigation-rail-button-icon-color--active-hover);
+  background: var(--wt-navigation-rail-button-background--active-hover);
+}
+
+.navigation-rail-button :deep(.wt-badge) {
+  position: absolute;
+  top: var(--wt-navigation-rail-badge-offset-y);
+  left: var(--wt-navigation-rail-badge-offset-x);
+  /* p-badge sets own width/min-width (1.5rem), override to match design */
+  width: auto;
+  min-width: var(--wt-navigation-rail-badge-size);
+  height: var(--wt-navigation-rail-badge-size);
+  padding: 0 var(--wt-navigation-rail-badge-padding-x);
+}
+</style>

package/src/components/wt-navigation-rail/_variables.css

@@ -0,0 +1,45 @@
+:root {
+	--wt-navigation-rail-width: 48px;
+	--wt-navigation-rail-padding-x: 8px;
+	--wt-navigation-rail-padding-y: 8px;
+	--wt-navigation-rail-gap: 8px;
+	--wt-navigation-rail-border-radius: 0;
+	--wt-navigation-rail-background: linear-gradient(
+		to top right,
+		rgba(20, 34, 184, 1) 0%,
+		rgba(192, 66, 215, 1) 100%
+	);
+
+	--wt-navigation-rail-button-icon-color: var(--p-indigo-50);
+	--wt-navigation-rail-button-background--hover: var(--p-deep-purple-600);
+	--wt-navigation-rail-button-background--pressed: var(--p-deep-purple-500);
+	--wt-navigation-rail-button-icon-color--active: var(--p-deep-purple-600);
+	--wt-navigation-rail-button-background--active: var(--p-gray-50);
+	--wt-navigation-rail-button-icon-color--active-hover: var(
+		--p-deep-purple-550
+	);
+	--wt-navigation-rail-button-background--active-hover: var(--p-white);
+
+	--wt-navigation-rail-badge-size: 16px;
+	--wt-navigation-rail-badge-padding-x: var(--spacing-2xs);
+	--wt-navigation-rail-badge-offset-x: 16px;
+	--wt-navigation-rail-badge-offset-y: 0;
+}
+
+:root.theme--dark {
+	--wt-navigation-rail-background: linear-gradient(
+		to top right,
+		rgba(10, 17, 92, 1) 0%,
+		rgba(111, 27, 126, 1) 100%
+	);
+
+	--wt-navigation-rail-button-icon-color: var(--p-deep-purple-150);
+	--wt-navigation-rail-button-background--hover: var(--p-deep-purple-650);
+	--wt-navigation-rail-button-background--pressed: var(--p-deep-purple-500);
+	--wt-navigation-rail-button-icon-color--active: var(--p-white);
+	--wt-navigation-rail-button-background--active: var(--p-deep-purple-800);
+	--wt-navigation-rail-button-icon-color--active-hover: var(--p-deep-purple-50);
+	--wt-navigation-rail-button-background--active-hover: var(
+		--p-deep-purple-750
+	);
+}

package/src/components/wt-navigation-rail/types/WtNavigationRail.ts

@@ -0,0 +1,19 @@
+import type { BadgeSeverity } from '../../wt-badge-new/types/WtBadge';
+
+export interface NavigationRailBadge {
+	value: string | number;
+	/** @default 'success' */
+	severity?: BadgeSeverity;
+}
+
+export interface NavigationRailItem {
+	/** Unique id, emitted on select and matched against `active` */
+	id: string;
+	/** Icon name from icons repository */
+	icon: string;
+	/** Accessible label (aria-label + tooltip) */
+	label?: string;
+	disabled?: boolean;
+	/** Renders badge over the button when set */
+	badge?: NavigationRailBadge | null;
+}