@webitel/ui-sdk 26.6.118 → 26.6.120

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.
Files changed (31) hide show
  1. package/dist/{components-CtLZTAqX.js → components-DkD3WP0T.js} +7 -7
  2. package/dist/ui-sdk.css +1 -1
  3. package/dist/ui-sdk.js +4 -3
  4. package/dist/ui-sdk.umd.cjs +234 -228
  5. package/dist/{wt-button-dC4nOW56.js → wt-button-DwAda_g4.js} +1 -1
  6. package/dist/{wt-chat-emoji-IgDi1RWV.js → wt-chat-emoji-CgJ-4Oal.js} +3 -3
  7. package/dist/{wt-display-chip-items-Cl3pyvc1.js → wt-display-chip-items-Bqo0iQgb.js} +1 -1
  8. package/dist/{wt-icon-y89gRcOs.js → wt-icon-DvONu3WD.js} +1 -0
  9. package/dist/{wt-icon-btn-DYjjSl-C.js → wt-icon-btn-Behnq_SS.js} +1 -1
  10. package/dist/{wt-notifications-bar-DhJxMjNB.js → wt-notifications-bar-CKEWt08-.js} +1 -1
  11. package/dist/{wt-player-Bbirdlj9.js → wt-player-zWCh3Ozp.js} +2 -2
  12. package/dist/{wt-send-message-popup-C9NwnoOr.js → wt-send-message-popup-Dz2RrnWO.js} +1 -1
  13. package/dist/{wt-toast-DXrSMdRm.js → wt-toast-LQxOxrff.js} +1 -1
  14. package/dist/{wt-tree-table-BRokvhkB.js → wt-tree-table-C-UiFrTF.js} +1 -1
  15. package/dist/{wt-type-extension-value-input-DdGlEVxi.js → wt-type-extension-value-input-CLxPbjkA.js} +1 -1
  16. package/dist/{wt-vidstack-player-qtPWzeNH.js → wt-vidstack-player-CpfJc5li.js} +85 -76
  17. package/package.json +1 -1
  18. package/src/assets/icons/sprite/index.ts +2 -0
  19. package/src/assets/icons/sprite/open-pip.svg +5 -0
  20. package/src/components/wt-vidstack-player/components/layouts/video-layout.vue +4 -0
  21. package/src/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue +2 -0
  22. package/src/components/wt-vidstack-player/wt-vidstack-player.vue +4 -0
  23. package/src/modules/CallSession/modules/VideoCall/composables/useDocumentPiP/useDocumentPiP.ts +3 -3
  24. package/src/modules/CallSession/modules/VideoCall/video-call.vue +10 -30
  25. package/src/plugins/primevue/theme/components/tooltip/tooltip.js +2 -1
  26. package/types/.tsbuildinfo +1 -1
  27. package/types/components/wt-vidstack-player/components/layouts/video-layout.vue.d.ts +5 -3
  28. package/types/components/wt-vidstack-player/components/panels/video-display-panel/video-display-panel.vue.d.ts +3 -1
  29. package/types/components/wt-vidstack-player/wt-vidstack-player.vue.d.ts +6 -4
  30. package/types/modules/CallSession/modules/VideoCall/composables/useDocumentPiP/useDocumentPiP.d.ts +1 -1
  31. package/types/modules/CallSession/modules/VideoCall/video-call.vue.d.ts +4 -4
@@ -1,4 +1,4 @@
1
- import { t as e } from "./wt-icon-y89gRcOs.js";
1
+ import { t as e } from "./wt-icon-DvONu3WD.js";
2
2
  import { d as t, f as n, l as r } from "./enums-De8CDKZ1.js";
3
3
  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";
4
4
  //#endregion
@@ -1,8 +1,8 @@
1
- import "./components-CtLZTAqX.js";
1
+ import "./components-DkD3WP0T.js";
2
2
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as t } from "./enums-De8CDKZ1.js";
4
- import { t as n } from "./wt-button-dC4nOW56.js";
5
- import { n as r } from "./wt-toast-DXrSMdRm.js";
4
+ import { t as n } from "./wt-button-DwAda_g4.js";
5
+ import { n as r } from "./wt-toast-LQxOxrff.js";
6
6
  import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, onBeforeUnmount as d, openBlock as f, ref as p, resolveDirective as m, unref as h, withDirectives as g } from "vue";
7
7
  //#region node_modules/emoji-picker-element/database.js
