@cloudflare/realtimekit-ui 1.0.9-staging.1 → 1.0.9-staging.2

package/dist/esm/{ui-store-db94a9fe.js → ui-store-2965ff1a.js}

@@ -1,77 +1,5 @@
 import { g as getRenderingRef, f as forceUpdate } from './index-c1fb98bb.js';
 
-/**
- * Can view the livestream
- */
-const isLiveStreamViewer = (meeting) => {
-    if (!showLivestream(meeting))
-        return false;
-    return meeting.meta.viewType === 'LIVESTREAM' && meeting.stage.status !== 'ON_STAGE';
-};
-/**
- * Can start/stop the livestream
- */
-const isLiveStreamHost = (meeting) => {
-    var _a;
-    if (!showLivestream(meeting))
-        return false;
-    return meeting.meta.viewType === 'LIVESTREAM' && ((_a = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _a === void 0 ? void 0 : _a.permissions.canLivestream);
-};
-const showLivestream = (meeting) => {
-    return meeting === null || meeting === void 0 ? void 0 : meeting.livestream;
-};
-var PlayerState;
-(function (PlayerState) {
-    PlayerState["BUFFERING"] = "Buffering";
-    PlayerState["ENDED"] = "Ended";
-    PlayerState["IDLE"] = "Idle";
-    PlayerState["PAUSED"] = "Paused";
-    PlayerState["PLAYING"] = "Playing";
-    PlayerState["READY"] = "Ready";
-})(PlayerState || (PlayerState = {}));
-var PlayerEventType;
-(function (PlayerEventType) {
-    PlayerEventType["INITIALIZED"] = "PlayerInitialized";
-    PlayerEventType["QUALITY_CHANGED"] = "PlayerQualityChanged";
-    PlayerEventType["DURATION_CHANGED"] = "PlayerDurationChanged";
-    PlayerEventType["VOLUME_CHANGED"] = "PlayerVolumeChanged";
-    PlayerEventType["MUTED_CHANGED"] = "PlayerMutedChanged";
-    PlayerEventType["PLAYBACK_RATE_CHANGED"] = "PlayerPlaybackRateChanged";
-    PlayerEventType["REBUFFERING"] = "PlayerRebuffering";
-    PlayerEventType["AUDIO_BLOCKED"] = "PlayerAudioBlocked";
-    PlayerEventType["PLAYBACK_BLOCKED"] = "PlayerPlaybackBlocked";
-    PlayerEventType["ERROR"] = "PlayerError";
-    PlayerEventType["RECOVERABLE_ERROR"] = "PlayerRecoverableError";
-    PlayerEventType["ANALYTICS_EVENT"] = "PlayerAnalyticsEvent";
-    PlayerEventType["TIME_UPDATE"] = "PlayerTimeUpdate";
-    PlayerEventType["BUFFER_UPDATE"] = "PlayerBufferUpdate";
-    PlayerEventType["SEEK_COMPLETED"] = "PlayerSeekCompleted";
-    PlayerEventType["SESSION_DATA"] = "PlayerSessionData";
-    PlayerEventType["STATE_CHANGED"] = "PlayerStateChanged";
-    PlayerEventType["WORKER_ERROR"] = "PlayerWorkerError";
-    PlayerEventType["METADATA"] = "PlayerMetadata";
-    PlayerEventType["TEXT_CUE"] = "PlayerTextCue";
-    PlayerEventType["TEXT_METADATA_CUE"] = "PlayerTextMetadataCue";
-    PlayerEventType["AD_CUE"] = "PlayerAdCue";
-    PlayerEventType["STREAM_SOURCE_CUE"] = "PlayerStreamSourceCue";
-    PlayerEventType["NETWORK_UNAVAILABLE"] = "PlayerNetworkUnavailable";
-    PlayerEventType["SEGMENT_DISCONTINUITY"] = "PlayerSegmentDiscontinuity";
-    PlayerEventType["SEGMENT_METADATA"] = "PlayerSegmentMetadata";
-    PlayerEventType["PLAYER_METADATA"] = "PlayerMetadata";
-})(PlayerEventType || (PlayerEventType = {}));
-function getLivestreamViewerAllowedQualityLevels({ meeting, hlsLevels, }) {
-    let allowedQualities = meeting.self.config.livestreamViewerQualities || [];
-    if (!allowedQualities.length) {
-        return { autoLevelChangeAllowed: true, levels: hlsLevels };
-    }
-    // Filter allowed qualities
-    const desiredLevels = hlsLevels.filter((level) => allowedQualities.includes(level.height));
-    if (!desiredLevels.length) {
-        return { autoLevelChangeAllowed: true, levels: hlsLevels };
-    }
-    return { autoLevelChangeAllowed: false, levels: desiredLevels };
-}
-
 const FlagsmithFeatureFlags = {
     PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE: 'play_participant_tile_video_on_pause',
     DISABLE_EMOJI_PICKER: 'disable_emoji_picker',
@@ -84,12 +12,6 @@ const FlagsmithFeatureFlags = {
     PINNED_MESSAGES: 'pinned_msgs',
 };
 const isBreakoutRoomsEnabled = (meeting) => meeting.connectedMeetings.supportsConnectedMeetings;
-const usePaginatedChat = (meeting) => {
-    var _a;
-    return (meeting === null || meeting === void 0 ? void 0 : meeting.meta.viewType) === 'CHAT' ||
-        showLivestream(meeting) ||
-        ((_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.features.hasFeature('feat_paginated_chat'));
-};
 const disableSettingSinkId = (meeting) => {
     var _a, _b;
     return ((_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.browserSpecs.isFirefox()) &&
@@ -3099,6 +3021,78 @@ const createDefaultConfig = () => {
     return clone(defaultConfig);
 };
 
+/**
+ * Can view the livestream
+ */
+const isLiveStreamViewer = (meeting) => {
+    if (!showLivestream(meeting))
+        return false;
+    return meeting.meta.viewType === 'LIVESTREAM' && meeting.stage.status !== 'ON_STAGE';
+};
+/**
+ * Can start/stop the livestream
+ */
+const isLiveStreamHost = (meeting) => {
+    var _a;
+    if (!showLivestream(meeting))
+        return false;
+    return meeting.meta.viewType === 'LIVESTREAM' && ((_a = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _a === void 0 ? void 0 : _a.permissions.canLivestream);
+};
+const showLivestream = (meeting) => {
+    return meeting === null || meeting === void 0 ? void 0 : meeting.livestream;
+};
+var PlayerState;
+(function (PlayerState) {
+    PlayerState["BUFFERING"] = "Buffering";
+    PlayerState["ENDED"] = "Ended";
+    PlayerState["IDLE"] = "Idle";
+    PlayerState["PAUSED"] = "Paused";
+    PlayerState["PLAYING"] = "Playing";
+    PlayerState["READY"] = "Ready";
+})(PlayerState || (PlayerState = {}));
+var PlayerEventType;
+(function (PlayerEventType) {
+    PlayerEventType["INITIALIZED"] = "PlayerInitialized";
+    PlayerEventType["QUALITY_CHANGED"] = "PlayerQualityChanged";
+    PlayerEventType["DURATION_CHANGED"] = "PlayerDurationChanged";
+    PlayerEventType["VOLUME_CHANGED"] = "PlayerVolumeChanged";
+    PlayerEventType["MUTED_CHANGED"] = "PlayerMutedChanged";
+    PlayerEventType["PLAYBACK_RATE_CHANGED"] = "PlayerPlaybackRateChanged";
+    PlayerEventType["REBUFFERING"] = "PlayerRebuffering";
+    PlayerEventType["AUDIO_BLOCKED"] = "PlayerAudioBlocked";
+    PlayerEventType["PLAYBACK_BLOCKED"] = "PlayerPlaybackBlocked";
+    PlayerEventType["ERROR"] = "PlayerError";
+    PlayerEventType["RECOVERABLE_ERROR"] = "PlayerRecoverableError";
+    PlayerEventType["ANALYTICS_EVENT"] = "PlayerAnalyticsEvent";
+    PlayerEventType["TIME_UPDATE"] = "PlayerTimeUpdate";
+    PlayerEventType["BUFFER_UPDATE"] = "PlayerBufferUpdate";
+    PlayerEventType["SEEK_COMPLETED"] = "PlayerSeekCompleted";
+    PlayerEventType["SESSION_DATA"] = "PlayerSessionData";
+    PlayerEventType["STATE_CHANGED"] = "PlayerStateChanged";
+    PlayerEventType["WORKER_ERROR"] = "PlayerWorkerError";
+    PlayerEventType["METADATA"] = "PlayerMetadata";
+    PlayerEventType["TEXT_CUE"] = "PlayerTextCue";
+    PlayerEventType["TEXT_METADATA_CUE"] = "PlayerTextMetadataCue";
+    PlayerEventType["AD_CUE"] = "PlayerAdCue";
+    PlayerEventType["STREAM_SOURCE_CUE"] = "PlayerStreamSourceCue";
+    PlayerEventType["NETWORK_UNAVAILABLE"] = "PlayerNetworkUnavailable";
+    PlayerEventType["SEGMENT_DISCONTINUITY"] = "PlayerSegmentDiscontinuity";
+    PlayerEventType["SEGMENT_METADATA"] = "PlayerSegmentMetadata";
+    PlayerEventType["PLAYER_METADATA"] = "PlayerMetadata";
+})(PlayerEventType || (PlayerEventType = {}));
+function getLivestreamViewerAllowedQualityLevels({ meeting, hlsLevels, }) {
+    let allowedQualities = meeting.self.config.livestreamViewerQualities || [];
+    if (!allowedQualities.length) {
+        return { autoLevelChangeAllowed: true, levels: hlsLevels };
+    }
+    // Filter allowed qualities
+    const desiredLevels = hlsLevels.filter((level) => allowedQualities.includes(level.height));
+    if (!desiredLevels.length) {
+        return { autoLevelChangeAllowed: true, levels: hlsLevels };
+    }
+    return { autoLevelChangeAllowed: false, levels: desiredLevels };
+}
+
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);
     if (!items) {
@@ -3964,4 +3958,4 @@ function removeElement(propName, element, targetStore = uiStore) {
     }
 }
 
-export { isArguments$1 as A, BreakoutRoomsManager as B, isFunction as C, initCloneObject as D, isLiveStreamHost as E, disableSettingSinkId as F, chatUnreadTimestamps as G, getAllConnectedParticipants as H, participantIdentifier as I, resetRoomCount as J, usePaginatedChat as K, FlagsmithFeatureFlags as L, gracefulStorage$1 as M, showLivestream as N, appendElement as O, removeElement as P, root$1 as Q, canToggleBreakout as R, Stack as S, isLiveStreamViewer as T, clone as U, PlayerState as V, getLivestreamViewerAllowedQualityLevels as W, getPreference as X, setPreference as Y, uiState as a, createPeerStore as b, createDefaultConfig as c, defaultConfig as d, defaultIconPack as e, defaultLanguage as f, getInitialStates as g, useLanguage as h, defineProperty$1 as i, isObject as j, isArrayLike as k, isIndex as l, eq as m, isObjectLike as n, baseGetTag as o, getPrototype$1 as p, baseAssignValue as q, copyObject as r, keysIn as s, isArray$1 as t, uiStore as u, isBuffer$1 as v, isTypedArray$1 as w, copyArray as x, cloneBuffer as y, cloneTypedArray as z };
+export { isArguments$1 as A, BreakoutRoomsManager as B, isFunction as C, initCloneObject as D, isLiveStreamHost as E, disableSettingSinkId as F, chatUnreadTimestamps as G, getAllConnectedParticipants as H, participantIdentifier as I, resetRoomCount as J, FlagsmithFeatureFlags as K, gracefulStorage$1 as L, showLivestream as M, appendElement as N, removeElement as O, root$1 as P, canToggleBreakout as Q, isLiveStreamViewer as R, Stack as S, clone as T, PlayerState as U, getLivestreamViewerAllowedQualityLevels as V, getPreference as W, setPreference as X, uiState as a, createPeerStore as b, createDefaultConfig as c, defaultConfig as d, defaultIconPack as e, defaultLanguage as f, getInitialStates as g, useLanguage as h, defineProperty$1 as i, isObject as j, isArrayLike as k, isIndex as l, eq as m, isObjectLike as n, baseGetTag as o, getPrototype$1 as p, baseAssignValue as q, copyObject as r, keysIn as s, isArray$1 as t, uiStore as u, isBuffer$1 as v, isTypedArray$1 as w, copyArray as x, cloneBuffer as y, cloneTypedArray as z };

package/dist/realtimekit-ui/index.esm.js

@@ -1 +1 @@
-import{c as t}from"./p-89ebff3d.js";export{B as BreakoutRoomsManager,c as createDefaultConfig,b as createPeerStore,d as defaultConfig,e as defaultIconPack,f as defaultLanguage,g as getInitialStates,a as uiState,u as uiStore,h as useLanguage}from"./p-89ebff3d.js";export{p as provideRtkDesignSystem}from"./p-141c5a96.js";import{g as s}from"./p-b0debce4.js";export{R as RtkNotificationsAudio,e as extendConfig,g as generateConfig}from"./p-b0debce4.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-b6b382fb.js";import"./p-0ee570cd.js";const i=(t,e)=>{if("undefined"==typeof document)return!1;const s=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:e}),composed:!0});return document.dispatchEvent(s)};function r(t){return e=>Array.isArray(e)?e[0]===t:e===t}function o(t){return e=>Array.isArray(e)?e[0]!==t:e!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class l{constructor(t,e,s){this.elem=t,this.config=e,this.keyString=s}add(t,e={}){var s;let i=t=n(t);return Object.keys(e).length>0&&(i=[t,e]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(s=this.elem.add)||void 0===s||s.push(i)),this}remove(t){var e;if(t=n(t),Array.isArray(this.elem)){const e=this.elem.findIndex(r(t));e>-1&&this.elem.splice(e,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((e=>e===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(e=this.elem.remove)||void 0===e||e.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,e){console.log(this.keyString,t,e)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class m{constructor(e){this.config=e||t()}find(t,e={}){t=n(t);const s=[],i=[];Object.keys(e||{}).forEach((t=>{"boolean"==typeof e[t]?s.push(t):i.push([t,e[t]])})),s.sort();const r=this.config.root;if(void 0===r)return;let o=t,a="";s.length>0&&(a=`.${s.join(".")}`,o=`${t}${a}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),s.forEach((e=>{var s,i;-1===(null===(s=r[t].states)||void 0===s?void 0:s.indexOf(e))&&(null===(i=r[t].states)||void 0===i||i.push(e))}))),i.length>0&&i.forEach((e=>{o=`${t}[${e[0]}=${e[1]}]${a}`,Array.isArray(r[t])&&(r[t]={state:e[0],children:r[t]})}));let h=r[o];return void 0===h&&(r[o]={},h=r[o]),new l(h,this.config,o)}build(){return this.config}}function v(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new m(t)))})),i}export{m as RtkUiBuilder,v as registerAddons,i as sendNotification}
+import{c as t}from"./p-8046e263.js";export{B as BreakoutRoomsManager,c as createDefaultConfig,b as createPeerStore,d as defaultConfig,e as defaultIconPack,f as defaultLanguage,g as getInitialStates,a as uiState,u as uiStore,h as useLanguage}from"./p-8046e263.js";export{p as provideRtkDesignSystem}from"./p-145caa6b.js";import{g as s}from"./p-4ea418c9.js";export{R as RtkNotificationsAudio,e as extendConfig,g as generateConfig}from"./p-4ea418c9.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-2318c3af.js";import"./p-0ee570cd.js";const i=(t,e)=>{if("undefined"==typeof document)return!1;const s=new CustomEvent("rtkNotification",{detail:Object.assign(Object.assign({},t),{playSound:e}),composed:!0});return document.dispatchEvent(s)};function r(t){return e=>Array.isArray(e)?e[0]===t:e===t}function o(t){return e=>Array.isArray(e)?e[0]!==t:e!==t}function n(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class l{constructor(t,e,s){this.elem=t,this.config=e,this.keyString=s}add(t,e={}){var s;let i=t=n(t);return Object.keys(e).length>0&&(i=[t,e]),Array.isArray(this.elem)?this.elem.push(i):"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=[...this.elem.children,i]:"remove"in this.elem&&Array.isArray(this.elem.remove)&&this.elem.remove.find(r(t))?this.elem.remove=this.elem.remove.filter(o(t)):("add"in this.elem||(this.elem.add=[]),null===(s=this.elem.add)||void 0===s||s.push(i)),this}remove(t){var e;if(t=n(t),Array.isArray(this.elem)){const e=this.elem.findIndex(r(t));e>-1&&this.elem.splice(e,1)}else"children"in this.elem&&Array.isArray(this.elem.children)?this.elem.children=this.elem.children.filter(o(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((e=>e===t))?this.elem.add=this.elem.add.filter(o(t)):("remove"in this.elem||(this.elem.remove=[]),null===(e=this.elem.remove)||void 0===e||e.push(t));return this}set style(t){console.log(t)}setChildrenProps(t,e){console.log(this.keyString,t,e)}getChildrenProps(t){return console.log(this.keyString,t),{}}replace(t){console.log(this.config,t)}}class m{constructor(e){this.config=e||t()}find(t,e={}){t=n(t);const s=[],i=[];Object.keys(e||{}).forEach((t=>{"boolean"==typeof e[t]?s.push(t):i.push([t,e[t]])})),s.sort();const r=this.config.root;if(void 0===r)return;let a=t,o="";s.length>0&&(o=`.${s.join(".")}`,a=`${t}${o}`,Array.isArray(r[t])&&(r[t]={states:[],children:r[t]}),void 0===r[t].states&&(r[t].states=[]),s.forEach((e=>{var s,i;-1===(null===(s=r[t].states)||void 0===s?void 0:s.indexOf(e))&&(null===(i=r[t].states)||void 0===i||i.push(e))}))),i.length>0&&i.forEach((e=>{a=`${t}[${e[0]}=${e[1]}]${o}`,Array.isArray(r[t])&&(r[t]={state:e[0],children:r[t]})}));let h=r[a];return void 0===h&&(r[a]={},h=r[a]),new l(h,this.config,a)}build(){return this.config}}function v(t,e,i){if(!i){const t=s(e.self.config,e);i=t.config}return t.map((t=>{i=t.register(i,e,(t=>new m(t)))})),i}export{m as RtkUiBuilder,v as registerAddons,i as sendNotification}

package/dist/realtimekit-ui/{p-b8b1abc1.entry.js → p-00b5bdeb.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as a}from"./p-0ee570cd.js";import{c as r,e as i,h as c}from"./p-89ebff3d.js";import{S as o}from"./p-09c73782.js";var n=function(t,e,a,r){var i,c=arguments.length,o=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,a,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(o=(c<3?i(o):c>3?i(e,a,o):i(e,a))||o);return c>3&&o&&Object.defineProperty(e,a,o),o};const s=class{constructor(e){t(this,e),this.config=r(),this.iconPack=i,this.t=c()}render(){return e(a,{key:"c5eff1252dc42e20190130962994d713b95b922b"},e("slot",{key:"99a385d737fba394bcce3340d7ceaa49fe290580"},e("div",{key:"484cfb782b699eea5be2eac7c003dcaea922177a",class:"ctr",part:"container"},e("rtk-logo",{key:"0e190078187680faec1df09a7a50bc80d405a978",meeting:this.meeting,config:this.config,t:this.t,part:"logo"}),e("rtk-spinner",{key:"f00bae50ccb13120714d2d94c9629747824b5eaa","aria-label":"Idle, waiting for meeting data",part:"spinner",iconPack:this.iconPack}))))}};n([o()],s.prototype,"meeting",void 0),n([o()],s.prototype,"config",void 0),n([o()],s.prototype,"iconPack",void 0),n([o()],s.prototype,"t",void 0),s.style=":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";export{s as rtk_idle_screen}
+import{r as t,h as e,H as a}from"./p-0ee570cd.js";import{c as r,e as i,h as c}from"./p-8046e263.js";import{S as o}from"./p-2799d5b2.js";var n=function(t,e,a,r){var i,c=arguments.length,o=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,a,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(o=(c<3?i(o):c>3?i(e,a,o):i(e,a))||o);return c>3&&o&&Object.defineProperty(e,a,o),o};const s=class{constructor(e){t(this,e),this.config=r(),this.iconPack=i,this.t=c()}render(){return e(a,{key:"c5eff1252dc42e20190130962994d713b95b922b"},e("slot",{key:"99a385d737fba394bcce3340d7ceaa49fe290580"},e("div",{key:"484cfb782b699eea5be2eac7c003dcaea922177a",class:"ctr",part:"container"},e("rtk-logo",{key:"0e190078187680faec1df09a7a50bc80d405a978",meeting:this.meeting,config:this.config,t:this.t,part:"logo"}),e("rtk-spinner",{key:"f00bae50ccb13120714d2d94c9629747824b5eaa","aria-label":"Idle, waiting for meeting data",part:"spinner",iconPack:this.iconPack}))))}};n([o()],s.prototype,"meeting",void 0),n([o()],s.prototype,"config",void 0),n([o()],s.prototype,"iconPack",void 0),n([o()],s.prototype,"t",void 0),s.style=":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";export{s as rtk_idle_screen}

package/dist/realtimekit-ui/{p-83cc0429.entry.js → p-0266e82b.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as a,h as o}from"./p-89ebff3d.js";import{S as r}from"./p-09c73782.js";var n=function(t,i,s,e){var a,o=arguments.length,r=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(i,s,r):a(i,s))||r);return o>3&&r&&Object.defineProperty(i,s,r),r};const c=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=a,this.t=o(),this.aiActive=!1}statesChanged(t){this.aiActive=t.activeAI}toggleAI(){var t;this.aiActive=!(null===(t=this.states)||void 0===t?void 0:t.activeAI),this.stateUpdate.emit({activeAI:this.aiActive,activeMoreMenu:!1,activeSidebar:!1})}render(){var t,i;if(!this.meeting)return null;const a=this.t("ai.meeting_ai");return(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions).transcriptionEnabled?s(e,{title:a},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.aiActive},onClick:()=>this.toggleAI(),icon:this.iconPack.meeting_ai,label:a,variant:this.variant,brandIcon:!0})):s(e,{"data-hidden":!0})}static get watchers(){return{states:["statesChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{display:block}:host([data-hidden]){display:none}";export{c as rtk_ai_toggle}
+import{r as t,c as i,h as s,H as e}from"./p-0ee570cd.js";import{e as a,h as o}from"./p-8046e263.js";import{S as r}from"./p-2799d5b2.js";var n=function(t,i,s,e){var a,o=arguments.length,r=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(i,s,r):a(i,s))||r);return o>3&&r&&Object.defineProperty(i,s,r),r};const c=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=a,this.t=o(),this.aiActive=!1}statesChanged(t){this.aiActive=t.activeAI}toggleAI(){var t;this.aiActive=!(null===(t=this.states)||void 0===t?void 0:t.activeAI),this.stateUpdate.emit({activeAI:this.aiActive,activeMoreMenu:!1,activeSidebar:!1})}render(){var t,i;if(!this.meeting)return null;const a=this.t("ai.meeting_ai");return(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===i?void 0:i.permissions).transcriptionEnabled?s(e,{title:a},s("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.aiActive},onClick:()=>this.toggleAI(),icon:this.iconPack.meeting_ai,label:a,variant:this.variant,brandIcon:!0})):s(e,{"data-hidden":!0})}static get watchers(){return{states:["statesChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":host{display:block}:host([data-hidden]){display:none}";export{c as rtk_ai_toggle}

package/dist/realtimekit-ui/{p-c83bb4db.entry.js → p-0979ba30.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a}from"./p-0ee570cd.js";import{h as e,e as r}from"./p-89ebff3d.js";import{S as n}from"./p-09c73782.js";var c=function(t,i,a,e){var r,n=arguments.length,c=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,i,a,e);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(c=(n<3?r(c):n>3?r(i,a,c):r(i,a))||c);return n>3&&c&&Object.defineProperty(i,a,c),c};const s=class{constructor(i){t(this,i),this.t=e(),this.iconPack=r,this.setIsRecording=t=>{this.isRecording="RECORDING"===t}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.recording.removeListener("recordingUpdate",this.updateRecordingStatus)}meetingChanged(t){null!=t&&(this.setIsRecording(t.recording.recordingState),this.updateRecordingStatus=t=>{this.setIsRecording(t)},t.recording.addListener("recordingUpdate",this.updateRecordingStatus))}render(){return i(a,{key:"421715a1e7084f9dc226cdf969393a9c9b58fd66","data-hidden":!this.isRecording},this.isRecording&&i("div",{key:"fcfd0aa019c6d56ed5a872cdd2cf38ac7ac4258e",class:"indicator","aria-label":this.t("recording.indicator"),part:"indicator"},i("rtk-icon",{key:"de97c04f6a1d81606285b2430ccf111dd7208bbf",icon:this.iconPack.recording,"aria-hidden":!0,tabIndex:-1,part:"icon"}),i("span",{key:"6c142e85f186c7cdb77ccbb78453b2101e17f31a"},this.t("recording.label"))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([n()],s.prototype,"meeting",void 0),c([n()],s.prototype,"t",void 0),c([n()],s.prototype,"iconPack",void 0),s.style=":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}: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}}";export{s as rtk_recording_indicator}
+import{r as t,h as i,H as a}from"./p-0ee570cd.js";import{h as e,e as r}from"./p-8046e263.js";import{S as n}from"./p-2799d5b2.js";var s=function(t,i,a,e){var r,n=arguments.length,s=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,a,e);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(s=(n<3?r(s):n>3?r(i,a,s):r(i,a))||s);return n>3&&s&&Object.defineProperty(i,a,s),s};const c=class{constructor(i){t(this,i),this.t=e(),this.iconPack=r,this.setIsRecording=t=>{this.isRecording="RECORDING"===t}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting)||void 0===t||t.recording.removeListener("recordingUpdate",this.updateRecordingStatus)}meetingChanged(t){null!=t&&(this.setIsRecording(t.recording.recordingState),this.updateRecordingStatus=t=>{this.setIsRecording(t)},t.recording.addListener("recordingUpdate",this.updateRecordingStatus))}render(){return i(a,{key:"421715a1e7084f9dc226cdf969393a9c9b58fd66","data-hidden":!this.isRecording},this.isRecording&&i("div",{key:"fcfd0aa019c6d56ed5a872cdd2cf38ac7ac4258e",class:"indicator","aria-label":this.t("recording.indicator"),part:"indicator"},i("rtk-icon",{key:"de97c04f6a1d81606285b2430ccf111dd7208bbf",icon:this.iconPack.recording,"aria-hidden":!0,tabIndex:-1,part:"icon"}),i("span",{key:"6c142e85f186c7cdb77ccbb78453b2101e17f31a"},this.t("recording.label"))))}static get watchers(){return{meeting:["meetingChanged"]}}};s([n()],c.prototype,"meeting",void 0),s([n()],c.prototype,"t",void 0),s([n()],c.prototype,"iconPack",void 0),c.style=":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}: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}}";export{c as rtk_recording_indicator}

package/dist/realtimekit-ui/{p-6fd30714.entry.js → p-0ab52f70.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as s}from"./p-0ee570cd.js";import{c as o,e as n,h as a}from"./p-89ebff3d.js";import{S as r}from"./p-09c73782.js";var c=function(t,i,e,s){var o,n=arguments.length,a=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(i,e,a):o(i,e))||a);return n>3&&a&&Object.defineProperty(i,e,a),a};const h=class{constructor(e){t(this,e),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.config=o(),this.iconPack=n,this.t=a(),this.pipSupported=!1}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){var i,e,s;t&&(this.pipSupported=(null===(i=t.participants.pip)||void 0===i?void 0:i.isSupported())&&(null===(e=t.self.config)||void 0===e?void 0:e.pipMode)&&"LIVESTREAM"!==(null===(s=t.self.config)||void 0===s?void 0:s.viewType))}togglePip(){this.meeting.participants.pip&&(this.meeting.participants.pip.isActive?this.meeting.participants.pip.disable():this.meeting.participants.pip.enable(),this.stateUpdate.emit({activeMoreMenu:!1}))}render(){if(!this.meeting)return null;if(!this.pipSupported)return e(s,{"data-hidden":!0});const t=this.meeting.participants.pip.isActive;return e(s,{role:"log","aria-label":"Picture-in-Picture mode"},e("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.togglePip(),icon:t?this.iconPack.pip_on:this.iconPack.pip_off,label:this.t(t?"pip_off":"pip_on"),variant:this.variant}))}static get watchers(){return{meeting:["meetingChanged"]}}};c([r()],h.prototype,"meeting",void 0),c([r()],h.prototype,"states",void 0),c([r()],h.prototype,"config",void 0),c([r()],h.prototype,"iconPack",void 0),c([r()],h.prototype,"t",void 0),h.style=":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}";export{h as rtk_pip_toggle}
+import{r as t,c as i,h as e,H as s}from"./p-0ee570cd.js";import{c as o,e as n,h as a}from"./p-8046e263.js";import{S as r}from"./p-2799d5b2.js";var h=function(t,i,e,s){var o,n=arguments.length,a=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(i,e,a):o(i,e))||a);return n>3&&a&&Object.defineProperty(i,e,a),a};const l=class{constructor(e){t(this,e),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.config=o(),this.iconPack=n,this.t=a(),this.pipSupported=!1}connectedCallback(){this.meetingChanged(this.meeting)}meetingChanged(t){var i,e,s;t&&(this.pipSupported=(null===(i=t.participants.pip)||void 0===i?void 0:i.isSupported())&&(null===(e=t.self.config)||void 0===e?void 0:e.pipMode)&&"LIVESTREAM"!==(null===(s=t.self.config)||void 0===s?void 0:s.viewType))}togglePip(){this.meeting.participants.pip&&(this.meeting.participants.pip.isActive?this.meeting.participants.pip.disable():this.meeting.participants.pip.enable(),this.stateUpdate.emit({activeMoreMenu:!1}))}render(){if(!this.meeting)return null;if(!this.pipSupported)return e(s,{"data-hidden":!0});const t=this.meeting.participants.pip.isActive;return e(s,{role:"log","aria-label":"Picture-in-Picture mode"},e("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,onClick:()=>this.togglePip(),icon:t?this.iconPack.pip_on:this.iconPack.pip_off,label:this.t(t?"pip_off":"pip_on"),variant:this.variant}))}static get watchers(){return{meeting:["meetingChanged"]}}};h([r()],l.prototype,"meeting",void 0),h([r()],l.prototype,"states",void 0),h([r()],l.prototype,"config",void 0),h([r()],l.prototype,"iconPack",void 0),h([r()],l.prototype,"t",void 0),l.style=":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}";export{l as rtk_pip_toggle}

package/dist/realtimekit-ui/{p-1c0dc0e4.entry.js → p-0b93c12d.entry.js}

@@ -1 +1 @@
-import{r as t,w as r,h as i,H as a,c as e}from"./p-0ee570cd.js";import{e as o,h as s,c as n}from"./p-89ebff3d.js";import{S as c}from"./p-09c73782.js";import{f as l,s as p}from"./p-efabd2ce.js";var d=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const h=class{constructor(r){t(this,r),this.iconPack=o,this.t=s(),this.canClosePlugin=!1,this.viewModeEnabled=!1,this.onIframeRef=t=>{var r;t!==this.iframeEl&&(this.iframeEl=t,null===(r=this.plugin)||void 0===r||r.addPluginView(t,"plugin-main"))},this.canInteractWithPlugin=()=>{const t=this.plugin.id;if(!t)return!0;const r=this.meeting.self.permissions.plugins.config[t];return!r||!r.accessControl||"FULL_ACCESS"===r.accessControl}}componentDidLoad(){this.meetingChanged(this.meeting),this.pluginChanged(this.plugin)}meetingChanged(t){if(!t)return;const i=this.canInteractWithPlugin();this.viewModeEnabled=!i,r((()=>{this.canClosePlugin=t.self.permissions.plugins.canClose||this.plugin.enabledBy===t.self.id}))}pluginChanged(t){this.toggleViewModeListener=t=>{this.canInteractWithPlugin()||(this.viewModeEnabled=t)},null!=t&&(this.iframeEl&&t.addPluginView(this.iframeEl,"plugin-main"),t.addListener("toggleViewMode",this.toggleViewModeListener))}disconnectedCallback(){var t,r;null===(t=this.plugin)||void 0===t||t.removePluginView("plugin-main"),null===(r=this.plugin)||void 0===r||r.removeListener("toggleViewMode",this.toggleViewModeListener)}render(){return null==this.plugin?null:i(a,null,i("header",{part:"header"},i("div",null,this.plugin.name),this.canClosePlugin&&i("div",null,i("rtk-button",{kind:"icon",onClick:()=>this.plugin.deactivate(),part:"button"},i("rtk-icon",{icon:this.iconPack.dismiss})))),i("div",{class:"iframe-container"},!this.canInteractWithPlugin()&&this.viewModeEnabled?i("div",{class:"block-inputs"}):null,i("iframe",{ref:t=>this.onIframeRef(t),part:"iframe"})))}static get watchers(){return{meeting:["meetingChanged"],plugin:["pluginChanged"]}}};d([c()],h.prototype,"meeting",void 0),d([c()],h.prototype,"iconPack",void 0),d([c()],h.prototype,"t",void 0),h.style=":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;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";var v=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const g=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.config=n(),this.layout="row",this.iconPack=o,this.t=s(),this.tabs=[]}render(){return i(a,{key:"f586079ea469d413cdd8c2bb495bb06d9315417c"},i("rtk-spotlight-indicator",{key:"b9d139ef77a33c6470f4cbd7af1f7ded017b197d",meeting:this.meeting,iconPack:this.iconPack,t:this.t,size:this.size}),this.tabs.map((t=>{var r,a,e,o,s;let n=!1;if(("plugin"===(null===(r=this.activeTab)||void 0===r?void 0:r.type)&&t.plugin&&(null===(a=this.activeTab)||void 0===a?void 0:a.plugin.id)===t.plugin.id||"screenshare"===(null===(e=this.activeTab)||void 0===e?void 0:e.type)&&t.participant&&(null===(o=this.activeTab)||void 0===o?void 0:o.participant.id)===t.participant.id)&&(n=!0),"screenshare"===t.type){const r=t.participant,a=l(r.name);return i("rtk-button",{title:`${a}'s Screen Share`,key:t.participant.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("rtk-icon",{icon:this.iconPack.share_screen_person}),i("span",{class:"name"},r.id===(null===(s=this.meeting)||void 0===s?void 0:s.self.id)?this.t("you"):p(a,6))))}if("plugin"===t.type){const r=t.plugin;return i("rtk-button",{title:r.name,key:r.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("img",{src:r.picture}),i("span",{class:"name"},p(r.name,6))))}})))}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"states",void 0),v([c()],g.prototype,"config",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.style=".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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";export{h as rtk_plugin_main,g as rtk_tab_bar}
+import{r as t,w as r,h as i,H as a,c as e}from"./p-0ee570cd.js";import{e as o,h as s,c as n}from"./p-8046e263.js";import{S as c}from"./p-2799d5b2.js";import{f as l,s as p}from"./p-efabd2ce.js";var d=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const h=class{constructor(r){t(this,r),this.iconPack=o,this.t=s(),this.canClosePlugin=!1,this.viewModeEnabled=!1,this.onIframeRef=t=>{var r;t!==this.iframeEl&&(this.iframeEl=t,null===(r=this.plugin)||void 0===r||r.addPluginView(t,"plugin-main"))},this.canInteractWithPlugin=()=>{const t=this.plugin.id;if(!t)return!0;const r=this.meeting.self.permissions.plugins.config[t];return!r||!r.accessControl||"FULL_ACCESS"===r.accessControl}}componentDidLoad(){this.meetingChanged(this.meeting),this.pluginChanged(this.plugin)}meetingChanged(t){if(!t)return;const i=this.canInteractWithPlugin();this.viewModeEnabled=!i,r((()=>{this.canClosePlugin=t.self.permissions.plugins.canClose||this.plugin.enabledBy===t.self.id}))}pluginChanged(t){this.toggleViewModeListener=t=>{this.canInteractWithPlugin()||(this.viewModeEnabled=t)},null!=t&&(this.iframeEl&&t.addPluginView(this.iframeEl,"plugin-main"),t.addListener("toggleViewMode",this.toggleViewModeListener))}disconnectedCallback(){var t,r;null===(t=this.plugin)||void 0===t||t.removePluginView("plugin-main"),null===(r=this.plugin)||void 0===r||r.removeListener("toggleViewMode",this.toggleViewModeListener)}render(){return null==this.plugin?null:i(a,null,i("header",{part:"header"},i("div",null,this.plugin.name),this.canClosePlugin&&i("div",null,i("rtk-button",{kind:"icon",onClick:()=>this.plugin.deactivate(),part:"button"},i("rtk-icon",{icon:this.iconPack.dismiss})))),i("div",{class:"iframe-container"},!this.canInteractWithPlugin()&&this.viewModeEnabled?i("div",{class:"block-inputs"}):null,i("iframe",{ref:t=>this.onIframeRef(t),part:"iframe"})))}static get watchers(){return{meeting:["meetingChanged"],plugin:["pluginChanged"]}}};d([c()],h.prototype,"meeting",void 0),d([c()],h.prototype,"iconPack",void 0),d([c()],h.prototype,"t",void 0),h.style=":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;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";var v=function(t,r,i,a){var e,o=arguments.length,s=o<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,r,i,a);else for(var n=t.length-1;n>=0;n--)(e=t[n])&&(s=(o<3?e(s):o>3?e(r,i,s):e(r,i))||s);return o>3&&s&&Object.defineProperty(r,i,s),s};const g=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.config=n(),this.layout="row",this.iconPack=o,this.t=s(),this.tabs=[]}render(){return i(a,{key:"f586079ea469d413cdd8c2bb495bb06d9315417c"},i("rtk-spotlight-indicator",{key:"b9d139ef77a33c6470f4cbd7af1f7ded017b197d",meeting:this.meeting,iconPack:this.iconPack,t:this.t,size:this.size}),this.tabs.map((t=>{var r,a,e,o,s;let n=!1;if(("plugin"===(null===(r=this.activeTab)||void 0===r?void 0:r.type)&&t.plugin&&(null===(a=this.activeTab)||void 0===a?void 0:a.plugin.id)===t.plugin.id||"screenshare"===(null===(e=this.activeTab)||void 0===e?void 0:e.type)&&t.participant&&(null===(o=this.activeTab)||void 0===o?void 0:o.participant.id)===t.participant.id)&&(n=!0),"screenshare"===t.type){const r=t.participant,a=l(r.name);return i("rtk-button",{title:`${a}'s Screen Share`,key:t.participant.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("rtk-icon",{icon:this.iconPack.share_screen_person}),i("span",{class:"name"},r.id===(null===(s=this.meeting)||void 0===s?void 0:s.self.id)?this.t("you"):p(a,6))))}if("plugin"===t.type){const r=t.plugin;return i("rtk-button",{title:r.name,key:r.id,kind:"icon",variant:n?"primary":"secondary",class:{tab:!0,active:n},onClick:()=>this.tabChange.emit(t)},i("div",{class:"center col"},i("img",{src:r.picture}),i("span",{class:"name"},p(r.name,6))))}})))}};v([c()],g.prototype,"meeting",void 0),v([c()],g.prototype,"states",void 0),v([c()],g.prototype,"config",void 0),v([c()],g.prototype,"iconPack",void 0),v([c()],g.prototype,"t",void 0),g.style=".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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";export{h as rtk_plugin_main,g as rtk_tab_bar}

package/dist/realtimekit-ui/p-1185eec6.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{e,h as o}from"./p-8046e263.js";import{c as n}from"./p-2857144e.js";import{S as r}from"./p-2799d5b2.js";var h=function(t,i,a,s){var e,o=arguments.length,n=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,a,s);else for(var r=t.length-1;r>=0;r--)(e=t[r])&&(n=(o<3?e(n):o>3?e(i,a,n):e(i,a))||n);return o>3&&n&&Object.defineProperty(i,a,n),n};const l=class{constructor(a){t(this,a),this.stateUpdate=i(this,"rtkStateUpdate",7),this.unreadMessageCount=0,this.variant="button",this.iconPack=e,this.t=o(),this.chatActive=!1,this.canViewChat=!1,this.hasNewMessages=!1,this.onChatUpdate=({action:t,message:i})=>{var a;this.chatActive||"add"===t&&i.userId!==(null===(a=this.meeting)||void 0===a?void 0:a.self.userId)&&(this.hasNewMessages=!0,this.unreadMessageCount+=1)},this.toggleChat=()=>{const t=this.states;this.chatActive=!((null==t?void 0:t.activeSidebar)&&"chat"===(null==t?void 0:t.sidebar)),this.chatActive&&(this.unreadMessageCount=0,this.hasNewMessages=!1),this.stateUpdate.emit({activeSidebar:this.chatActive,sidebar:this.chatActive?"chat":void 0,activeMoreMenu:!1,activeAI:!1})},this.updateCanView=()=>{this.canViewChat=n(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,a,s,e,o;null===(i=null===(t=this.meeting)||void 0===t?void 0:t.chat)||void 0===i||i.removeListener("chatUpdate",this.onChatUpdate),null===(s=null===(a=this.meeting)||void 0===a?void 0:a.stage)||void 0===s||s.removeListener("stageStatusUpdate",this.updateCanView),null===(o=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===o||o.permissions.removeListener("chatUpdate",this.updateCanView)}meetingChanged(t){var i,a,s,e,o,r,h;if(!t)return;null===(i=t.chat)||void 0===i||i.getMessages((new Date).getTime(),1,!0).then((t=>{var i;(null===(i=null==t?void 0:t.messages)||void 0===i?void 0:i.length)&&(this.hasNewMessages=!0)}));const l=null!==(s=null===(a=t.meta)||void 0===a?void 0:a.meetingStartedTimestamp.getTime())&&void 0!==s?s:0,c=null===(e=t.chat)||void 0===e?void 0:e.messages.filter((t=>t.timeMs>l));this.unreadMessageCount=c.length||0,null===(o=t.chat)||void 0===o||o.addListener("chatUpdate",this.onChatUpdate),this.canViewChat=n(t),null===(r=null==t?void 0:t.stage)||void 0===r||r.on("stageStatusUpdate",this.updateCanView),null===(h=null==t?void 0:t.self)||void 0===h||h.permissions.on("chatUpdate",this.updateCanView)}statesChanged(t){null!=t&&(this.chatActive=!0===t.activeSidebar&&"chat"===t.sidebar)}handleChatActiveChange(){this.chatActive||this.states.activeSidebar||this.buttonEl.focus()}render(){return this.meeting?this.canViewChat?a(s,{title:this.t("chat")},this.hasNewMessages&&a("div",{class:"unread-count-dot",part:"unread-count-dot"}),a("rtk-controlbar-button",{ref:t=>this.buttonEl=t,part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.chatActive},onClick:this.toggleChat,icon:this.iconPack.chat,label:this.t("chat"),variant:this.variant})):a(s,{"data-hidden":!0}):null}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],chatActive:["handleChatActiveChange"]}}};h([r()],l.prototype,"meeting",void 0),h([r()],l.prototype,"states",void 0),h([r()],l.prototype,"iconPack",void 0),h([r()],l.prototype,"t",void 0),l.style=":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:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";export{l as rtk_chat_toggle}

package/dist/realtimekit-ui/{p-141c5a96.js → p-145caa6b.js}

@@ -1 +1 @@
-import{i as t,j as n,k as o,l as r,m as e,n as s,o as i,p as c,q as a,r as f,s as u,t as d,v as l,w as v,x as p,y as m,z as g,A as b,C as y,D as F,S as $}from"./p-89ebff3d.js";const x=[0,.5,1,1.5,2,3,4,5,6,7,8,9,10,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],k={darkest:{background:{1e3:"#080808",900:"#1A1A1A",800:"#1E1E1E",700:"#2C2C2C",600:"#393939"},text:"#FFFFFF"},dark:{background:{1e3:"#252525",900:"#2F2F2F",800:"#323232",700:"#3E3E3E",600:"#4A4A4A"},text:"#F5F5F5","video-bg":"#1C1C1C"},light:{background:{1e3:"#FFFFFF",900:"#F5F5F5",800:"#EBEBEB",700:"#E0E0E0",600:"#D6D6D6"},text:"#111111","text-on-brand":"#ffffff","video-bg":"#DADADA"}},h={none:{none:0,sm:0,md:0,lg:0},thin:{none:0,sm:1,md:2,lg:4},fat:{none:0,sm:2,md:4,lg:8}},j={sharp:{none:0,sm:0,md:0,lg:0},rounded:{none:0,sm:4,md:8,lg:12},"extra-rounded":{none:0,sm:8,md:16,lg:24},circular:{none:9999,sm:9999,md:9999,lg:9999}};function E(t){let n="0",o="0",r="0";return 4==(t=t.trim()).length?(n="0x"+t[1]+t[1],o="0x"+t[2]+t[2],r="0x"+t[3]+t[3]):t.length>6&&(n="0x"+t[1]+t[2],o="0x"+t[3]+t[4],r="0x"+t[5]+t[6]),[+n,+o,+r]}const A=t=>"string"==typeof t&&7===t.length&&t.startsWith("#"),w="--rtk-";function D(t,n=w){return n+t}const O=(t,n,o=w)=>{Object.keys(n).forEach((r=>{const e=n[r];if("string"==typeof e)if("text"===r||"text-on-brand"===r){const n=E(e).join(" ");t.style.setProperty(D(`colors-${r}-1000`,o),`${n}`),t.style.setProperty(D(`colors-${r}-900`,o),`${n} / 0.88`),t.style.setProperty(D(`colors-${r}-800`,o),`${n} / 0.76`),t.style.setProperty(D(`colors-${r}-700`,o),`${n} / 0.64`),t.style.setProperty(D(`colors-${r}-600`,o),`${n} / 0.52`)}else{const n=E(e).join(" ");t.style.setProperty(D(`colors-${r}`,o),n)}else"object"==typeof e&&Object.keys(e).forEach((n=>{const s=E(e[n]).join(" ");t.style.setProperty(D(`colors-${r}-${n}`,o),s)}))}))},C=(t,{spacingBase:n,borderRadius:o,borderWidth:r,colors:e,fontFamily:s,googleFont:i,theme:c,tokenPrefix:a=w})=>{if("object"!=typeof t)throw new Error("[rtk-ui-kit] (provideRtkDesignSystem): Passed element is not a valid HTML Element");if("string"==typeof i&&((t=>{const n=[];if(null==document.querySelector("link[data-rtk-font]")){const t=document.createElement("link");t.rel="preconnect",t.setAttribute("data-rtk-font","true"),t.href="https://fonts.googleapis.com";const o=t.cloneNode(!0);o.href="https://fonts.gstatic.com",o.crossOrigin="",n.push(t,o)}const o=document.createElement("link");o.rel="stylesheet",o.setAttribute("data-rtk-font",t),o.href=encodeURI(`https://fonts.googleapis.com/css2?family=${t}:wght@${[400,500,700].join(";")}&display=swap`),n.push(o),document.head.append(...n)})(i),t.style.setProperty(D("font-family",a),i)),"string"==typeof s&&t.style.setProperty(D("font-family",a),s),"number"==typeof n&&((t,n,o=w)=>{x.forEach((r=>{t.style.setProperty(D(`space-${r}`,o),r*n+"px")}))})(t,n,a),"string"==typeof r&&((t,n,o=w)=>{if(n in h){const r=h[n];Object.keys(r).forEach((n=>{t.style.setProperty(D(`border-width-${n}`,o),`${r[n]}px`)}))}})(t,r,a),"string"==typeof o&&((t,n,o=w)=>{if(n in j){const r=j[n];Object.keys(r).forEach((n=>{t.style.setProperty(D(`border-radius-${n}`,o),`${r[n]}px`)}))}})(t,o,a),"string"==typeof c){const n=k[c];null!=n&&O(t,n,a)}"object"==typeof e&&O(t,e,a)};function B(t){return t}var _,R,S,M=Date.now,P=t?function(n,o){return t(n,"toString",{configurable:!0,enumerable:!1,value:(r=o,function(){return r}),writable:!0});var r}:B;const q=(_=P,R=0,S=0,function(){var t=M(),n=16-(t-S);if(S=t,n>0){if(++R>=800)return arguments[0]}else R=0;return _.apply(void 0,arguments)});var z=Math.max;var H="[object Object]",I=Function.prototype.toString,L=Object.prototype.hasOwnProperty,T=I.call(Object);function U(t,n,o){(void 0!==o&&!e(t[n],o)||void 0===o&&!(n in t))&&a(t,n,o)}function W(t,n){if(("constructor"!==n||"function"!=typeof t[n])&&"__proto__"!=n)return t[n]}function G(t,r,e,a,x){t!==r&&function(t,n,o){for(var r=-1,e=Object(t),s=o(t),i=s.length;i--;){var c=s[++r];if(!1===n(e[c],c,e))break}}(r,(function(k,h){if(x||(x=new $),n(k))!function(t,r,e,a,$,x,k){var h=W(t,e),j=W(r,e),E=k.get(j);if(E)U(t,e,E);else{var A,w=x?x(h,j,e+"",t,r,k):void 0,D=void 0===w;if(D){var O=d(j),C=!O&&l(j),B=!O&&!C&&v(j);w=j,O||C||B?d(h)?w=h:s(A=h)&&o(A)?w=p(h):C?(D=!1,w=m(j,!0)):B?(D=!1,w=g(j,!0)):w=[]:function(t){if(!s(t)||i(t)!=H)return!1;var n=c(t);if(null===n)return!0;var o=L.call(n,"constructor")&&n.constructor;return"function"==typeof o&&o instanceof o&&I.call(o)==T}(j)||b(j)?(w=h,b(h)?w=function(t){return f(t,u(t))}(h):n(h)&&!y(h)||(w=F(j))):D=!1}D&&(k.set(j,w),$(w,j,a,x,k),k.delete(j)),U(t,e,w)}}(t,r,h,e,G,a,x);else{var j=a?a(W(t,h),k,h+"",t,r,x):void 0;void 0===j&&(j=k),U(t,h,j)}}),u)}var J;const K=(J=function(t,n,o){G(t,n,o)},function(t,n){return q(function(t,n,o){return n=z(void 0===n?t.length-1:n,0),function(){for(var r=arguments,e=-1,s=z(r.length-n,0),i=Array(s);++e<s;)i[e]=r[n+e];e=-1;for(var c=Array(n+1);++e<n;)c[e]=r[e];return c[n]=o(i),function(t,n,o){switch(o.length){case 0:return t.call(n);case 1:return t.call(n,o[0]);case 2:return t.call(n,o[0],o[1]);case 3:return t.call(n,o[0],o[1],o[2])}return t.apply(n,o)}(t,this,c)}}(t,n,B),t+"")}((function(t,s){var i=-1,c=s.length,a=c>1?s[c-1]:void 0,f=c>2?s[2]:void 0;for(a=J.length>3&&"function"==typeof a?(c--,a):void 0,f&&function(t,s,i){if(!n(i))return!1;var c=typeof s;return!!("number"==c?o(i)&&r(s,i.length):"string"==c&&s in i)&&e(i[s],t)}(s[0],s[1],f)&&(a=c<3?void 0:a,c=1),t=Object(t);++i<c;){var u=s[i];u&&J(t,u,i)}return t})));export{K as d,A as i,C as p}
+import{i as t,j as n,k as o,l as r,m as e,n as s,o as i,p as c,q as a,r as f,s as u,t as d,v as l,w as v,x as p,y as m,z as g,A as b,C as y,D as F,S as $}from"./p-8046e263.js";const x=[0,.5,1,1.5,2,3,4,5,6,7,8,9,10,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],k={darkest:{background:{1e3:"#080808",900:"#1A1A1A",800:"#1E1E1E",700:"#2C2C2C",600:"#393939"},text:"#FFFFFF"},dark:{background:{1e3:"#252525",900:"#2F2F2F",800:"#323232",700:"#3E3E3E",600:"#4A4A4A"},text:"#F5F5F5","video-bg":"#1C1C1C"},light:{background:{1e3:"#FFFFFF",900:"#F5F5F5",800:"#EBEBEB",700:"#E0E0E0",600:"#D6D6D6"},text:"#111111","text-on-brand":"#ffffff","video-bg":"#DADADA"}},h={none:{none:0,sm:0,md:0,lg:0},thin:{none:0,sm:1,md:2,lg:4},fat:{none:0,sm:2,md:4,lg:8}},j={sharp:{none:0,sm:0,md:0,lg:0},rounded:{none:0,sm:4,md:8,lg:12},"extra-rounded":{none:0,sm:8,md:16,lg:24},circular:{none:9999,sm:9999,md:9999,lg:9999}};function E(t){let n="0",o="0",r="0";return 4==(t=t.trim()).length?(n="0x"+t[1]+t[1],o="0x"+t[2]+t[2],r="0x"+t[3]+t[3]):t.length>6&&(n="0x"+t[1]+t[2],o="0x"+t[3]+t[4],r="0x"+t[5]+t[6]),[+n,+o,+r]}const A=t=>"string"==typeof t&&7===t.length&&t.startsWith("#"),w="--rtk-";function D(t,n=w){return n+t}const O=(t,n,o=w)=>{Object.keys(n).forEach((r=>{const e=n[r];if("string"==typeof e)if("text"===r||"text-on-brand"===r){const n=E(e).join(" ");t.style.setProperty(D(`colors-${r}-1000`,o),`${n}`),t.style.setProperty(D(`colors-${r}-900`,o),`${n} / 0.88`),t.style.setProperty(D(`colors-${r}-800`,o),`${n} / 0.76`),t.style.setProperty(D(`colors-${r}-700`,o),`${n} / 0.64`),t.style.setProperty(D(`colors-${r}-600`,o),`${n} / 0.52`)}else{const n=E(e).join(" ");t.style.setProperty(D(`colors-${r}`,o),n)}else"object"==typeof e&&Object.keys(e).forEach((n=>{const s=E(e[n]).join(" ");t.style.setProperty(D(`colors-${r}-${n}`,o),s)}))}))},C=(t,{spacingBase:n,borderRadius:o,borderWidth:r,colors:e,fontFamily:s,googleFont:i,theme:c,tokenPrefix:a=w})=>{if("object"!=typeof t)throw new Error("[rtk-ui-kit] (provideRtkDesignSystem): Passed element is not a valid HTML Element");if("string"==typeof i&&((t=>{const n=[];if(null==document.querySelector("link[data-rtk-font]")){const t=document.createElement("link");t.rel="preconnect",t.setAttribute("data-rtk-font","true"),t.href="https://fonts.googleapis.com";const o=t.cloneNode(!0);o.href="https://fonts.gstatic.com",o.crossOrigin="",n.push(t,o)}const o=document.createElement("link");o.rel="stylesheet",o.setAttribute("data-rtk-font",t),o.href=encodeURI(`https://fonts.googleapis.com/css2?family=${t}:wght@${[400,500,700].join(";")}&display=swap`),n.push(o),document.head.append(...n)})(i),t.style.setProperty(D("font-family",a),i)),"string"==typeof s&&t.style.setProperty(D("font-family",a),s),"number"==typeof n&&((t,n,o=w)=>{x.forEach((r=>{t.style.setProperty(D(`space-${r}`,o),r*n+"px")}))})(t,n,a),"string"==typeof r&&((t,n,o=w)=>{if(n in h){const r=h[n];Object.keys(r).forEach((n=>{t.style.setProperty(D(`border-width-${n}`,o),`${r[n]}px`)}))}})(t,r,a),"string"==typeof o&&((t,n,o=w)=>{if(n in j){const r=j[n];Object.keys(r).forEach((n=>{t.style.setProperty(D(`border-radius-${n}`,o),`${r[n]}px`)}))}})(t,o,a),"string"==typeof c){const n=k[c];null!=n&&O(t,n,a)}"object"==typeof e&&O(t,e,a)};function B(t){return t}var _,R,S,M=Date.now,P=t?function(n,o){return t(n,"toString",{configurable:!0,enumerable:!1,value:(r=o,function(){return r}),writable:!0});var r}:B;const q=(_=P,R=0,S=0,function(){var t=M(),n=16-(t-S);if(S=t,n>0){if(++R>=800)return arguments[0]}else R=0;return _.apply(void 0,arguments)});var z=Math.max;var H="[object Object]",I=Function.prototype.toString,L=Object.prototype.hasOwnProperty,T=I.call(Object);function U(t,n,o){(void 0!==o&&!e(t[n],o)||void 0===o&&!(n in t))&&a(t,n,o)}function W(t,n){if(("constructor"!==n||"function"!=typeof t[n])&&"__proto__"!=n)return t[n]}function G(t,r,e,a,x){t!==r&&function(t,n,o){for(var r=-1,e=Object(t),s=o(t),i=s.length;i--;){var c=s[++r];if(!1===n(e[c],c,e))break}}(r,(function(k,h){if(x||(x=new $),n(k))!function(t,r,e,a,$,x,k){var h=W(t,e),j=W(r,e),E=k.get(j);if(E)U(t,e,E);else{var A,w=x?x(h,j,e+"",t,r,k):void 0,D=void 0===w;if(D){var O=d(j),C=!O&&l(j),B=!O&&!C&&v(j);w=j,O||C||B?d(h)?w=h:s(A=h)&&o(A)?w=p(h):C?(D=!1,w=m(j,!0)):B?(D=!1,w=g(j,!0)):w=[]:function(t){if(!s(t)||i(t)!=H)return!1;var n=c(t);if(null===n)return!0;var o=L.call(n,"constructor")&&n.constructor;return"function"==typeof o&&o instanceof o&&I.call(o)==T}(j)||b(j)?(w=h,b(h)?w=function(t){return f(t,u(t))}(h):n(h)&&!y(h)||(w=F(j))):D=!1}D&&(k.set(j,w),$(w,j,a,x,k),k.delete(j)),U(t,e,w)}}(t,r,h,e,G,a,x);else{var j=a?a(W(t,h),k,h+"",t,r,x):void 0;void 0===j&&(j=k),U(t,h,j)}}),u)}var J;const K=(J=function(t,n,o){G(t,n,o)},function(t,n){return q(function(t,n,o){return n=z(void 0===n?t.length-1:n,0),function(){for(var r=arguments,e=-1,s=z(r.length-n,0),i=Array(s);++e<s;)i[e]=r[n+e];e=-1;for(var c=Array(n+1);++e<n;)c[e]=r[e];return c[n]=o(i),function(t,n,o){switch(o.length){case 0:return t.call(n);case 1:return t.call(n,o[0]);case 2:return t.call(n,o[0],o[1]);case 3:return t.call(n,o[0],o[1],o[2])}return t.apply(n,o)}(t,this,c)}}(t,n,B),t+"")}((function(t,s){var i=-1,c=s.length,a=c>1?s[c-1]:void 0,f=c>2?s[2]:void 0;for(a=J.length>3&&"function"==typeof a?(c--,a):void 0,f&&function(t,s,i){if(!n(i))return!1;var c=typeof s;return!!("number"==c?o(i)&&r(s,i.length):"string"==c&&s in i)&&e(i[s],t)}(s[0],s[1],f)&&(a=c<3?void 0:a,c=1),t=Object(t);++i<c;){var u=s[i];u&&J(t,u,i)}return t})));export{K as d,A as i,C as p}

package/dist/realtimekit-ui/{p-ded15279.entry.js → p-1f328e83.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as o}from"./p-0ee570cd.js";import{e,h as a}from"./p-89ebff3d.js";import{S as l}from"./p-09c73782.js";var n=function(i,t,s,o){var e,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,s,o);else for(var n=i.length-1;n>=0;n--)(e=i[n])&&(l=(a<3?e(l):a>3?e(t,s,l):e(t,s))||l);return a>3&&l&&Object.defineProperty(t,s,l),l};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.audioUpdateListener=({audioEnabled:i})=>{this.audioEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"audio"===i&&(this.micPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.audio)&&(this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio)},this.variant="button",this.iconPack=e,this.t=a(),this.audioEnabled=!1,this.canProduceAudio=!1,this.micPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleMic=()=>{var i,t,s,o,e,a,l,n,d,h,r,u;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkMicToggle::toggleMic",{media:{audio:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.audioEnabled),permission:this.micPermission,canProduce:null===(a=null===(e=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===e?void 0:e.permissions)||void 0===a?void 0:a.canProduceAudio}},webinar:{stageStatus:null===(n=null===(l=this.meeting)||void 0===l?void 0:l.stage)||void 0===n?void 0:n.status},livestream:{stageStatus:null===(h=null===(d=this.meeting)||void 0===d?void 0:d.stage)||void 0===h?void 0:h.status},moduleExists:{self:Boolean(null===(r=this.meeting)||void 0===r?void 0:r.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"audio"}}),!1;const c=null===(u=this.meeting)||void 0===u?void 0:u.self;null!=c&&this.canProduceAudio&&(c.audioEnabled?c.disableAudio():c.enableAudio())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,o,e,a,l;null===(i=this.meeting)||void 0===i||i.self.removeListener("audioUpdate",this.audioUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(o=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===o||o.removeListener("stageStatusUpdate",this.stageStatusListener),null===(l=null===(a=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===l||l.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:o,stage:e}=i;this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio,this.micPermission=i.self.mediaPermissions.audio||"NOT_REQUESTED",this.audioEnabled=o.audioEnabled,this.stageStatus=i.stage.status,o.addListener("audioUpdate",this.audioUpdateListener),o.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==e||e.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.micPermission||"SYSTEM_DENIED"===this.micPermission}getState(){let i="",t="",s="",o={},e=this.hasPermissionError(),a="COULD_NOT_START"===this.micPermission;return this.audioEnabled&&!e?(t=this.t("mic_on"),s=this.iconPack.mic_on):(t=this.t("mic_off"),s=this.iconPack.mic_off,o["red-icon"]=!0),i=this.t(a?"perm_could_not_start.audio":"SYSTEM_DENIED"===this.micPermission?"perm_sys_denied.audio":"DENIED"===this.micPermission?"perm_denied.audio":this.audioEnabled?"disable_mic":"enable_mic"),{tooltipLabel:i,label:t,icon:s,classList:o,showWarning:e||a,disable:e}}render(){if(!this.meeting)return null;if(!this.canProduceAudio||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(o,{"data-hidden":!0});const{tooltipLabel:i,label:t,icon:e,classList:a,showWarning:l,disable:n}=this.getState();return s(o,{title:t},s("rtk-tooltip",{kind:"block",label:i,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",icon:e,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,class:a,onClick:this.toggleMic,showWarning:l,disabled:n})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([l()],d.prototype,"t",void 0),d.style=":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}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{d as rtk_mic_toggle}
+import{r as i,c as t,h as s,H as o}from"./p-0ee570cd.js";import{e,h as a}from"./p-8046e263.js";import{S as l}from"./p-2799d5b2.js";var n=function(i,t,s,o){var e,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(i,t,s,o);else for(var n=i.length-1;n>=0;n--)(e=i[n])&&(l=(a<3?e(l):a>3?e(t,s,l):e(t,s))||l);return a>3&&l&&Object.defineProperty(t,s,l),l};const d=class{constructor(s){i(this,s),this.stateUpdate=t(this,"rtkStateUpdate",7),this.audioUpdateListener=({audioEnabled:i})=>{this.audioEnabled=i},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio},this.mediaPermissionUpdateListener=({kind:i,message:t})=>{"audio"===i&&(this.micPermission=t)},this.meetingPermissionsUpdateListener=i=>{var t;(null===(t=null==i?void 0:i.media)||void 0===t?void 0:t.audio)&&(this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio)},this.variant="button",this.iconPack=e,this.t=a(),this.audioEnabled=!1,this.canProduceAudio=!1,this.micPermission="NOT_REQUESTED",this.stageStatus="OFF_STAGE",this.toggleMic=()=>{var i,t,s,o,e,a,l,n,d,h,r,u;if(null===(i=this.meeting)||void 0===i||i.__internals__.logger.info("rtkMicToggle::toggleMic",{media:{audio:{enabled:Boolean(null===(s=null===(t=this.meeting)||void 0===t?void 0:t.self)||void 0===s?void 0:s.audioEnabled),permission:this.micPermission,canProduce:null===(a=null===(e=null===(o=this.meeting)||void 0===o?void 0:o.self)||void 0===e?void 0:e.permissions)||void 0===a?void 0:a.canProduceAudio}},webinar:{stageStatus:null===(n=null===(l=this.meeting)||void 0===l?void 0:l.stage)||void 0===n?void 0:n.status},livestream:{stageStatus:null===(h=null===(d=this.meeting)||void 0===d?void 0:d.stage)||void 0===h?void 0:h.status},moduleExists:{self:Boolean(null===(r=this.meeting)||void 0===r?void 0:r.self)}}),this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"audio"}}),!1;const c=null===(u=this.meeting)||void 0===u?void 0:u.self;null!=c&&this.canProduceAudio&&(c.audioEnabled?c.disableAudio():c.enableAudio())}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var i,t,s,o,e,a,l;null===(i=this.meeting)||void 0===i||i.self.removeListener("audioUpdate",this.audioUpdateListener),null===(t=this.meeting)||void 0===t||t.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(o=null===(s=this.meeting)||void 0===s?void 0:s.stage)||void 0===o||o.removeListener("stageStatusUpdate",this.stageStatusListener),null===(l=null===(a=null===(e=this.meeting)||void 0===e?void 0:e.self)||void 0===a?void 0:a.permissions)||void 0===l||l.removeListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}meetingChanged(i){var t,s;if(null!=i){const{self:o,stage:e}=i;this.canProduceAudio="ALLOWED"===this.meeting.self.permissions.canProduceAudio,this.micPermission=i.self.mediaPermissions.audio||"NOT_REQUESTED",this.audioEnabled=o.audioEnabled,this.stageStatus=i.stage.status,o.addListener("audioUpdate",this.audioUpdateListener),o.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==e||e.addListener("stageStatusUpdate",this.stageStatusListener),null===(s=null===(t=i.self)||void 0===t?void 0:t.permissions)||void 0===s||s.addListener("permissionsUpdate",this.meetingPermissionsUpdateListener)}}hasPermissionError(){return"DENIED"===this.micPermission||"SYSTEM_DENIED"===this.micPermission}getState(){let i="",t="",s="",o={},e=this.hasPermissionError(),a="COULD_NOT_START"===this.micPermission;return this.audioEnabled&&!e?(t=this.t("mic_on"),s=this.iconPack.mic_on):(t=this.t("mic_off"),s=this.iconPack.mic_off,o["red-icon"]=!0),i=this.t(a?"perm_could_not_start.audio":"SYSTEM_DENIED"===this.micPermission?"perm_sys_denied.audio":"DENIED"===this.micPermission?"perm_denied.audio":this.audioEnabled?"disable_mic":"enable_mic"),{tooltipLabel:i,label:t,icon:s,classList:o,showWarning:e||a,disable:e}}render(){if(!this.meeting)return null;if(!this.canProduceAudio||["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus))return s(o,{"data-hidden":!0});const{tooltipLabel:i,label:t,icon:e,classList:a,showWarning:l,disable:n}=this.getState();return s(o,{title:t},s("rtk-tooltip",{kind:"block",label:i,part:"tooltip"},s("rtk-controlbar-button",{part:"controlbar-button",icon:e,label:t,size:this.size,iconPack:this.iconPack,variant:this.variant,class:a,onClick:this.toggleMic,showWarning:l,disabled:n})))}static get watchers(){return{meeting:["meetingChanged"]}}};n([l()],d.prototype,"meeting",void 0),n([l()],d.prototype,"iconPack",void 0),n([l()],d.prototype,"t",void 0),d.style=":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}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";export{d as rtk_mic_toggle}

package/dist/realtimekit-ui/{p-cbcb71ff.entry.js → p-22313959.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r,H as a}from"./p-0ee570cd.js";import{h as s}from"./p-89ebff3d.js";import{S as o}from"./p-09c73782.js";const i=class{constructor(r){t(this,r),this.dismiss=e(this,"rtkTranscriptDismiss",7),this.t=s()}connectedCallback(){this.transcriptChanged(this.transcript)}transcriptChanged(t,e){if((null==e?void 0:e.renderedId)===t.renderedId&&(null==e?void 0:e.transcript)===t.transcript)return;if(clearTimeout(this.timeout),!(null==t?void 0:t.name)||!(null==t?void 0:t.transcript))return;const{id:r,renderedId:a}=t;this.timeout=setTimeout((()=>{this.dismiss.emit({id:r,renderedId:a})}),1e4)}render(){return r(a,{key:"f114d024507ae77ac2597ecd060e3ff44ff14b62"},r("div",{key:"0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e",class:"ctr"},r("p",{key:"eee54f37929772f547113c899cbbcd89e451f64d",class:"message"},r("span",{key:"3599abf0271f4847d0e19629c9966b02a168bdb8",class:"name"},this.transcript.name),": ",this.transcript.transcript)))}static get watchers(){return{transcript:["transcriptChanged"]}}};(function(t,e,r,a){var s,o=arguments.length,i=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i);o>3&&i&&Object.defineProperty(e,r,i)})([o()],i.prototype,"t",void 0),i.style=":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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;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;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";export{i as rtk_transcript}
+import{r as t,c as e,h as r,H as a}from"./p-0ee570cd.js";import{h as s}from"./p-8046e263.js";import{S as o}from"./p-2799d5b2.js";const i=class{constructor(r){t(this,r),this.dismiss=e(this,"rtkTranscriptDismiss",7),this.t=s()}connectedCallback(){this.transcriptChanged(this.transcript)}transcriptChanged(t,e){if((null==e?void 0:e.renderedId)===t.renderedId&&(null==e?void 0:e.transcript)===t.transcript)return;if(clearTimeout(this.timeout),!(null==t?void 0:t.name)||!(null==t?void 0:t.transcript))return;const{id:r,renderedId:a}=t;this.timeout=setTimeout((()=>{this.dismiss.emit({id:r,renderedId:a})}),1e4)}render(){return r(a,{key:"f114d024507ae77ac2597ecd060e3ff44ff14b62"},r("div",{key:"0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e",class:"ctr"},r("p",{key:"eee54f37929772f547113c899cbbcd89e451f64d",class:"message"},r("span",{key:"3599abf0271f4847d0e19629c9966b02a168bdb8",class:"name"},this.transcript.name),": ",this.transcript.transcript)))}static get watchers(){return{transcript:["transcriptChanged"]}}};(function(t,e,r,a){var s,o=arguments.length,i=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i);o>3&&i&&Object.defineProperty(e,r,i)})([o()],i.prototype,"t",void 0),i.style=":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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;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;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";export{i as rtk_transcript}

package/dist/realtimekit-ui/{p-b6b382fb.js → p-2318c3af.js}

@@ -1 +1 @@
-import{G as t}from"./p-89ebff3d.js";const n=t=>{let n=null;try{const e=JSON.parse(t.message),{target:s,message:r}=e;n=void 0===s||void 0===r?t:Object.assign(Object.assign({},t),{targetUserIds:s,message:r})}catch(e){n=t}return n};function e(t,n){return t.localeCompare(n)}function s(t){return t.sort(((t,n)=>t.localeCompare(n))).join("_")}function r(t,n){if(null==t)return!0;for(const e of t)if("file"===e.kind){const t=e.getAsFile();e.type.startsWith("image/")?n("image",t):n("file",t)}}function o({messages:t,participants:e,selfUserId:r}){const o={};for(const t of e)o[s([t.userId,r])]=[];return t.forEach((t=>{var e;const r=n(t);let c="everyone";if((null===(e=r.targetUserIds)||void 0===e?void 0:e.length)>0){const t=new Set([r.userId,...r.targetUserIds]);c=s(Array.from(t))}o[c]||(o[c]=[]),o[c].push({type:"chat",message:r})})),o}function c({messages:n,selfUserId:e,selectedGroupId:s,participants:r}){var c;const a=o({messages:n,selfUserId:e,participants:r}),i={};for(const n in a){const r=null!==(c=t[n])&&void 0!==c?c:0;n===s?(i[n]=0,t[n]=new Date):i[n]=a[n].filter((t=>"chat"==t.type&&t.message.time>r&&t.message.userId!==e)).length}return i}function a({groupId:t,selfUserId:n}){return t.split("_").find((t=>t!=n))}const i="dm__";function u(t){return t.isDirectMessage}function f(t){return[...new Set(t)].sort(e).join("<>")}function l(t){return t.split("").reverse().join("")}const p=/^\*([^*\s]+)\*/,d=/^_([^_\s]+)_/,b=/^~([^~\s]+)~/,g=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.,~#?&//=]*)/,m=/<blockquote>[.\s\S]*<\/blockquote>\n\n/m;function _(t,n=!1){if(!m.test(t))return"";let e=0,s=13;return n&&(e=12,s=0),t.substring(t.indexOf("<blockquote>")+e,t.indexOf("</blockquote>")+s)}function v(t){return t.replace(m,"")}const q=2e3,I=["<a>","<b>","<i>","<q>","<s>"];function w(t){t=(t=t.split(" ").map((t=>{if(g.test(t)){const n=g.exec(t);t=t.replace(n[0],`<a>${n[0]}</a>`)}else{if(p.test(t)){const n=p.exec(t);t=t.replace(n[0],`<b>${n[1]}</b>`)}if(d.test(t)){const n=d.exec(t);t=t.replace(n[0],`<i>${n[1]}</i>`)}if(b.test(t)){const n=b.exec(t);t=t.replace(n[0],`<s>${n[1]}</s>`)}}return t})).join(" ")).split(" ").map(((t,n)=>">"!==t||0!==n&&">"!==t[n-1]?t:"<q></q>")).join(" ");const[n]=y(t);return n}function y(t,n=""){const e=[];if(0===t.length)return[e,0];let s=0;for(;s<t.length;){if(n.length&&n===t.substring(s,s+n.length))return[e,s+n.length];if(I.includes(t.substring(s,s+3))){const[n,r]=y(t.substring(s+3),`</${t[s+1]}>`);e.push({type:t[s+1],content:1===n.length&&"plain_text"===n[0].type?n[0].content:n}),s+=r+3}else{let n=e[e.length-1];n&&"plain_text"===n.type||(e.push({type:"plain_text",content:""}),n=e[e.length-1]),n.content+=t[s],s++}}return[e,s]}export{q as M,i as T,o as a,c as b,a as c,e as d,f as e,w as f,s as g,r as h,u as i,_ as j,m as k,n as p,l as r,v as s}
+import{G as t}from"./p-8046e263.js";const n=t=>{let n=null;try{const e=JSON.parse(t.message),{target:s,message:r}=e;n=void 0===s||void 0===r?t:Object.assign(Object.assign({},t),{targetUserIds:s,message:r})}catch(e){n=t}return n};function e(t,n){return t.localeCompare(n)}function s(t){return t.sort(((t,n)=>t.localeCompare(n))).join("_")}function r(t,n){if(null==t)return!0;for(const e of t)if("file"===e.kind){const t=e.getAsFile();e.type.startsWith("image/")?n("image",t):n("file",t)}}function o({messages:t,participants:e,selfUserId:r}){const o={};for(const t of e)o[s([t.userId,r])]=[];return t.forEach((t=>{var e;const r=n(t);let c="everyone";if((null===(e=r.targetUserIds)||void 0===e?void 0:e.length)>0){const t=new Set([r.userId,...r.targetUserIds]);c=s(Array.from(t))}o[c]||(o[c]=[]),o[c].push({type:"chat",message:r})})),o}function c({messages:n,selfUserId:e,selectedGroupId:s,participants:r}){var c;const a=o({messages:n,selfUserId:e,participants:r}),i={};for(const n in a){const r=null!==(c=t[n])&&void 0!==c?c:0;n===s?(i[n]=0,t[n]=new Date):i[n]=a[n].filter((t=>"chat"==t.type&&t.message.time>r&&t.message.userId!==e)).length}return i}function a({groupId:t,selfUserId:n}){return t.split("_").find((t=>t!=n))}const i="dm__";function u(t){return t.isDirectMessage}function f(t){return[...new Set(t)].sort(e).join("<>")}function l(t){return t.split("").reverse().join("")}const p=/^\*([^*\s]+)\*/,d=/^_([^_\s]+)_/,g=/^~([^~\s]+)~/,m=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.,~#?&//=]*)/,_=/<blockquote>[.\s\S]*<\/blockquote>\n\n/m;function b(t,n=!1){if(!_.test(t))return"";let e=0,s=13;return n&&(e=12,s=0),t.substring(t.indexOf("<blockquote>")+e,t.indexOf("</blockquote>")+s)}function v(t){return t.replace(_,"")}const q=2e3,I=["<a>","<b>","<i>","<q>","<s>"];function w(t){t=(t=t.split(" ").map((t=>{if(m.test(t)){const n=m.exec(t);t=t.replace(n[0],`<a>${n[0]}</a>`)}else{if(p.test(t)){const n=p.exec(t);t=t.replace(n[0],`<b>${n[1]}</b>`)}if(d.test(t)){const n=d.exec(t);t=t.replace(n[0],`<i>${n[1]}</i>`)}if(g.test(t)){const n=g.exec(t);t=t.replace(n[0],`<s>${n[1]}</s>`)}}return t})).join(" ")).split(" ").map(((t,n)=>">"!==t||0!==n&&">"!==t[n-1]?t:"<q></q>")).join(" ");const[n]=y(t);return n}function y(t,n=""){const e=[];if(0===t.length)return[e,0];let s=0;for(;s<t.length;){if(n.length&&n===t.substring(s,s+n.length))return[e,s+n.length];if(I.includes(t.substring(s,s+3))){const[n,r]=y(t.substring(s+3),`</${t[s+1]}>`);e.push({type:t[s+1],content:1===n.length&&"plain_text"===n[0].type?n[0].content:n}),s+=r+3}else{let n=e[e.length-1];n&&"plain_text"===n.type||(e.push({type:"plain_text",content:""}),n=e[e.length-1]),n.content+=t[s],s++}}return[e,s]}export{q as M,i as T,o as a,c as b,a as c,e as d,f as e,w as f,s as g,r as h,u as i,b as j,_ as k,n as p,l as r,v as s}

package/dist/realtimekit-ui/{p-09c73782.js → p-2799d5b2.js}

@@ -1 +1 @@
-import{a as e}from"./p-0ee570cd.js";import{u as t,O as o,P as r}from"./p-89ebff3d.js";function n(){return function(n,s){const{connectedCallback:c,disconnectedCallback:a}=n;n.connectedCallback=function(){const n=e(this),a=n[s];n[`_rtkStoreToCleanup-${s}`]=t,a||(n[s]=t.state[s],o(s,n,t));const d=e=>{if(e.detail.requestId===n._storeRequestId){const c=e.detail.store.state[s];n.componentOnReady().then((()=>{n[s]=c})),o(s,n,e.detail.store),n[`_rtkStoreToCleanup-${s}`]=e.detail.store,r(s,n,t)}};n[`_rtkStoreResponseListener-${s}`]=d,document.addEventListener("rtkProvideStore",d);const u=`${n.tagName}-${Date.now()}-${Math.random()}`;n._storeRequestId=u;const i=new CustomEvent("rtkRequestStore",{detail:{element:n,propName:s,requestId:u},bubbles:!0,composed:!0});n.dispatchEvent(i);const l=()=>{const e=`${n.tagName}-${Date.now()}-${Math.random().toString(36)}`;n._storeRequestId=e;const t=new CustomEvent("rtkRequestStore",{detail:{element:n,propName:s,requestId:e},bubbles:!0,composed:!0});n.dispatchEvent(t)};return n[`_rtkStoreReadyListener-${s}`]=l,document.addEventListener("rtkPeerStoreReady",l),null==c?void 0:c.call(this)},n.disconnectedCallback=function(){const t=e(this);r(s,t,t[`_rtkStoreToCleanup-${s}`]);const o=t[`_rtkStoreResponseListener-${s}`];o&&(document.removeEventListener("rtkProvideStore",o),delete t[`_rtkStoreResponseListener-${s}`]);const n=t[`_rtkStoreReadyListener-${s}`];return n&&(document.removeEventListener("rtkPeerStoreReady",n),delete t[`_rtkStoreReadyListener-${s}`]),null==a?void 0:a.call(this)}}}export{n as S}
+import{a as e}from"./p-0ee570cd.js";import{u as t,N as o,O as r}from"./p-8046e263.js";function n(){return function(n,s){const{connectedCallback:c,disconnectedCallback:a}=n;n.connectedCallback=function(){const n=e(this),a=n[s];n[`_rtkStoreToCleanup-${s}`]=t,a||(n[s]=t.state[s],o(s,n,t));const d=e=>{if(e.detail.requestId===n._storeRequestId){const c=e.detail.store.state[s];n.componentOnReady().then((()=>{n[s]=c})),o(s,n,e.detail.store),n[`_rtkStoreToCleanup-${s}`]=e.detail.store,r(s,n,t)}};n[`_rtkStoreResponseListener-${s}`]=d,document.addEventListener("rtkProvideStore",d);const u=`${n.tagName}-${Date.now()}-${Math.random()}`;n._storeRequestId=u;const i=new CustomEvent("rtkRequestStore",{detail:{element:n,propName:s,requestId:u},bubbles:!0,composed:!0});n.dispatchEvent(i);const l=()=>{const e=`${n.tagName}-${Date.now()}-${Math.random().toString(36)}`;n._storeRequestId=e;const t=new CustomEvent("rtkRequestStore",{detail:{element:n,propName:s,requestId:e},bubbles:!0,composed:!0});n.dispatchEvent(t)};return n[`_rtkStoreReadyListener-${s}`]=l,document.addEventListener("rtkPeerStoreReady",l),null==c?void 0:c.call(this)},n.disconnectedCallback=function(){const t=e(this);r(s,t,t[`_rtkStoreToCleanup-${s}`]);const o=t[`_rtkStoreResponseListener-${s}`];o&&(document.removeEventListener("rtkProvideStore",o),delete t[`_rtkStoreResponseListener-${s}`]);const n=t[`_rtkStoreReadyListener-${s}`];return n&&(document.removeEventListener("rtkPeerStoreReady",n),delete t[`_rtkStoreReadyListener-${s}`]),null==a?void 0:a.call(this)}}}export{n as S}

package/dist/realtimekit-ui/{p-2158fcad.js → p-2857144e.js}

@@ -1 +1 @@
-import{T as r}from"./p-89ebff3d.js";const t=r=>{if(r&&!r.chat)return!1;const{chatPublic:t,chatPrivate:n}=r.self.permissions;return t.canSend||t.canReceive||t.text||t.files||n.canSend||n.canReceive||n.files||n.text},n=r=>{if(r&&!r.polls)return!1;const{polls:t}=r.self.permissions;return t.canCreate||t.canView||t.canVote},u=r=>{var t;if(!(null===(t=r.self.permissions)||void 0===t?void 0:t.showParticipantList))return!1;if(r&&!r.participants)return!1;const n=null==r?void 0:r.self.config;return!(n&&!n.controlBar.elements.participants)},e=t=>{if(r(t))return!1;if(t&&!t.plugins)return!1;if("LIVESTREAM"===t.meta.viewType)return"ON_STAGE"===t.stage.status;const{plugins:n}=t.self.permissions;return n.canClose||n.canStart};export{u as a,e as b,t as c,n as d}
+import{R as r}from"./p-8046e263.js";const t=r=>{if(r&&!r.chat)return!1;const{chatPublic:t,chatPrivate:n}=r.self.permissions;return t.canSend||t.canReceive||t.text||t.files||n.canSend||n.canReceive||n.files||n.text},n=r=>{if(r&&!r.polls)return!1;const{polls:t}=r.self.permissions;return t.canCreate||t.canView||t.canVote},u=r=>{var t;if(!(null===(t=r.self.permissions)||void 0===t?void 0:t.showParticipantList))return!1;if(r&&!r.participants)return!1;const n=null==r?void 0:r.self.config;return!(n&&!n.controlBar.elements.participants)},e=t=>{if(r(t))return!1;if(t&&!t.plugins)return!1;if("LIVESTREAM"===t.meta.viewType)return"ON_STAGE"===t.stage.status;const{plugins:n}=t.self.permissions;return n.canClose||n.canStart};export{u as a,e as b,t as c,n as d}

package/dist/realtimekit-ui/{p-b026c868.entry.js → p-2aa2727b.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e}from"./p-0ee570cd.js";import{e as h,h as a}from"./p-89ebff3d.js";import{S as r}from"./p-09c73782.js";var n=function(t,s,i,e){var h,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(h=t[n])&&(r=(a<3?h(r):a>3?h(s,i,r):h(s,i))||r);return a>3&&r&&Object.defineProperty(s,i,r),r};const o=()=>"undefined"!=typeof navigator&&void 0!==navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,c=class{constructor(i){t(this,i),this.stateUpdate=s(this,"rtkStateUpdate",7),this.apiError=s(this,"rtkApiError",7),this.variant="button",this.iconPack=h,this.t=a(),this.maxScreenShareCount=-1,this.screenShareCount=0,this.screenShareEnabled=!1,this.canScreenShare=!1,this.shareScreenPermission="NOT_REQUESTED",this.screenShareState={tooltipLabel:this.t("screenshare.start"),label:this.t("screenshare.start"),icon:this.iconPack.share_screen_start,classList:{},showWarning:!1,disable:!1},this.stageStatus="OFF_STAGE",this.screenShareListener=()=>{const t=this.meeting.participants.active.toArray().filter((t=>t.screenShareEnabled)).length;this.screenShareCount=t+(this.meeting.self.screenShareEnabled?1:0),this.screenShareEnabled=this.meeting.self.screenShareEnabled,this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}})},this.participantLeftListener=({screenShareEnabled:t})=>{t&&(this.screenShareCount=Math.max(this.screenShareCount-1,0),this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}}))},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare},this.mediaPermissionUpdateListener=({kind:t,message:s})=>{"screenshare"===t&&(this.shareScreenPermission=s,this.getState(),"COULD_NOT_START"===s&&this.apiError.emit({trace:this.t("screenshare.permissions"),message:this.t("screenshare.error.unknown")}),this.hasPermissionError())&&this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}})},this.reachedMaxScreenShares=()=>this.maxScreenShareCount>0&&this.screenShareCount>=this.maxScreenShareCount,this.toggleScreenShare=async()=>{var t;if(this.screenShareState.disable)return;if(this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}}),!1;const s=null===(t=this.meeting)||void 0===t?void 0:t.self;this.screenShareEnabled?s.disableScreenShare():null==s||!this.canScreenShare||this.reachedMaxScreenShares()||this.hasPermissionError()||(this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!0}),await s.enableScreenShare(),this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!1}),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){o()?this.meetingChanged(this.meeting):this.meeting.__internals__.logger.error("[rtk-screenshare-toggle] Device does not support screensharing.")}disconnectedCallback(){var t,s,i,e,h,a;null===(t=this.meeting)||void 0===t||t.participants.joined.removeListener("screenShareUpdate",this.screenShareListener),null===(s=this.meeting)||void 0===s||s.participants.joined.removeListener("participantLeft",this.participantLeftListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("screenShareUpdate",this.screenShareListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(a=null===(h=this.meeting)||void 0===h?void 0:h.stage)||void 0===a||a.removeListener("stageStatusUpdate",this.stageStatusListener)}meetingChanged(t){if(null!=t){const{self:s,stage:i}=t;this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare,this.maxScreenShareCount=s.config.maxScreenShareCount,this.screenShareEnabled=s.screenShareEnabled;let e=0;for(const s of t.participants.joined.toArray())s.screenShareEnabled&&e++;this.screenShareCount=e,this.getState(),t.__internals__.logger.info("rtkScreenShare::initialise",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount,maxAllowedCount:this.maxScreenShareCount}}}),this.stageStatus=t.stage.status,t.participants.joined.addListener("screenShareUpdate",this.screenShareListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),s.addListener("screenShareUpdate",this.screenShareListener),s.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==i||i.addListener("stageStatusUpdate",this.stageStatusListener)}}hasPermissionError(){return"SYSTEM_DENIED"===this.shareScreenPermission||"DENIED"===this.shareScreenPermission}getState(){let t="",s="",i="",e={};const h=this.hasPermissionError()&&!this.screenShareEnabled,a=this.reachedMaxScreenShares()&&!this.screenShareEnabled,r="COULD_NOT_START"===this.shareScreenPermission;this.screenShareEnabled&&!h?(s=this.t("screenshare.stop"),i=this.iconPack.share_screen_stop,e["red-icon"]=!0):(s=this.t("screenshare.start"),i=this.iconPack.share_screen_start),"SYSTEM_DENIED"===this.shareScreenPermission?(t=this.t("perm_sys_denied.screenshare"),e["red-icon"]=!0):"DENIED"===this.shareScreenPermission?(t=this.t("perm_denied.screenshare"),e["red-icon"]=!0):t=s,a&&(t=this.t("screenshare.error.max_count")),r&&(t=this.t("screenshare.error.unknown")),this.screenShareState={tooltipLabel:t,label:s,icon:i,classList:e,disable:h||a,showWarning:h||a||r}}render(){return o()&&this.canScreenShare&&!["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus)?i(e,{title:this.screenShareState.label},i("rtk-tooltip",{placement:"top",kind:"block",label:this.screenShareState.tooltipLabel,delay:600,part:"tooltip"},i("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.screenShareState.label,icon:this.screenShareState.icon,class:this.screenShareState.classList,onClick:this.toggleScreenShare,disabled:this.screenShareState.disable,showWarning:this.screenShareState.showWarning}))):i(e,{"data-hidden":!0})}static get watchers(){return{meeting:["meetingChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":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}";export{c as rtk_screen_share_toggle}
+import{r as t,c as s,h as i,H as e}from"./p-0ee570cd.js";import{e as h,h as a}from"./p-8046e263.js";import{S as r}from"./p-2799d5b2.js";var n=function(t,s,i,e){var h,a=arguments.length,r=a<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(h=t[n])&&(r=(a<3?h(r):a>3?h(s,i,r):h(s,i))||r);return a>3&&r&&Object.defineProperty(s,i,r),r};const o=()=>"undefined"!=typeof navigator&&void 0!==navigator.mediaDevices&&"getDisplayMedia"in navigator.mediaDevices,c=class{constructor(i){t(this,i),this.stateUpdate=s(this,"rtkStateUpdate",7),this.apiError=s(this,"rtkApiError",7),this.variant="button",this.iconPack=h,this.t=a(),this.maxScreenShareCount=-1,this.screenShareCount=0,this.screenShareEnabled=!1,this.canScreenShare=!1,this.shareScreenPermission="NOT_REQUESTED",this.screenShareState={tooltipLabel:this.t("screenshare.start"),label:this.t("screenshare.start"),icon:this.iconPack.share_screen_start,classList:{},showWarning:!1,disable:!1},this.stageStatus="OFF_STAGE",this.screenShareListener=()=>{const t=this.meeting.participants.active.toArray().filter((t=>t.screenShareEnabled)).length;this.screenShareCount=t+(this.meeting.self.screenShareEnabled?1:0),this.screenShareEnabled=this.meeting.self.screenShareEnabled,this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}})},this.participantLeftListener=({screenShareEnabled:t})=>{t&&(this.screenShareCount=Math.max(this.screenShareCount-1,0),this.getState(),this.meeting.__internals__.logger.info("rtkScreenShare::screenShareUpdate",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount}}}))},this.stageStatusListener=()=>{this.stageStatus=this.meeting.stage.status,this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare},this.mediaPermissionUpdateListener=({kind:t,message:s})=>{"screenshare"===t&&(this.shareScreenPermission=s,this.getState(),"COULD_NOT_START"===s&&this.apiError.emit({trace:this.t("screenshare.permissions"),message:this.t("screenshare.error.unknown")}),this.hasPermissionError())&&this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}})},this.reachedMaxScreenShares=()=>this.maxScreenShareCount>0&&this.screenShareCount>=this.maxScreenShareCount,this.toggleScreenShare=async()=>{var t;if(this.screenShareState.disable)return;if(this.hasPermissionError())return this.stateUpdate.emit({activePermissionsMessage:{enabled:!0,kind:"screenshare"}}),!1;const s=null===(t=this.meeting)||void 0===t?void 0:t.self;this.screenShareEnabled?s.disableScreenShare():null==s||!this.canScreenShare||this.reachedMaxScreenShares()||this.hasPermissionError()||(this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!0}),await s.enableScreenShare(),this.screenShareState=Object.assign(Object.assign({},this.screenShareState),{disable:!1}),this.stateUpdate.emit({activeMoreMenu:!1}))}}connectedCallback(){o()?this.meetingChanged(this.meeting):this.meeting.__internals__.logger.error("[rtk-screenshare-toggle] Device does not support screensharing.")}disconnectedCallback(){var t,s,i,e,h,a;null===(t=this.meeting)||void 0===t||t.participants.joined.removeListener("screenShareUpdate",this.screenShareListener),null===(s=this.meeting)||void 0===s||s.participants.joined.removeListener("participantLeft",this.participantLeftListener),null===(i=this.meeting)||void 0===i||i.self.removeListener("screenShareUpdate",this.screenShareListener),null===(e=this.meeting)||void 0===e||e.self.removeListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null===(a=null===(h=this.meeting)||void 0===h?void 0:h.stage)||void 0===a||a.removeListener("stageStatusUpdate",this.stageStatusListener)}meetingChanged(t){if(null!=t){const{self:s,stage:i}=t;this.canScreenShare="ALLOWED"===this.meeting.self.permissions.canProduceScreenshare,this.maxScreenShareCount=s.config.maxScreenShareCount,this.screenShareEnabled=s.screenShareEnabled;let e=0;for(const s of t.participants.joined.toArray())s.screenShareEnabled&&e++;this.screenShareCount=e,this.getState(),t.__internals__.logger.info("rtkScreenShare::initialise",{media:{screenshare:{enabled:this.screenShareEnabled,count:this.screenShareCount,maxAllowedCount:this.maxScreenShareCount}}}),this.stageStatus=t.stage.status,t.participants.joined.addListener("screenShareUpdate",this.screenShareListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),s.addListener("screenShareUpdate",this.screenShareListener),s.addListener("mediaPermissionUpdate",this.mediaPermissionUpdateListener),null==i||i.addListener("stageStatusUpdate",this.stageStatusListener)}}hasPermissionError(){return"SYSTEM_DENIED"===this.shareScreenPermission||"DENIED"===this.shareScreenPermission}getState(){let t="",s="",i="",e={};const h=this.hasPermissionError()&&!this.screenShareEnabled,a=this.reachedMaxScreenShares()&&!this.screenShareEnabled,r="COULD_NOT_START"===this.shareScreenPermission;this.screenShareEnabled&&!h?(s=this.t("screenshare.stop"),i=this.iconPack.share_screen_stop,e["red-icon"]=!0):(s=this.t("screenshare.start"),i=this.iconPack.share_screen_start),"SYSTEM_DENIED"===this.shareScreenPermission?(t=this.t("perm_sys_denied.screenshare"),e["red-icon"]=!0):"DENIED"===this.shareScreenPermission?(t=this.t("perm_denied.screenshare"),e["red-icon"]=!0):t=s,a&&(t=this.t("screenshare.error.max_count")),r&&(t=this.t("screenshare.error.unknown")),this.screenShareState={tooltipLabel:t,label:s,icon:i,classList:e,disable:h||a,showWarning:h||a||r}}render(){return o()&&this.canScreenShare&&!["OFF_STAGE","REQUESTED_TO_JOIN_STAGE"].includes(this.stageStatus)?i(e,{title:this.screenShareState.label},i("rtk-tooltip",{placement:"top",kind:"block",label:this.screenShareState.tooltipLabel,delay:600,part:"tooltip"},i("rtk-controlbar-button",{part:"controlbar-button",size:this.size,iconPack:this.iconPack,variant:this.variant,label:this.screenShareState.label,icon:this.screenShareState.icon,class:this.screenShareState.classList,onClick:this.toggleScreenShare,disabled:this.screenShareState.disable,showWarning:this.screenShareState.showWarning}))):i(e,{"data-hidden":!0})}static get watchers(){return{meeting:["meetingChanged"]}}};n([r()],c.prototype,"states",void 0),n([r()],c.prototype,"meeting",void 0),n([r()],c.prototype,"iconPack",void 0),n([r()],c.prototype,"t",void 0),c.style=":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}";export{c as rtk_screen_share_toggle}

