@cloudflare/realtimekit-ui 1.1.2 → 1.2.0-staging.1

package/dist/collection/lib/lang/default-language.js

@@ -94,11 +94,11 @@ export const defaultLanguage = {
     'screenshare.error.max_count': 'Maximum screen share limit reached.',
     plugins: 'Plugins',
     perm_denied: 'Permission denied by browser.',
-    'perm_denied.audio': 'Mic Permission denied by browser',
-    'perm_denied.video': 'Camera Permission denied by browser',
-    'perm_denied.screenshare': 'Screenshare Permission denied by browser',
-    'perm_denied.audio.chrome.message': `In the top navigation bar, click on the icon left to the URL and ensure  'Microphone' permission is checked`,
-    'perm_denied.video.chrome.message': `In the top navigation bar, click on the icon left to the URL and ensure  'Camera' permission is checked`,
+    'perm_denied.audio': 'Mic permission denied by browser',
+    'perm_denied.video': 'Camera permission denied by browser',
+    'perm_denied.screenshare': 'Screenshare permission denied by browser',
+    'perm_denied.audio.chrome.message': `In the top navigation bar, click on the icon left to the URL and ensure 'Microphone' permission is checked`,
+    'perm_denied.video.chrome.message': `In the top navigation bar, click on the icon left to the URL and ensure 'Camera' permission is checked`,
     'perm_denied.screenshare.chrome.message': `Under Chrome settings, navigate to 'Privacy and Security > Site Settings > Permissions'. Select 'Screenshare', provide permission and reload this application.`,
     'perm_denied.audio.safari.message': `Under Safari settings, navigate to 'Websites > Microphone', provide permission and reload this application.`,
     'perm_denied.video.safari.message': `Under Safari settings, navigate to 'Websites > Camera', provide permission and reload this application.`,
@@ -119,15 +119,15 @@ export const defaultLanguage = {
     'perm_sys_denied.audio': 'Mic permission denied by system',
     'perm_sys_denied.video': 'Camera permission denied by system',
     'perm_sys_denied.screenshare': 'Screenshare permission denied by system',
-    'perm_sys_denied.audio.macos.message': `Open Apple Menu, Navigate to 'System Settings > Privacy & Security > Microphone'. Allow access to your browser and reload this application.`,
-    'perm_sys_denied.video.macos.message': `Open Apple Menu, Navigate to 'System Settings > Privacy & Security > Camera'. Allow access to your browser and reload this application.`,
-    'perm_sys_denied.screenshare.macos.message': `Open Apple Menu, Navigate to 'System Settings > Privacy & Security > Screenshare'. Allow access to your browser and reload this application.`,
+    'perm_sys_denied.audio.macos.message': `Open Apple Menu, navigate to 'System Settings > Privacy & Security > Microphone'. Allow access to your browser and reload this application.`,
+    'perm_sys_denied.video.macos.message': `Open Apple Menu, navigate to 'System Settings > Privacy & Security > Camera'. Allow access to your browser and reload this application.`,
+    'perm_sys_denied.screenshare.macos.message': `Open Apple Menu, navigate to 'System Settings > Privacy & Security > Screenshare'. Allow access to your browser and reload this application.`,
     'perm_sys_denied.audio.ios.message': `On your iPhone, navigate to 'Settings > Privacy > Microphone', allow access to your browser and reload this application.`,
     'perm_sys_denied.video.ios.message': `On your iPhone, navigate to 'Settings > Privacy > Camera', allow access to your browser and reload this application.`,
     'perm_sys_denied.screenshare.ios.message': `On your iPhone, navigate to 'Settings > Privacy > Screenshare', allow access to your browser and reload this application.`,
-    'perm_sys_denied.audio.windows.message': `Go to windows settings, select 'Settings > Privacy > Microphone'. Allow permissions to your browser and reload this application.`,
-    'perm_sys_denied.video.windows.message': `Go to windows settings, select 'Settings > Privacy > Camera'. Allow permissions to your browser and reload this application.`,
-    'perm_sys_denied.screenshare.windows.message': `Go to windows settings, select 'Settings > Privacy > Screenshare'. Allow permissions to your browser and reload this application.`,
+    'perm_sys_denied.audio.windows.message': `Go to Windows settings, select 'Settings > Privacy > Microphone'. Allow permissions to your browser and reload this application.`,
+    'perm_sys_denied.video.windows.message': `Go to Windows settings, select 'Settings > Privacy > Camera'. Allow permissions to your browser and reload this application.`,
+    'perm_sys_denied.screenshare.windows.message': `Go to Windows settings, select 'Settings > Privacy > Screenshare'. Allow permissions to your browser and reload this application.`,
     'perm_sys_denied.audio.android.message': `On your device, navigate to 'Settings > Apps'. Select your browser, allow Microphone permissions and reload this application.`,
     'perm_sys_denied.video.android.message': `On your device, navigate to 'Settings > Apps'. Select your browser, allow Camera permissions and reload this application.`,
     'perm_sys_denied.screenshare.android.message': `On your device, navigate to 'Settings > Apps'. Select your browser, allow Screenshare permissions and reload this application.`,
@@ -164,7 +164,7 @@ export const defaultLanguage = {
     'stage_request.pending_tip': 'Request pending',
     'stage_request.denied_tip': 'Rejected request',
     'stage.empty_host': 'The stage is empty',
-    'stage.empty_host_summary': 'You are off stage. You can manage stage request from the participants tab.',
+    'stage.empty_host_summary': 'You are off stage. You can manage stage requests from the participants tab.',
     'stage.empty_viewer': 'There is no one on stage',
     'stage.remove_from_stage': 'Remove from stage',
     'stage.invited_notification': 'has been invited to join stage.',
@@ -182,8 +182,8 @@ export const defaultLanguage = {
     'recording.stopped': 'Recording for this meeting has been stopped.',
     'recording.paused': 'Recording for this meeting has been paused.',
     'recording.error.start': 'Error while starting recording.',
-    'recording.error.stop': 'Error while stopping recording',
-    'recording.error.resume': 'Error while resuming recording',
+    'recording.error.stop': 'Error while stopping recording.',
+    'recording.error.resume': 'Error while resuming recording.',
     'recording.start': 'Start Recording',
     'recording.stop': 'Stop Recording',
     'recording.resume': 'Resume Recording',
@@ -240,7 +240,7 @@ export const defaultLanguage = {
     'breakout_rooms.confirm_modal.close_breakout.ctaText': 'Yes, close breakout',
     'breakout_rooms.move_reason.started_msg': 'Starting breakout rooms...',
     'breakout_rooms.move_reason.started_desc': 'You are being moved to your assigned room',
-    'breakout_rooms.move_reason.closed_msg': 'Closing Breakout rooms...',
+    'breakout_rooms.move_reason.closed_msg': 'Closing breakout rooms...',
     'breakout_rooms.move_reason.closed_desc': 'You are being moved back to the main room',
     'breakout_rooms.move_reason.switch_room': 'Joining Breakout Room...',
     'breakout_rooms.move_reason.switch_main_room': 'Joining Main Room...',
@@ -278,6 +278,12 @@ export const defaultLanguage = {
     'network.delay': 'Taking too long to reconnect.',
     'network.lost': 'Connection lost',
     'network.lost_extended': 'Connection lost. Please check your network connection.',
+    'network.troubleshoot': 'Troubleshoot your connection',
+    'join.network_error': "We couldn't connect to the meeting. Please check your internet connection and try again.",
+    'join.media_error': "We're having trouble connecting to the meeting. Please try again, and if the problem continues, try using a different network.",
+    'join.media_firewall_error': 'Your network may be blocking this connection. Try using a different network, or contact your network administrator for help.',
+    'join.default_error': 'Something went wrong while joining the meeting. Please try again.',
+    'join.error_code': 'Error code',
     livestream: 'Livestream',
     'livestream.indicator': 'This meeting is being livestreamed.',
     'livestream.skip': 'Skip to Live',
@@ -288,7 +294,7 @@ export const defaultLanguage = {
     'livestream.error.not_supported': 'Player not supported.',
     'livestream.error.not_found': 'Playback URL not found.',
     'livestream.error.unknown': 'An unknown error occurred.',
-    'livestream.error.sync': 'Could not sync livestream please try again later.',
+    'livestream.error.sync': 'Could not sync livestream, please try again later.',
     'livestream.error.start': 'Error while starting livestream.',
     'livestream.error.stop': 'Error while stopping livestream.',
     'livestream.go_live': 'Go Live',
@@ -323,11 +329,11 @@ export const defaultLanguage = {
     'chat.error.empty_results': "Couldn't find a member with the specified name.",
     'chat.img.shared_by': 'Shared by',
     'chat.reply': 'Reply',
-    'chat.message_placeholder': 'Message..',
+    'chat.message_placeholder': 'Message...',
     'chat.click_to_send': 'Click to send as message',
     'chat.search_msgs': 'Search messages',
     'chat.search_conversations': 'Search conversations',
-    'chat.start_conversation': 'Start a conversation..',
+    'chat.start_conversation': 'Start a conversation...',
     'chat.empty_search': 'No messages found',
     'chat.empty_chat': 'Send a message to get started',
     'chat.cancel_upload': 'Cancel upload',

package/dist/collection/lib/notification.js

@@ -1,4 +1,4 @@
-import { disableSettingSinkId } from "../utils/flags";
+import { isFirefox } from "../utils/browser";
 const SOUNDS = {
     joined: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
     left: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
@@ -27,7 +27,7 @@ export default class RTKNotificationsAudio {
     }
     async setDevice(id) {
         var _a, _b, _c;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }

package/dist/collection/utils/breakout-rooms.js

@@ -1,4 +1,3 @@
-import { isBreakoutRoomsEnabled } from "./flags";
 let roomCount = 0;
 export function getNextRoomNumber() {
     return ++roomCount;
@@ -55,7 +54,8 @@ export function getAllConnectedParticipants(meeting) {
     });
 }
 export const canToggleBreakout = (meeting) => {
-    if (!isBreakoutRoomsEnabled(meeting))
+    var _a;
+    if (!((_a = meeting === null || meeting === void 0 ? void 0 : meeting.connectedMeetings) === null || _a === void 0 ? void 0 : _a.supportsConnectedMeetings))
         return false;
     const permissions = meeting.self.permissions.connectedMeetings;
     // for host - always show toggle

package/dist/collection/utils/browser.js

@@ -0,0 +1 @@
+export const isFirefox = (meeting) => { var _a; return (_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.browserSpecs.isFirefox(); };

package/dist/collection/utils/join-error.js

@@ -0,0 +1,27 @@
+/**
+ * Maps a caught joinRoom() error to a user-friendly message and a support reference code.
+ *
+ * Use `err.code` as the primary branch — error codes are the stable SDK contract.
+ * The secondary `err.message` check for '0014' is intentional: the SDK sets a distinct
+ * message ('A firewall or network restriction may be blocking the connection.') for the
+ * ICE failure sub-case, which requires different user advice than a generic media failure.
+ *
+ * Only codes '0002' and '0014' are thrown by Client.join() today. The default branch
+ * handles any unknown or future codes gracefully.
+ */
+export function getJoinErrorInfo(t, err) {
+    const code = err === null || err === void 0 ? void 0 : err.code;
+    switch (code) {
+        case '0002':
+            return { message: t('join.network_error'), code };
+        case '0014': {
+            const isFirewall = typeof (err === null || err === void 0 ? void 0 : err.message) === 'string' && err.message.includes('firewall');
+            return {
+                message: isFirewall ? t('join.media_firewall_error') : t('join.media_error'),
+                code,
+            };
+        }
+        default:
+            return { message: t('join.default_error'), code };
+    }
+}

package/dist/components/index.js

@@ -1,10 +1,10 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ae373651.js';
-import { c as createDefaultConfig } from './p-81fcdba3.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-81fcdba3.js';
-export { p as provideRtkDesignSystem } from './p-5960ef55.js';
-import { g as generateConfig } from './p-069084fb.js';
-export { e as extendConfig, g as generateConfig } from './p-069084fb.js';
-export { R as RtkNotificationsAudio } from './p-5a63ea3c.js';
+import { c as createDefaultConfig } from './p-2ed1dee2.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-2ed1dee2.js';
+export { p as provideRtkDesignSystem } from './p-3323ca84.js';
+import { g as generateConfig } from './p-6a2c4232.js';
+export { e as extendConfig, g as generateConfig } from './p-6a2c4232.js';
+export { R as RtkNotificationsAudio } from './p-598b792e.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0db812c2.js';
 
 /**

package/dist/components/{p-f99a8c9f.js → p-03b25901.js}

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$6 } from './p-69015d12.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$6 } from './p-9bb26875.js';
 import { d as defineCustomElement$5 } from './p-85587a5c.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-500cb1d2.js';
-import { d as defineCustomElement$2 } from './p-97a5f415.js';
-import { d as defineCustomElement$1 } from './p-ac756fdb.js';
+import { d as defineCustomElement$3 } from './p-49033ee4.js';
+import { d as defineCustomElement$2 } from './p-54bd0c0c.js';
+import { d as defineCustomElement$1 } from './p-e4d72a7d.js';
 
 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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}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)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;

package/dist/components/{p-3e96db63.js → p-03f8aadf.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 
 const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMenuItemStyle0 = rtkMenuItemCss;

package/dist/components/{p-a6bd000d.js → p-04d11945.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-ae373651.js';
-import { e as defaultIconPack } from './p-81fcdba3.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';

package/dist/components/p-05186172.js

@@ -0,0 +1,3 @@
+const isFirefox = (meeting) => { var _a; return (_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.browserSpecs.isFirefox(); };
+
+export { isFirefox as i };

package/dist/components/{p-a10673e1.js → p-06494ae4.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$3 } from './p-85587a5c.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-55492aeb.js';
 
 const EMOJI_ASSET_URL = 'https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json';
 let cachedEmojis;

package/dist/components/{p-4a1056e3.js → p-0a76f037.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack, M as showLivestream } from './p-81fcdba3.js';
+import { i as useLanguage, e as defaultIconPack, L as showLivestream } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
 const rtkLivestreamIndicatorCss = ":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{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";

package/dist/components/{p-d1d42431.js → p-0b33743b.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, O as FlagsmithFeatureFlags } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
 const rtkParticipantTileCss = ":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\n:host {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  aspect-ratio: 16 / 9;\n  height: var(--rtk-space-56, 224px);\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n\n  transition-property: var(--rtk-transition-property, all);\n  transition-duration: 150ms;\n  container-type: inline-size;\n  container-name: participanttile;\n}\n\n@media (prefers-reduced-motion) {\n  /* No transitions when disabled */\n  :host {\n    --rtk-transition-property: none;\n  }\n}\n\nrtk-avatar {\n  z-index: -1;\n}\n\n/**\n  NOTE: provided :slotted(rtk-name-tag) & rtk-name-tag separately\n  because ::slotted isn't applied on default slots.\n*/\n\n::slotted(rtk-name-tag), \nrtk-name-tag {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n  :host([size='sm'][variant='solid']) rtk-name-tag {\n  left: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-4, 16px);\n}\n\n::slotted(rtk-network-indicator), \nrtk-network-indicator {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n:host([size='sm']) ::slotted(rtk-network-indicator), \n  :host([size='sm']) rtk-network-indicator {\n  right: var(--rtk-space-2, 8px);\n  bottom: var(--rtk-space-2, 8px);\n}\n\nvideo {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n}\n\nvideo.contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\nvideo.cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\nvideo::-webkit-media-controls {\n  display: none !important;\n}\n\n.pinned-icon {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  top: var(--rtk-space-3, 12px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-1, 4px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n.network-container {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n.network-icon {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));\n}\n\n:host([size='sm']) .pinned-icon {\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer), \n  :host([variant='gradient']) rtk-audio-visualizer {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  right: var(--rtk-space-2, 8px);\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  padding: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-name-tag), \n  :host([variant='gradient']) rtk-name-tag {\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: transparent;\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));\n  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: transparent;\n}\n\nvideo.mirror {\n  transform: scaleX(-1);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='bottom-right']) rtk-name-tag {\n  left: auto;\n  right: var(--rtk-space-3, 12px);\n}\n\n:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='bottom-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-left']) rtk-name-tag {\n  top: var(--rtk-space-3, 12px);\n  bottom: auto;\n}\n\n:host([name-tag-position='top-right']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-right']) rtk-name-tag {\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  left: auto;\n  bottom: auto;\n}\n\n:host([name-tag-position='top-center']) ::slotted(rtk-name-tag), \n  :host([name-tag-position='top-center']) rtk-name-tag {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -2% 100%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@media only screen and (max-width: 480px) and (orientation: portrait) {\n  :host([size='sm']) {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  :host([size='sm']) > video {\n    border-radius: var(--rtk-border-radius-sm, 4px);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-12, 48px);\n    width: var(--rtk-space-12, 48px);\n  }\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag),\n    :host([size='sm'][variant='solid']) rtk-name-tag {\n      transform-origin: -5% 110%;\n      transform: scale(0.6);\n      z-index: 10;\n      left: var(--rtk-space-0, 0px);\n      bottom: var(--rtk-space-0, 0px);\n      border-radius: var(--rtk-border-radius-none, 0);\n    }\n}\n\n@container participanttile (max-width: 300px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag {\n    transform-origin: 0 100%;\n    transform: scale(0.8);\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: var(--rtk-space-8, 32px) !important;\n    width: var(--rtk-space-8, 32px) !important;\n  }\n}\n\n@container participanttile (max-width: 150px) {\n  ::slotted(rtk-name-tag),\n  rtk-name-tag[variant='solid'] {\n    transform-origin: -10% 130%;\n    transform: scale(0.6);\n    z-index: 10;\n    border-radius: 9999px;\n  }\n\n  ::slotted(rtk-avatar), \n  rtk-avatar {\n    height: 6 !important;\n    width: 6 !important;\n  }\n}\n";
@@ -57,15 +57,6 @@ const RtkParticipantTile = /*@__PURE__*/ proxyCustomElement(class RtkParticipant
             this.isPinned = isPinned;
         };
         this.isSelf = () => { var _a; return this.isPreview || this.participant.id === ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.id); };
-        this.onPause = (event) => {
-            var _a, _b;
-            if (this.isSelf() &&
-                ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.__internals__.features.hasFeature(FlagsmithFeatureFlags.PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE))) {
-                this.meeting.__internals__.logger.warn(`Video player paused for ${this.participant.id} isSelf: ${this.isSelf()}`);
-                // @ts-ignore
-                (_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.play();
-            }
-        };
         this.onPlaying = () => {
             if (this.playTimeout)
                 clearTimeout(this.playTimeout);
@@ -144,7 +135,7 @@ const RtkParticipantTile = /*@__PURE__*/ proxyCustomElement(class RtkParticipant
         return (h(Host, null, h("video", { ref: (el) => this.onVideoRef(el), class: {
                 mirror: this.isMirrored(),
                 [(_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.videoFit) !== null && _c !== void 0 ? _c : 'cover']: true,
-            }, onPlaying: this.onPlaying, onPause: this.onPause, autoPlay: true, playsInline: true, muted: true, part: "video" }), this.isPinned && (h("rtk-icon", { class: "pinned-icon", icon: this.iconPack.pin, "aria-label": this.t('pinned'), part: "pinned-icon" })), this.mediaConnectionError && (h("div", { class: "network-container", part: "network-indicator" }, h("rtk-icon", { class: "network-icon", icon: this.iconPack.disconnected, "aria-label": this.t('pinned'), part: "pinned-icon" }))), h("slot", null, !this.isPreview && (h(Render, { element: "rtk-participant-tile", defaults: defaults, childProps: {
+            }, onPlaying: this.onPlaying, autoPlay: true, playsInline: true, muted: true, part: "video" }), this.isPinned && (h("rtk-icon", { class: "pinned-icon", icon: this.iconPack.pin, "aria-label": this.t('pinned'), part: "pinned-icon" })), this.mediaConnectionError && (h("div", { class: "network-container", part: "network-indicator" }, h("rtk-icon", { class: "network-icon", icon: this.iconPack.disconnected, "aria-label": this.t('pinned'), part: "pinned-icon" }))), h("slot", null, !this.isPreview && (h(Render, { element: "rtk-participant-tile", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))));
     }

package/dist/components/{p-7905e9fd.js → p-1945dd0d.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack, P as PlayerState, N as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-81fcdba3.js';
+import { i as useLanguage, e as defaultIconPack, P as PlayerState, M as getLivestreamViewerAllowedQualityLevels, L as showLivestream } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$5 } from './p-85587a5c.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
-import { d as defineCustomElement$3 } from './p-4a3e397a.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
+import { d as defineCustomElement$3 } from './p-727326b3.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-55492aeb.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {

package/dist/components/{p-19c5a52e.js → p-19d787bf.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { e as elapsedDuration } from './p-382270d8.js';
-import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$5 } from './p-9d909cb8.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-7e6d4259.js';
+import { d as defineCustomElement$1 } from './p-55492aeb.js';
 
 const rtkPinnedMessageSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}";
 const RtkPinnedMessageSelectorStyle0 = rtkPinnedMessageSelectorCss;

package/dist/components/{p-1c68645f.js → p-1d2420a8.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 const rtkDebuggerAudioCss = ":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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);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))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}rtk-settings-audio{display:flex;flex-direction:column}";

package/dist/components/{p-ed333661.js → p-1d945d79.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { s as shorten, f as formatName, g as getInitials } from './p-efabd2ce.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 

package/dist/components/{p-413791a9.js → p-1e7879b2.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, e as createEvent, w as writeTask, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { M as MAX_TEXT_LENGTH } from './p-0db812c2.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$b } from './p-85587a5c.js';
-import { d as defineCustomElement$a } from './p-a7fc6bf0.js';
-import { d as defineCustomElement$9 } from './p-a10673e1.js';
-import { d as defineCustomElement$8 } from './p-61b5e60a.js';
-import { d as defineCustomElement$7 } from './p-7422bbd3.js';
+import { d as defineCustomElement$a } from './p-c600e223.js';
+import { d as defineCustomElement$9 } from './p-06494ae4.js';
+import { d as defineCustomElement$8 } from './p-68d7e2ac.js';
+import { d as defineCustomElement$7 } from './p-6d5bf1f8.js';
 import { d as defineCustomElement$6 } from './p-3e0452c4.js';
 import { d as defineCustomElement$5 } from './p-c3356393.js';
-import { d as defineCustomElement$4 } from './p-a96efd29.js';
-import { d as defineCustomElement$3 } from './p-91cadb3f.js';
+import { d as defineCustomElement$4 } from './p-55492aeb.js';
+import { d as defineCustomElement$3 } from './p-24bdab25.js';
 import { d as defineCustomElement$2 } from './p-8211bd3b.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 

package/dist/components/{p-3ff4d642.js → p-234702e1.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-91cadb3f.js → p-24bdab25.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-99a80022.js → p-2add3860.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-55492aeb.js';
 
 const rtkControlbarButtonCss = ":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{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;

package/dist/components/{p-5385bf2d.js → p-2d03f701.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$3 } from './p-85587a5c.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-55492aeb.js';
 
 const rtkImageMessageViewCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));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}";
 const RtkImageMessageViewStyle0 = rtkImageMessageViewCss;