@cloudflare/realtimekit-ui 1.0.0-staging.8 → 1.0.0-staging.9

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 (231) hide show
  1. package/dist/browser.js +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/realtimekit-ui.cjs.js +1 -1
  4. package/dist/cjs/rtk-audio-visualizer_4.cjs.entry.js +1 -1
  5. package/dist/cjs/rtk-avatar_54.cjs.entry.js +23 -13
  6. package/dist/cjs/rtk-camera-selector_2.cjs.entry.js +2 -2
  7. package/dist/cjs/rtk-participant-setup.cjs.entry.js +2 -2
  8. package/dist/cjs/rtk-participant_2.cjs.entry.js +2 -2
  9. package/dist/cjs/rtk-participants-audio.cjs.entry.js +1 -1
  10. package/dist/cjs/rtk-participants-stage-list_4.cjs.entry.js +1 -1
  11. package/dist/cjs/rtk-plugins_2.cjs.entry.js +4 -4
  12. package/dist/cjs/rtk-poll_2.cjs.entry.js +3 -3
  13. package/dist/cjs/rtk-recording-indicator.cjs.entry.js +1 -1
  14. package/dist/cjs/rtk-screenshare-view.cjs.entry.js +5 -5
  15. package/dist/cjs/rtk-settings-toggle.cjs.entry.js +1 -1
  16. package/dist/cjs/rtk-setup-screen.cjs.entry.js +2 -2
  17. package/dist/cjs/rtk-simple-grid.cjs.entry.js +1 -1
  18. package/dist/cjs/rtk-spotlight-grid.cjs.entry.js +2 -2
  19. package/dist/cjs/rtk-stage.cjs.entry.js +1 -1
  20. package/dist/cjs/rtk-transcript.cjs.entry.js +1 -1
  21. package/dist/cjs/rtk-ui-provider.cjs.entry.js +1 -1
  22. package/dist/cjs/rtk-waiting-screen.cjs.entry.js +1 -1
  23. package/dist/collection/components/rtk-notification/rtk-notification.css +26 -18
  24. package/dist/collection/components/rtk-notification/rtk-notification.js +34 -4
  25. package/dist/collection/components/rtk-notifications/rtk-notifications.js +4 -2
  26. package/dist/collection/components/rtk-overlay-modal/rtk-overlay-modal.js +1 -1
  27. package/dist/collection/components/rtk-participant-setup/rtk-participant-setup.js +2 -2
  28. package/dist/collection/components/rtk-participant-tile/rtk-participant-tile.js +2 -2
  29. package/dist/collection/components/rtk-participants-audio/rtk-participants-audio.js +1 -1
  30. package/dist/collection/components/rtk-participants-stage-list/rtk-participants-stage-list.js +1 -1
  31. package/dist/collection/components/rtk-permissions-message/rtk-permissions-message.js +1 -1
  32. package/dist/collection/components/rtk-plugins/rtk-plugins.js +1 -1
  33. package/dist/collection/components/rtk-poll/rtk-poll.js +1 -1
  34. package/dist/collection/components/rtk-poll-form/rtk-poll-form.js +2 -2
  35. package/dist/collection/components/rtk-polls/rtk-polls.js +3 -3
  36. package/dist/collection/components/rtk-recording-indicator/rtk-recording-indicator.js +1 -1
  37. package/dist/collection/components/rtk-screenshare-view/rtk-screenshare-view.js +5 -5
  38. package/dist/collection/components/rtk-settings-toggle/rtk-settings-toggle.js +1 -1
  39. package/dist/collection/components/rtk-setup-screen/rtk-setup-screen.js +2 -2
  40. package/dist/collection/components/rtk-simple-grid/rtk-simple-grid.js +1 -1
  41. package/dist/collection/components/rtk-spinner/rtk-spinner.js +1 -1
  42. package/dist/collection/components/rtk-spotlight-grid/rtk-spotlight-grid.js +2 -2
  43. package/dist/collection/components/rtk-stage/rtk-stage.js +1 -1
  44. package/dist/collection/components/rtk-switch/rtk-switch.js +1 -1
  45. package/dist/collection/components/rtk-text-composer-view/rtk-text-composer-view.js +1 -1
  46. package/dist/collection/components/rtk-text-message/rtk-text-message.js +2 -2
  47. package/dist/collection/components/rtk-text-message-view/rtk-text-message-view.js +1 -1
  48. package/dist/collection/components/rtk-transcript/rtk-transcript.js +1 -1
  49. package/dist/collection/components/rtk-ui-provider/rtk-ui-provider.js +1 -1
  50. package/dist/collection/components/rtk-virtualized-list/rtk-virtualized-participant-list.js +2 -2
  51. package/dist/collection/components/rtk-waiting-screen/rtk-waiting-screen.js +1 -1
  52. package/dist/components/{p-8ca1fe4c.js → p-0c4a1808.js} +4 -4
  53. package/dist/components/{p-54c8b684.js → p-0c94b402.js} +6 -6
  54. package/dist/components/{p-caf8596c.js → p-1a546cf4.js} +5 -3
  55. package/dist/components/{p-78444f97.js → p-24e9b37b.js} +2 -2
  56. package/dist/components/{p-e99f574d.js → p-25770e4e.js} +8 -8
  57. package/dist/components/{p-0c81aa9c.js → p-28f65402.js} +3 -3
  58. package/dist/components/{p-664f872d.js → p-2ecf028f.js} +2 -2
  59. package/dist/components/{p-2973e211.js → p-31a1dc4d.js} +2 -2
  60. package/dist/components/{p-cd66e89b.js → p-406292be.js} +2 -2
  61. package/dist/components/{p-594ed925.js → p-4096426e.js} +1 -1
  62. package/dist/components/{p-00b13124.js → p-4880c342.js} +6 -6
  63. package/dist/components/{p-a478e070.js → p-4e3d7f9d.js} +1 -1
  64. package/dist/components/{p-8227dcd2.js → p-55598b38.js} +1 -1
  65. package/dist/components/{p-db1e56e8.js → p-563bc723.js} +5 -5
  66. package/dist/components/{p-0e13b6ee.js → p-59fb6900.js} +2 -2
  67. package/dist/components/{p-8ca0d44f.js → p-606ca241.js} +2 -2
  68. package/dist/components/{p-d3ca55ba.js → p-68b6f23b.js} +1 -1
  69. package/dist/components/{p-dc23e204.js → p-6acaa07e.js} +1 -1
  70. package/dist/components/{p-0f937441.js → p-71e0f6f2.js} +1 -1
  71. package/dist/components/{p-91cb38a3.js → p-734a10e4.js} +1 -1
  72. package/dist/components/{p-13bf25de.js → p-7a7d1710.js} +2 -2
  73. package/dist/components/{p-eeea40dd.js → p-80bef3b5.js} +2 -2
  74. package/dist/components/{p-1947c106.js → p-81f4e985.js} +1 -1
  75. package/dist/components/{p-4ba64e96.js → p-898da6ae.js} +5 -5
  76. package/dist/components/{p-14aafb1d.js → p-922f201f.js} +1 -1
  77. package/dist/components/{p-7373cc7e.js → p-9c17c7ce.js} +1 -1
  78. package/dist/components/{p-87f1e5db.js → p-9cace38c.js} +3 -3
  79. package/dist/components/{p-7d26c3e0.js → p-9cfe5c7c.js} +1 -1
  80. package/dist/components/{p-619a7896.js → p-9da5b9d0.js} +2 -2
  81. package/dist/components/{p-c00de10a.js → p-aa9ee9a5.js} +2 -2
  82. package/dist/components/{p-99b862b5.js → p-ab87c5be.js} +2 -2
  83. package/dist/components/{p-d262b31f.js → p-b373da43.js} +2 -2
  84. package/dist/components/{p-168b17a0.js → p-bcb91396.js} +1 -1
  85. package/dist/components/{p-f682505d.js → p-c2723ebb.js} +4 -4
  86. package/dist/components/{p-66ff4a1a.js → p-c27c353f.js} +1 -1
  87. package/dist/components/{p-00649ab8.js → p-c939f92d.js} +2 -2
  88. package/dist/components/{p-4c4025de.js → p-ddf6148a.js} +1 -1
  89. package/dist/components/{p-3dbc09e4.js → p-e3ffbf6c.js} +1 -1
  90. package/dist/components/{p-2ce92a24.js → p-e4241aa9.js} +3 -3
  91. package/dist/components/{p-4221b28d.js → p-e542eda6.js} +2 -2
  92. package/dist/components/{p-1bf54ab3.js → p-eb10c563.js} +4 -4
  93. package/dist/components/{p-2f7c0530.js → p-eca2ab2e.js} +27 -27
  94. package/dist/components/{p-20354866.js → p-ece96324.js} +16 -5
  95. package/dist/components/{p-8ceedb7f.js → p-f0dfdfea.js} +1 -1
  96. package/dist/components/{p-56586bc8.js → p-f33bb583.js} +4 -4
  97. package/dist/components/{p-d71db36f.js → p-f6046472.js} +2 -2
  98. package/dist/components/rtk-ai-toggle.js +2 -2
  99. package/dist/components/rtk-audio-tile.js +2 -2
  100. package/dist/components/rtk-avatar.js +1 -1
  101. package/dist/components/rtk-breakout-room-manager.js +1 -1
  102. package/dist/components/rtk-breakout-room-participants.js +1 -1
  103. package/dist/components/rtk-breakout-rooms-manager.js +1 -1
  104. package/dist/components/rtk-breakout-rooms-toggle.js +2 -2
  105. package/dist/components/rtk-camera-toggle.js +2 -2
  106. package/dist/components/rtk-caption-toggle.js +2 -2
  107. package/dist/components/rtk-channel-creator.js +1 -1
  108. package/dist/components/rtk-channel-details.js +1 -1
  109. package/dist/components/rtk-channel-header.js +1 -1
  110. package/dist/components/rtk-channel-selector-ui.js +2 -2
  111. package/dist/components/rtk-channel-selector-view.js +1 -1
  112. package/dist/components/rtk-chat-composer-ui.js +3 -3
  113. package/dist/components/rtk-chat-composer-view.js +1 -1
  114. package/dist/components/rtk-chat-message.js +1 -1
  115. package/dist/components/rtk-chat-messages-ui-paginated.js +1 -1
  116. package/dist/components/rtk-chat-messages-ui.js +1 -1
  117. package/dist/components/rtk-chat-search-results.js +1 -1
  118. package/dist/components/rtk-chat-toggle.js +2 -2
  119. package/dist/components/rtk-chat.js +1 -1
  120. package/dist/components/rtk-controlbar-button.js +1 -1
  121. package/dist/components/rtk-debugger-toggle.js +2 -2
  122. package/dist/components/rtk-dialog-manager.js +1 -1
  123. package/dist/components/rtk-emoji-picker.js +1 -1
  124. package/dist/components/rtk-fullscreen-toggle.js +1 -1
  125. package/dist/components/rtk-grid.js +4 -4
  126. package/dist/components/rtk-idle-screen.js +1 -1
  127. package/dist/components/rtk-image-message-view.js +1 -1
  128. package/dist/components/rtk-image-message.js +1 -1
  129. package/dist/components/rtk-leave-button.js +2 -2
  130. package/dist/components/rtk-livestream-player.js +1 -1
  131. package/dist/components/rtk-livestream-toggle.js +2 -2
  132. package/dist/components/rtk-meeting.js +28 -28
  133. package/dist/components/rtk-message-list-view.js +1 -1
  134. package/dist/components/rtk-message-view.js +1 -1
  135. package/dist/components/rtk-mic-toggle.js +2 -2
  136. package/dist/components/rtk-more-toggle.js +2 -2
  137. package/dist/components/rtk-mute-all-button.js +2 -2
  138. package/dist/components/rtk-notification.js +1 -1
  139. package/dist/components/rtk-notifications.js +1 -1
  140. package/dist/components/rtk-overlay-modal.js +1 -1
  141. package/dist/components/rtk-paginated-list.js +1 -1
  142. package/dist/components/rtk-participant-setup.js +2 -2
  143. package/dist/components/rtk-participant-tile.js +1 -1
  144. package/dist/components/rtk-participant.js +1 -1
  145. package/dist/components/rtk-participants-audio.js +1 -1
  146. package/dist/components/rtk-participants-stage-list.js +1 -1
  147. package/dist/components/rtk-participants-stage-queue.js +1 -1
  148. package/dist/components/rtk-participants-toggle.js +2 -2
  149. package/dist/components/rtk-participants-viewer-list.js +1 -1
  150. package/dist/components/rtk-participants-waiting-list.js +1 -1
  151. package/dist/components/rtk-participants.js +8 -8
  152. package/dist/components/rtk-permissions-message.js +1 -1
  153. package/dist/components/rtk-pip-toggle.js +2 -2
  154. package/dist/components/rtk-plugins-toggle.js +2 -2
  155. package/dist/components/rtk-plugins.js +1 -1
  156. package/dist/components/rtk-poll-form.js +1 -1
  157. package/dist/components/rtk-poll.js +1 -1
  158. package/dist/components/rtk-polls-toggle.js +2 -2
  159. package/dist/components/rtk-polls.js +1 -1
  160. package/dist/components/rtk-recording-indicator.js +1 -1
  161. package/dist/components/rtk-recording-toggle.js +2 -2
  162. package/dist/components/rtk-screen-share-toggle.js +2 -2
  163. package/dist/components/rtk-screenshare-view.js +5 -5
  164. package/dist/components/rtk-settings-audio.js +1 -1
  165. package/dist/components/rtk-settings-toggle.js +3 -3
  166. package/dist/components/rtk-settings-video.js +1 -1
  167. package/dist/components/rtk-settings.js +4 -4
  168. package/dist/components/rtk-setup-screen.js +3 -3
  169. package/dist/components/rtk-sidebar.js +4 -4
  170. package/dist/components/rtk-simple-grid.js +1 -1
  171. package/dist/components/rtk-spinner.js +1 -1
  172. package/dist/components/rtk-spotlight-grid.js +2 -2
  173. package/dist/components/rtk-stage-toggle.js +2 -2
  174. package/dist/components/rtk-stage.js +1 -1
  175. package/dist/components/rtk-switch.js +1 -1
  176. package/dist/components/rtk-text-composer-view.js +1 -1
  177. package/dist/components/rtk-text-message-view.js +1 -1
  178. package/dist/components/rtk-text-message.js +1 -1
  179. package/dist/components/rtk-transcript.js +1 -1
  180. package/dist/components/rtk-transcripts.js +1 -1
  181. package/dist/components/rtk-ui-provider.js +1 -1
  182. package/dist/components/rtk-virtualized-participant-list.js +1 -1
  183. package/dist/components/rtk-waiting-screen.js +1 -1
  184. package/dist/docs/docs-components.json +24 -1
  185. package/dist/docs/docs-vscode.json +4 -0
  186. package/dist/esm/loader.js +56 -46
  187. package/dist/esm/realtimekit-ui.js +1 -1
  188. package/dist/esm/rtk-audio-visualizer_4.entry.js +1 -1
  189. package/dist/esm/rtk-avatar_54.entry.js +23 -13
  190. package/dist/esm/rtk-camera-selector_2.entry.js +2 -2
  191. package/dist/esm/rtk-participant-setup.entry.js +2 -2
  192. package/dist/esm/rtk-participant_2.entry.js +2 -2
  193. package/dist/esm/rtk-participants-audio.entry.js +1 -1
  194. package/dist/esm/rtk-participants-stage-list_4.entry.js +1 -1
  195. package/dist/esm/rtk-plugins_2.entry.js +4 -4
  196. package/dist/esm/rtk-poll_2.entry.js +3 -3
  197. package/dist/esm/rtk-recording-indicator.entry.js +1 -1
  198. package/dist/esm/rtk-screenshare-view.entry.js +5 -5
  199. package/dist/esm/rtk-settings-toggle.entry.js +1 -1
  200. package/dist/esm/rtk-setup-screen.entry.js +2 -2
  201. package/dist/esm/rtk-simple-grid.entry.js +1 -1
  202. package/dist/esm/rtk-spotlight-grid.entry.js +2 -2
  203. package/dist/esm/rtk-stage.entry.js +1 -1
  204. package/dist/esm/rtk-transcript.entry.js +1 -1
  205. package/dist/esm/rtk-ui-provider.entry.js +1 -1
  206. package/dist/esm/rtk-waiting-screen.entry.js +1 -1
  207. package/dist/realtimekit-ui/{p-0d071b0c.entry.js → p-0e777b3f.entry.js} +1 -1
  208. package/dist/realtimekit-ui/{p-25c7522f.entry.js → p-18fdb6bb.entry.js} +1 -1
  209. package/dist/realtimekit-ui/{p-9ca13287.entry.js → p-235b7aa8.entry.js} +1 -1
  210. package/dist/realtimekit-ui/{p-5584d146.entry.js → p-2bfa32da.entry.js} +1 -1
  211. package/dist/realtimekit-ui/{p-dd9b1b30.entry.js → p-4f2ec64b.entry.js} +1 -1
  212. package/dist/realtimekit-ui/{p-4dc84daa.entry.js → p-5325b5e5.entry.js} +1 -1
  213. package/dist/realtimekit-ui/{p-050469f0.entry.js → p-55040827.entry.js} +1 -1
  214. package/dist/realtimekit-ui/{p-3d312beb.entry.js → p-61c38e05.entry.js} +1 -1
  215. package/dist/realtimekit-ui/{p-7af0573f.entry.js → p-621a7265.entry.js} +1 -1
  216. package/dist/realtimekit-ui/{p-3611c234.entry.js → p-73bc3abd.entry.js} +1 -1
  217. package/dist/realtimekit-ui/{p-80a02bba.entry.js → p-7c1a2584.entry.js} +1 -1
  218. package/dist/realtimekit-ui/{p-fc704ef3.entry.js → p-950454b7.entry.js} +1 -1
  219. package/dist/realtimekit-ui/{p-fb67b669.entry.js → p-ac91f9f9.entry.js} +1 -1
  220. package/dist/realtimekit-ui/{p-373ea59c.entry.js → p-b80f1bed.entry.js} +1 -1
  221. package/dist/realtimekit-ui/{p-f5ad8c8f.entry.js → p-c6f7cd03.entry.js} +1 -1
  222. package/dist/realtimekit-ui/{p-e1091812.entry.js → p-c8f8b690.entry.js} +1 -1
  223. package/dist/realtimekit-ui/p-d9e81b11.entry.js +1 -0
  224. package/dist/realtimekit-ui/{p-d1e6d6c4.entry.js → p-e80cf367.entry.js} +1 -1
  225. package/dist/realtimekit-ui/{p-4211ad5e.entry.js → p-f7c6931d.entry.js} +1 -1
  226. package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
  227. package/dist/types/components/rtk-notification/rtk-notification.d.ts +4 -0
  228. package/dist/types/components/rtk-notifications/rtk-notifications.d.ts +1 -0
  229. package/dist/types/components.d.ts +8 -0
  230. package/package.json +1 -1
  231. package/dist/realtimekit-ui/p-c7f14fd0.entry.js +0 -1
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
2
2
  import { a as defaultIconPack, c as useLanguage, p as participantIdentifier, h as getAllConnectedParticipants } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
