@cloudflare/realtimekit-ui 1.1.0-staging.1 → 1.1.0-staging.3

package/dist/types/components/rtk-meeting/rtk-meeting.d.ts

@@ -5,6 +5,7 @@ import { RtkI18n } from '../../lib/lang';
 import { IconPack } from '../../lib/icons';
 import { UIConfig } from '../../types/ui-config';
 import { GridLayout } from '../rtk-grid/rtk-grid';
+import { Overrides } from '../../lib/overrides';
 export type MeetingMode = 'fixed' | 'fill';
 /**
  * A single component which renders an entire meeting UI.
@@ -49,6 +50,8 @@ export declare class RtkMeeting {
     gridLayout: GridLayout;
     /** Icon pack */
     iconPack: IconPack;
+    /** UI Kit Overrides */
+    overrides: Overrides;
     /**
      * Emits `rtkStatesUpdate` so that developers can listen to onRtkStatesUpdate and update their own stores
      * Do not confuse this with `rtkStateUpdate` that other components emit
@@ -65,6 +68,7 @@ export declare class RtkMeeting {
     iconPackChanged(newIconPack: IconPack): void;
     tChanged(newT: RtkI18n): void;
     configChanged(config: UIConfig): void;
+    overridesChanged(overrides: Overrides): void;
     private handleResize;
     private updateStates;
     render(): any;

package/dist/types/components/rtk-menu-item/rtk-menu-item.d.ts

@@ -11,6 +11,8 @@ import { RtkI18n } from '../../lib/lang';
 export declare class RtkMenuItem {
     /** Size */
     size: Size;
+    /** Variant */
+    menuVariant: 'primary' | 'secondary';
     /** Icon pack */
     iconPack: IconPack;
     /** Language */

package/dist/types/components/rtk-menu-list/rtk-menu-list.d.ts

