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

package/dist/esm/rtk-screen-share-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkScreenShareToggleCss = ":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}";
 const RtkScreenShareToggleStyle0 = rtkScreenShareToggleCss;

package/dist/esm/rtk-screenshare-view.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, w as writeTask, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './full-screen-1f58c594.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkScreenshareViewCss = ":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  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-lg, 12px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));\n  container-type: inline-size;\n  container-name: screentile;\n}\n\n::slotted(rtk-name-tag) {\n  position: absolute;\n  left: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n  opacity: 0.8;\n}\n\n#video-container {\n  position: absolute;\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#video-container .fit-in-container {\n  -o-object-fit: fill;\n     object-fit: fill;\n}\n\nvideo {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n:host([variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  right: var(--rtk-space-2, 8px);\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  padding: var(--rtk-space-2, 8px);\n}\n\n:host([variant='gradient']) ::slotted(rtk-name-tag) {\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: transparent;\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n  --tw-gradient-from: rgb(var(--rtk-colors-background-1000, 8 8 8));\n  --tw-gradient-to: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: transparent;\n}\n\n:host([size='sm'][variant='gradient']) ::slotted(rtk-audio-visualizer) {\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n}\n\nvideo.visible {\n  animation: video-fadein 0.4s ease;\n}\n\n#controls {\n  display: none;\n  position: absolute;\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host(:hover) #controls, \n:host(:active) #controls, \n:host(:focus-visible) #controls {\n  display: flex;\n}\n\n#full-screen-btn {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));\n}\n\n/** For self view */\n\nh3 {\n  margin-top: var(--rtk-space-10, 40px);\n  margin-bottom: var(--rtk-space-6, 24px);\n  text-align: center;\n  font-size: 20px;\n  font-weight: 500;\n}\n\n:host([size='sm']) h3 {\n  font-size: 16px;\n}\n\n#self-message {\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n}\n\n:host(.isSelf) #self-view {\n  flex: 1 1 0%;\n}\n\n:host(.isSelf) #video-container {\n  position: static;\n  aspect-ratio: auto;\n  height: auto;\n  width: 50%;\n  max-width: var(--rtk-space-96, 384px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  transition: 0.6s ease;\n}\n\n:host(.isSelf) #video-container.expand {\n  width: 60%;\n  max-width: 100%;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--rtk-space-2, 8px);\n}\n\n:host([size='sm'].isSelf) #video-container,\n:host([size='md'].isSelf) #video-container,\n:host([size='sm'].isSelf) #expand-btn,\n:host([size='md'].isSelf) #expand-btn {\n  /** Hide video, fullscreen buttons in sm and md breakpoints */\n  display: none;\n}\n\n/** Remote control */\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.remote-control {\n  z-index: 10;\n  height: 100%;\n  max-height: 100%;\n  flex: 0 1 auto;\n}\n\n#remote-control-self {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  left: 50%;\n  z-index: 10;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  height: var(--rtk-space-8, 32px);\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  transform: translateX(-50%);\n}\n\n#remote-control-self p {\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  padding-top: var(--rtk-space-2, 8px);\n  padding-bottom: var(--rtk-space-2, 8px);\n}\n\n#remote-control-self rtk-button {\n  height: 100%;\n  border-radius: var(--rtk-border-radius-none, 0);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity));\n  font-size: 12px;\n}\n\n:host([size='sm']) #remote-control-self {\n  height: auto;\n  flex-direction: column;\n}\n\n:host([size='sm']) #remote-control-self rtk-button {\n  width: 100%;\n  padding-top: var(--rtk-space-1, 4px);\n  padding-bottom: var(--rtk-space-1, 4px);\n}\n\n/** Name tag positions */\n\n:host([name-tag-position='bottom-right']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: var(--rtk-space-3, 12px);\n}\n\n:host([name-tag-position='bottom-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n}\n\n:host([name-tag-position='top-left']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  bottom: auto;\n}\n\n:host([name-tag-position='top-right']) ::slotted(rtk-name-tag) {\n  top: var(--rtk-space-3, 12px);\n  right: var(--rtk-space-3, 12px);\n  left: auto;\n  bottom: auto;\n}\n\n:host([name-tag-position='top-center']) ::slotted(rtk-name-tag) {\n  left: auto;\n  right: auto;\n  bottom: auto;\n  top: var(--rtk-space-3, 12px);\n}\n\n/** Keyframes */\n\n@keyframes video-fadein {\n  0% {\n    opacity: 0;\n    transform: scale(1.4) translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n::slotted(rtk-network-indicator) {\n  position: absolute;\n  right: var(--rtk-space-3, 12px);\n  bottom: var(--rtk-space-3, 12px);\n}\n\n@media only screen and (max-height: 480px) and (orientation: landscape) {\n    :host([size='sm'][variant='solid']) ::slotted(rtk-name-tag), \n    :host([size='sm'][variant='solid']) rtk-name-tag {\n    left: var(--rtk-space-0, 0px);\n    bottom: var(--rtk-space-0, 0px);\n    border-radius: var(--rtk-border-radius-none, 0);\n      transform-origin: 0% 110%;\n      transform: scale(0.6);\n  }\n}\n\n@container screentile (max-width: 400px) {\n  ::slotted(rtk-name-tag) {\n    transform-origin: 0 130%;\n    transform: scale(0.7);\n  }\n}\n";
 const RtkScreenshareViewStyle0 = rtkScreenshareViewCss;
@@ -105,7 +105,7 @@ const RtkScreenshareView = class {
         const icon = this.isFullScreen
             ? this.iconPack.full_screen_minimize
             : this.iconPack.full_screen_maximize;
-        return (h(Host, { key: '895838fc56a74007fe02299ee30de45c28604101', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: 'e5c48b3f240b44580e3693ba16b93e56c1c91099', ref: (el) => (this.videoEl = el), class: {
+        return (h(Host, { key: '2f708b5df22fcffc0d19fdf30896e4aaad29684b', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: '7cdbbde096cad5a675757f87291150d5bd8087b6', ref: (el) => (this.videoEl = el), class: {
                 visible: this.screenShareEnabled,
                 'fit-in-container': this.participant.supportsRemoteControl,
             }, playsInline: true, onPlay: () => {
@@ -113,15 +113,15 @@ const RtkScreenshareView = class {
                     screenshareParticipant: this.participant,
                     participant: this.meeting.self,
                 });
-            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: 'af1a9ab34f7eafdadd905fe6cc420f80bba9df0e', label: text }, h("rtk-button", { key: '39e85a27f31ab4341e8ea909538eee9c2fa64eea', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: '24d224601e90c39581b9b58253cc1a9afa8debb1', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: '5b86a4393bc13986edef699d41e9840beba7afaf' }, this.t('screenshare.shared')), h("div", { key: '0a8956428dda78bf4802aedb37c67a11726d383a', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '29332a805aaeb97dd1c82e764a84e99e0bb6778e', variant: "danger", onClick: () => {
+            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: 'c3340c5de0b70f2759a4654442a6ba9c85061a34', label: text }, h("rtk-button", { key: '882d093ec8c5af94ed7d15fa246319811eb45350', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: '59cf742dc69dc5407a0c575bef7cd9ad40c648dc', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: 'cddd41b2f2ce83d28c52f86c401ea41b847d1197' }, this.t('screenshare.shared')), h("div", { key: '475a0a10753366bf3ae5c25b18086155c1d57be7', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '98dd92a16e1b26e22053868d07add3b38514b3d1', variant: "danger", onClick: () => {
                 this.meeting.self.disableScreenShare();
-            } }, h("rtk-icon", { key: '1a56a38c437b82b2b948963709770c78044d2fb9', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '4447983e29864ad5f3af891ee5949faf3bb28760', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, h("rtk-icon", { key: '1147425c7c92aa8e8e9b15848e86b64e8fde3d5b', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '15aa7c156b00282d7b2c7be66eaef6d78768d166', variant: "secondary", id: "expand-btn", onClick: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, h("rtk-icon", { key: '922dcb884d37077859b6c4171ef3f66d84d4f365', icon: this.videoExpanded
+            } }, h("rtk-icon", { key: '3e15e3948c1226eb02ed2f573a57447d2b8459b6', icon: this.videoExpanded
                 ? this.iconPack.full_screen_minimize
                 : this.iconPack.full_screen_maximize, slot: "start" }), this.videoExpanded
             ? this.t('screenshare.min_preview')
-            : this.t('screenshare.max_preview'))))), h("slot", { key: '832760ef28dac2cbace7aa76769b8f6db323deda' })));
+            : this.t('screenshare.max_preview'))))), h("slot", { key: 'ec18e9db10beca7faa8191ab4da5f375c9d5e056' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/rtk-settings-audio_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage, V as getPreference, W as setPreference } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage, W as getPreference, X as setPreference } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSettingsAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;

package/dist/esm/rtk-settings-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSettingsToggleCss = ":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}";
 const RtkSettingsToggleStyle0 = rtkSettingsToggleCss;
@@ -33,7 +33,7 @@ const RtkSettingsToggle = class {
     }
     render() {
         const text = this.t('settings');
-        return (h(Host, { key: '2304f4ea95e5fb5e44665130cd744e0ebafb3ce2', title: text }, h("rtk-controlbar-button", { key: '4a648720e88dfee6b8ab84f6486fc0277e5f9345', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
+        return (h(Host, { key: 'b929e0a6febd8eb959bcb946ae123a0e993aace5', title: text }, h("rtk-controlbar-button", { key: 'a74581d52a7d9b8903098d0f1ff3b33e740206bc', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
     }
 };
 __decorate([

package/dist/esm/rtk-settings.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSettingsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--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-1000, 255 255 255))}header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}.title{font-size:20px;line-height:1}.back-btn,.dismiss-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover,.dismiss-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;min-width:var(--rtk-space-56, 224px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:16px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}main{display:flex;flex:1 1 0%;align-items:center;justify-content:center;padding-left:var(--rtk-space-6, 24px);padding-right:var(--rtk-space-6, 24px);box-sizing:border-box;width:100%;max-width:calc(100% - var(--rtk-space-56, 224px))}.dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([size='sm']) .dismiss-btn{top:var(--rtk-space-5, 20px);right:var(--rtk-space-4, 16px)}:host([size='sm']) aside{width:100%;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;max-width:100%;overflow-y:auto;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) main header{justify-content:center}:host([size='sm']) main header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}:host([size='sm']) main.active{display:block}";
 const RtkSettingsStyle0 = rtkSettingsCss;

package/dist/esm/rtk-setup-screen.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-c1fb98bb.js';
 import { a as shorten } from './string-068ce30a.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, I as gracefulStorage } from './ui-store-9e486e1b.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, J as gracefulStorage } from './ui-store-12132d9c.js';
 import { R as Render } from './index-d31a2e33.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSetupScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;padding:var(--rtk-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--rtk-controlbar-button-background-color:rgb(var(--rtk-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly;gap:var(--rtk-space-4, 16px)}.container-tile{display:flex;height:100%;width:100%;max-width:584px;flex-direction:column;gap:var(--rtk-space-2, 8px)}.metadata{display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;align-items:center;text-align:center}.meeting-title{margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:24px;font-weight:500}.join-as{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:16px;letter-spacing:-0.025em;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.uneditable-name{margin-bottom:var(--rtk-space-6, 24px)}.uneditable-name .text,.uneditable-name .name{display:inline-block}.uneditable-name .name{font-size:16px;font-weight:500}input{margin-bottom:var(--rtk-space-6, 24px);display:block;height:var(--rtk-space-10, 40px);width:100%;max-width:var(--rtk-space-80, 320px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}rtk-spinner{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--icon-size:var(--rtk-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}:host([size='sm']) .container-tile,:host([size='md']) .container-tile{height:-moz-min-content;height:min-content;flex-direction:column;justify-content:center}rtk-participant-tile{height:auto;width:100%;max-width:584px}.media-selectors{display:flex;flex-direction:column;justify-content:space-between}.media-selectors .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}";
 const RtkSetupScreenStyle0 = rtkSetupScreenCss;

package/dist/esm/rtk-sidebar-ui.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
 
 const rtkSidebarUiCss = ":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";
 const RtkSidebarUiStyle0 = rtkSidebarUiCss;
@@ -69,11 +69,11 @@ const RtkSidebarUi = class {
     render() {
         const isFullScreen = this.view === 'full-screen';
         const activeTab = this.tabs.find((tab) => tab.id === this.currentTab);
-        return (h(Host, { key: 'bc9969254516bb334f0bbc6216432121d675a83e', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (h("rtk-button", { key: 'ce9dabf448e0914fa516c717825ee00ad476d412', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, h("rtk-icon", { key: '5966e4c6a7bbdea25fa64e197c47fcded0625754', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (h("header", { key: '3b7109ba37e019a3da3a0aeb07b54fcf28e869b4', class: "main-header" }, h("h3", { key: 'c57a8719fe6dca4ed092fbb21733c0d0ac074dc3' }, activeTab.name), h("slot", { key: 'f95589b898e0b4a8001d45d5b4c833576fab4fd8', name: "pinned-state" }))), isFullScreen && (h("header", { key: '72cd52ea2a27caf4dc826d4222738325853281c8', class: "mobile-tabs" }, this.tabs.map((tab) => (h("button", { onClick: () => {
+        return (h(Host, { key: 'c82b2c0115417c6da59813f5dda1f306cf8ddba6', ref: (el) => (this.hostEl = el), class: this.view }, !this.hideCloseAction && (h("rtk-button", { key: '3edc83cd51bc361031bc3a6ef6790c8f8158c696', ref: (el) => (this.closeButton = el), variant: "ghost", kind: "icon", class: "close", onClick: this.onClose, "aria-label": this.t('close') }, h("rtk-icon", { key: 'd519be5840e46b9b0ca594fb7783f4432ee2df2a', icon: this.iconPack.dismiss }))), activeTab && !this.hideHeader && (h("header", { key: '097e785b39dd9fdc678e7029638faa7b897878b1', class: "main-header" }, h("h3", { key: 'bf75453843c0fe9ec2df142cfc08e9e1767768a6' }, activeTab.name), h("slot", { key: 'fadc034a7574c72cba40f1e1a365b044622b9ebb', name: "pinned-state" }))), isFullScreen && (h("header", { key: 'd75a18fc3bf34d462e036d0ffd235a3cdd59cc22', class: "mobile-tabs" }, this.tabs.map((tab) => (h("button", { onClick: () => {
                 this.tabChange.emit(tab.id);
             }, class: {
                 active: this.currentTab === tab.id,
-            } }, tab.name))))), h("slot", { key: '266ec59a2d04803b2d035f7929394e66e92aa542', name: this.currentTab })));
+            } }, tab.name))))), h("slot", { key: 'b11a84e677553f44e51b0f0b7209ddc769a8094e', name: this.currentTab })));
     }
     static get watchers() { return {
         "currentTab": ["handleFocusCloseButton"]

package/dist/esm/rtk-sidebar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { c as canViewChat, d as canViewPolls, a as canViewParticipants, b as canViewPlugins } from './sidebar-030fff49.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { c as canViewChat, d as canViewPolls, a as canViewParticipants, b as canViewPlugins } from './sidebar-376c9917.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 import { R as Render } from './index-d31a2e33.js';
 
 const rtkSidebarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-right:var(--rtk-space-0, 0px);height:100%;width:100%;max-width:var(--rtk-space-96, 384px);box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-4, 16px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px 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-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}";

package/dist/esm/rtk-simple-grid.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
 import { R as Render } from './index-d31a2e33.js';
 import { u as useGrid } from './grid-a3ca5a3e.js';
 import { i as index } from './ResizeObserver.es-02979d4e.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSimpleGridCss = ":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;height:100%;width:100%}";
 const RtkSimpleGridStyle0 = rtkSimpleGridCss;

package/dist/esm/rtk-spotlight-grid.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.js';
 import { R as Render } from './index-d31a2e33.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSpotlightGridCss = ":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%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";
 const RtkSpotlightGridStyle0 = rtkSpotlightGridCss;
@@ -67,13 +67,13 @@ const RtkSpotlightGrid = class {
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: 'e59d2ac514c625655e956290435cf75115d28680' }, h("main", { key: '3a6ce7465092914937ccc0a4011313889ff8b215', part: "main" }, h(Render, { key: 'ed21c2595f58f4b430b1d42b7329c6e3a7952552', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: '3e5596fe72e5df7684bfc51df9df3171358d094a' }, h("main", { key: '8c00ae24704582f775042399624a0274c9384d0c', part: "main" }, h(Render, { key: 'c5a06e7aff1aba7f4120acccf8e6e45d3267fccc', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'main-grid',
                 participants: this.pinnedParticipants,
                 aspectRatio: this.aspectRatio,
                 gap: this.gap,
                 size: this.getAdaptiveSize(this.pinnedParticipants.length),
-            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '52d3ab791766e9107b034de5328c72d63729db1c', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '58ca609909a390092527ae999195e7d0c46a4feb', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '24bafede04344ea964cf667c5ba90f6fe52d1962', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '2328434d5f2a309e27c4af59d863e3122ec9fbc9', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/esm/rtk-spotlight-indicator.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkSpotlightIndicatorCss = ":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{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}";
 const RtkSpotlightIndicatorStyle0 = rtkSpotlightIndicatorCss;

package/dist/esm/rtk-stage-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const canJoinStage = (meeting) => {
     var _a, _b;

package/dist/esm/rtk-stage.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkStageCss = ":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}";
 const RtkStageStyle0 = rtkStageCss;
@@ -25,7 +25,7 @@ const RtkStage = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'a8869602eda342c0c2de8682ab0b68cf68b4883e' }, h("slot", { key: 'f2c477f44bed9ac574795d934db9f72920b73180' })));
+        return (h(Host, { key: 'cfccb12248bda74943e89cfd663504499925e73f' }, h("slot", { key: 'c48c7b62c93cefeeaad9904bbd62ea06c376199e' })));
     }
 };
 __decorate([

package/dist/esm/rtk-transcript.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkTranscriptCss = ":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}";
 const RtkTranscriptStyle0 = rtkTranscriptCss;
@@ -40,7 +40,7 @@ const RtkTranscript = class {
         }, 10000);
     }
     render() {
-        return (h(Host, { key: 'ef273b9fcb4646120b31fce89d9c2cc5d4f2c811' }, h("div", { key: '68ec72f68aa52761f1b29c021a9babbe72ed0fd6', class: "ctr" }, h("p", { key: 'db08ea2b280f097b700163954ce8f7893f312919', class: "message" }, h("span", { key: '06fd5928dd075d4edc35bc09859ad51c6b2ec54f', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: '178bec61ca4e702446a1d8ef9cc700d614e473cb' }, h("div", { key: 'cc7f9847399f373bb93b74d5b56acb2636df3668', class: "ctr" }, h("p", { key: 'c8d6e26e1ce9038b73ca69e5ca75e658e9df2465', class: "message" }, h("span", { key: '1138ba7e3f8c131fb4c22315791ec480b8233e24', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/esm/rtk-transcripts.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, w as writeTask, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, h as useLanguage, P as clone } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { c as createDefaultConfig, i as useLanguage, Q as clone } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkTranscriptsCss = ":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:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;justify-content:center;width:100%;z-index:5}rtk-transcript{margin-top:var(--rtk-space-2, 8px)}";
 const RtkTranscriptsStyle0 = rtkTranscriptsCss;

package/dist/esm/rtk-ui-provider.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, u as uiStore, b as createPeerStore } from './ui-store-9e486e1b.js';
-import { d as deepMerge, p as provideRtkDesignSystem } from './merge-7ffc04b3.js';
+import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig, f as defaultOverrides, u as uiStore, b as createPeerStore } from './ui-store-12132d9c.js';
+import { d as deepMerge, p as provideRtkDesignSystem } from './merge-bc2a0775.js';
 
 const rtkUiProviderCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";
 const RtkUiProviderStyle0 = rtkUiProviderCss;
@@ -24,6 +24,8 @@ const RtkUiProvider = class {
         this.mode = 'fixed';
         /** Whether to show setup screen or not */
         this.showSetupScreen = false;
+        /** UI Kit Overrides */
+        this.overrides = defaultOverrides;
         this.roomJoinedListener = () => {
             this.updateStates({ meeting: 'joined' });
         };
@@ -76,6 +78,7 @@ const RtkUiProvider = class {
         this.iconPackChanged(this.iconPack);
         this.tChanged(this.t);
         this.configChanged(this.config);
+        this.overridesChanged(this.overrides);
     }
     disconnectedCallback() {
         window.removeEventListener('rtkError', this.authErrorListener);
@@ -148,6 +151,7 @@ const RtkUiProvider = class {
                 iconPack: this.iconPack,
                 t: this.t,
                 providerId: this.providerId,
+                overrides: deepMerge(Object.assign({}, defaultOverrides), this.overrides),
             });
             // Notify components that peer specific store is now available
             document.dispatchEvent(new CustomEvent('rtkPeerStoreReady', {
@@ -204,6 +208,11 @@ const RtkUiProvider = class {
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
+    overridesChanged(overrides) {
+        if (this.peerStore) {
+            this.peerStore.state.overrides = deepMerge(Object.assign({}, defaultOverrides), overrides);
+        }
+    }
     render() {
         // Don't render children until meeting is properly initialized
         if (!this.meeting) {
@@ -216,7 +225,8 @@ const RtkUiProvider = class {
         "meeting": ["meetingChanged"],
         "iconPack": ["iconPackChanged"],
         "t": ["tChanged"],
-        "config": ["configChanged"]
+        "config": ["configChanged"],
+        "overrides": ["overridesChanged"]
     }; }
 };
 RtkUiProvider.style = RtkUiProviderStyle0;

package/dist/esm/rtk-waiting-screen.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
-import { S as SyncWithStore } from './index-e65afca5.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
+import { S as SyncWithStore } from './index-6eb882e7.js';
 
 const rtkWaitingScreenCss = ":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}.centered{display:flex;flex-direction:column;align-items:center}rtk-logo{margin-bottom:var(--rtk-space-8, 32px);height:var(--rtk-space-12, 48px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkWaitingScreenStyle0 = rtkWaitingScreenCss;
@@ -26,7 +26,7 @@ const RtkWaitingScreen = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1b65c6ea9a3747fca54e10ae22de1f66f0b5095e' }, h("slot", { key: '1291fd61658c377b46a19a48972bd9fd718a6452' }, h("div", { key: '72d460d5cfaa8aa5ef03a97466a5ea1810c661a6', class: "centered", part: "content" }, h("rtk-logo", { key: 'd9f65cf1ca150090051a7f832eccff954231a53f', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: '2bf23f63b9bb3aea03c880ea70c2911f919fc299' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: '42ab084403fb118e17ca88c0aa9ca896d44893b7' }, h("slot", { key: 'd92a248417603793da8efb8d3b914f1730bd2fc0' }, h("div", { key: '45a4c570273ee8e070fea17c340c800859ee72e3', class: "centered", part: "content" }, h("rtk-logo", { key: '7c5fe652ea18ed2cac0c20351525250c83cf8a1d', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'a3ac66ef146ac1f04a9a8e912befa3de40d534a1' }, this.t('waitlist.body_text'))))));
     }
 };
 __decorate([

package/dist/esm/{sidebar-030fff49.js → sidebar-376c9917.js}

@@ -1,4 +1,4 @@
-import { N as isLiveStreamViewer } from './ui-store-9e486e1b.js';
+import { O as isLiveStreamViewer } from './ui-store-12132d9c.js';
 
 const canViewChat = (meeting) => {
     if (meeting && !meeting.chat)

package/dist/esm/{ui-store-9e486e1b.js → ui-store-12132d9c.js}

@@ -2,7 +2,6 @@ import { g as getRenderingRef, f as forceUpdate } from './index-c1fb98bb.js';
 
 const FlagsmithFeatureFlags = {
     PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE: 'play_participant_tile_video_on_pause',
-    DISABLE_EMOJI_PICKER: 'disable_emoji_picker',
     FEAT_PAGINATED_CHAT: 'feat_paginated_chat',
     LOG_PLAYING_FAILURES: 'log_playing_failures',
     FEAT_CHANNEL_CHAT: 'feat_channel_chat',
@@ -3841,6 +3840,13 @@ const getUserPreferences = () => {
 };
 const chatUnreadTimestamps = {};
 
+/**
+ * Default UI Kit Overrides
+ */
+const defaultOverrides = {
+    disableEmojiPicker: false,
+};
+
 const getInitialStates = (peerId) => ({
     meeting: 'idle',
     prefs: getUserPreferences(),
@@ -3855,6 +3861,7 @@ const uiStore = createStore({
     peerId: 'global',
     storeType: 'global',
     storeId: 'store-global',
+    overrides: defaultOverrides,
 });
 const elementsMap = new Map();
 // Attach elementsMap to global store for consistency
@@ -3878,7 +3885,7 @@ uiStore.use({
 });
 const uiState = uiStore.state;
 // Function to create a new store instance for peer-specific stores
-function createPeerStore({ meeting, config, providerId, iconPack, t }) {
+function createPeerStore({ meeting, config, providerId, iconPack, t, overrides, }) {
     const store = createStore({
         meeting: meeting,
         t,
@@ -3889,6 +3896,7 @@ function createPeerStore({ meeting, config, providerId, iconPack, t }) {
         storeType: 'peer',
         // Use provider id's numeric portion as store id for easier debugging
         storeId: 'store-' + providerId.replace('provider-', ''),
+        overrides: overrides,
     });
     const peerElementsMap = new Map();
     // Attach elementsMap to store so appendElement/removeElement can access it
@@ -3958,4 +3966,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, FlagsmithFeatureFlags as H, gracefulStorage$1 as I, appendElement as J, removeElement as K, root$1 as L, canToggleBreakout as M, isLiveStreamViewer as N, showLivestream as O, clone as P, resetRoomCount as Q, participantIdentifier as R, Stack as S, PlayerState as T, getLivestreamViewerAllowedQualityLevels as U, getPreference as V, setPreference as W, getAllConnectedParticipants 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 };
+export { cloneTypedArray as A, BreakoutRoomsManager as B, isArguments$1 as C, isFunction as D, initCloneObject as E, isLiveStreamHost as F, disableSettingSinkId as G, chatUnreadTimestamps as H, FlagsmithFeatureFlags as I, gracefulStorage$1 as J, appendElement as K, removeElement as L, root$1 as M, canToggleBreakout as N, isLiveStreamViewer as O, showLivestream as P, clone as Q, resetRoomCount as R, Stack as S, participantIdentifier as T, PlayerState as U, getLivestreamViewerAllowedQualityLevels as V, getPreference as W, setPreference as X, getAllConnectedParticipants as Y, uiState as a, createPeerStore as b, createDefaultConfig as c, defaultConfig as d, defaultIconPack as e, defaultOverrides as f, getInitialStates as g, defaultLanguage as h, useLanguage as i, defineProperty$1 as j, isObject as k, isArrayLike as l, isIndex as m, eq as n, isObjectLike as o, baseGetTag as p, getPrototype$1 as q, baseAssignValue as r, copyObject as s, keysIn as t, uiStore as u, isArray$1 as v, isBuffer$1 as w, isTypedArray$1 as x, copyArray as y, cloneBuffer as z };

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

@@ -1 +1 @@
-import{c as t}from"./p-e87928f7.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-e87928f7.js";export{p as provideRtkDesignSystem}from"./p-91fd286c.js";import{g as s}from"./p-93b84c22.js";export{e as extendConfig,g as generateConfig}from"./p-93b84c22.js";export{R as RtkNotificationsAudio}from"./p-6a45f305.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-084b6f30.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-25c4d10f.js";export{B as BreakoutRoomsManager,c as createDefaultConfig,b as createPeerStore,d as defaultConfig,e as defaultIconPack,h as defaultLanguage,f as defaultOverrides,g as getInitialStates,a as uiState,u as uiStore,i as useLanguage}from"./p-25c4d10f.js";export{p as provideRtkDesignSystem}from"./p-cd0c5440.js";import{g as s}from"./p-d3e520e5.js";export{e as extendConfig,g as generateConfig}from"./p-d3e520e5.js";export{R as RtkNotificationsAudio}from"./p-afa7211c.js";export{g as generateChatGroupKey,a as getChatGroups,c as getParticipantUserId,b as getUnreadChatCounts}from"./p-a5900df2.js";import"./p-0ee570cd.js";const r=(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 o(t){return e=>Array.isArray(e)?e[0]===t:e===t}function n(t){return e=>Array.isArray(e)?e[0]!==t:e!==t}function l(t){return t.replace(/([a-z])([A-Z])/g,(t=>`${t[0]}-${t[1]}`.toLowerCase()))}class m{constructor(t,e,s){this.elem=t,this.config=e,this.keyString=s}add(t,e={}){var s;let i=t=l(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(o(t))?this.elem.remove=this.elem.remove.filter(n(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=l(t),Array.isArray(this.elem)){const e=this.elem.findIndex(o(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(n(t)):"add"in this.elem&&Array.isArray(this.elem.add)&&this.elem.add.find((e=>e===t))?this.elem.add=this.elem.add.filter(n(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 v{constructor(e){this.config=e||t()}find(t,e={}){t=l(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 n=r[o];return void 0===n&&(r[o]={},n=r[o]),new m(n,this.config,o)}build(){return this.config}}function y(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 v(t)))})),i}export{v as RtkUiBuilder,y as registerAddons,r as sendNotification}

package/dist/realtimekit-ui/{p-385fddbd.entry.js → p-00445029.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{c as r,e as a,h as o}from"./p-e87928f7.js";import{S as s}from"./p-80c856cd.js";var n=function(t,e,i,r){var a,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(e,i,s):a(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const d=class{constructor(e){t(this,e),this.isPinned=!1,this.nameTagPosition="bottom-left",this.isPreview=!1,this.config=r(),this.variant="solid",this.iconPack=a,this.t=o(),this.onVideoUpdate=t=>{this.videoState=t}}connectedCallback(){this.participantsChanged(this.participant)}componentDidLoad(){this.videoStateChanged(this.videoState)}disconnectedCallback(){null!=this.participant&&this.participant.removeListener("videoUpdate",this.onVideoUpdate)}async participantsChanged(t){null!=t&&(this.videoState={videoEnabled:t.videoEnabled,videoTrack:t.videoTrack},this.isPinned=t.isPinned,t.addListener("videoUpdate",this.onVideoUpdate))}videoStateChanged(t){if(null!=t&&null!=this.videoEl)if(t.videoEnabled){const e=new MediaStream;e.addTrack(t.videoTrack),this.videoEl.srcObject=e}else this.videoEl.srcObject=void 0}isMirrored(){var t;if(null!=this.participant&&("preview"in this.participant||this.isPreview)){const e=this.states,i=null===(t=null==e?void 0:e.prefs)||void 0===t?void 0:t.mirrorVideo;if("boolean"==typeof i)return i}return!1}render(){var t,r,a,o;return e(i,{key:"05dae6198445aaae28546dba043ce89e8fd0e796"},e("video",{key:"1a306aa1f4ec027338400e3b40349b92184d470d",ref:t=>this.videoEl=t,class:{visible:null===(t=this.videoState)||void 0===t?void 0:t.videoEnabled,mirror:this.isMirrored(),[null!==(o=null===(a=null===(r=this.config)||void 0===r?void 0:r.config)||void 0===a?void 0:a.videoFit)&&void 0!==o?o:"cover"]:!0},autoPlay:!0,playsInline:!0,muted:!0}),e("slot",{key:"69ae8a0337cd57891b99fafe677f63652a6340bc"}))}static get watchers(){return{participant:["participantsChanged"],videoState:["videoStateChanged"]}}};n([s()],d.prototype,"states",void 0),n([s()],d.prototype,"config",void 0),n([s()],d.prototype,"iconPack",void 0),n([s()],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{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}";export{d as rtk_participant_setup}
+import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{c as r,e as a,i as o}from"./p-25c4d10f.js";import{S as s}from"./p-9b550ec4.js";var n=function(t,e,i,r){var a,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(e,i,s):a(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};const d=class{constructor(e){t(this,e),this.isPinned=!1,this.nameTagPosition="bottom-left",this.isPreview=!1,this.config=r(),this.variant="solid",this.iconPack=a,this.t=o(),this.onVideoUpdate=t=>{this.videoState=t}}connectedCallback(){this.participantsChanged(this.participant)}componentDidLoad(){this.videoStateChanged(this.videoState)}disconnectedCallback(){null!=this.participant&&this.participant.removeListener("videoUpdate",this.onVideoUpdate)}async participantsChanged(t){null!=t&&(this.videoState={videoEnabled:t.videoEnabled,videoTrack:t.videoTrack},this.isPinned=t.isPinned,t.addListener("videoUpdate",this.onVideoUpdate))}videoStateChanged(t){if(null!=t&&null!=this.videoEl)if(t.videoEnabled){const e=new MediaStream;e.addTrack(t.videoTrack),this.videoEl.srcObject=e}else this.videoEl.srcObject=void 0}isMirrored(){var t;if(null!=this.participant&&("preview"in this.participant||this.isPreview)){const e=this.states,i=null===(t=null==e?void 0:e.prefs)||void 0===t?void 0:t.mirrorVideo;if("boolean"==typeof i)return i}return!1}render(){var t,r,a,o;return e(i,{key:"0e892e1dfa9613f7fdd62dbca7254284eb6df977"},e("video",{key:"bc958a758eef2ada959c848ea85ab337daec8dc7",ref:t=>this.videoEl=t,class:{visible:null===(t=this.videoState)||void 0===t?void 0:t.videoEnabled,mirror:this.isMirrored(),[null!==(o=null===(a=null===(r=this.config)||void 0===r?void 0:r.config)||void 0===a?void 0:a.videoFit)&&void 0!==o?o:"cover"]:!0},autoPlay:!0,playsInline:!0,muted:!0}),e("slot",{key:"4271e84aaf556c68d2781da4b1e67ce709a1f00c"}))}static get watchers(){return{participant:["participantsChanged"],videoState:["videoStateChanged"]}}};n([s()],d.prototype,"states",void 0),n([s()],d.prototype,"config",void 0),n([s()],d.prototype,"iconPack",void 0),n([s()],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{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}";export{d as rtk_participant_setup}

package/dist/realtimekit-ui/{p-74e1b5a6.entry.js → p-05d1b9d5.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{e as o,h as r}from"./p-e87928f7.js";import{S as n}from"./p-80c856cd.js";var s=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const a=class{constructor(e){t(this,e),this.iconPack=o,this.t=r()}render(){var t;const o=null===(t=this.meeting)||void 0===t?void 0:t.meta.meetingTitle;return null==o?e(i,{"data-hidden":!0}):e(i,{role:"banner","aria-label":o},e("rtk-tooltip",{label:o,part:"tooltip"},e("div",{class:"title",part:"title"},o)))}};s([n()],a.prototype,"meeting",void 0),s([n()],a.prototype,"iconPack",void 0),s([n()],a.prototype,"t",void 0),a.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{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";export{a as rtk_meeting_title}
+import{r as t,h as e,H as i}from"./p-0ee570cd.js";import{e as o,i as r}from"./p-25c4d10f.js";import{S as n}from"./p-9b550ec4.js";var s=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const a=class{constructor(e){t(this,e),this.iconPack=o,this.t=r()}render(){var t;const o=null===(t=this.meeting)||void 0===t?void 0:t.meta.meetingTitle;return null==o?e(i,{"data-hidden":!0}):e(i,{role:"banner","aria-label":o},e("rtk-tooltip",{label:o,part:"tooltip"},e("div",{class:"title",part:"title"},o)))}};s([n()],a.prototype,"meeting",void 0),s([n()],a.prototype,"iconPack",void 0),s([n()],a.prototype,"t",void 0),a.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{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";export{a as rtk_meeting_title}

package/dist/realtimekit-ui/{p-95f05e26.entry.js → p-0baa78d7.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{F as e,e as r,h as o,N as h}from"./p-e87928f7.js";import{S as d}from"./p-80c856cd.js";class n{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var c=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new n(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"e8515d8ee981ccf7d43d0ccadfd4414ac2602979"},this.showPlayDialog&&a("rtk-dialog",{key:"75dfd57ba7927e298fb39fd7d4212e18c229d7f0",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"1749ed436d4c241a391bbe24ae58cf3644105f7f",class:"modal"},a("h3",{key:"7352013c7e81212fb4667cd97d4f77930fdf943c"},this.t("audio_playback.title")),a("p",{key:"56134c9034b5620aabac1567207a2e0c3b051981"},this.t("audio_playback.description")),a("rtk-button",{key:"485007a99d8bada88f5a768b15d5a1077ea4b073",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};c([d()],l.prototype,"meeting",void 0),c([d()],l.prototype,"iconPack",void 0),c([d()],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;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}
+import{r as t,c as i,h as a,H as s}from"./p-0ee570cd.js";import{G as e,e as r,i as o,O as h}from"./p-25c4d10f.js";import{S as d}from"./p-9b550ec4.js";class c{constructor(t,i){this.meeting=t,this.audio=null!=i?i:document.createElement("audio"),this.audio.autoplay=!0,this.logger=t.__internals__.logger,this.audioStream=new MediaStream,this.audio.srcObject=this.audioStream,this.audioTracks=[]}addTrack(t,i){this.audioTracks.some((i=>i.id===t))||(this.audioTracks.push({id:t,track:i}),this.audioStream.addTrack(i),this.play())}removeTrack(t){const i=this.audioTracks.find((i=>i.id===t));null!=i&&(this.audioStream.removeTrack(i.track),this.audioTracks=this.audioTracks.filter((i=>i.id!==t)))}async play(){var t;this.audio.srcObject=this.audioStream,await(null===(t=this.audio.play())||void 0===t?void 0:t.catch((t=>{"NotAllowedError"===t.name?null!=this._onError&&this._onError():"AbortError"!==t.name&&this.logger.error("[rtk-audio] play() error\n",t)})))}async setDevice(t){var i,a,s;e(this.meeting)||await(null===(s=null===(a=(i=this.audio).setSinkId)||void 0===a?void 0:a.call(i,t))||void 0===s?void 0:s.catch((t=>{this.logger.error("[rtk-audio] setSinkId() error\n",t)})))}onError(t){this._onError=t}}var n=function(t,i,a,s){var e,r=arguments.length,o=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,a,s);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(o=(r<3?e(o):r>3?e(i,a,o):e(i,a))||o);return r>3&&o&&Object.defineProperty(i,a,o),o};const l=class{constructor(a){t(this,a),this.dialogClose=i(this,"dialogClose",7),this.iconPack=r,this.t=o(),this.preloadedAudioElem=void 0,this.showPlayDialog=!1,this.onRtkDialogClose=()=>{this.showPlayDialog=!1,this.dialogClose.emit()}}componentDidLoad(){this.meetingChanged(this.meeting)}disconnectedCallback(){var t;this.meeting&&(this.audioUpdateListener&&this.meeting.participants.joined.removeListener("audioUpdate",this.audioUpdateListener),this.screenShareUpdateListener&&this.meeting.participants.joined.removeListener("screenShareUpdate",this.screenShareUpdateListener),this.participantLeftListener&&this.meeting.participants.joined.removeListener("participantLeft",this.participantLeftListener),this.deviceUpdateListener&&this.meeting.self.removeListener("deviceUpdate",this.deviceUpdateListener),this.stageStatusUpdateListener&&(null===(t=this.meeting.stage)||void 0===t||t.removeListener("stageStatusUpdate",this.stageStatusUpdateListener)))}async setupAudio(){this.audio=new c(this.meeting,this.preloadedAudioElem);const t=this.meeting.self.getCurrentDevices();null!=t.speaker&&await this.audio.setDevice(t.speaker.deviceId)}async handleAutoPlayError(){this.audio||await this.setupAudio(),this.audio.onError((()=>{this.showPlayDialog=!0})),this.audio.play()}async handleEvents(t){this.audioUpdateListener=({id:t,audioEnabled:i,audioTrack:a})=>{const s=`audio-${t}`;i&&null!=a?this.audio.addTrack(s,a):this.audio.removeTrack(s)};const i=t.participants.joined.toArray();for(const t of i)this.audioUpdateListener(t);this.participantLeftListener=({id:t})=>{this.audio.removeTrack(`audio-${t}`),this.audio.removeTrack(`screenshare-${t}`)},this.screenShareUpdateListener=({id:t,screenShareEnabled:i,screenShareTracks:a})=>{const s=`screenshare-${t}`;i&&null!=a.audio?this.audio.addTrack(s,a.audio):this.audio.removeTrack(s)},this.deviceUpdateListener=({device:t,preview:i})=>{i||"audiooutput"===t.kind&&this.audio.setDevice(t.deviceId)},t.participants.joined.addListener("audioUpdate",this.audioUpdateListener),t.participants.joined.addListener("screenShareUpdate",this.screenShareUpdateListener),t.participants.joined.addListener("participantLeft",this.participantLeftListener),t.self.addListener("deviceUpdate",this.deviceUpdateListener)}async meetingChanged(t){var i;t&&(this.setupAudio(),h(t)?(this.stageStatusUpdateListener=async t=>{"ON_STAGE"===t&&await this.handleAutoPlayError()},null===(i=t.stage)||void 0===i||i.on("stageStatusUpdate",this.stageStatusUpdateListener)):await this.handleAutoPlayError(),await this.handleEvents(t))}render(){return a(s,{key:"21a64212a6cc90c14a8f5593269be311b844c574"},this.showPlayDialog&&a("rtk-dialog",{key:"9572a416560f8ebd569d977b0d6b1758fe9ffaa4",open:!0,onRtkDialogClose:this.onRtkDialogClose,hideCloseButton:!0,disableEscapeKey:!0,iconPack:this.iconPack,t:this.t},a("div",{key:"dd3cea3ac1b3ba4feb4f85a0cc2d8505bf25597e",class:"modal"},a("h3",{key:"3dc9046e0322029cee74b8d5688453f081b529e1"},this.t("audio_playback.title")),a("p",{key:"b9b076d73c0ac8fa13e25bfba2ebd6c968d41e58"},this.t("audio_playback.description")),a("rtk-button",{key:"274d941ea5c4f3b6aa6e94f200dabd84856ebccc",kind:"wide",onClick:()=>{this.audio.play(),this.onRtkDialogClose()},title:this.t("audio_playback")},this.t("audio_playback")))))}static get watchers(){return{meeting:["meetingChanged"]}}};n([d()],l.prototype,"meeting",void 0),n([d()],l.prototype,"iconPack",void 0),n([d()],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;overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.modal{box-sizing:border-box;width:100%;max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-4, 16px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.modal h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:24px;font-weight:500}.modal p{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-6, 24px)}.modal rtk-button{width:100%}";export{l as rtk_participants_audio}

package/dist/realtimekit-ui/{p-12e4cb4a.js → p-11a469d9.js}

@@ -1 +1 @@
-import{N as r}from"./p-e87928f7.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{O as r}from"./p-25c4d10f.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)},i=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,i as b,t as c,n as d}

package/dist/realtimekit-ui/{p-8f512d69.entry.js → p-14569a57.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{c as n,e as o,h as a}from"./p-e87928f7.js";import{R as h}from"./p-c8eaa707.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-80c856cd.js";var l=function(t,i,s,e){var n,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(a=(o<3?n(a):o>3?n(i,s,a):n(i,s))||a);return o>3&&a&&Object.defineProperty(i,s,a),a};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=n(),this.iconPack=o,this.t=a(),this.dimensions={width:0,height:0},this.setHostDimensions=()=>{const{clientWidth:t,clientHeight:i}=this.host;this.dimensions={width:t,height:i}}}connectedCallback(){this.resizeObserver=new c(this.setHostDimensions),this.resizeObserver.observe(this.host),this.meetingChanged(this.meeting)}meetingChanged(t){const i=null==t?void 0:t.meta;i&&(this.mediaConnection=Object.assign({},i.mediaState))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){if(!this.meeting)return null;const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:e,height:n,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(s,null,i("slot",null,this.participants.map(((s,a)=>{const{top:r,left:c}=o(a);return i(h,{element:"rtk-participant-tile",defaults:t,props:{participant:s,style:{position:"absolute",top:`${r}px`,left:`${c}px`,width:`${e}px`,height:`${n}px`},key:s.id,"data-participant":s.id,mediaConnection:this.mediaConnection},childProps:{participant:s},deepProps:!0})}))))}get host(){return e(this)}static get watchers(){return{meeting:["meetingChanged"]}}};l([p()],d.prototype,"meeting",void 0),l([p()],d.prototype,"states",void 0),l([p()],d.prototype,"config",void 0),l([p()],d.prototype,"iconPack",void 0),l([p()],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{position:relative;display:block;height:100%;width:100%}";export{d as rtk_simple_grid}
+import{r as t,h as i,H as s,a as e}from"./p-0ee570cd.js";import{c as n,e as o,i as a}from"./p-25c4d10f.js";import{R as h}from"./p-c8eaa707.js";import{u as r}from"./p-b13ddb7d.js";import{i as c}from"./p-f47d4fe8.js";import{S as p}from"./p-9b550ec4.js";var l=function(t,i,s,e){var n,o=arguments.length,a=o<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,s,e);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(a=(o<3?n(a):o>3?n(i,s,a):n(i,s))||a);return o>3&&a&&Object.defineProperty(i,s,a),a};const d=class{constructor(i){t(this,i),this.participants=[],this.aspectRatio="16:9",this.gap=8,this.config=n(),this.iconPack=o,this.t=a(),this.dimensions={width:0,height:0},this.setHostDimensions=()=>{const{clientWidth:t,clientHeight:i}=this.host;this.dimensions={width:t,height:i}}}connectedCallback(){this.resizeObserver=new c(this.setHostDimensions),this.resizeObserver.observe(this.host),this.meetingChanged(this.meeting)}meetingChanged(t){const i=null==t?void 0:t.meta;i&&(this.mediaConnection=Object.assign({},i.mediaState))}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){if(!this.meeting)return null;const t={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},{width:e,height:n,getPosition:o}=r({dimensions:this.dimensions,count:this.participants.length,aspectRatio:this.aspectRatio,gap:this.gap});return i(s,null,i("slot",null,this.participants.map(((s,a)=>{const{top:r,left:c}=o(a);return i(h,{element:"rtk-participant-tile",defaults:t,props:{participant:s,style:{position:"absolute",top:`${r}px`,left:`${c}px`,width:`${e}px`,height:`${n}px`},key:s.id,"data-participant":s.id,mediaConnection:this.mediaConnection},childProps:{participant:s},deepProps:!0})}))))}get host(){return e(this)}static get watchers(){return{meeting:["meetingChanged"]}}};l([p()],d.prototype,"meeting",void 0),l([p()],d.prototype,"states",void 0),l([p()],d.prototype,"config",void 0),l([p()],d.prototype,"iconPack",void 0),l([p()],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{position:relative;display:block;height:100%;width:100%}";export{d as rtk_simple_grid}