4
  import { f as formatName, s as shorten } from './p-338c7261.js';
5
- import { d as defineCustomElement$4 } from './p-7373cc7e.js';
5
+ import { d as defineCustomElement$4 } from './p-9c17c7ce.js';
6
6
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
7
- import { d as defineCustomElement$2 } from './p-1947c106.js';
7
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
8
8
  import { d as defineCustomElement$1 } from './p-e3b59650.js';
9
9
 
10
10
  const rtkBreakoutRoomParticipantsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
@@ -5,12 +5,12 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
5
5
  import './p-a83ccdbd.js';
6
6
  import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-31964573.js';
7
7
  import { S as SyncWithStore } from './p-d5791958.js';
8
- import { d as defineCustomElement$6 } from './p-7373cc7e.js';
8
+ import { d as defineCustomElement$6 } from './p-9c17c7ce.js';
9
9
  import { d as defineCustomElement$5 } from './p-4cc0e9a5.js';
10
10
  import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
11
11
  import { d as defineCustomElement$3 } from './p-10182034.js';
12
12
  import { d as defineCustomElement$2 } from './p-c7dcb441.js';
13
- import { d as defineCustomElement$1 } from './p-1947c106.js';
13
+ import { d as defineCustomElement$1 } from './p-81f4e985.js';
14
14
 