@@ -8,6 +8,8 @@ import { RtkI18n } from '../../lib/lang';
 export declare class RtkMenuList {
     /** Icon pack */
     iconPack: IconPack;
+    /** Variant */
+    menuVariant: 'primary' | 'secondary';
     /** Language */
     t: RtkI18n;
     render(): any;

package/dist/types/components/rtk-ui-provider/rtk-ui-provider.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { MeetingMode } from '../rtk-meeting/rtk-meeting';
 import { Meeting } from '../../types/rtk-client';
-import { RtkI18n, IconPack, States, UIConfig } from '../../exports';
+import { RtkI18n, IconPack, States, UIConfig, Overrides } from '../../exports';
 export declare class RtkUiProvider {
     host: HTMLRtkUiProviderElement;
     private peerStore;
@@ -20,6 +20,8 @@ export declare class RtkUiProvider {
     mode: MeetingMode;
     /** Whether to show setup screen or not */
     showSetupScreen: boolean;
+    /** UI Kit Overrides */
+    overrides: Overrides;
     /**
      * Emits `rtkStatesUpdate` so that developers can listen to onRtkStatesUpdate and update their own stores
      * Do not confuse this with `rtkStateUpdate` that other components emit
@@ -35,6 +37,7 @@ export declare class RtkUiProvider {
     iconPackChanged(newIconPack: IconPack): void;
     tChanged(newT: RtkI18n): void;
     configChanged(config: UIConfig): void;
+    overridesChanged(overrides: Overrides): void;
     private roomJoinedListener;
     private waitlistedListener;
     private roomLeftListener;

package/dist/types/components.d.ts

@@ -12,12 +12,13 @@ import { IconPack } from "./lib/icons";
 import { RtkI18n } from "./lib/lang";
 import { AIView } from "./components/rtk-ai/rtk-ai";
 import { ControlBarVariant } from "./components/rtk-controlbar-button/rtk-controlbar-button";
-import { IconPack as IconPack1, RtkI18n as RtkI18n1, Size as Size1, States as States1, UIConfig as UIConfig1 } from "./exports";
+import { IconPack as IconPack1, Overrides as Overrides1, RtkI18n as RtkI18n1, Size as Size1, States as States1, UIConfig as UIConfig1 } from "./exports";
 import { AudioVisualizerVariant } from "./components/rtk-audio-visualizer/rtk-audio-visualizer";
 import { AvatarVariant } from "./components/rtk-avatar/rtk-avatar";
 import { DraftMeeting } from "./utils/breakout-rooms-manager";
 import { ButtonKind, ButtonVariant } from "./components/rtk-button/rtk-button";
 import { FileMessage, ImageMessage, Message, RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
+import { Overrides } from "./lib/overrides";
 import { ChatFilter } from "./components/rtk-chat/rtk-chat";
 import { RtkNewMessageEvent } from "./components/rtk-chat-composer-ui/rtk-chat-composer-ui";
 import { NewMessageEvent } from "./components/rtk-chat-composer-view/rtk-chat-composer-view";
@@ -52,12 +53,13 @@ export { IconPack } from "./lib/icons";
 export { RtkI18n } from "./lib/lang";
 export { AIView } from "./components/rtk-ai/rtk-ai";
 export { ControlBarVariant } from "./components/rtk-controlbar-button/rtk-controlbar-button";
-export { IconPack as IconPack1, RtkI18n as RtkI18n1, Size as Size1, States as States1, UIConfig as UIConfig1 } from "./exports";
+export { IconPack as IconPack1, Overrides as Overrides1, RtkI18n as RtkI18n1, Size as Size1, States as States1, UIConfig as UIConfig1 } from "./exports";
 export { AudioVisualizerVariant } from "./components/rtk-audio-visualizer/rtk-audio-visualizer";
 export { AvatarVariant } from "./components/rtk-avatar/rtk-avatar";
 export { DraftMeeting } from "./utils/breakout-rooms-manager";
 export { ButtonKind, ButtonVariant } from "./components/rtk-button/rtk-button";
 export { FileMessage, ImageMessage, Message, RTKBasicParticipant, RTKPermissionsPreset, RTKPlugin, TextMessage } from "@cloudflare/realtimekit";
+export { Overrides } from "./lib/overrides";
 export { ChatFilter } from "./components/rtk-chat/rtk-chat";
 export { RtkNewMessageEvent } from "./components/rtk-chat-composer-ui/rtk-chat-composer-ui";
 export { NewMessageEvent } from "./components/rtk-chat-composer-view/rtk-chat-composer-view";
@@ -676,6 +678,10 @@ export namespace Components {
           * Meeting object
          */
         "meeting": Meeting;
+        /**
+          * UI Overrides
+         */
+        "overrides": Overrides;
         /**
           * @deprecated Beta API, will change in future List of target presets allowed as private chat recipient
          */
@@ -1988,6 +1994,10 @@ export namespace Components {
           * Fill type
          */
         "mode": MeetingMode;
+        /**
+          * UI Kit Overrides
+         */
+        "overrides": Overrides;
         /**
           * Whether to show setup screen or not
          */
@@ -2051,6 +2061,10 @@ export namespace Components {
           * Icon pack
          */
         "iconPack": IconPack;
+        /**
+          * Variant
+         */
+        "menuVariant": 'primary' | 'secondary';
         /**
           * Size
          */
@@ -2068,6 +2082,10 @@ export namespace Components {
           * Icon pack
          */
         "iconPack": IconPack;
+        /**
+          * Variant
+         */
+        "menuVariant": 'primary' | 'secondary';
         /**
           * Language
          */
@@ -3911,6 +3929,10 @@ export namespace Components {
           * Fill type
          */
         "mode": MeetingMode1;
+        /**
+          * UI Kit Overrides
+         */
+        "overrides": Overrides1;
         /**
           * Whether to show setup screen or not
          */
@@ -7303,6 +7325,10 @@ declare namespace LocalJSX {
           * Emits updated state data
          */
         "onRtkStateUpdate"?: (event: RtkChatCustomEvent<States1>) => void;
+        /**
+          * UI Overrides
+         */
+        "overrides"?: Overrides;
         /**
           * @deprecated Beta API, will change in future List of target presets allowed as private chat recipient
          */
@@ -8804,6 +8830,10 @@ declare namespace LocalJSX {
           * Emits `rtkStatesUpdate` so that developers can listen to onRtkStatesUpdate and update their own stores Do not confuse this with `rtkStateUpdate` that other components emit
          */
         "onRtkStatesUpdate"?: (event: RtkMeetingCustomEvent<States>) => void;
+        /**
+          * UI Kit Overrides
+         */
+        "overrides"?: Overrides;
         /**
           * Whether to show setup screen or not
          */
@@ -8867,6 +8897,10 @@ declare namespace LocalJSX {
           * Icon pack
          */
         "iconPack"?: IconPack;
+        /**
+          * Variant
+         */
+        "menuVariant"?: 'primary' | 'secondary';
         /**
           * Size
          */
@@ -8884,6 +8918,10 @@ declare namespace LocalJSX {
           * Icon pack
          */
         "iconPack"?: IconPack;
+        /**
+          * Variant
+         */
+        "menuVariant"?: 'primary' | 'secondary';
         /**
           * Language
          */
@@ -10893,6 +10931,10 @@ declare namespace LocalJSX {
           * Emits `rtkStatesUpdate` so that developers can listen to onRtkStatesUpdate and update their own stores Do not confuse this with `rtkStateUpdate` that other components emit
          */
         "onRtkStatesUpdate"?: (event: RtkUiProviderCustomEvent<States1>) => void;
+        /**
+          * UI Kit Overrides
+         */
+        "overrides"?: Overrides1;
         /**
           * Whether to show setup screen or not
          */

package/dist/types/exports.d.ts

@@ -4,13 +4,14 @@ export { provideRtkDesignSystem } from './utils/provide-design-system';
 export { extendConfig, generateConfig } from './utils/config';
 export { sendNotification } from './utils/notification';
 export { RtkUiBuilder } from './lib/builder';
-export { uiStore, uiState, getInitialStates, createPeerStore } from './utils/sync-with-store/ui-store';
+export { uiStore, uiState, getInitialStates, createPeerStore, } from './utils/sync-with-store/ui-store';
 export { registerAddons, Addon } from './lib/addons';
 export { UIConfig } from './types/ui-config';
 export { States, Notification, Size, UserPreferences, PollObject, PartialStateEvent, } from './types/props';
 export { Peer } from './types/rtk-client';
 export { defaultConfig, createDefaultConfig } from './lib/default-ui-config';
 export { IconPack, defaultIconPack } from './lib/icons';
+export { type Overrides, defaultOverrides } from './lib/overrides';
 export { LangDict, defaultLanguage, RtkI18n, useLanguage } from './lib/lang';
 export { Sound, default as RtkNotificationsAudio } from './lib/notification';
 export { generateChatGroupKey, getChatGroups, getUnreadChatCounts, getParticipantUserId, } from './utils/chat';

package/dist/types/lib/overrides.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Initialisation overrides for UI component behavior.
+ * These values are passed through rtk-ui-provider or rtk-meeting
+ * and take effect across all child components.
+ */
+export interface Overrides {
+    /**
+     * Disables the emoji picker button in chat composer.
+     * When true, users cannot insert emojis into chat messages.
+     */
+    disableEmojiPicker?: boolean;
+}
+/**
+ * Default UI Kit Overrides
+ */
+export declare const defaultOverrides: Overrides;

package/dist/types/utils/flags.d.ts

@@ -1,7 +1,6 @@
 import RealtimeKitClient from '@cloudflare/realtimekit';
 export declare const FlagsmithFeatureFlags: {
     PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE: string;
-    DISABLE_EMOJI_PICKER: string;
     FEAT_PAGINATED_CHAT: string;
     LOG_PLAYING_FAILURES: string;
     FEAT_CHANNEL_CHAT: string;

package/dist/types/utils/sync-with-store/ui-store.d.ts

@@ -4,6 +4,7 @@ import { type RtkI18n } from '../../lib/lang';
 import { type IconPack } from '../../lib/icons';
 import { type States } from '../../types/props';
 import { UIConfig } from '../../exports';
+import { type Overrides } from '../../lib/overrides';
 export declare const getInitialStates: (peerId?: string) => States;
 export interface RtkUiStore {
     meeting: Meeting | undefined | null;
@@ -14,6 +15,7 @@ export interface RtkUiStore {
     peerId: string | null;
     storeType: 'global' | 'peer';
     storeId: string;
+    overrides: Overrides;
 }
 export type RtkUiStoreExtended = ObservableMap<RtkUiStore> & {
     elementsMap: Map<string, HTMLElement[]>;
@@ -21,12 +23,13 @@ export type RtkUiStoreExtended = ObservableMap<RtkUiStore> & {
 declare const uiStore: RtkUiStoreExtended;
 declare const uiState: RtkUiStore;
 export { uiStore, uiState };
-export declare function createPeerStore({ meeting, config, providerId, iconPack, t }: {
+export declare function createPeerStore({ meeting, config, providerId, iconPack, t, overrides, }: {
     meeting: RealtimeKitClient;
     config?: UIConfig;
     providerId: string;
     iconPack: IconPack;
     t: RtkI18n;
+    overrides?: Overrides;
 }): RtkUiStoreExtended;
 declare function appendElement(propName: string, element: HTMLElement, targetStore?: RtkUiStoreExtended): void;
 declare function removeElement(propName: string, element: HTMLElement, targetStore?: RtkUiStoreExtended): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudflare/realtimekit-ui",
-  "version": "1.1.0-staging.1",
+  "version": "1.1.0-staging.3",
   "description": "Pre-built, ready-to-use UI components and utilities for integrating with Cloudflare RealtimeKit",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/realtimekit-ui/p-0689d68b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{c as a,e as r,h}from"./p-e87928f7.js";import{d as n}from"./p-b13ddb7d.js";import{R as d}from"./p-c8eaa707.js";import{S as o}from"./p-80c856cd.js";var l=function(t,i,s,e){var a,r=arguments.length,h=r<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,s,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(h=(r<3?a(h):r>3?a(i,s,h):a(i,s))||h);return r>3&&h&&Object.defineProperty(i,s,h),h};const p=class{constructor(i){t(this,i),this.layout="row",this.participants=[],this.pinnedParticipants=[],this.screenShareParticipants=[],this.plugins=[],this.aspectRatio="16:9",this.gap=8,this.config=a(),this.iconPack=r,this.t=h(),this.gridSize=n}componentWillLoad(){this.initialised=!1,this.screenShareParticipantsChanged(this.screenShareParticipants),this.pluginsChanged(this.plugins),this.initialised=!0}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;null===(t=this.meeting.meta)||void 0===t||t.removeListener("activeTabUpdate",this.activeTabUpdateListener)}meetingChanged(t){var i,s,e,a;null!=t&&(null!=(null===(i=t.meta)||void 0===i?void 0:i.selfActiveTab)&&this.onActiveTabUpdate(null===(s=t.meta.selfActiveTab)||void 0===s?void 0:s.type,null===(e=t.meta.selfActiveTab)||void 0===e?void 0:e.id),this.activeTabUpdateListener=t=>{this.onActiveTabUpdate(null==t?void 0:t.type,null==t?void 0:t.id)},null===(a=t.meta)||void 0===a||a.addListener("activeTabUpdate",this.activeTabUpdateListener))}screenShareParticipantsChanged(t=[]){(this.initialised||null==this.activeTab)&&(null==this.activeTab&&t.length>0?this.setActiveTab({type:"screenshare",participant:t[0]}):this.revalidateActiveTab())}pluginsChanged(t){(this.initialised||null==this.activeTab)&&(t.length>0?this.setActiveTab({type:"plugin",plugin:t[t.length-1]}):this.revalidateActiveTab())}revalidateActiveTab(){if(null!=this.activeTab)if("screenshare"===this.activeTab.type){const{participant:t}=this.activeTab;this.screenShareParticipants.some((i=>i.id===t.id))||this.reassignActiveTab()}else{const{plugin:t}=this.activeTab;this.plugins.some((i=>i.id===t.id))||this.reassignActiveTab()}}setActiveTab(t,i=!0){var s;this.activeTab=t,i&&(null===(s=this.meeting.meta)||void 0===s||s.setSelfActiveTab({type:t.type,id:"screenshare"===t.type?t.participant.id:t.plugin.id},0))}reassignActiveTab(){this.screenShareParticipants.length>0?this.setActiveTab({type:"screenshare",participant:this.screenShareParticipants[0]}):this.plugins.length>0&&this.setActiveTab({type:"plugin",plugin:this.plugins[this.plugins.length-1]})}onActiveTabUpdate(t,i){if(null!=t&&null!=i)switch(t){case"plugin":const t=this.plugins.find((t=>t.id===i));null!=t&&this.setActiveTab({type:"plugin",plugin:t},!1);break;case"screenshare":const s=this.screenShareParticipants.find((t=>t.id===i));null!=s&&this.setActiveTab({type:"screenshare",participant:s},!1)}}getTabs(){const t=this.screenShareParticipants.map((t=>({type:"screenshare",participant:t}))),i=this.plugins.map((t=>({type:"plugin",plugin:t})));return t.concat(i)}render(){var t,e;if(!this.meeting)return null;const a={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t};return i(s,null,i("main",{id:"main-view",part:"main-view"},(null===(t=this.getTabs())||void 0===t?void 0:t.length)>1&&i("rtk-tab-bar",Object.assign({activeTab:this.activeTab,tabs:this.getTabs(),onTabChange:t=>this.setActiveTab(t.detail)},a)),i("div",{id:"tabs",key:"tabs"},this.screenShareParticipants.map((t=>{var s,e;return i(d,{element:"rtk-screenshare-view",defaults:a,props:{participant:t,key:t.id,style:{display:"screenshare"===(null===(s=this.activeTab)||void 0===s?void 0:s.type)&&(null===(e=this.activeTab)||void 0===e?void 0:e.participant.id)===t.id?"flex":"none"}},childProps:{participant:t,isScreenShare:!0},deepProps:!0})})),this.plugins.map((t=>{var s,e;return i("rtk-plugin-main",Object.assign({},a,{plugin:t,key:t.id,style:{display:"plugin"===(null===(s=this.activeTab)||void 0===s?void 0:s.type)&&(null===(e=this.activeTab)||void 0===e?void 0:e.plugin.id)===t.id?"flex":"none"}}))})))),i(d,{element:"rtk-mixed-grid",defaults:a,childProps:{part:"participants-grid",class:this.gridSize.mixed?`grid-width-${this.gridSize.mixed}`:"grid-width-lg",participants:this.participants,pinnedParticipants:this.pinnedParticipants,screenShareParticipants:this.screenShareParticipants,plugins:this.plugins,aspectRatio:this.aspectRatio,gap:this.gap,size:"AUDIO_ROOM"===(null===(e=this.meeting.meta)||void 0===e?void 0:e.viewType)?"md":"sm",layout:"row"},onlyChildren:!0}))}get host(){return e(this)}static get watchers(){return{meeting:["meetingChanged"],screenShareParticipants:["screenShareParticipantsChanged"],plugins:["pluginsChanged"]}}};l([o()],p.prototype,"meeting",void 0),l([o()],p.prototype,"states",void 0),l([o()],p.prototype,"config",void 0),l([o()],p.prototype,"iconPack",void 0),l([o()],p.prototype,"t",void 0),p.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;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.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)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";export{p as rtk_mixed_grid}

package/dist/realtimekit-ui/p-2f641bfa.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as a}from"./p-0ee570cd.js";import{e as s,h as i}from"./p-e87928f7.js";import{S as r}from"./p-80c856cd.js";var o=function(t,e,a,s){var i,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,a,s);else for(var c=t.length-1;c>=0;c--)(i=t[c])&&(o=(r<3?i(o):r>3?i(e,a,o):i(e,a))||o);return r>3&&o&&Object.defineProperty(e,a,o),o};const c=class{constructor(a){t(this,a),this.iconPack=s,this.t=i(),this.pageSize=50,this.searchMessages=async(t,e,a)=>this.meeting.chat.searchMessages(this.query,{channelId:this.channelId,timestamp:t,size:e,reversed:a}),this.nodeRenderer=t=>t.map((t=>e("rtk-chat-message",{key:t.id,message:t,disableControls:!0})))}render(){return e(a,{key:"226b9e52950fca3d296b041dbd93a6c060ad4abe"},e("rtk-paginated-list",{key:"102af9de7e52317a5f9a8272e9e8a302f99268da",pageSize:this.pageSize,pagesAllowed:3,fetchData:this.searchMessages,createNodes:this.nodeRenderer,selectedItemId:this.query}))}};o([r()],c.prototype,"meeting",void 0),o([r()],c.prototype,"iconPack",void 0),o([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:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";export{c as rtk_chat_search_results}

package/dist/realtimekit-ui/p-33228f0a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,H as r}from"./p-0ee570cd.js";import{e as o,h as i}from"./p-e87928f7.js";import{S as s}from"./p-80c856cd.js";var c=function(e,t,a,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(s=(i<3?o(s):i>3?o(t,a,s):o(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s};const n=class{constructor(a){e(this,a),this.onDropCallback=t(this,"dropCallback",7),this.iconPack=o,this.t=i(),this.dropzoneActivated=!1}connectedCallback(){if(!this.hostEl)throw new Error("hostEl prop is required");this.hostEl.addEventListener("dragover",(e=>{e.preventDefault(),this.dropzoneActivated=!0})),this.hostEl.addEventListener("dragleave",(()=>{this.dropzoneActivated=!1})),this.hostEl.addEventListener("drop",(e=>{e.preventDefault(),this.dropzoneActivated=!1,this.onDropCallback.emit(e)}))}render(){return a(r,{key:"d3fd9af2a148277b2481c94305104e43088a9b42"},a("div",{key:"f889ddc5635013ae7f364a6d36ef51936e179f7d",id:"dropzone",class:{active:this.dropzoneActivated},part:"dropzone"},a("rtk-icon",{key:"ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9",icon:this.iconPack.attach}),a("p",{key:"711b8a1ace2d73714f9abdbaba8c031e204fe07e"},this.t("chat.send_attachment"))))}};c([s()],n.prototype,"iconPack",void 0),c([s()],n.prototype,"t",void 0),n.style="#dropzone{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);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";export{n as rtk_file_dropzone}

package/dist/realtimekit-ui/p-3e02ec0b.entry.js

@@ -1 +0,0 @@
-import{r as n,c as t,h as e,H as a}from"./p-0ee570cd.js";import{S as r}from"./p-80c856cd.js";import{e as o,h as i}from"./p-e87928f7.js";const s=class{constructor(e){n(this,e),this.tabChange=t(this,"tabChange",7),this.sidebarClose=t(this,"sidebarClose",7),this.view="sidebar",this.tabs=[],this.hideHeader=!1,this.hideCloseAction=!1,this.iconPack=o,this.focusCloseButton=!0,this.t=i(),this.onClose=()=>{var n;this.sidebarClose.emit(),document.activeElement instanceof HTMLElement&&(null===(n=document.activeElement.tagName)||void 0===n?void 0:n.includes("RTK-"))&&document.activeElement.blur instanceof Function&&document.activeElement.blur()}}componentDidLoad(){this.keydownListener=n=>{"Escape"===n.key&&this.onClose()},this.hostEl.addEventListener("keydown",this.keydownListener),this.handleFocusCloseButton()}handleFocusCloseButton(){"chat"===this.currentTab||this.hideCloseAction||this.closeButton.focus()}disconnectedCallback(){this.hostEl.removeEventListener("keydown",this.keydownListener)}render(){const n="full-screen"===this.view,t=this.tabs.find((n=>n.id===this.currentTab));return e(a,{key:"bc9969254516bb334f0bbc6216432121d675a83e",ref:n=>this.hostEl=n,class:this.view},!this.hideCloseAction&&e("rtk-button",{key:"ce9dabf448e0914fa516c717825ee00ad476d412",ref:n=>this.closeButton=n,variant:"ghost",kind:"icon",class:"close",onClick:this.onClose,"aria-label":this.t("close")},e("rtk-icon",{key:"5966e4c6a7bbdea25fa64e197c47fcded0625754",icon:this.iconPack.dismiss})),t&&!this.hideHeader&&e("header",{key:"3b7109ba37e019a3da3a0aeb07b54fcf28e869b4",class:"main-header"},e("h3",{key:"c57a8719fe6dca4ed092fbb21733c0d0ac074dc3"},t.name),e("slot",{key:"f95589b898e0b4a8001d45d5b4c833576fab4fd8",name:"pinned-state"})),n&&e("header",{key:"72cd52ea2a27caf4dc826d4222738325853281c8",class:"mobile-tabs"},this.tabs.map((n=>e("button",{onClick:()=>{this.tabChange.emit(n.id)},class:{active:this.currentTab===n.id}},n.name)))),e("slot",{key:"266ec59a2d04803b2d035f7929394e66e92aa542",name:this.currentTab}))}static get watchers(){return{currentTab:["handleFocusCloseButton"]}}};(function(n,t,e,a){var r,o=arguments.length,i=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,e):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,e,a);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(i=(o<3?r(i):o>3?r(t,e,i):r(t,e))||i);o>3&&i&&Object.defineProperty(t,e,i)})([r()],s.prototype,"t",void 0),s.style=":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";export{s as rtk_sidebar_ui}

package/dist/realtimekit-ui/p-481549ac.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as r}from"./p-0ee570cd.js";import{e as s,h as o}from"./p-e87928f7.js";import{S as i}from"./p-80c856cd.js";var n=function(t,e,a,r){var s,o=arguments.length,i=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o<3?s(i):o>3?s(e,a,i):s(e,a))||i);return o>3&&i&&Object.defineProperty(e,a,i),i};const c=class{constructor(a){t(this,a),this.stateUpdate=e(this,"rtkStateUpdate",7),this.iconPack=s,this.t=o()}render(){return a(r,{key:"a8869602eda342c0c2de8682ab0b68cf68b4883e"},a("slot",{key:"f2c477f44bed9ac574795d934db9f72920b73180"}))}};n([i()],c.prototype,"iconPack",void 0),n([i()],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;position:relative;overflow:hidden}";export{c as rtk_stage}