8
8
  function _(e) {
@@ -1,4 +1,4 @@
1
- import { C as e, i as t } from "./components-CtLZTAqX.js";
1
+ import { C as e, i as t } from "./components-DkD3WP0T.js";
2
2
  import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { t as r } from "./displayText-CtaxzaBz.js";
4
4
  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";
@@ -936,6 +936,7 @@ var Je = qe(), Ye = e({
936
936
  conference: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M4 5.5C4 3.567 5.567 2 7.5 2C9.433 2 11 3.567 11 5.5C11 7.433 9.433 9 7.5 9C5.567 9 4 7.433 4 5.5ZM7.5 4C6.67157 4 6 4.67157 6 5.5C6 6.32843 6.67157 7 7.5 7C8.32843 7 9 6.32843 9 5.5C9 4.67157 8.32843 4 7.5 4Z\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M13 5.5C13 3.567 14.567 2 16.5 2C18.433 2 20 3.567 20 5.5C20 7.433 18.433 9 16.5 9C14.567 9 13 7.433 13 5.5ZM16.5 4C15.6716 4 15 4.67157 15 5.5C15 6.32843 15.6716 7 16.5 7C17.3284 7 18 6.32843 18 5.5C18 4.67157 17.3284 4 16.5 4Z\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M8.5 11.5C8.5 9.567 10.067 8 12 8C13.933 8 15.5 9.567 15.5 11.5C15.5 13.433 13.933 15 12 15C10.067 15 8.5 13.433 8.5 11.5ZM12 10C11.1716 10 10.5 10.6716 10.5 11.5C10.5 12.3284 11.1716 13 12 13C12.8284 13 13.5 12.3284 13.5 11.5C13.5 10.6716 12.8284 10 12 10Z\"/>\n <path d=\"M6.5 21C6.5 18.1311 9.07642 16 12 16C14.9236 16 17.5 18.1311 17.5 21C17.5 21.5523 17.0523 22 16.5 22C15.9477 22 15.5 21.5523 15.5 21C15.5 19.4506 14.047 18 12 18C9.95302 18 8.5 19.4506 8.5 21C8.5 21.5523 8.05228 22 7.5 22C6.94772 22 6.5 21.5523 6.5 21Z\"/>\n <path d=\"M7.5 11.1429C7.5 10.5117 6.98355 9.98889 6.36381 10.1085C3.94021 10.5764 2 12.5104 2 15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15C4 13.6756 5.0617 12.4233 6.64854 12.0876C7.11167 11.9896 7.5 11.6162 7.5 11.1429Z\"/>\n <path d=\"M17.6362 10.1085C17.0164 9.98889 16.5 10.5117 16.5 11.1429C16.5 11.6162 16.8883 11.9896 17.3515 12.0876C18.9383 12.4233 20 13.6756 20 15C20 15.5523 20.4477 16 21 16C21.5523 16 22 15.5523 22 15C22 12.5104 20.0598 10.5764 17.6362 10.1085Z\"/>\n</svg>\n",
937
937
  meta: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4.16024 13.5732C4.16024 14.3205 4.32786 14.8943 4.54694 15.2414C4.83419 15.6961 5.26261 15.8887 5.69939 15.8887C6.26275 15.8887 6.77812 15.7519 7.7713 14.4076C8.56696 13.3302 9.5045 11.8178 10.1353 10.8697L11.2036 9.26346C11.9457 8.14791 12.8047 6.9078 13.7895 6.06722C14.5935 5.38115 15.4608 5 16.3337 5C17.7991 5 19.195 5.83104 20.2633 7.38968C21.4324 9.0967 22 11.2468 22 13.4657C22 14.7847 21.7343 15.7539 21.2822 16.5196C20.8454 17.2601 19.9941 18 18.5621 18V15.8887C19.7883 15.8887 20.0943 14.7861 20.0943 13.5242C20.0943 11.726 19.6658 9.73036 18.722 8.30445C18.0523 7.29304 17.1843 6.67502 16.2293 6.67502C15.1965 6.67502 14.3654 7.43733 13.4313 8.79654C12.9347 9.51869 12.4249 10.3987 11.8525 11.3918L11.2224 12.4842C9.95659 14.6806 9.63596 15.1808 9.00305 16.0064C7.89372 17.4521 6.94644 18 5.69939 18C4.22005 18 3.2846 17.3731 2.70524 16.4284C2.2323 15.6586 2 14.6486 2 13.4976L4.16024 13.5732Z\"\n fill=\"#0081FB\"/>\n <path d=\"M3.70349 7.53874C4.69389 6.04476 6.12316 5 7.76246 5C8.71183 5 9.65563 5.27498 10.6412 6.06247C11.7192 6.92346 12.8682 8.34121 14.3016 10.6778L14.8156 11.5163C16.0564 13.5392 16.7623 14.5798 17.1754 15.0706C17.7068 15.7008 18.0789 15.8887 18.5623 15.8887C19.7885 15.8887 20.0945 14.7861 20.0945 13.5242L22.0002 13.4657C22.0002 14.7847 21.7345 15.7539 21.2824 16.5196C20.8456 17.2601 19.9943 18 18.5623 18C17.672 18 16.8833 17.8108 16.0112 17.0056C15.3407 16.3876 14.5569 15.2897 13.9539 14.3028L12.1601 11.3707C11.2602 9.89916 10.4346 8.80198 9.95679 8.30513C9.4428 7.77084 8.78208 7.1256 7.72769 7.1256C6.8743 7.1256 6.14959 7.71162 5.5431 8.60801L3.70349 7.53874Z\"\n fill=\"url(#paint0_linear_8149_2871)\"/>\n <path d=\"M7.72749 7.1256C6.8741 7.1256 6.14939 7.71162 5.5429 8.60801C4.68534 9.87466 4.16024 11.7614 4.16024 13.5732C4.16024 14.3205 4.32786 14.8943 4.54694 15.2414L2.70524 16.4284C2.2323 15.6586 2 14.6486 2 13.4976C2 11.4047 2.587 9.22329 3.70329 7.53874C4.69369 6.04476 6.12296 5 7.76226 5L7.72749 7.1256Z\"\n fill=\"url(#paint1_linear_8149_2871)\"/>\n <defs>\n <linearGradient id=\"paint0_linear_8149_2871\" x1=\"6.24278\" y1=\"12.9633\" x2=\"20.0122\" y2=\"13.674\"\n gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#0064E1\"/>\n <stop offset=\"0.4\" stop-color=\"#0064E1\"/>\n <stop offset=\"0.83\" stop-color=\"#0073EE\"/>\n <stop offset=\"1\" stop-color=\"#0082FB\"/>\n </linearGradient>\n <linearGradient id=\"paint1_linear_8149_2871\" x1=\"5.12977\" y1=\"14.4607\" x2=\"5.12977\" y2=\"9.49215\"\n gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#0082FB\"/>\n <stop offset=\"1\" stop-color=\"#0064E0\"/>\n </linearGradient>\n </defs>\n</svg>\n",
938
938
  options: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.5 6C10.5 5.44772 10.9477 5 11.5 5H12.5C13.0523 5 13.5 5.44772 13.5 6V7C13.5 7.55228 13.0523 8 12.5 8H11.5C10.9477 8 10.5 7.55228 10.5 7V6Z\"/>\n <path d=\"M10.5 11.5C10.5 10.9477 10.9477 10.5 11.5 10.5H12.5C13.0523 10.5 13.5 10.9477 13.5 11.5L13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5H11.5C10.9477 13.5 10.5 13.0523 10.5 12.5L10.5 11.5Z\"/>\n <path d=\"M10.5 17C10.5 16.4477 10.9477 16 11.5 16H12.5C13.0523 16 13.5 16.4477 13.5 17L13.5 18C13.5 18.5523 13.0523 19 12.5 19H11.5C10.9477 19 10.5 18.5523 10.5 18L10.5 17Z\"/>\n</svg>\n",
939
+ openPip: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 20L5 20C4.44772 20 4 19.5523 4 19L4 13C4 12.4477 3.55228 12 3 12C2.44772 12 2 12.4477 2 13L2 19C2 20.6569 3.34315 22 5 22L19 22C20.6569 22 22 20.6569 22 19L22 5C22 3.34315 20.6569 2 19 2L13 2C12.4477 2 12 2.44772 12 3C12 3.55228 12.4477 4 13 4L19 4C19.5523 4 20 4.44772 20 5L20 19C20 19.5523 19.5523 20 19 20Z\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 11C9.65686 11 11 9.65686 11 8V5C11 3.34315 9.65686 2 8 2L5 2C3.34315 2 2 3.34315 2 5L2 8C2 9.65685 3.34315 11 5 11H8ZM5 9L8 9C8.55229 9 9 8.55228 9 8L9 5C9 4.44772 8.55229 4 8 4L5 4C4.44772 4 4 4.44772 4 5L4 8C4 8.55229 4.44772 9 5 9Z\" />\n <path d=\"M12.5148 16.7575C12.1242 17.148 12.1242 17.7812 12.5148 18.1717C12.9053 18.5623 13.5385 18.5623 13.929 18.1717C13.923 18.1777 13.9237 18.1773 13.9331 18.1722C13.9617 18.1566 14.0699 18.0974 14.3127 18.0403C14.5984 17.9731 14.9614 17.9343 15.3432 17.9343C15.725 17.9343 16.088 17.9731 16.3737 18.0403C16.6164 18.0974 16.7247 18.1566 16.7533 18.1722C16.7627 18.1773 16.7634 18.1777 16.7574 18.1717C17.1479 18.5622 17.7811 18.5622 18.1716 18.1717C18.5621 17.7812 18.5621 17.1481 18.1716 16.7575C18.1776 16.7635 18.1772 16.7628 18.1721 16.7534C18.1565 16.7248 18.0973 16.6166 18.0402 16.3738C17.973 16.0881 17.9342 15.7251 17.9342 15.3433C17.9342 14.9615 17.973 14.5985 18.0402 14.3128C18.0973 14.0701 18.1565 13.9618 18.1721 13.9333C18.1772 13.9238 18.1776 13.9231 18.1716 13.9291C18.5621 13.5386 18.5621 12.9054 18.1716 12.5149C17.7811 12.1244 17.1479 12.1244 16.7574 12.5149C16.3797 12.8926 16.1942 13.4263 16.0934 13.8547C16.0403 14.0801 16.0014 14.3183 15.9752 14.5611L12.4142 11C12.0237 10.6095 11.3905 10.6095 11 11C10.6095 11.3905 10.6095 12.0237 11 12.4142L14.561 15.9754C14.3182 16.0015 14.0799 16.0405 13.8546 16.0935C13.4262 16.1943 12.8925 16.3798 12.5148 16.7575Z\" />\n</svg>\n",
939
940
  json: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 3C5.34315 3 4 4.34315 4 6V10C4 10.5523 3.55228 11 3 11H2C1.44772 11 1 11.4477 1 12C1 12.5523 1.44772 13 2 13H3C3.55228 13 4 13.4477 4 14V18C4 19.6569 5.34315 21 7 21H7.5C8.05228 21 8.5 20.5523 8.5 20C8.5 19.4477 8.05228 19 7.5 19H7C6.44772 19 6 18.5523 6 18V14C6 13.2316 5.71115 12.5308 5.2361 12C5.71115 11.4692 6 10.7684 6 10V6C6 5.44772 6.44772 5 7 5H7.5C8.05228 5 8.5 4.55228 8.5 4C8.5 3.44772 8.05228 3 7.5 3H7Z\" />\n<path d=\"M20 6C20 4.34315 18.6569 3 17 3H16.5C15.9477 3 15.5 3.44772 15.5 4C15.5 4.55228 15.9477 5 16.5 5H17C17.5523 5 18 5.44772 18 6V10C18 10.7684 18.2889 11.4692 18.7639 12C18.2889 12.5308 18 13.2316 18 14V18C18 18.5523 17.5523 19 17 19H16.5C15.9477 19 15.5 19.4477 15.5 20C15.5 20.5523 15.9477 21 16.5 21H17C18.6569 21 20 19.6569 20 18V14C20 13.4477 20.4477 13 21 13H22C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11H21C20.4477 11 20 10.5523 20 10V6Z\" />\n<path d=\"M10.9478 9.09151C11.2463 9.36969 11.6045 9.50878 12.0224 9.50878C12.4254 9.50878 12.7687 9.36969 13.0522 9.09151C13.3507 8.79868 13.5 8.43265 13.5 7.99341C13.5 7.55417 13.3582 7.19546 13.0746 6.91728C12.791 6.63909 12.4403 6.5 12.0224 6.5C11.6045 6.5 11.2463 6.64641 10.9478 6.93924C10.6493 7.21742 10.5 7.56881 10.5 7.99341C10.5 8.43265 10.6493 8.79868 10.9478 9.09151Z\" />\n<path d=\"M13.0746 13.8119C12.806 13.519 12.4627 13.3726 12.0448 13.3726C11.6119 13.3726 11.2537 13.5117 10.9701 13.7899C10.6866 14.0681 10.5448 14.4268 10.5448 14.866C10.5448 15.1881 10.6269 15.4736 10.791 15.7225C10.9701 15.9568 11.2015 16.1252 11.4851 16.2277L10.6567 19.5H12.0672L13.1194 16.4473C13.2687 16.0227 13.3657 15.7079 13.4104 15.5029C13.4701 15.298 13.5 15.0857 13.5 14.866C13.5 14.4414 13.3582 14.09 13.0746 13.8119Z\" />\n</svg>\n",
940
941
  redo: "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18 19C18 19.5523 17.5523 20 17 20H9.5C5.91015 20 3 17.0899 3 13.5C3 9.91015 5.91015 7 9.5 7H16.8939C16.7406 6.80984 16.5997 6.6138 16.4779 6.41698C16.2462 6.04278 16 5.53415 16 5C16 4.44771 16.4477 4 17 4C17.5523 4 18 4.44771 18 5C18 4.99152 18.0002 4.99232 18.0033 5.00262C18.0124 5.03382 18.0471 5.15222 18.1784 5.36427C18.3329 5.61382 18.5621 5.89792 18.8321 6.16789C19.1021 6.43786 19.3862 6.66713 19.6357 6.82161C19.8478 6.95288 19.9662 6.9876 19.9974 6.99675C20.0077 6.99976 20.0085 7 20 7C20.5523 7 21 7.44771 21 8C21 8.55229 20.5523 9 20 9C20.0085 9 20.0077 9.00023 19.9974 9.00325C19.9662 9.0124 19.8478 9.04712 19.6357 9.17839C19.3862 9.33287 19.1021 9.56214 18.8321 9.83211C18.5621 10.1021 18.3329 10.3862 18.1784 10.6357C18.0471 10.8478 18.0124 10.9662 18.0033 10.9974C18.0002 11.0077 18 11.0085 18 11C18 11.5523 17.5523 12 17 12C16.4477 12 16 11.5523 16 11C16 10.4658 16.2462 9.95722 16.4779 9.58302C16.5997 9.3862 16.7406 9.19016 16.8939 9H9.5C7.01472 9 5 11.0147 5 13.5C5 15.9853 7.01472 18 9.5 18H17C17.5523 18 18 18.4477 18 19Z\" />\n</svg>\n",
941
942
  save: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 5C2 3.34315 3.34315 2 5 2H17C17.9443 2 18.8334 2.44458 19.4 3.2L21.4 5.86667C21.7895 6.38595 22 7.01756 22 7.66667V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20V13C5 11.3431 6.34315 10 8 10H16C17.6569 10 19 11.3431 19 13V20C19.5523 20 20 19.5523 20 19V7.66667C20 7.4503 19.9298 7.23976 19.8 7.06667L18 4.66667V6C18 7.65685 16.6569 9 15 9H8C6.34315 9 5 7.65685 5 6V4ZM7 4V6C7 6.55228 7.44772 7 8 7H15C15.5523 7 16 6.55228 16 6V4H7ZM17 20H7V13C7 12.4477 7.44772 12 8 12H16C16.5523 12 17 12.4477 17 13V20Z\"/>\n</svg>",
@@ -1,4 +1,4 @@
1
- import { t as e } from "./wt-icon-y89gRcOs.js";
1
+ import { t as e } from "./wt-icon-DvONu3WD.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  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";
4
4
  //#region src/components/wt-checkbox/wt-checkbox.vue?vue&type=script&setup=true&lang.ts
@@ -1,5 +1,5 @@
1
1
  import { i as e } from "./enums-De8CDKZ1.js";
2
- import { n as t, t as n } from "./wt-toast-DXrSMdRm.js";
2
+ import { n as t, t as n } from "./wt-toast-LQxOxrff.js";
3
3
  import { createBlock as r, inject as i, onUnmounted as a, openBlock as o } from "vue";
4
4
  import { useToast as s } from "primevue/usetoast";
5
5
  //#region src/components/wt-toast/types/index.ts
@@ -1,7 +1,7 @@
1
- import { t as e } from "./wt-icon-y89gRcOs.js";
1
+ import { t as e } from "./wt-icon-DvONu3WD.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as n } from "./enums-De8CDKZ1.js";
4
- import { t as r } from "./wt-button-dC4nOW56.js";
4
+ import { t as r } from "./wt-button-DwAda_g4.js";
5
5
  import { n as i, t as a } from "./useVidstackSrc-B4mUti_c.js";
6
6
  import { t as o } from "./wt-popover-ChCN6b1o.js";
7
7
  import { t as s } from "./wt-slider-BPzRTeYU.js";
@@ -1,5 +1,5 @@
1
1
  import { n as e, r as t } from "./clients-DqzkR0RW.js";
2
- import { n } from "./components-CtLZTAqX.js";
2
+ import { n } from "./components-DkD3WP0T.js";
3
3
  import { t as r } from "./vue-i18n-Db_oYfO8.js";
4
4
  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";
5
5
  //#endregion
@@ -1,4 +1,4 @@
1
- import { t as e } from "./wt-icon-y89gRcOs.js";
1
+ import { t as e } from "./wt-icon-DvONu3WD.js";
2
2
  import { i as t, l as n } from "./enums-De8CDKZ1.js";
3
3
  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";
4
4
  //#region node_modules/mitt/dist/mitt.mjs
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
2
  import { n as t } from "./sortQueryAdapters-CyYXvnDN.js";
3
- import { n, t as r } from "./wt-icon-btn-DYjjSl-C.js";
3
+ import { n, t as r } from "./wt-icon-btn-Behnq_SS.js";
4
4
  import { t as i } from "./useWtTable-DLWucXPx.js";
5
5
  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, normalizeClass as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, toDisplayString as C, toRef as w, unref as T, withCtx as E, withModifiers as D } from "vue";
6
6
  //#region src/components/wt-tree-table-row/wt-tree-table-row.vue?vue&type=script&setup=true&lang.ts
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clients-DqzkR0RW.js";
2
- import { a as t, o as n, r, s as i } from "./components-CtLZTAqX.js";
2
+ import { a as t, o as n, r, s as i } from "./components-DkD3WP0T.js";
3
3
  import { t as a } from "./enums-De8CDKZ1.js";
4
4
  import { t as o } from "./vue-i18n-Db_oYfO8.js";
5
5
  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";
@@ -1,8 +1,8 @@
1
- import { w as e } from "./components-CtLZTAqX.js";
1
+ import { w as e } from "./components-DkD3WP0T.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as n } from "./enums-De8CDKZ1.js";
4
- import "./wt-button-dC4nOW56.js";
5
- import { t as r } from "./wt-icon-btn-DYjjSl-C.js";
4
+ import "./wt-button-DwAda_g4.js";
5
+ import { t as r } from "./wt-icon-btn-Behnq_SS.js";
6
6
  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 ee, P as te, Q as g, R as ne, S as _, U as re, V as v, W as y, X as b, Y as ie, Z as x, _ as S, a as ae, b as oe, c as se, d as ce, et as le, f as ue, g as de, h as fe, i as C, it as pe, j as me, k as he, l as w, m as ge, n as T, nt as E, o as D, ot as _e, p as O, q as k, r as A, rt as ve, t as ye, tt as be, u as xe, v as j, w as Se, y as Ce, z as we } from "./vidstack-D9mvYVIz-DesuYgKV.js";
7
7
  import { _ as M, a as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as N, u as ze } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
8
8
  import { _ as Be, a as Ve, c as He, f as Ue, g as We, h as Ge, i as Ke, l as qe, n as Je, r as Ye, s as Xe, t as Ze, u as Qe, v as $e, x as et, y as tt } from "./useVidstackSrc-B4mUti_c.js";
@@ -11,10 +11,10 @@ import { t as P } from "./vidstack-ijoHbXQB-DBClSWHE.js";
11
11
  import { n as it, r as F, t as at } from "./vidstack-CZQo98ic-D3uTuzB9.js";
12
12
  import { a as ot, i as st, n as I, o as ct, r as L, t as lt } from "./vidstack-DYPyTdYw-BzqKxwCK.js";
13
13
  import { t as R } from "./vidstack-_E7LrUjK-DaCLs8ge.js";
14
- import { n as ut, t as z } from "./vidstack-CDOoBnJL-BCwLE1fB.js";
15
- import { i as dt, n as ft, r as pt, t as mt } from "./vidstack-CdfyZegh-Bn47J4h6.js";
16
- import { t as ht } from "./wt-slider-BPzRTeYU.js";
17
- import { computed as gt, createBlock as _t, createCommentVNode as vt, createElementBlock as yt, createElementVNode as B, createSlots as bt, createVNode as V, defineComponent as xt, inject as St, normalizeClass as Ct, onBeforeUnmount as wt, onMounted as Tt, openBlock as H, provide as Et, ref as Dt, renderSlot as Ot, resolveComponent as kt, toDisplayString as At, toRefs as jt, unref as U, useTemplateRef as Mt, withCtx as Nt } from "vue";
14
+ import { n as ut, t as dt } from "./vidstack-CDOoBnJL-BCwLE1fB.js";
15
+ import { i as ft, n as pt, r as mt, t as ht } from "./vidstack-CdfyZegh-Bn47J4h6.js";
16
+ import { t as gt } from "./wt-slider-BPzRTeYU.js";
17
+ import { computed as _t, createBlock as vt, createCommentVNode as yt, createElementBlock as bt, createElementVNode as z, createSlots as xt, createVNode as B, defineComponent as St, inject as Ct, normalizeClass as wt, onBeforeUnmount as Tt, onMounted as Et, openBlock as V, provide as Dt, ref as Ot, renderSlot as H, resolveComponent as kt, toDisplayString as At, toRefs as jt, unref as U, useTemplateRef as Mt, withCtx as Nt } from "vue";
18
18
  //#region node_modules/vidstack/prod/chunks/vidstack-CYE89tBD.js
19
19
  var Pt = ge();
20
20
  function W() {
@@ -297,7 +297,7 @@ var Yt = new se({
297
297
  autoPlay: !1,
298
298
  autoPlayError: null,
299
299
  audioGain: null,
300
- buffered: new mt(),
300
+ buffered: new ht(),
301
301
  canLoad: !1,
302
302
  canLoadPoster: !1,
303
303
  canFullscreen: !1,
@@ -328,7 +328,7 @@ var Yt = new se({
328
328
  mediaType: "unknown",
329
329
  muted: !1,
330
330
  paused: !0,
331
- played: new mt(),
331
+ played: new ht(),
332
332
  playing: !1,
333
333
  playsInline: !1,
334
334
  pictureInPicture: !1,
@@ -341,7 +341,7 @@ var Yt = new se({
341
341
  canSetPlaybackRate: !0,
342
342
  canSetVolume: !1,
343
343
  canSetAudioGain: !1,
344
- seekable: new mt(),
344
+ seekable: new ht(),
345
345
  seeking: !1,
346
346
  source: {
347
347
  src: "",
@@ -381,11 +381,11 @@ var Yt = new se({
381
381
  return this.source;
382
382
  },
383
383
  get bufferedStart() {
384
- let e = pt(this.buffered) ?? 0;
384
+ let e = mt(this.buffered) ?? 0;
385
385
  return Math.max(e, this.clipStartTime);
386
386
  },
387
387
  get bufferedEnd() {
388
- let e = ft(this.buffered) ?? 0;
388
+ let e = pt(this.buffered) ?? 0;
389
389
  return Math.min(this.seekableEnd, Math.max(0, e - this.clipStartTime));
390
390
  },
391
391
  get bufferedWindow() {
@@ -393,12 +393,12 @@ var Yt = new se({
393
393
  },
394
394
  get seekableStart() {
395
395
  if (this.isLiveDVR && this.liveDVRWindow > 0) return Math.max(0, this.seekableEnd - this.liveDVRWindow);
396
- let e = pt(this.seekable) ?? 0;
396
+ let e = mt(this.seekable) ?? 0;
397
397
  return Math.max(e, this.clipStartTime);
398
398
  },
399
399
  get seekableEnd() {
400
400
  if (this.providedDuration > 0) return this.providedDuration;
401
- let e = this.liveSyncPosition > 0 ? this.liveSyncPosition : this.canPlay ? ft(this.seekable) ?? Infinity : 0;
401
+ let e = this.liveSyncPosition > 0 ? this.liveSyncPosition : this.canPlay ? pt(this.seekable) ?? Infinity : 0;
402
402
  return this.clipEndTime > 0 ? Math.min(this.clipEndTime, e) : e;
403
403
  },
404
404
  get seekableWindow() {
@@ -2248,7 +2248,7 @@ var Bn = class {
2248
2248
  #A(e) {
2249
2249
  let { seekable: t, buffered: n, intrinsicDuration: r, canPlay: i } = this.$state;
2250
2250
  i.set(!0), n.set(e.buffered), t.set(e.seekable);
2251
- let a = ft(e.seekable) ?? Infinity;
2251
+ let a = pt(e.seekable) ?? Infinity;
2252
2252
  r.set(a);
2253
2253
  }
2254
2254
  "duration-change"(e) {
@@ -2260,7 +2260,7 @@ var Bn = class {
2260
2260
  (r() > 0 || i() > 0) && e.stopImmediatePropagation();
2261
2261
  }
2262
2262
  progress(e) {
2263
- let { buffered: t, seekable: n } = this.$state, { buffered: r, seekable: i } = e.detail, a = ft(r), o = r.length !== t().length, s = a !== ft(t()), c = ft(i), l = i.length !== n().length, u = c !== ft(n());
2263
+ let { buffered: t, seekable: n } = this.$state, { buffered: r, seekable: i } = e.detail, a = pt(r), o = r.length !== t().length, s = a !== pt(t()), c = pt(i), l = i.length !== n().length, u = c !== pt(n());
2264
2264
  (o || s) && t.set(r), (l || u) && n.set(i);
2265
2265
  }
2266
2266
  play(e) {
@@ -2341,7 +2341,7 @@ var Bn = class {
2341
2341
  }
2342
2342
  #M() {
2343
2343
  let { currentTime: e, played: t, paused: n } = this.$state;
2344
- n() || (this.#a = dt(this.#i, this.#a, e()), t.set(new mt(this.#i)));
2344
+ n() || (this.#a = ft(this.#i, this.#a, e()), t.set(new ht(this.#i)));
2345
2345
  }
2346
2346
  #N(e) {
2347
2347
  let { clipStartTime: t, clipEndTime: n, duration: r } = this.$state;
@@ -3951,7 +3951,7 @@ var kr = {
3951
3951
  else {
3952
3952
  for (let t = 0; t < e.length; t++) {
3953
3953
  let n = e[t];
3954
- z(h(n), !1), z("url" in n && s(n.url), !1), z("startTime" in n && m(n.startTime), !1);
3954
+ dt(h(n), !1), dt("url" in n && s(n.url), !1), dt("startTime" in n && m(n.startTime), !1);
3955
3955
  }
3956
3956
  n(e);
3957
3957
  }
@@ -3996,13 +3996,13 @@ var kr = {
3996
3996
  }
3997
3997
  #i(e) {
3998
3998
  let t = this.#s();
3999
- return e.map((e, n) => (z(e.url && s(e.url), !1), z("startTime" in e && m(e.startTime), !1), {
3999
+ return e.map((e, n) => (dt(e.url && s(e.url), !1), dt("startTime" in e && m(e.startTime), !1), {
4000
4000
  ...e,
4001
4001
  url: s(e.url) ? this.#c(e.url, t) : e.url
4002
4002
  }));
4003
4003
  }
4004
4004
  #a(e) {
4005
- z(s(e.url), !1), z(a(e.tiles) && e.tiles?.length, !1);
4005
+ dt(s(e.url), !1), dt(a(e.tiles) && e.tiles?.length, !1);
4006
4006
  let t = new URL(e.url), n = [], r = "tile_width" in e ? e.tile_width : e.tileWidth, i = "tile_height" in e ? e.tile_height : e.tileHeight;
4007
4007
  for (let a of e.tiles) n.push({
4008
4008
  url: t,
@@ -4019,7 +4019,7 @@ var kr = {
4019
4019
  #o(e) {
4020
4020
  for (let t = 0; t < e.length; t++) {
4021
4021
  let n = e[t];
4022
- z("startTime" in n && m(n.startTime), !1), z("text" in n && s(n.text), !1);
4022
+ dt("startTime" in n && m(n.startTime), !1), dt("text" in n && s(n.text), !1);
4023
4023
  }
4024
4024
  let t = [], n = this.#s();
4025
4025
  for (let r of e) {
@@ -7268,31 +7268,31 @@ var ao = (e, t, n) => {
7268
7268
  S(bo), S(uo), S(fo), S(zo), S(lo), S(Co), S(wo), S(To), S(aa), S(ra), S(ea), S(ta), S(ia), S(oa), S($i), S(xo), S(So), S(Ao), S(No), S(xa), S(ya), S(Po), S(Fo), S(Io), S(Ro), S(ba), S(va), S(_a), S(Mo), S(ua), S(da), S(Eo), S(pa), S(fa), S(ca), S(la), S(ma), S(Oo), S(ha), S(Do), S(ko), S(ga), S(co), S(Zi), S(so), S(na), S(Qi), S(mo), S(go), S(vo);
7269
7269
  //#endregion
7270
7270
  //#region src/components/wt-vidstack-player/components/controls-group/controls-group.vue?vue&type=script&setup=true&lang.ts
7271
- var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7271
+ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__ */ St({
7272
7272
  __name: "controls-group",
7273
7273
  setup(e) {
7274
- let { size: t } = St("size");
7275
- return (e, n) => (H(), yt("media-controls-group", { class: Ct(["controls-group", `controls-group--${U(t)}`]) }, [B("div", Bo, [Ot(e.$slots, "default", {}, void 0, !0)])], 2));
7274
+ let { size: t } = Ct("size");
7275
+ return (e, n) => (V(), bt("media-controls-group", { class: wt(["controls-group", `controls-group--${U(t)}`]) }, [z("div", Bo, [H(e.$slots, "default", {}, void 0, !0)])], 2));
7276
7276
  }
7277
- }), [["__scopeId", "data-v-435a35bc"]]), Ho = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7277
+ }), [["__scopeId", "data-v-435a35bc"]]), Ho = /*#__PURE__*/ t(/* @__PURE__ */ St({
7278
7278
  __name: "fullscreen-button",
7279
7279
  emits: ["toggle"],
7280
7280
  setup(e, { emit: t }) {
7281
- let { fullscreen: n } = St("size"), i = t;
7282
- return (e, t) => (H(), yt("div", {
7283
- class: Ct(["fullscreen-button", { "fullscreen-button--active": U(n) }]),
7281
+ let { fullscreen: n } = Ct("size"), i = t;
7282
+ return (e, t) => (V(), bt("div", {
7283
+ class: wt(["fullscreen-button", { "fullscreen-button--active": U(n) }]),
7284
7284
  onClick: t[0] ||= (e) => i("toggle", !U(n))
7285
- }, [V(r, {
7285
+ }, [B(r, {
7286
7286
  icon: "player-enter-fullscreen",
7287
7287
  color: "on-dark",
7288
7288
  class: "fullscreen-button__enter"
7289
- }), V(r, {
7289
+ }), B(r, {
7290
7290
  icon: "player-exit-fullscreen",
7291
7291
  color: "on-dark",
7292
7292
  class: "fullscreen-button__exit"
7293
7293
  })], 2));
7294
7294
  }
7295
- }), [["__scopeId", "data-v-3d52fe3e"]]), Uo = /* @__PURE__ */ xt({
7295
+ }), [["__scopeId", "data-v-3d52fe3e"]]), Uo = /* @__PURE__ */ St({
7296
7296
  __name: "toggle-button",
7297
7297
  props: {
7298
7298
  icon: {},
@@ -7304,10 +7304,10 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7304
7304
  let n = e, i = t, a = () => {
7305
7305
  n.disabled || i("toggle");
7306
7306
  };
7307
- return (e, t) => (H(), yt("div", {
7307
+ return (e, t) => (V(), bt("div", {
7308
7308
  class: "toggle-button",
7309
7309
  onClick: a
7310
- }, [V(r, {
7310
+ }, [B(r, {
7311
7311
  icon: n.icon,
7312
7312
  color: n.color,
7313
7313
  disabled: n.disabled
@@ -7317,7 +7317,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7317
7317
  "disabled"
7318
7318
  ])]));
7319
7319
  }
7320
- }), Wo = { class: "video-display-panel__head" }, Go = ["title"], Ko = { class: "video-display-panel__controls" }, qo = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7320
+ }), Wo = { class: "video-display-panel__head" }, Go = ["title"], Ko = { class: "video-display-panel__controls" }, qo = /*#__PURE__*/ t(/* @__PURE__ */ St({
7321
7321
  __name: "video-display-panel",
7322
7322
  props: {
7323
7323
  title: {},
@@ -7327,7 +7327,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7327
7327
  },
7328
7328
  emits: ["close"],
7329
7329
  setup(t, { emit: i }) {
7330
- let { size: a, fullscreen: o, changeSize: s, enterFullscreen: c } = St("size"), l = gt(() => a.value === n.SM ? "expand" : "collapse"), u = t, d = i, f = (e) => {
7330
+ let { size: a, fullscreen: o, changeSize: s, enterFullscreen: c } = Ct("size"), l = _t(() => a.value === n.SM ? "expand" : "collapse"), u = t, d = i, f = (e) => {
7331
7331
  e ? a.value !== n.LG && (o.value = !0, s(n.LG), c()) : a.value === n.LG && (m(), o.value = !1, s(n.SM));
7332
7332
  }, p = () => {
7333
7333
  a.value === n.SM ? s(n.MD) : a.value === n.MD ? s(n.SM) : a.value === n.LG && (m(), o.value = !1, s(n.MD));
@@ -7336,37 +7336,38 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7336
7336
  }, h = (e) => {
7337
7337
  e.key === "Escape" && f(!1);
7338
7338
  };
7339
- return Tt(() => {
7339
+ return Et(() => {
7340
7340
  document.addEventListener("fullscreenchange", () => {
7341
7341
  document.fullscreenElement || f(!1);
7342
- }), wt(() => {
7342
+ }), Tt(() => {
7343
7343
  document.removeEventListener("keyup", h);
7344
7344
  });
7345
- }), (t, n) => (H(), yt("media-controls-group", { class: Ct([`video-display-panel--${U(a)}`, "video-display-panel controls-group"]) }, [B("div", Wo, [Ot(t.$slots, "avatar", {}, () => [u.username ? (H(), _t(e, {
7345
+ }), (t, n) => (V(), bt("media-controls-group", { class: wt([`video-display-panel--${U(a)}`, "video-display-panel controls-group"]) }, [z("div", Wo, [H(t.$slots, "avatar", {}, () => [u.username ? (V(), vt(e, {
7346
7346
  key: 0,
7347
7347
  username: u.username,
7348
7348
  size: "sm",
7349
7349
  class: "video-display-panel__avatar"
7350
- }, null, 8, ["username"])) : vt("", !0)], !0), B("span", {
7350
+ }, null, 8, ["username"])) : yt("", !0)], !0), z("span", {
7351
7351
  class: "video-display-panel__title typo-body-2-bold",
7352
7352
  title: u.title || u.username
7353
- }, At(u.title || u.username), 9, Go)]), B("div", Ko, [
7354
- V(Ho, { onToggle: f }),
7355
- u.hideExpand ? vt("", !0) : (H(), _t(Uo, {
7353
+ }, At(u.title || u.username), 9, Go)]), z("div", Ko, [
7354
+ H(t.$slots, "actions", {}, void 0, !0),
7355
+ B(Ho, { onToggle: f }),
7356
+ u.hideExpand ? yt("", !0) : (V(), vt(Uo, {
7356
7357
  key: 0,
7357
7358
  icon: l.value,
7358
7359
  color: "on-dark",
7359
7360
  onToggle: p
7360
7361
  }, null, 8, ["icon"])),
7361
- u.closable ? (H(), _t(r, {
7362
+ u.closable ? (V(), vt(r, {
7362
7363
  key: 1,
7363
7364
  icon: "close",
7364
7365
  color: "on-dark",
7365
7366
  onClick: n[0] ||= (e) => d("close")
7366
- })) : vt("", !0)
7367
+ })) : yt("", !0)
7367
7368
  ])], 2));
7368
7369
  }
7369
- }), [["__scopeId", "data-v-b3831d88"]]), Jo = { class: "video-display-panel-wrapper" }, Yo = { class: "video-layout-content" }, Xo = { class: "video-layout-controls" }, Zo = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7370
+ }), [["__scopeId", "data-v-f7d8a43b"]]), Jo = { class: "video-display-panel-wrapper" }, Yo = { class: "video-layout-content" }, Xo = { class: "video-layout-controls" }, Zo = /*#__PURE__*/ t(/* @__PURE__ */ St({
7370
7371
  __name: "video-layout",
7371
7372
  props: {
7372
7373
  title: {},
@@ -7384,36 +7385,40 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7384
7385
  "toggle-record"
7385
7386
  ],
7386
7387
  setup(e, { emit: t }) {
7387
- let { size: n } = St("size"), r = e, i = t;
7388
- return (e, t) => (H(), yt("media-controls", { class: Ct(["video-layout controls", `video-layout--${U(n)}`]) }, [
7389
- B("div", Jo, [r.hideVideoDisplayPanel ? vt("", !0) : (H(), _t(qo, {
7388
+ let { size: n } = Ct("size"), r = e, i = t;
7389
+ return (e, t) => (V(), bt("media-controls", { class: wt(["video-layout controls", `video-layout--${U(n)}`]) }, [
7390
+ z("div", Jo, [r.hideVideoDisplayPanel ? yt("", !0) : (V(), vt(qo, {
7390
7391
  key: 0,
7391
7392
  title: r.title,
7392
7393
  username: r.username,
7393
7394
  closable: r.closable,
7394
7395
  "hide-expand": r.hideExpand,
7395
7396
  onClose: t[0] ||= (e) => i("close-player")
7396
- }, bt({ _: 2 }, [e.$slots.avatar ? {
7397
+ }, xt({ _: 2 }, [e.$slots.avatar ? {
7397
7398
  name: "avatar",
7398
- fn: Nt(() => [Ot(e.$slots, "avatar", {}, void 0, !0)]),
7399
+ fn: Nt(() => [H(e.$slots, "avatar", {}, void 0, !0)]),
7399
7400
  key: "0"
7401
+ } : void 0, e.$slots["display-panel-actions"] ? {
7402
+ name: "actions",
7403
+ fn: Nt(() => [H(e.$slots, "display-panel-actions", {}, void 0, !0)]),
7404
+ key: "1"
7400
7405
  } : void 0]), 1032, [
7401
7406
  "title",
7402
7407
  "username",
7403
7408
  "closable",
7404
7409
  "hide-expand"
7405
7410
  ]))]),
7406
- B("media-controls-group", Yo, [Ot(e.$slots, "content", {}, void 0, !0)]),
7407
- B("div", Xo, [r.hideControlsPanel ? vt("", !0) : Ot(e.$slots, "controls-panel", { key: 0 }, () => [V(U(ns), { "countdown-time-mode": r.countdownTimeMode }, null, 8, ["countdown-time-mode"])], !0)])
7411
+ z("media-controls-group", Yo, [H(e.$slots, "content", {}, void 0, !0)]),
7412
+ z("div", Xo, [r.hideControlsPanel ? yt("", !0) : H(e.$slots, "controls-panel", { key: 0 }, () => [B(U(ns), { "countdown-time-mode": r.countdownTimeMode }, null, 8, ["countdown-time-mode"])], !0)])
7408
7413
  ], 2));
7409
7414
  }
7410
- }), [["__scopeId", "data-v-e3192d93"]]), Qo = { class: "play-button" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7415
+ }), [["__scopeId", "data-v-7ab6ee81"]]), Qo = { class: "play-button" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ St({
7411
7416
  __name: "play-button",
7412
7417
  setup(e) {
7413
- let { size: t } = St("size");
7418
+ let { size: t } = Ct("size");
7414
7419
  return (e, n) => {
7415
7420
  let r = kt("wt-button");
7416
- return H(), yt("media-play-button", Qo, [V(r, {
7421
+ return V(), bt("media-play-button", Qo, [B(r, {
7417
7422
  size: U(t),
7418
7423
  variant: "outlined",
7419
7424
  color: "secondary",
@@ -7422,7 +7427,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7422
7427
  rounded: "",
7423
7428
  "contains-icon": "",
7424
7429
  class: "play-button__play-icon"
7425
- }, null, 8, ["size"]), V(r, {
7430
+ }, null, 8, ["size"]), B(r, {
7426
7431
  size: U(t),
7427
7432
  variant: "outlined",
7428
7433
  color: "secondary",
@@ -7434,12 +7439,12 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7434
7439
  }, null, 8, ["size"])]);
7435
7440
  };
7436
7441
  }
7437
- }), [["__scopeId", "data-v-b5fb70ec"]]), es = { class: "time-slider media-slider" }, ts = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7442
+ }), [["__scopeId", "data-v-b5fb70ec"]]), es = { class: "time-slider media-slider" }, ts = /*#__PURE__*/ t(/* @__PURE__ */ St({
7438
7443
  __name: "time-slider",
7439
7444
  setup(e) {
7440
- return (e, t) => (H(), yt("media-time-slider", es, [V(ht, { class: "time-slider__slider" })]));
7445
+ return (e, t) => (V(), bt("media-time-slider", es, [B(gt, { class: "time-slider__slider" })]));
7441
7446
  }
7442
- }), [["__scopeId", "data-v-fbc2d9f8"]]), ns = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7447
+ }), [["__scopeId", "data-v-fbc2d9f8"]]), ns = /*#__PURE__*/ t(/* @__PURE__ */ St({
7443
7448
  __name: "playback-controls-panel",
7444
7449
  props: { countdownTimeMode: {
7445
7450
  type: Boolean,
@@ -7447,11 +7452,11 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7447
7452
  } },
7448
7453
  setup(e) {
7449
7454
  let t = e;
7450
- return (e, n) => (H(), _t(U(Vo), { class: "playback-control-panel" }, {
7455
+ return (e, n) => (V(), vt(U(Vo), { class: "playback-control-panel" }, {
7451
7456
  default: Nt(() => [
7452
- V($o),
7453
- V(ts),
7454
- V(Je, { countdown: t.countdownTimeMode }, null, 8, ["countdown"])
7457
+ B($o),
7458
+ B(ts),
7459
+ B(Je, { countdown: t.countdownTimeMode }, null, 8, ["countdown"])
7455
7460
  ], void 0, !0),
7456
7461
  _: 1
7457
7462
  }));
@@ -7460,7 +7465,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7460
7465
  "autoplay",
7461
7466
  "muted",
7462
7467
  "src"
7463
- ], is = /*#__PURE__*/ t(/* @__PURE__ */ xt({
7468
+ ], is = /*#__PURE__*/ t(/* @__PURE__ */ St({
7464
7469
  __name: "wt-vidstack-player",
7465
7470
  props: {
7466
7471
  src: {},
@@ -7504,8 +7509,8 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7504
7509
  setup(e, { expose: t, emit: r }) {
7505
7510
  let i = e, a = r, o = Mt("root");
7506
7511
  t({ rootEl: o });
7507
- let s = Dt(i.size || n.SM), c = Dt(!1);
7508
- Et("size", {
7512
+ let s = Ot(i.size || n.SM), c = Ot(!1);
7513
+ Dt("size", {
7509
7514
  size: s,
7510
7515
  fullscreen: c,
7511
7516
  changeSize: (e) => {
@@ -7519,7 +7524,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7519
7524
  src: l,
7520
7525
  type: u,
7521
7526
  stream: d
7522
- }), p = gt(() => [
7527
+ }), p = _t(() => [
7523
7528
  `wt-vidstack-player--${s.value}`,
7524
7529
  `wt-vidstack-player-video-object-fit--${i.videoObjectFit}`,
7525
7530
  i.mirrorVideo && "wt-vidstack-player--mirror-video",
@@ -7541,10 +7546,10 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7541
7546
  let t = (m(e.target) ?? e.target).play?.();
7542
7547
  t && typeof t.catch == "function" && t.catch(() => {});
7543
7548
  };
7544
- return (e, t) => (H(), yt("div", {
7549
+ return (e, t) => (V(), bt("div", {
7545
7550
  ref: "root",
7546
- class: Ct([p.value, "wt-vidstack-player"])
7547
- }, [B("media-player", {
7551
+ class: wt([p.value, "wt-vidstack-player"])
7552
+ }, [z("media-player", {
7548
7553
  ref: "player",
7549
7554
  autoplay: i.autoplay,
7550
7555
  muted: i.muted,
@@ -7554,7 +7559,7 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7554
7559
  playsinline: "",
7555
7560
  onClose: t[1] ||= (e) => a("close"),
7556
7561
  onCanPlay: h
7557
- }, [t[2] ||= B("media-provider", { class: "wt-vidstack-player__provider" }, null, -1), V(U(Zo), {
7562
+ }, [t[2] ||= z("media-provider", { class: "wt-vidstack-player__provider" }, null, -1), B(U(Zo), {
7558
7563
  autoplay: i.autoplay,
7559
7564
  closable: i.closable,
7560
7565
  "hide-controls-panel": i.hideControlsPanel,
@@ -7564,14 +7569,18 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7564
7569
  username: i.username,
7565
7570
  "countdown-time-mode": i.countdownTimeMode,
7566
7571
  onClosePlayer: t[0] ||= (e) => a("close")
7567
- }, bt({
7568
- "controls-panel": Nt(() => [Ot(e.$slots, "controls-panel", { size: s.value }, void 0, !0)]),
7569
- content: Nt(() => [Ot(e.$slots, "content", { size: s.value }, void 0, !0)]),
7572
+ }, xt({
7573
+ "controls-panel": Nt(() => [H(e.$slots, "controls-panel", { size: s.value }, void 0, !0)]),
7574
+ content: Nt(() => [H(e.$slots, "content", { size: s.value }, void 0, !0)]),
7570
7575
  _: 2
7571
7576
  }, [e.$slots.avatar ? {
7572
7577
  name: "avatar",
7573
- fn: Nt(() => [Ot(e.$slots, "avatar", {}, void 0, !0)]),
7578
+ fn: Nt(() => [H(e.$slots, "avatar", {}, void 0, !0)]),
7574
7579
  key: "0"
7580
+ } : void 0, e.$slots["display-panel-actions"] ? {
7581
+ name: "display-panel-actions",
7582
+ fn: Nt(() => [H(e.$slots, "display-panel-actions", {}, void 0, !0)]),
7583
+ key: "1"
7575
7584
  } : void 0]), 1032, [
7576
7585
  "autoplay",
7577
7586
  "closable",
@@ -7583,6 +7592,6 @@ var Bo = { class: "controls-group__actions" }, Vo = /*#__PURE__*/ t(/* @__PURE__
7583
7592
  "countdown-time-mode"
7584
7593
  ])], 40, rs)], 2));
7585
7594
  }
7586
- }), [["__scopeId", "data-v-c97fee4b"]]);
7595
+ }), [["__scopeId", "data-v-2dd467ff"]]);
7587
7596
  //#endregion
7588
7597
  export { is as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "26.6.118",
3
+ "version": "26.6.120",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -141,6 +141,7 @@ import minus from './minus.svg?raw';
141
141
  import move from './move.svg?raw';
142
142
  import note from './note.svg?raw';
143
143
  import numpad from './numpad.svg?raw';
144
+ import openPip from './open-pip.svg?raw';
144
145
  import options from './options.svg?raw';
145
146
  import pause from './pause.svg?raw';
146
147
  import pauseFilled from './pause--filled.svg?raw';
@@ -452,6 +453,7 @@ export default objCamelToKebab({
452
453
  conference,
453
454
  meta,
454
455
  options,
456
+ openPip,
455
457
  json,
456
458
  redo,
457
459
  save,
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19 20L5 20C4.44772 20 4 19.5523 4 19L4 13C4 12.4477 3.55228 12 3 12C2.44772 12 2 12.4477 2 13L2 19C2 20.6569 3.34315 22 5 22L19 22C20.6569 22 22 20.6569 22 19L22 5C22 3.34315 20.6569 2 19 2L13 2C12.4477 2 12 2.44772 12 3C12 3.55228 12.4477 4 13 4L19 4C19.5523 4 20 4.44772 20 5L20 19C20 19.5523 19.5523 20 19 20Z" />
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8 11C9.65686 11 11 9.65686 11 8V5C11 3.34315 9.65686 2 8 2L5 2C3.34315 2 2 3.34315 2 5L2 8C2 9.65685 3.34315 11 5 11H8ZM5 9L8 9C8.55229 9 9 8.55228 9 8L9 5C9 4.44772 8.55229 4 8 4L5 4C4.44772 4 4 4.44772 4 5L4 8C4 8.55229 4.44772 9 5 9Z" />
4
+ <path d="M12.5148 16.7575C12.1242 17.148 12.1242 17.7812 12.5148 18.1717C12.9053 18.5623 13.5385 18.5623 13.929 18.1717C13.923 18.1777 13.9237 18.1773 13.9331 18.1722C13.9617 18.1566 14.0699 18.0974 14.3127 18.0403C14.5984 17.9731 14.9614 17.9343 15.3432 17.9343C15.725 17.9343 16.088 17.9731 16.3737 18.0403C16.6164 18.0974 16.7247 18.1566 16.7533 18.1722C16.7627 18.1773 16.7634 18.1777 16.7574 18.1717C17.1479 18.5622 17.7811 18.5622 18.1716 18.1717C18.5621 17.7812 18.5621 17.1481 18.1716 16.7575C18.1776 16.7635 18.1772 16.7628 18.1721 16.7534C18.1565 16.7248 18.0973 16.6166 18.0402 16.3738C17.973 16.0881 17.9342 15.7251 17.9342 15.3433C17.9342 14.9615 17.973 14.5985 18.0402 14.3128C18.0973 14.0701 18.1565 13.9618 18.1721 13.9333C18.1772 13.9238 18.1776 13.9231 18.1716 13.9291C18.5621 13.5386 18.5621 12.9054 18.1716 12.5149C17.7811 12.1244 17.1479 12.1244 16.7574 12.5149C16.3797 12.8926 16.1942 13.4263 16.0934 13.8547C16.0403 14.0801 16.0014 14.3183 15.9752 14.5611L12.4142 11C12.0237 10.6095 11.3905 10.6095 11 11C10.6095 11.3905 10.6095 12.0237 11 12.4142L14.561 15.9754C14.3182 16.0015 14.0799 16.0405 13.8546 16.0935C13.4262 16.1943 12.8925 16.3798 12.5148 16.7575Z" />
5
+ </svg>
@@ -12,6 +12,10 @@
12
12
  <template v-if="$slots['avatar']" #avatar>
13
13
  <slot name="avatar" />
14
14
  </template>
15
+
16
+ <template v-if="$slots['display-panel-actions']" #actions>
17
+ <slot name="display-panel-actions" />
18
+ </template>
15
19
  </video-display-panel>
16
20
  </div>
17
21
 
@@ -22,6 +22,8 @@
22
22
  </div>
23
23
 
24
24
  <div class="video-display-panel__controls">
25
+ <slot name="actions" />
26
+
25
27
  <fullscreen-button
26
28
  @toggle="handleFullscreen"
27
29
  />
@@ -32,6 +32,10 @@
32
32
  <slot name="avatar" />
33
33
  </template>
34
34
 
35
+ <template v-if="$slots['display-panel-actions']" #display-panel-actions>
36
+ <slot name="display-panel-actions" />
37
+ </template>
38
+
35
39
  <template #controls-panel>
36
40
  <slot :size="size" name="controls-panel" />
37
41
  </template>