15
15
  const rtkParticipantCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";
16
16
  const RtkParticipantStyle0 = rtkParticipantCss;
@@ -13,7 +13,7 @@ const RtkTextMessageView = /*@__PURE__*/ proxyCustomElement(class RtkTextMessage
13
13
  this.isMarkdown = false;
14
14
  }
15
15
  render() {
16
- return (h("p", { key: '67b3aadecf02b8838821c13a3fbf926506dd3143', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
16
+ return (h("p", { key: '43af19a40b404cf8de36db064a89e9eefd50af81', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
17
17
  }
18
18
  static get style() { return RtkTextMessageViewStyle0; }
19
19
  }, [0, "rtk-text-message-view", {
@@ -2,16 +2,16 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
2
2
  import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
- import { d as defineCustomElement$a } from './p-7373cc7e.js';
5
+ import { d as defineCustomElement$a } from './p-9c17c7ce.js';
6
6
  import { d as defineCustomElement$9 } from './p-4cc0e9a5.js';
7
7
  import { d as defineCustomElement$8 } from './p-35d6211b.js';
8
8
  import { d as defineCustomElement$7 } from './p-2f2fb96d.js';
9
- import { d as defineCustomElement$6 } from './p-14aafb1d.js';
9
+ import { d as defineCustomElement$6 } from './p-922f201f.js';
10
10
  import { d as defineCustomElement$5 } from './p-4cedc9e8.js';
11
11
  import { d as defineCustomElement$4 } from './p-10182034.js';
12
12
  import { d as defineCustomElement$3 } from './p-c7dcb441.js';
13
- import { d as defineCustomElement$2 } from './p-1947c106.js';
14
- import { d as defineCustomElement$1 } from './p-cd66e89b.js';
13
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
14
+ import { d as defineCustomElement$1 } from './p-406292be.js';
15
15
 
16
16
  const rtkChatMessageCss = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
17
17
  const RtkChatMessageStyle0 = rtkChatMessageCss;
@@ -3,7 +3,7 @@ import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
4
  import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
5
5
  import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
6
- import { d as defineCustomElement$1 } from './p-1947c106.js';
6
+ import { d as defineCustomElement$1 } from './p-81f4e985.js';
7
7
 
8
8
  const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
9
9
  let cachedEmojis;
@@ -3,12 +3,12 @@ import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
4
  import { a as defaultIconPack } from './p-e6d09c50.js';
5
5
  import './p-a83ccdbd.js';
6
- import { d as defineCustomElement$6 } from './p-7373cc7e.js';
6
+ import { d as defineCustomElement$6 } from './p-9c17c7ce.js';
7
7
  import { d as defineCustomElement$5 } from './p-2f2fb96d.js';
8
8
  import { d as defineCustomElement$4 } from './p-4cedc9e8.js';
9
9
  import { d as defineCustomElement$3 } from './p-10182034.js';
10
10
  import { d as defineCustomElement$2 } from './p-c7dcb441.js';
11
- import { d as defineCustomElement$1 } from './p-1947c106.js';
11
+ import { d as defineCustomElement$1 } from './p-81f4e985.js';
12
12
 
13
13
  const rtkMessageViewCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.message-wrapper{display:flex;flex-direction:row-reverse;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column}.header{margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.body .metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px}.bubble{max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n at top right,\n rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n rgba(255, 255, 255, 0) 80%\n )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n at top right,\n rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n rgba(255, 255, 255, 0) 80%\n )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";
14
14
  const RtkMessageViewStyle0 = rtkMessageViewCss;
@@ -7,7 +7,7 @@ import { d as defineCustomElement$5 } from './p-4cc0e9a5.js';
7
7
  import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
8
8
  import { d as defineCustomElement$3 } from './p-a41e1b94.js';
9
9
  import { d as defineCustomElement$2 } from './p-0a9d8224.js';
10
- import { d as defineCustomElement$1 } from './p-a478e070.js';
10
+ import { d as defineCustomElement$1 } from './p-4e3d7f9d.js';
11
11
 
12
12
  const rtkSettingsAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
13
13
  const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;
@@ -60,7 +60,7 @@ const RtkPlugins = /*@__PURE__*/ proxyCustomElement(class RtkPlugins extends H {
60
60
  }
61
61
  }
62
62
  render() {
63
- return (h(Host, { key: 'a4ef27530f9e18bc63f0c419219eb4ad0314a213' }, h("ul", { key: '348783b9aa3feb3a215a73a1f7fc1bb749c17da0', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
63
+ return (h(Host, { key: '74f2d9af55a0670b4ae5406f73b333187e8c3d92' }, h("ul", { key: '955e4e2a9d101b5027ef725175996c8e72a94b30', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
64
64
  plugin.activate();
65
65
  this.close();
66
66
  }, "aria-label": `${this.t('activate')} ${plugin.name}` }, h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
@@ -3,10 +3,10 @@ import { c as useLanguage, a as defaultIconPack, P as PlayerState, o as getLives
3
3
  import './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
5
  import { d as defineCustomElement$5 } from './p-4cc0e9a5.js';
6
- import { d as defineCustomElement$4 } from './p-dc23e204.js';
7
- import { d as defineCustomElement$3 } from './p-eeea40dd.js';
6
+ import { d as defineCustomElement$4 } from './p-6acaa07e.js';
7
+ import { d as defineCustomElement$3 } from './p-80bef3b5.js';
8
8
  import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
9
- import { d as defineCustomElement$1 } from './p-1947c106.js';
9
+ import { d as defineCustomElement$1 } from './p-81f4e985.js';
10
10
 
11
11
  function getDefaultExportFromCjs (x) {
12
12
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as H
2
2
  import { a as defaultIconPack, c as useLanguage, h as getAllConnectedParticipants, p as participantIdentifier } from './p-e6d09c50.js';
3
3
  import { f as formatName, s as shorten } from './p-338c7261.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
- import { d as defineCustomElement$5 } from './p-7373cc7e.js';
5
+ import { d as defineCustomElement$5 } from './p-9c17c7ce.js';
6
6
  import { d as defineCustomElement$4 } from './p-4cc0e9a5.js';
7
7
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
8
- import { d as defineCustomElement$2 } from './p-1947c106.js';
8
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
9
9
  import { d as defineCustomElement$1 } from './p-e3b59650.js';
10
10
 
11
11
  const rtkBreakoutRoomManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
@@ -1,13 +1,13 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
2
2
  import { a as defaultIconPack, c as useLanguage, j as resetRoomCount, B as BreakoutRoomsManager, p as participantIdentifier } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
- import { d as defineCustomElement$8 } from './p-7373cc7e.js';
5
- import { d as defineCustomElement$7 } from './p-4221b28d.js';
6
- import { d as defineCustomElement$6 } from './p-99b862b5.js';
4
+ import { d as defineCustomElement$8 } from './p-9c17c7ce.js';
5
+ import { d as defineCustomElement$7 } from './p-e542eda6.js';
6
+ import { d as defineCustomElement$6 } from './p-ab87c5be.js';
7
7
  import { d as defineCustomElement$5 } from './p-4cc0e9a5.js';
8
8
  import { d as defineCustomElement$4 } from './p-0ea515b2.js';
9
9
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
10
- import { d as defineCustomElement$2 } from './p-1947c106.js';
10
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
11
11
  import { d as defineCustomElement$1 } from './p-e3b59650.js';
12
12
 
13
13
  const rtkBreakoutRoomsManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;height:595px;max-width:100%;max-height:100%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.rooms::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
@@ -3,21 +3,21 @@ import { d as defaultConfig, a as defaultIconPack, c as useLanguage, l as usePag
3
3
  import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.js';
4
4
  import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
5
5
  import { S as SyncWithStore } from './p-d5791958.js';
6
- import { d as defineCustomElement$Q } from './p-7373cc7e.js';
7
- import { d as defineCustomElement$P } from './p-4221b28d.js';
8
- import { d as defineCustomElement$O } from './p-99b862b5.js';
9
- import { d as defineCustomElement$N } from './p-1bf54ab3.js';
6
+ import { d as defineCustomElement$Q } from './p-9c17c7ce.js';
7
+ import { d as defineCustomElement$P } from './p-e542eda6.js';
8
+ import { d as defineCustomElement$O } from './p-ab87c5be.js';
9
+ import { d as defineCustomElement$N } from './p-eb10c563.js';
10
10
  import { d as defineCustomElement$M } from './p-965a4bd9.js';
11
11
  import { d as defineCustomElement$L } from './p-4cc0e9a5.js';
12
- import { d as defineCustomElement$K } from './p-619a7896.js';
13
- import { d as defineCustomElement$J } from './p-d71db36f.js';
14
- import { d as defineCustomElement$I } from './p-0c81aa9c.js';
15
- import { d as defineCustomElement$H } from './p-87f1e5db.js';
16
- import { d as defineCustomElement$G } from './p-8ca1fe4c.js';
17
- import { d as defineCustomElement$F } from './p-f682505d.js';
18
- import { d as defineCustomElement$E } from './p-4ba64e96.js';
19
- import { d as defineCustomElement$D } from './p-54c8b684.js';
20
- import { d as defineCustomElement$C } from './p-00b13124.js';
12
+ import { d as defineCustomElement$K } from './p-9da5b9d0.js';
13
+ import { d as defineCustomElement$J } from './p-f6046472.js';
14
+ import { d as defineCustomElement$I } from './p-28f65402.js';
15
+ import { d as defineCustomElement$H } from './p-9cace38c.js';
16
+ import { d as defineCustomElement$G } from './p-0c4a1808.js';
17
+ import { d as defineCustomElement$F } from './p-c2723ebb.js';
18
+ import { d as defineCustomElement$E } from './p-898da6ae.js';
19
+ import { d as defineCustomElement$D } from './p-0c94b402.js';
20
+ import { d as defineCustomElement$C } from './p-4880c342.js';
21
21
  import { d as defineCustomElement$B } from './p-175b365f.js';
22
22
  import { d as defineCustomElement$A } from './p-0ea515b2.js';
23
23
  import { d as defineCustomElement$z } from './p-e4376670.js';
@@ -26,16 +26,16 @@ import { d as defineCustomElement$x } from './p-24ffce5a.js';
26
26
  import { d as defineCustomElement$w } from './p-ae239151.js';
27
27
  import { d as defineCustomElement$v } from './p-62a6b783.js';
28
28
  import { d as defineCustomElement$u } from './p-bd9a0ef8.js';
29
- import { d as defineCustomElement$t } from './p-e99f574d.js';
29
+ import { d as defineCustomElement$t } from './p-25770e4e.js';
30
30
  import { d as defineCustomElement$s } from './p-b12e5011.js';
31
- import { d as defineCustomElement$r } from './p-66ff4a1a.js';
31
+ import { d as defineCustomElement$r } from './p-c27c353f.js';
32
32
  import { d as defineCustomElement$q } from './p-935b5e0f.js';
33
33
  import { d as defineCustomElement$p } from './p-35d6211b.js';
34
34
  import { d as defineCustomElement$o } from './p-b3537ccc.js';
35
35
  import { d as defineCustomElement$n } from './p-4608147b.js';
36
36
  import { d as defineCustomElement$m } from './p-2f2fb96d.js';
37
- import { d as defineCustomElement$l } from './p-14aafb1d.js';
38
- import { d as defineCustomElement$k } from './p-594ed925.js';
37
+ import { d as defineCustomElement$l } from './p-922f201f.js';
38
+ import { d as defineCustomElement$k } from './p-4096426e.js';
39
39
  import { d as defineCustomElement$j } from './p-b39c779d.js';
40
40
  import { d as defineCustomElement$i } from './p-3d845f44.js';
41
41
  import { d as defineCustomElement$h } from './p-5ffcbba3.js';
@@ -43,17 +43,17 @@ import { d as defineCustomElement$g } from './p-3358d7dc.js';
43
43
  import { d as defineCustomElement$f } from './p-4cedc9e8.js';
44
44
  import { d as defineCustomElement$e } from './p-10182034.js';
45
45
  import { d as defineCustomElement$d } from './p-c7dcb441.js';
46
- import { d as defineCustomElement$c } from './p-00649ab8.js';
46
+ import { d as defineCustomElement$c } from './p-c939f92d.js';
47
47
  import { d as defineCustomElement$b } from './p-135d5d2f.js';
48
- import { d as defineCustomElement$a } from './p-20354866.js';
49
- import { d as defineCustomElement$9 } from './p-caf8596c.js';
50
- import { d as defineCustomElement$8 } from './p-0f937441.js';
51
- import { d as defineCustomElement$7 } from './p-7d26c3e0.js';
52
- import { d as defineCustomElement$6 } from './p-d3ca55ba.js';
53
- import { d as defineCustomElement$5 } from './p-1947c106.js';
54
- import { d as defineCustomElement$4 } from './p-8ceedb7f.js';
55
- import { d as defineCustomElement$3 } from './p-cd66e89b.js';
56
- import { d as defineCustomElement$2 } from './p-168b17a0.js';
48
+ import { d as defineCustomElement$a } from './p-ece96324.js';
49
+ import { d as defineCustomElement$9 } from './p-1a546cf4.js';
50
+ import { d as defineCustomElement$8 } from './p-71e0f6f2.js';
51
+ import { d as defineCustomElement$7 } from './p-9cfe5c7c.js';
52
+ import { d as defineCustomElement$6 } from './p-68b6f23b.js';
53
+ import { d as defineCustomElement$5 } from './p-81f4e985.js';
54
+ import { d as defineCustomElement$4 } from './p-f0dfdfea.js';
55
+ import { d as defineCustomElement$3 } from './p-406292be.js';
56
+ import { d as defineCustomElement$2 } from './p-bcb91396.js';
57
57
  import { d as defineCustomElement$1 } from './p-e3b59650.js';
58
58
 
59
59
  const rtkChatCss = ":host {\n line-height: initial;\n font-family: var(--rtk-font-family, sans-serif);\n\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\n\np {\n margin: var(--rtk-space-0, 0px);\n padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n /* For Firefox */\n scrollbar-width: thin;\n scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n height: var(--rtk-space-1\\.5, 6px);\n width: var(--rtk-space-1\\.5, 6px);\n border-radius: 9999px;\n background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n font-size: 14px;\n position: relative;\n color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n margin: var(--rtk-space-0, 0px);\n display: flex;\n height: var(--rtk-space-12, 48px);\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 400;\n color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n text-align: center;\n}\n\n#dropzone {\n position: absolute;\n top: var(--rtk-space-0, 0px);\n right: var(--rtk-space-0, 0px);\n bottom: var(--rtk-space-0, 0px);\n left: var(--rtk-space-0, 0px);\n z-index: 10;\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n display: flex;\n animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: row;\n container-type: size;\n container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n rtk-channel-selector-view {\n height: var(--rtk-space-8, 32px);\n min-height: 24px;\n }\n}\n\n.chat {\n display: flex;\n flex: 1 1 0%;\n flex-direction: column;\n}\n\n.banner {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.banner .welcome-new-channel {\n width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n height: var(--rtk-space-40, 160px);\n width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n box-sizing: border-box;\n height: var(--rtk-space-16, 64px);\n padding: var(--rtk-space-4, 16px);\n display: flex;\n justify-content: space-between;\n border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n width: var(--rtk-space-8, 32px);\n justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n --tw-text-opacity: 1;\n color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n z-index: 50;\n width: 100%;\n max-width: var(--rtk-space-80, 320px);\n border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n display: none;\n}\n\n.mobile-close-btn {\n display: none;\n}\n\n.selector-container.mobile {\n height: 100%;\n width: 100%;\n max-width: 100%;\n position: absolute;\n top: var(--rtk-space-0, 0px);\n right: var(--rtk-space-0, 0px);\n bottom: var(--rtk-space-0, 0px);\n left: var(--rtk-space-0, 0px);\n background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n max-width: var(--rtk-space-96, 384px);\n animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n margin-top: var(--rtk-space-4, 16px);\n margin-bottom: var(--rtk-space-4, 16px);\n margin-left: var(--rtk-space-6, 24px);\n margin-right: var(--rtk-space-6, 24px);\n display: block;\n}\n\n.pinned-messages-header {\n display: flex;\n align-items: center;\n gap: var(--rtk-space-2, 8px);\n padding: var(--rtk-space-2, 8px);\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n font-size: 12px;\n cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n height: var(--rtk-space-3, 12px);\n width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n --tw-bg-opacity: 1;\n background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n";
@@ -5,7 +5,7 @@ import { T as TextMessageView } from './p-a2f4f9e3.js';
5
5
  import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
6
6
  import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
7
7
 
8
- const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}rtk-icon.dismiss{margin-left:auto;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-md, 8px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}rtk-icon.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}rtk-icon.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}rtk-button{margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
8
+ const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
9
9
  const RtkNotificationStyle0 = rtkNotificationCss;
10
10
 
11
11
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -33,30 +33,41 @@ const RtkNotification = /*@__PURE__*/ proxyCustomElement(class RtkNotification e
33
33
  connectedCallback() {
34
34
  this.notificationChanged(this.notification);
35
35
  }
36
+ pausedChanged(paused) {
37
+ if (paused) {
38
+ clearTimeout(this.timeout);
39
+ }
40
+ else {
41
+ this.notificationChanged(this.notification);
42
+ }
43
+ }
36
44
  notificationChanged(notification) {
37
- if (notification != null && typeof notification.duration === 'number') {
38
- setTimeout(() => {
45
+ if (notification != null && typeof notification.duration === 'number' && !this.paused) {
46
+ this.timeout = window.setTimeout(() => {
39
47
  this.dismiss.emit(notification.id);
40
48
  }, notification.duration);
41
49
  }
42
50
  }
43
51
  render() {
44
52
  var _a;
45
- return (h(Host, { key: '97c09930a40443d2f0468ffc3623f197d04d3c62' }, h("div", { key: '099c921e90353f5965af50ef6019282d063692e9', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '31502f1200bb0a7b8f059ee2916e79fc446cb73e', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
53
+ return (h(Host, { key: 'b6a7ede34064bcc25040589cd09b00a5e5a5cf8a' }, h("div", { key: '42608dc49ec59c0c54be513e59b81627f0ecb11c', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '263c38129622549c8df1900d8905f52ee29cff8a', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
46
54
  this.notification.icon == null &&
47
- this.imageState !== 'errored' && (h("img", { key: 'e2388975b8bea497a9d982037028bc7a269ab1fd', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: '252ae9de49d3cc8faf23dee76d9add01fd1c1958', class: "message" }, h(TextMessageView, { key: '07b7dc12a9678647a331a0755a1faee6fddc7c31', message: this.notification.message })), h("div", { key: '8609f56cf258e8c6fb3eb2507d66da83e1e04267', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'b2a250ca6f0b7460f1dae4d35dab0aa7e57f6ecb', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("rtk-icon", { key: 'bbb1d1b15f3f58b6ed40a6339cf554e9870313d2', "aria-label": this.t('dismiss'), class: "dismiss", icon: this.iconPack.dismiss, onClick: () => this.dismiss.emit(this.notification.id) })))));
55
+ this.imageState !== 'errored' && (h("img", { key: '0e8d7812bd8b58ce0efe3edff6ae7346cbcd0fd4', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'f28ec5ff1a3902817d5501ea2324371defc8995a', class: "message" }, h(TextMessageView, { key: '7f7b179a67d125585ed70112fcb2a1925c3bae52', message: this.notification.message })), h("div", { key: '2ba60b2b60ddbc43d207adc86e0a975f3c432f70', class: "right" }, this.notification.button != null && (h("rtk-button", { key: '2f4871b0ee2871cbccb016e4451e28c424fe14ce', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '1786dac10dbc2ca9aabad707354ce16fe1af9bc8', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'b11c47705af86c38bd6488ecb6998aad62099396', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
48
56
  }
49
57
  static get watchers() { return {
58
+ "paused": ["pausedChanged"],
50
59
  "notification": ["notificationChanged"]
51
60
  }; }
52
61
  static get style() { return RtkNotificationStyle0; }
53
62
  }, [1, "rtk-notification", {
54
63
  "notification": [16],
64
+ "paused": [4],
55
65
  "size": [513],
56
66
  "iconPack": [16],
57
67
  "t": [16],
58
68
  "imageState": [32]
59
69
  }, undefined, {
70
+ "paused": ["pausedChanged"],
60
71
  "notification": ["notificationChanged"]
61
72
  }]);
62
73
  __decorate([
@@ -76,7 +76,7 @@ const RtkTextComposerView = /*@__PURE__*/ proxyCustomElement(class RtkTextCompos
76
76
  }
77
77
  }
78
78
  render() {
79
- return (h("div", { key: 'a5c60716f87b3fe0c18849c889c33dc68e2cda5f', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'fdb5dfa266fe4535a5623eec26f16dced824fc03', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '57839914af1e0ba02cf962d66e0a6421f7d841e8', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'c0c869cae45b9b125034b7bb4f14bb8e843133a7', class: 'text-error breached' }, h("rtk-icon", { key: 'f6cd0c6cf8b2a4e9811c7c189543f03fdc5c5c22', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '78c0a228465c669fd3969f04e18c8e5f1e5cd342', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
79
+ return (h("div", { key: 'ce055f9e92b79c5ae63448220ea3f1e5adfb39c1', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'd131418c66d521fb7b3012465f5774113ae902eb', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '01c5f7756fb5a76cf3319122c9d808f2b0f6bbf8', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'f96301c878d5b3b607fcd5de6d2131e647a3477a', class: 'text-error breached' }, h("rtk-icon", { key: '9b2ecdbac46b0e6ab09e91280c9ca473c719a5a9', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'fc08e05d8d917e72ec1218d0a2d2bc1db618c4cc', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
80
80
  }
81
81
  static get style() { return RtkTextComposerViewStyle0; }
82
82
  }, [1, "rtk-text-composer-view", {
@@ -2,14 +2,14 @@ import { p as proxyCustomElement, H, h } from './p-c3592601.js';
2
2
  import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
- import { d as defineCustomElement$8 } from './p-7373cc7e.js';
5
+ import { d as defineCustomElement$8 } from './p-9c17c7ce.js';
6
6
  import { d as defineCustomElement$7 } from './p-4cc0e9a5.js';
7
7
  import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
8
8
  import { d as defineCustomElement$5 } from './p-10182034.js';
9
9
  import { d as defineCustomElement$4 } from './p-c7dcb441.js';
10
- import { d as defineCustomElement$3 } from './p-d262b31f.js';
11
- import { d as defineCustomElement$2 } from './p-1947c106.js';
12
- import { d as defineCustomElement$1 } from './p-2973e211.js';
10
+ import { d as defineCustomElement$3 } from './p-b373da43.js';
11
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
12
+ import { d as defineCustomElement$1 } from './p-31a1dc4d.js';
13
13
 
14
14
  const rtkParticipantsViewerListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
15
15
  const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
2
2
  import { c as useLanguage, a as defaultIconPack } from './p-e6d09c50.js';
3
3
  import './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
- import { d as defineCustomElement$3 } from './p-7373cc7e.js';
5
+ import { d as defineCustomElement$3 } from './p-9c17c7ce.js';
6
6
  import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
7
- import { d as defineCustomElement$1 } from './p-1947c106.js';
7
+ import { d as defineCustomElement$1 } from './p-81f4e985.js';
8
8
 
9
9
  const rtkChannelDetailsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
10
10
  const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
2
2
  import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
- import { d as defineCustomElement$4 } from './p-dc23e204.js';
4
+ import { d as defineCustomElement$4 } from './p-6acaa07e.js';
5
5
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
6
- import { d as defineCustomElement$2 } from './p-1947c106.js';
6
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
7
7
 
8
8
  const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
9
9
  const RtkAiToggleStyle0 = rtkAiToggleCss;
@@ -3,10 +3,10 @@ import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import './p-a83ccdbd.js';
4
4
  import { h as hark } from './p-3f882e7c.js';
5
5
  import { S as SyncWithStore } from './p-d5791958.js';
6
- import { d as defineCustomElement$5 } from './p-7373cc7e.js';
6
+ import { d as defineCustomElement$5 } from './p-9c17c7ce.js';
7
7
  import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
8
8
  import { d as defineCustomElement$3 } from './p-10759cad.js';
9
- import { d as defineCustomElement$2 } from './p-1947c106.js';
9
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
10
10
 
11
11
  const rtkAudioTileCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column}.avatar-ctr{box-sizing:border-box;width:100%;flex:1 1 0%;padding:var(--rtk-space-1\\.5, 6px);border:2px solid transparent;border-radius:calc(var(--rtk-border-radius-xl, 40px) + var(--rtk-space-1\\.5, 6px))}.avatar-ctr.speaking{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bar-0{box-shadow:none}.bar-1{box-shadow:0 0 4px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-2{box-shadow:0 0 8px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-3{box-shadow:0 0 16px 1px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-4{box-shadow:0 0 20px 3px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-5{box-shadow:0 0 24px 6px rgb(var(--rtk-colors-brand-500, 33 96 253))}rtk-avatar{aspect-ratio:1 / 1;height:100%;width:100%;position:relative;border-radius:var(--rtk-border-radius-xl, 40px)}rtk-name-tag{display:block;height:var(--rtk-space-10, 40px);width:100%;text-align:center;line-height:2.5rem}:host([size='sm']) .avatar-ctr{border-radius:calc(var(--rtk-border-radius-lg, 12px) + var(--rtk-space-1\\.5, 6px))}:host([size='sm']) rtk-name-tag{height:var(--rtk-space-7, 28px);line-height:1.75rem}:host([size='sm']) rtk-avatar{border-radius:var(--rtk-border-radius-lg, 12px)}.mic-icon{position:absolute;bottom:calc(var(--rtk-space-1, 4px) * -1);right:calc(var(--rtk-space-1, 4px) * -1);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.mic-icon rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) .mic-icon rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='md']) .mic-icon rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}";
12
12
  const RtkAudioTileStyle0 = rtkAudioTileCss;
@@ -1,4 +1,4 @@
1
- import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-7373cc7e.js';
1
+ import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-9c17c7ce.js';
2
2
 
3
3
  const RtkAvatar = RtkAvatar$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-4221b28d.js';
1
+ import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-e542eda6.js';
2
2
 
3
3
  const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-99b862b5.js';
1
+ import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-ab87c5be.js';
2
2
 
3
3
  const RtkBreakoutRoomParticipants = RtkBreakoutRoomParticipants$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-1bf54ab3.js';
1
+ import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-eb10c563.js';
2
2
 
3
3
  const RtkBreakoutRoomsManager = RtkBreakoutRoomsManager$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
2
2
  import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
- import { d as defineCustomElement$4 } from './p-dc23e204.js';
4
+ import { d as defineCustomElement$4 } from './p-6acaa07e.js';
5
5
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
6
- import { d as defineCustomElement$2 } from './p-1947c106.js';
6
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
7
7
 
8
8
  const rtkBreakoutRoomsToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
9
9
  const RtkBreakoutRoomsToggleStyle0 = rtkBreakoutRoomsToggleCss;
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
2
2
  import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import { S as SyncWithStore } from './p-d5791958.js';
4
- import { d as defineCustomElement$5 } from './p-dc23e204.js';
4
+ import { d as defineCustomElement$5 } from './p-6acaa07e.js';
5
5
  import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
6
- import { d as defineCustomElement$3 } from './p-1947c106.js';
6
+ import { d as defineCustomElement$3 } from './p-81f4e985.js';
7
7
  import { d as defineCustomElement$2 } from './p-e3b59650.js';
8
8
 
9
9
  const rtkCameraToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
2
2
  import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
3
3
  import './p-a83ccdbd.js';
4
4
  import { S as SyncWithStore } from './p-d5791958.js';
5
- import { d as defineCustomElement$4 } from './p-dc23e204.js';
5
+ import { d as defineCustomElement$4 } from './p-6acaa07e.js';
6
6
  import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
7
- import { d as defineCustomElement$2 } from './p-1947c106.js';
7
+ import { d as defineCustomElement$2 } from './p-81f4e985.js';
8
8
 
9
9
  const rtkCaptionToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
10
10
  const RtkCaptionToggleStyle0 = rtkCaptionToggleCss;
@@ -1,4 +1,4 @@
1
- import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-619a7896.js';
1
+ import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-9da5b9d0.js';
2
2
 
3
3
  const RtkChannelCreator = RtkChannelCreator$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-d71db36f.js';
1
+ import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-f6046472.js';
2
2
 
3
3
  const RtkChannelDetails = RtkChannelDetails$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-0c81aa9c.js';
1
+ import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-28f65402.js';
2
2
 
3
3
  const RtkChannelHeader = RtkChannelHeader$1;
4
4
  const defineCustomElement = defineCustomElement$1;