package/dist/realtimekit-ui/{p-2e3dfcc9.entry.js → p-2d09aeb4.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,w as a,h as e,H as i}from"./p-0ee570cd.js";import{e as s,h as o,M as c}from"./p-89ebff3d.js";import{r as n,h as l,k as d,j as h,s as p,M as b}from"./p-b6b382fb.js";import{S as k}from"./p-09c73782.js";var f=function(t,r,a,e){var i,s=arguments.length,o=s<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(o=(s<3?i(o):s>3?i(r,a,o):i(r,a))||o);return s>3&&o&&Object.defineProperty(r,a,o),o};const v="@",g=class{constructor(i){t(this,i),this.onNewMessage=r(this,"rtkNewMessage",7),this.onEditMessage=r(this,"rtkEditMessage",7),this.onEditCancelled=r(this,"rtkEditCancelled",7),this.canSendTextMessage=!1,this.canSendFiles=!1,this.iconPack=s,this.t=o(),this.disableEmojiPicker=!1,this.prefill={},this.members=[],this.emojiPickerActive=!1,this.mentionQuery="",this.focusedMemberIndex=0,this.filePreview=null,this.fileReader=new FileReader,this.fileToUpload=null,this.handleKeyDown=t=>{if(t.key===v&&[void 0," "].includes(this.$textArea.value.at(-1))&&(this.mentionQuery=v),"ArrowDown"===t.key&&(this.focusedMemberIndex=Math.min(this.focusedMemberIndex+1,this.getFilteredMembers().length-1)),"ArrowUp"===t.key&&(this.focusedMemberIndex=Math.max(0,this.focusedMemberIndex-1)),("Escape"===t.key||"Backspace"===t.key&&this.mentionQuery===v)&&(this.mentionQuery=""),["Enter","Tab"," "].includes(t.key)&&""!==this.mentionQuery){const r=this.getFilteredMembers()[this.focusedMemberIndex];return this.onMemberSelect(r),void t.preventDefault()}"Enter"===t.key&&t.shiftKey?this.$textArea.clientHeight<200&&(this.$textArea.style.height=this.$textArea.clientHeight+20+"px"):"Enter"===t.key?(t.preventDefault(),this.prefill.editMessage?this.handleEditMessage():this.handleSendMessage()):"Backspace"===t.key&&(this.$textArea.value.endsWith("\n")?this.$textArea.style.height=this.$textArea.clientHeight-20+"px":""===this.$textArea.value&&(this.$textArea.style.height="auto"))},this.handleKeyUp=()=>{if(""!==this.mentionQuery){const t=n(this.$textArea.value.trim()),r=t.substring(0,t.indexOf(v));this.mentionQuery=`${v}${n(r)}`}},this.onPaste=t=>{const r=t.clipboardData||t.originalEvent.clipboardData;a((()=>{r&&r.items&&r.items.length>0&&(l(r.items,this.generateFilePreview),this.$textArea.value="")}))},this.generateFilePreview=(t,r)=>{this.fileToUpload={type:t,image:r,file:r},"image"===t?this.fileReader.readAsDataURL(r):"file"===t&&(this.filePreview=r.name)},this.sendFile=()=>{this.canSendFiles&&(this.onNewMessage.emit("image"===this.fileToUpload.type?{type:"image",file:this.fileToUpload.image,image:this.fileToUpload.image}:{type:"file",file:this.fileToUpload.file}),this.cleanUpFileUpload())},this.handleSendMessage=()=>{if(!this.canSendTextMessage)return;if(null!==this.fileToUpload)return void this.sendFile();const t=this.$textArea.value.trim();t.length>0&&(this.onNewMessage.emit(this.prefill.replyMessage?{type:"text",message:t,replyTo:this.prefill.replyMessage}:{type:"text",message:t}),this.cleanup())},this.cleanup=()=>{this.mentionQuery="",this.focusedMemberIndex=0,this.$textArea.value="",this.$textArea.style.height="auto",c.setItem(this.storageKey,"")},this.handleEditMessage=()=>{var t;let r=this.$textArea.value.trim();(null===(t=this.prefill.editMessage)||void 0===t?void 0:t.message)&&d.test(this.prefill.editMessage.message)&&(r=`${h(this.prefill.editMessage.message)}\n\n${r}`),this.onEditMessage.emit({id:this.prefill.editMessage.id,message:r,channelId:this.prefill.editMessage.channelId}),this.cleanup()},this.handleEditCancel=()=>{this.onEditCancelled.emit(),this.cleanup()},this.initializeTextField=t=>{this.$textArea=t;const r=c.getItem(this.storageKey)||"";this.$textArea.value=r},this.onMemberSelect=t=>{const r=n(this.mentionQuery),e=n(this.$textArea.value.trim()).replace(r,"");this.$textArea.value=n(e)+`${v}${t.name} `,this.mentionQuery="",this.focusedMemberIndex=0,a((()=>this.$textArea.focus()))},this.getFilteredMembers=()=>{const t=this.mentionQuery.replace(v,"");return this.members.filter((r=>r.name.toLowerCase().includes(t.toLowerCase())))},this.cleanUpFileUpload=()=>{this.filePreview=null,this.fileToUpload=null},this.renderSuggestedReplies=()=>{if(this.prefill.suggestedReplies&&0!==this.prefill.suggestedReplies.length)return e("ul",{class:"suggested-replies scrollbar"},this.prefill.suggestedReplies.map((t=>e("rtk-tooltip",{label:this.t("chat.click_to_send")},e("li",{onClick:()=>this.onNewMessage.emit({type:"text",message:t})},t)))))},this.renderMenu=()=>{if(0===this.mentionQuery.length)return;const t=this.getFilteredMembers();return 0!==t.length?e("ul",{class:"member-list scrollbar"},t.map(((t,r)=>e("li",{class:{member:!0,selected:r===this.focusedMemberIndex},onClick:()=>this.onMemberSelect(t),ref:t=>{r===this.focusedMemberIndex&&a((()=>{t&&t.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}))}},e("rtk-avatar",{participant:{name:t.name,picture:t.picture},size:"sm"}),e("span",null,t.name))))):void 0}}connectedCallback(){this.fileReader.onload=t=>{"string"==typeof t.target.result&&(this.filePreview=t.target.result)}}onChannelChanged(){this.mentionQuery="",this.focusedMemberIndex=0;const t=c.getItem(this.storageKey)||"";this.$textArea.value=t,this.emojiPickerActive=!1}componentDidRender(){(this.prefill.editMessage||this.prefill.replyMessage)&&a((()=>this.$textArea.focus()))}get storageKey(){return this.channelId?`rtk-text-message-${this.channelId}`:"rtk-text-message"}uploadFile(t){const r=document.createElement("input");r.type="file","image"===t&&(r.accept="image/*"),r.onchange=r=>{const{validity:a,files:[e]}=r.target;a.valid&&this.generateFilePreview(t,e)},r.click()}renderFilePreview(){if("string"==typeof this.filePreview)return e("div",{class:"preview-overlay"},e("div",{class:"file-preview"},e("rtk-tooltip",{label:this.t("chat.cancel_upload")},e("rtk-button",{variant:"secondary",kind:"icon",onClick:this.cleanUpFileUpload},e("rtk-icon",{icon:this.iconPack.dismiss}))),"image"===this.fileToUpload.type?e("img",{class:"preview-image",src:this.filePreview}):e("div",{class:"preview-file"},e("span",null,this.filePreview))))}render(){var t;let r="";return(null===(t=this.prefill.editMessage)||void 0===t?void 0:t.message)&&(r=p(this.prefill.editMessage.message)),e(i,{key:"0550423a075a5e445ebae18e70213e17dd79c6ff"},this.canSendTextMessage&&this.emojiPickerActive&&e("rtk-emoji-picker",{key:"89eaa1c1e0ae3da8fed3c203fd87a19cd5f19b8e",part:"emoji-picker",onPickerClose:()=>{this.emojiPickerActive=!1},onRtkEmojiClicked:t=>{this.$textArea.value+=t.detail,this.$textArea.focus()},t:this.t}),this.renderSuggestedReplies(),e("slot",{key:"6da586002dff47002d856c0204dee2bbe8571236",name:"chat-addon"}),e("slot",{key:"fa285ac5f4fb88ddcc3aa9b6a294d12b09cd94e9",name:"quote-block"}),e("div",{key:"c71568bf5344f9fcd3be019d02ca4bf1a8a9d9b8",class:"chat-input",part:"chat-input"},this.renderMenu(),this.canSendTextMessage&&e("textarea",{key:"ec57005f4795fefdaaba266d9e891853a5bded1f",class:"scrollbar",part:"textarea",ref:this.initializeTextField,autoFocus:!0,placeholder:this.fileToUpload?"":this.t("chat.message_placeholder"),value:r,onPaste:this.onPaste,maxLength:b,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onInput:t=>{c.setItem(this.storageKey,t.target.value)},disabled:!!this.filePreview}),e("div",{key:"322d141483c79366ef59dee65a5072a6f437a64a",class:"chat-buttons",part:"chat-buttons"},e("div",{key:"cb287e6ced3bb48f445af933a99a1f8100ac41c6",class:"left",part:"chat-buttons-left"},!this.prefill.editMessage&&this.canSendFiles&&[e("rtk-tooltip",{key:"78c91b6a2097013f3da368086e868d2d465ec9cb",label:this.t("chat.send_file")},e("rtk-button",{key:"278e56e0d1d012c658a74a07aece9f07fb13b486",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile("file"),title:this.t("chat.send_file")},e("rtk-icon",{key:"f0551578a82d14a0313044c257a2cd04b8a4320e",icon:this.iconPack.attach}))),e("rtk-tooltip",{key:"f1f658aece9261ff928f631b78545bfc2cc6b99e",label:this.t("chat.send_img")},e("rtk-button",{key:"31e9bb3127886607cb630db538b6acdc405df324",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile("image"),title:this.t("chat.send_img")},e("rtk-icon",{key:"66f46b7128dcbb041a2e35a5a9d61eb087aae126",icon:this.iconPack.image})))],!this.prefill.editMessage&&this.canSendTextMessage&&!this.disableEmojiPicker&&e("rtk-tooltip",{key:"28524998014e48efa944db921c6ebaa644f7522c",label:this.t("chat.send_emoji")},e("rtk-button",{key:"2ab4710a53f8c399b94fdf89d8b3e26ecdfb38c9",variant:"ghost",kind:"icon",class:{active:this.emojiPickerActive},title:this.t("chat.send_emoji"),onClick:()=>{this.emojiPickerActive=!this.emojiPickerActive}},e("rtk-icon",{key:"eb26faa361adb34eb7afbd013c21a5039e32292d",icon:this.iconPack.emoji_multiple})))),!!this.filePreview&&this.renderFilePreview(),this.canSendTextMessage&&e("div",{key:"820a5ff20514c9802d3612045f36d95d2358dcda",class:"right",part:"chat-buttons-right"},!this.prefill.editMessage&&e("rtk-tooltip",{key:"405fb291f728f2afa6940a82cbc16777e8eba2bc",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},e("rtk-button",{key:"4bff2c0bf52fc35da61d67760d82943b4516c358",kind:"icon",onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},e("rtk-icon",{key:"d5294b068fbb1e60bdccb899b7931c03e4fb9eb1",icon:this.iconPack.send}))),this.prefill.editMessage&&e("div",{key:"995aa908ccab6ab22252d78ddefed672474f56a0",class:"edit-buttons"},e("rtk-tooltip",{key:"2429c8023b38ba99c8e0b3a66206f719ce0e1932",variant:"secondary",label:this.t("cancel"),delay:2e3},e("rtk-button",{key:"2fbaa972db33e50976661f4a02a3be9d67ec78fa",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},e("rtk-icon",{key:"3466f90521e92efe325dec9bd7c3419f726713d8",icon:this.iconPack.dismiss}))),e("rtk-tooltip",{key:"84af3b7940bcdeec414e42cbda84359154a19a19",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},e("rtk-button",{key:"580af6cecb00e77994e688a9bd70b63aeb1f0782",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},e("rtk-icon",{key:"a6266954cfa1ffbcc6e3606bfe993e54e3f5c5ee",icon:this.iconPack.checkmark}))))))))}static get watchers(){return{channelId:["onChannelChanged"]}}};f([k()],g.prototype,"iconPack",void 0),f([k()],g.prototype,"t",void 0),g.style=":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;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{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-900, 26 26 26) / var(--tw-bg-opacity));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;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)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--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-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{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);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";export{g as rtk_chat_composer_ui}
+import{r as t,c as r,w as a,h as e,H as i}from"./p-0ee570cd.js";import{e as s,h as o,L as c}from"./p-8046e263.js";import{r as n,h as l,k as d,j as h,s as p,M as b}from"./p-2318c3af.js";import{S as k}from"./p-2799d5b2.js";var f=function(t,r,a,e){var i,s=arguments.length,o=s<3?r:null===e?e=Object.getOwnPropertyDescriptor(r,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,r,a,e);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(o=(s<3?i(o):s>3?i(r,a,o):i(r,a))||o);return s>3&&o&&Object.defineProperty(r,a,o),o};const v="@",g=class{constructor(i){t(this,i),this.onNewMessage=r(this,"rtkNewMessage",7),this.onEditMessage=r(this,"rtkEditMessage",7),this.onEditCancelled=r(this,"rtkEditCancelled",7),this.canSendTextMessage=!1,this.canSendFiles=!1,this.iconPack=s,this.t=o(),this.disableEmojiPicker=!1,this.prefill={},this.members=[],this.emojiPickerActive=!1,this.mentionQuery="",this.focusedMemberIndex=0,this.filePreview=null,this.fileReader=new FileReader,this.fileToUpload=null,this.handleKeyDown=t=>{if(t.key===v&&[void 0," "].includes(this.$textArea.value.at(-1))&&(this.mentionQuery=v),"ArrowDown"===t.key&&(this.focusedMemberIndex=Math.min(this.focusedMemberIndex+1,this.getFilteredMembers().length-1)),"ArrowUp"===t.key&&(this.focusedMemberIndex=Math.max(0,this.focusedMemberIndex-1)),("Escape"===t.key||"Backspace"===t.key&&this.mentionQuery===v)&&(this.mentionQuery=""),["Enter","Tab"," "].includes(t.key)&&""!==this.mentionQuery){const r=this.getFilteredMembers()[this.focusedMemberIndex];return this.onMemberSelect(r),void t.preventDefault()}"Enter"===t.key&&t.shiftKey?this.$textArea.clientHeight<200&&(this.$textArea.style.height=this.$textArea.clientHeight+20+"px"):"Enter"===t.key?(t.preventDefault(),this.prefill.editMessage?this.handleEditMessage():this.handleSendMessage()):"Backspace"===t.key&&(this.$textArea.value.endsWith("\n")?this.$textArea.style.height=this.$textArea.clientHeight-20+"px":""===this.$textArea.value&&(this.$textArea.style.height="auto"))},this.handleKeyUp=()=>{if(""!==this.mentionQuery){const t=n(this.$textArea.value.trim()),r=t.substring(0,t.indexOf(v));this.mentionQuery=`${v}${n(r)}`}},this.onPaste=t=>{const r=t.clipboardData||t.originalEvent.clipboardData;a((()=>{r&&r.items&&r.items.length>0&&(l(r.items,this.generateFilePreview),this.$textArea.value="")}))},this.generateFilePreview=(t,r)=>{this.fileToUpload={type:t,image:r,file:r},"image"===t?this.fileReader.readAsDataURL(r):"file"===t&&(this.filePreview=r.name)},this.sendFile=()=>{this.canSendFiles&&(this.onNewMessage.emit("image"===this.fileToUpload.type?{type:"image",file:this.fileToUpload.image,image:this.fileToUpload.image}:{type:"file",file:this.fileToUpload.file}),this.cleanUpFileUpload())},this.handleSendMessage=()=>{if(!this.canSendTextMessage)return;if(null!==this.fileToUpload)return void this.sendFile();const t=this.$textArea.value.trim();t.length>0&&(this.onNewMessage.emit(this.prefill.replyMessage?{type:"text",message:t,replyTo:this.prefill.replyMessage}:{type:"text",message:t}),this.cleanup())},this.cleanup=()=>{this.mentionQuery="",this.focusedMemberIndex=0,this.$textArea.value="",this.$textArea.style.height="auto",c.setItem(this.storageKey,"")},this.handleEditMessage=()=>{var t;let r=this.$textArea.value.trim();(null===(t=this.prefill.editMessage)||void 0===t?void 0:t.message)&&d.test(this.prefill.editMessage.message)&&(r=`${h(this.prefill.editMessage.message)}\n\n${r}`),this.onEditMessage.emit({id:this.prefill.editMessage.id,message:r,channelId:this.prefill.editMessage.channelId}),this.cleanup()},this.handleEditCancel=()=>{this.onEditCancelled.emit(),this.cleanup()},this.initializeTextField=t=>{this.$textArea=t;const r=c.getItem(this.storageKey)||"";this.$textArea.value=r},this.onMemberSelect=t=>{const r=n(this.mentionQuery),e=n(this.$textArea.value.trim()).replace(r,"");this.$textArea.value=n(e)+`${v}${t.name} `,this.mentionQuery="",this.focusedMemberIndex=0,a((()=>this.$textArea.focus()))},this.getFilteredMembers=()=>{const t=this.mentionQuery.replace(v,"");return this.members.filter((r=>r.name.toLowerCase().includes(t.toLowerCase())))},this.cleanUpFileUpload=()=>{this.filePreview=null,this.fileToUpload=null},this.renderSuggestedReplies=()=>{if(this.prefill.suggestedReplies&&0!==this.prefill.suggestedReplies.length)return e("ul",{class:"suggested-replies scrollbar"},this.prefill.suggestedReplies.map((t=>e("rtk-tooltip",{label:this.t("chat.click_to_send")},e("li",{onClick:()=>this.onNewMessage.emit({type:"text",message:t})},t)))))},this.renderMenu=()=>{if(0===this.mentionQuery.length)return;const t=this.getFilteredMembers();return 0!==t.length?e("ul",{class:"member-list scrollbar"},t.map(((t,r)=>e("li",{class:{member:!0,selected:r===this.focusedMemberIndex},onClick:()=>this.onMemberSelect(t),ref:t=>{r===this.focusedMemberIndex&&a((()=>{t&&t.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}))}},e("rtk-avatar",{participant:{name:t.name,picture:t.picture},size:"sm"}),e("span",null,t.name))))):void 0}}connectedCallback(){this.fileReader.onload=t=>{"string"==typeof t.target.result&&(this.filePreview=t.target.result)}}onChannelChanged(){this.mentionQuery="",this.focusedMemberIndex=0;const t=c.getItem(this.storageKey)||"";this.$textArea.value=t,this.emojiPickerActive=!1}componentDidRender(){(this.prefill.editMessage||this.prefill.replyMessage)&&a((()=>this.$textArea.focus()))}get storageKey(){return this.channelId?`rtk-text-message-${this.channelId}`:"rtk-text-message"}uploadFile(t){const r=document.createElement("input");r.type="file","image"===t&&(r.accept="image/*"),r.onchange=r=>{const{validity:a,files:[e]}=r.target;a.valid&&this.generateFilePreview(t,e)},r.click()}renderFilePreview(){if("string"==typeof this.filePreview)return e("div",{class:"preview-overlay"},e("div",{class:"file-preview"},e("rtk-tooltip",{label:this.t("chat.cancel_upload")},e("rtk-button",{variant:"secondary",kind:"icon",onClick:this.cleanUpFileUpload},e("rtk-icon",{icon:this.iconPack.dismiss}))),"image"===this.fileToUpload.type?e("img",{class:"preview-image",src:this.filePreview}):e("div",{class:"preview-file"},e("span",null,this.filePreview))))}render(){var t;let r="";return(null===(t=this.prefill.editMessage)||void 0===t?void 0:t.message)&&(r=p(this.prefill.editMessage.message)),e(i,{key:"0550423a075a5e445ebae18e70213e17dd79c6ff"},this.canSendTextMessage&&this.emojiPickerActive&&e("rtk-emoji-picker",{key:"89eaa1c1e0ae3da8fed3c203fd87a19cd5f19b8e",part:"emoji-picker",onPickerClose:()=>{this.emojiPickerActive=!1},onRtkEmojiClicked:t=>{this.$textArea.value+=t.detail,this.$textArea.focus()},t:this.t}),this.renderSuggestedReplies(),e("slot",{key:"6da586002dff47002d856c0204dee2bbe8571236",name:"chat-addon"}),e("slot",{key:"fa285ac5f4fb88ddcc3aa9b6a294d12b09cd94e9",name:"quote-block"}),e("div",{key:"c71568bf5344f9fcd3be019d02ca4bf1a8a9d9b8",class:"chat-input",part:"chat-input"},this.renderMenu(),this.canSendTextMessage&&e("textarea",{key:"ec57005f4795fefdaaba266d9e891853a5bded1f",class:"scrollbar",part:"textarea",ref:this.initializeTextField,autoFocus:!0,placeholder:this.fileToUpload?"":this.t("chat.message_placeholder"),value:r,onPaste:this.onPaste,maxLength:b,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onInput:t=>{c.setItem(this.storageKey,t.target.value)},disabled:!!this.filePreview}),e("div",{key:"322d141483c79366ef59dee65a5072a6f437a64a",class:"chat-buttons",part:"chat-buttons"},e("div",{key:"cb287e6ced3bb48f445af933a99a1f8100ac41c6",class:"left",part:"chat-buttons-left"},!this.prefill.editMessage&&this.canSendFiles&&[e("rtk-tooltip",{key:"78c91b6a2097013f3da368086e868d2d465ec9cb",label:this.t("chat.send_file")},e("rtk-button",{key:"278e56e0d1d012c658a74a07aece9f07fb13b486",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile("file"),title:this.t("chat.send_file")},e("rtk-icon",{key:"f0551578a82d14a0313044c257a2cd04b8a4320e",icon:this.iconPack.attach}))),e("rtk-tooltip",{key:"f1f658aece9261ff928f631b78545bfc2cc6b99e",label:this.t("chat.send_img")},e("rtk-button",{key:"31e9bb3127886607cb630db538b6acdc405df324",variant:"ghost",kind:"icon",onClick:()=>this.uploadFile("image"),title:this.t("chat.send_img")},e("rtk-icon",{key:"66f46b7128dcbb041a2e35a5a9d61eb087aae126",icon:this.iconPack.image})))],!this.prefill.editMessage&&this.canSendTextMessage&&!this.disableEmojiPicker&&e("rtk-tooltip",{key:"28524998014e48efa944db921c6ebaa644f7522c",label:this.t("chat.send_emoji")},e("rtk-button",{key:"2ab4710a53f8c399b94fdf89d8b3e26ecdfb38c9",variant:"ghost",kind:"icon",class:{active:this.emojiPickerActive},title:this.t("chat.send_emoji"),onClick:()=>{this.emojiPickerActive=!this.emojiPickerActive}},e("rtk-icon",{key:"eb26faa361adb34eb7afbd013c21a5039e32292d",icon:this.iconPack.emoji_multiple})))),!!this.filePreview&&this.renderFilePreview(),this.canSendTextMessage&&e("div",{key:"820a5ff20514c9802d3612045f36d95d2358dcda",class:"right",part:"chat-buttons-right"},!this.prefill.editMessage&&e("rtk-tooltip",{key:"405fb291f728f2afa6940a82cbc16777e8eba2bc",variant:"primary",label:this.t("chat.send_msg"),delay:2e3},e("rtk-button",{key:"4bff2c0bf52fc35da61d67760d82943b4516c358",kind:"icon",onClick:()=>this.handleSendMessage(),title:this.t("chat.send_msg")},e("rtk-icon",{key:"d5294b068fbb1e60bdccb899b7931c03e4fb9eb1",icon:this.iconPack.send}))),this.prefill.editMessage&&e("div",{key:"995aa908ccab6ab22252d78ddefed672474f56a0",class:"edit-buttons"},e("rtk-tooltip",{key:"2429c8023b38ba99c8e0b3a66206f719ce0e1932",variant:"secondary",label:this.t("cancel"),delay:2e3},e("rtk-button",{key:"2fbaa972db33e50976661f4a02a3be9d67ec78fa",kind:"icon",variant:"secondary",onClick:()=>this.handleEditCancel(),title:this.t("cancel")},e("rtk-icon",{key:"3466f90521e92efe325dec9bd7c3419f726713d8",icon:this.iconPack.dismiss}))),e("rtk-tooltip",{key:"84af3b7940bcdeec414e42cbda84359154a19a19",variant:"primary",label:this.t("chat.update_msg"),delay:2e3},e("rtk-button",{key:"580af6cecb00e77994e688a9bd70b63aeb1f0782",kind:"icon",onClick:()=>this.handleEditMessage(),title:this.t("chat.send_msg")},e("rtk-icon",{key:"a6266954cfa1ffbcc6e3606bfe993e54e3f5c5ee",icon:this.iconPack.checkmark}))))))))}static get watchers(){return{channelId:["onChannelChanged"]}}};f([k()],g.prototype,"iconPack",void 0),f([k()],g.prototype,"t",void 0),g.style=":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;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{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-900, 26 26 26) / var(--tw-bg-opacity));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;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)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--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-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{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);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";export{g as rtk_chat_composer_ui}