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

package/dist/components/{p-b6869c32.js → p-410cef02.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { i as useLanguage, e as defaultIconPack } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { i as useLanguage, e as defaultIconPack } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -166,7 +166,7 @@ const RtkPermissionsMessage = /*@__PURE__*/ proxyCustomElement(class RtkPermissi
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: '6ae73a5881876423b5065f878457a9c125c30ca8' }, h("h2", { key: 'd92a983a6a5d98f337888da65b5e8438ea6b2f1d' }, h("rtk-icon", { key: '00842b2e9c00b9f37fcd5259190e02282c013913', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: 'f86b1fac2420ba4d323a027ff806989a417d03dd', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '8bd0f3b1a8d22fe783c5483273056d2df1e5f8e2' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'eb177deab4d6fe72a06f918740a3a892344982d4', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: 'b25bb5f60e479f79d462961e5c11ad6d7e5e1844', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: 'cebce7cb7b2529bc92ac23420b7ea30025fe80a4', class: "actions" }, h("rtk-button", { key: 'f92b409ace419307243ceaf9de047e61ee6782e7', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '0be270faf43bde77cb109950d59be74be8e1669c' })));
+        return (h(Host, { key: 'f0e558f0b98d021926c7f9f90cfb8670d103db05' }, h("h2", { key: '4b6e9f52cda1abb9d8da4c1edd503e64b35f086b' }, h("rtk-icon", { key: '47af44fab9d26df7236f819d2903b6a2c5061bdb', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '869f949a2bd2baf5dbeb4d4cd31989ec0a6f488a', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '0e6a2d11de6bea2ee3b7d1f888c2ec0ea48f0714' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'd61322bd60473fbcf3b6a3e5df80a626e488c041', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: '6a1b76774ba6c930bc3c6f4b241a473ed0c0200e', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '0459c0fe9d191a65a8e310bf124d2527ed7339fb', class: "actions" }, h("rtk-button", { key: '263785815c225dc50688d63bd19c80812fe37e18', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '138acdaf33fe00d1200b776c817321115938d916' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-1da807a2.js → p-4c82be72.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { s as shorten, f as formatName } from './p-efabd2ce.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 
 const rtkNameTagCss = ":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:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}span.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}::slotted(rtk-audio-visualizer[slot='start']){margin-right:var(--rtk-space-1\\.5, 6px)}::slotted(rtk-audio-visualizer[slot='end']){margin-left:var(--rtk-space-1\\.5, 6px)}:host([size='sm']){font-size:12px;--tw-bg-opacity:0.6}:host([variant='text']){background-color:transparent;padding:var(--rtk-space-0, 0px)}";
 const RtkNameTagStyle0 = rtkNameTagCss;
@@ -47,7 +47,7 @@ const RtkNameTag = /*@__PURE__*/ proxyCustomElement(class RtkNameTag extends H {
         var _a, _b, _c;
         const name = formatName(((_a = this.participant) === null || _a === void 0 ? void 0 : _a.name) || '');
         const isSelf = ((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.id);
-        return (h(Host, { key: '2d54963d300fcdd14790f326ef3bf708fe582723', title: name }, h("slot", { key: '9ccf8120cf46e094e03430364b02319e52e266c7', name: "start" }), h("span", { key: '62d0ecb3c315b88c63335fd576bcd33ba95a801d', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '7e6b60ee3b99a4969d701ceb9cc96e27f8d3d4b8', name: "end" })));
+        return (h(Host, { key: '9040aabe429bea4cfcdc7a6635eeb336f2154961', title: name }, h("slot", { key: 'f66091f5af1914e91e14415a4758f9bdc15c0c85', name: "start" }), h("span", { key: '241ca42f60b258c5b3c20f423e9ade272f8f5a8b', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '7f6f9b8e5c2ea76042a0ff812458af6ed702b43d', name: "end" })));
     }
     static get watchers() { return {
         "size": ["sizeChanged"]

package/dist/components/{p-7b6356e2.js → p-5194f4d6.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
@@ -60,7 +60,7 @@ const RtkPlugins = /*@__PURE__*/ proxyCustomElement(class RtkPlugins extends H {
         }
     }
     render() {
-        return (h(Host, { key: '4df38ce202b9551b38746e549824ff800ffc9fc1' }, h("ul", { key: '19ad38b73ff77459cfda3227a013c2e28823386f', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
+        return (h(Host, { key: 'a6a2bb353164417dc70670c7834adb4b33e00368' }, h("ul", { key: 'c449c6826be87a7eb3f28a784cda0251adb9429a', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
                 plugin.activate();
                 this.close();
             }, "aria-label": `${this.t('activate')} ${plugin.name}` }, h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {

package/dist/components/{p-fefc57f9.js → p-51ef5a21.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$4 } from './p-851b90a6.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$4 } from './p-f95c314b.js';
 import { d as defineCustomElement$3 } from './p-73baf5ba.js';
-import { d as defineCustomElement$2 } from './p-dfb42075.js';
-import { d as defineCustomElement$1 } from './p-3e58e0f3.js';
+import { d as defineCustomElement$2 } from './p-93db20a6.js';
+import { d as defineCustomElement$1 } from './p-93947678.js';
 
 const rtkSettingsVideoCss = ":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)}.rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.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)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";
 const RtkSettingsVideoStyle0 = rtkSettingsVideoCss;

package/dist/components/{p-43bf8953.js → p-52e95364.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-e847fee9.js';
+import { e as defaultIconPack } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
@@ -29,7 +29,7 @@ const RtkFileMessageView = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: '5cc29b4780f581a2f8b045e5051bcc66f3fdaf55', class: "file" }, h("rtk-button", { key: '4100b47bc1d72f08ec5fe645291bfbb58e3a6486', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '52ae14abb7c27b89861d5ba4c907d606257628c9', icon: this.iconPack.download })), h("div", { key: '02c9ad8d173172a85cc474273a966607d456360e', class: "file-data" }, h("div", { key: '6ceca21685d04f175006ba35a6de194cc98879ad', class: "name" }, this.name), h("div", { key: 'b07d07bcaedee3fd6fbcfe81ce2f6bf757655b5f', class: "file-data-split" }, h("div", { key: '280635ef486de02bc68ca3e774be14fa5a461d1c', class: "ext" }, getExtension(this.name)), h("span", { key: '84f72d8b37b7d15c257faed036b76c737eec780b', class: "divider" }), h("div", { key: '1b88f48f51afe3fceb57920c3d17f586e848a25f', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: '8b4778c0c9cff1d4fc5b45e446cd450d7b8b9156', class: "file" }, h("rtk-button", { key: '6c72f68880e3bba50e8e5ebe7abd6127de227178', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '62be4e65fc87ca1721b3ab1e3e634afb6d45f3b4', icon: this.iconPack.download })), h("div", { key: '407c9ca4a0f1be967f5d2cb08f3c15b814d425bb', class: "file-data" }, h("div", { key: '89fdb171090b4f0500db05bd1ee2908c9f393036', class: "name" }, this.name), h("div", { key: 'fafc637f7077925b9f25dc9615124a18c47ff684', class: "file-data-split" }, h("div", { key: '80f45099fbe958ac7d951af08334509d4bada1e0', class: "ext" }, getExtension(this.name)), h("span", { key: 'befbc0bc7065dbf3cc76c2c20091fa30c2f30a52', class: "divider" }), h("div", { key: '75a2ad121ac602c079eb7e08390a5379ec35f4d8', class: "size" }, getFileSize(this.size))))));
     }
     static get style() { return RtkFileMessageViewStyle0; }
 }, [1, "rtk-file-message-view", {

package/dist/components/{p-39e8b34a.js → p-541e6de7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.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;
@@ -42,7 +42,7 @@ const RtkTranscript = /*@__PURE__*/ proxyCustomElement(class RtkTranscript exten
         }, 10000);
     }
     render() {
-        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))));
+        return (h(Host, { key: '1f1b1df183a375365bc978637305a9485603ba06' }, h("div", { key: '81424af54263199079b796559efaecc0e9a476df', class: "ctr" }, h("p", { key: '1d2d0eb2c17eb508eea0fe3260828982a03848a8', class: "message" }, h("span", { key: '895dc32dbc3bb8e6f97a4c1efb750e5f539dad70', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/components/{p-aae4c250.js → p-56134994.js}

@@ -1,5 +1,5 @@
 import { h } from './p-c3592601.js';
-import { M as MAX_TEXT_LENGTH, e as extractReplyBlock, s as stripOutReplyBlock, p as parseRichText } from './p-dab9d3d6.js';
+import { M as MAX_TEXT_LENGTH, e as extractReplyBlock, s as stripOutReplyBlock, d as parseRichText } from './p-addb4be5.js';
 
 const renderLink = (content) => {
     return (h("a", { class: "link", href: content, target: "_blank", rel: "noopener noreferrer" }, content));

package/dist/components/{p-b76e3950.js → p-565c8389.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -46,9 +46,9 @@ const RtkBroadcastMessageModal = /*@__PURE__*/ proxyCustomElement(class RtkBroad
         }, 2000);
     }
     render() {
-        return (h(Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
+        return (h(Host, { key: '834484040a926117171f62f1cc3af87ba60b519e' }, h("div", { key: 'd1ea5faed40e44eb416b07b309591383c54fdb1b', class: "content-col" }, h("h2", { key: '9a776c30542a7b85d30b3a857c9a99e153df944c' }, "Broadcast message to"), h("select", { key: 'e94a561dc33884cdbfcc2ac7a655f7997fd3dadf', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: 'fa6feec1e8cdac987c3ecc6e45bf3325eec44046' }, "Everyone"), h("option", { key: 'b45c084f6860928c23e5ed3feda1b47064f12363' }, "List of rooms")), h("textarea", { key: '392cf082528381245f1ef6be00da1d6d27ff0396', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/components/{p-72fffe3e.js → p-5791a91d.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 

package/dist/components/{p-fb836f65.js → p-63c79efa.js}

@@ -104,7 +104,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: '5278137bc9b99d9fe9ffeb0fc30bd887d600494d' }, h("span", { key: 'cbefda068a15340dad76668c3696a10bd94cb8e9', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'f160cf29ece64145e795a9a11459bd458482c446' })), h("div", { key: '1056b2bbc8cbacd3c32280d334d9f703a578b5ef', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: '6c6816fa1b18d49fa22ab6ffb600aaa23c5b9ec5', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '3c2d3425b2e8b4d810de2ce40394491c4698aede', name: "tooltip" }))));
+        return (h(Host, { key: 'ce9cb2211743e50c83b7f572b2e9dc5b02fa3ac8' }, h("span", { key: '74f73894f5a62519b3bf8c03a83e7102092ccd5c', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '4551b2a438b1c57ca68e4a2973529186063a13c2' })), h("div", { key: 'e3dd196c6ee225cb363bcf54d35836ff17ed5969', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: '4eb8bb3af588160018ef9d8899afc09edf4b195d', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: 'c427ef3ef9953b764f9b1adcb4a8b7eee1fe91cd', name: "tooltip" }))));
     }
     static get watchers() { return {
         "open": ["openChanged"]

package/dist/components/{p-35e93724.js → p-63e06c50.js}

@@ -1,5 +1,5 @@
-import { c as createDefaultConfig, C as isLiveStreamHost } from './p-e847fee9.js';
-import { d as deepMerge, i as isValidHexColor } from './p-da87cc71.js';
+import { c as createDefaultConfig, C as isLiveStreamHost } from './p-dc9dde66.js';
+import { d as deepMerge, i as isValidHexColor } from './p-a72d3d19.js';
 
 /**
  * Extend the default UI Config with your own

package/dist/components/{p-e64e3cec.js → p-63e51be4.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -47,7 +47,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: 'd30fe362d84f5e387dfe67dc761683b91785bafb' }, h("rtk-button", { key: '5c60d8e4fed3f53236b1099f8360c341df36aa32', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'b76e7889f6d94144aa1632159c52fb9580f931f7', icon: this.iconPack.subtract })), h("input", { key: 'cfd43551b1df8dca486b1dfc4f03d427c7e32caf', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: 'fbc7f1e47c7554a2ef41fd25469d0b7a6921b779' }, h("rtk-button", { key: '6009c3bff7b0a9052e3381957bf3ebc0a272b707', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'cc87c9d0e756651ddca7346b7730089307dc5e32', icon: this.iconPack.subtract })), h("input", { key: 'bf618a065b804ba2eb905c77fb8f28553fbaf982', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -55,7 +55,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: '4cfe34a4483d12ddbd35b82a6f5d099424b24be3', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'a06553be5801039bfefb1a2c2542d01c7426a605', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: '1b4fadb3e4a6254956cc0b8ce14d98d97c491203', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: '334bb08975bc7ec0733de9ae1ca1feaddeecb332', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]

package/dist/components/{p-74356882.js → p-645b761e.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage, I as participantIdentifier, H as getAllConnectedParticipants } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { e as defaultIconPack, i as useLanguage, I as participantIdentifier, H as getAllConnectedParticipants } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
-import { d as defineCustomElement$4 } from './p-9bdc24b8.js';
+import { d as defineCustomElement$4 } from './p-cec4d080.js';
 import { d as defineCustomElement$3 } from './p-73baf5ba.js';
-import { d as defineCustomElement$2 } from './p-e443d803.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.js';
+import { d as defineCustomElement$1 } from './p-63c79efa.js';
 
 const rtkBreakoutRoomParticipantsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;
@@ -107,9 +107,9 @@ const RtkBreakoutRoomParticipants = /*@__PURE__*/ proxyCustomElement(class RtkBr
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '7b4fb8a52a766c434d0190690adee236653f8695' }, h("div", { key: '6b9beba4ad3838402b502d6b3122d37bfc5b30a4', class: "search-wrapper" }, h("div", { key: '932ecc0612acb51bd938ca9794af9b47c7bc09b8', class: "search", part: "search" }, h("rtk-icon", { key: '6b375cbd17ce7deb3b38081cfb692ec443983a35', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '0b39fa195d5e915e74a1968a3f7344d0eb684b41', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '71aa49c87ae265fb8a3a698081dc97d9491eb77b', name: "shuffle-button" })), h("div", { key: '01be3dbfb519320ad40f135eb02e79cc7b0e418a', class: "header" }, h("div", { key: 'd52d19db24477cb31119ea67e8c3873bde405cf6', class: "title-wrapper" }, h("span", { key: 'ebb123556faf18cbb29d8e80c4720922c25f29c4' }, this.t('breakout_rooms.main_room')), h("span", { key: '3764c3184de86a8b47084ec43092f931ef80921a', class: "participant-count" }, "(", h("rtk-icon", { key: '4b442b5e54b446861af22d63d21bf153d44307a0', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '84dd5dea2a502ce55f860ab46bc160d5f1fac3a5', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'ba4de556aa6417f62e11b345d6c5deddeaada678', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'a5460550231bb96b13bcd72ab97c15bc0ca9227d', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: 'dbe3c4fc0bed63ff086b02f431ff0e880c7c008f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '96c88d33922b97ca5fc5752a85862e11eaa214cb', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: '74a766dfc41fafe84a5e34d0352cbec27d0b8b1e', class: "empty-room" }, h("rtk-icon", { key: '32f1e3389b316f4c9471960a7bdfedc2817d86a9', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '0de2996cedffac1734a277e226978768b875aabd' }, this.t('breakout_rooms.all_assigned')), h("span", { key: '83c7195b681e00ab53a52ecaad490c9b7501d5b0' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-586482a8.js → p-6614c9e7.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$5 } from './p-9bdc24b8.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$5 } from './p-cec4d080.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
 import { d as defineCustomElement$3 } from './p-73baf5ba.js';
-import { d as defineCustomElement$2 } from './p-e443d803.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.js';
+import { d as defineCustomElement$1 } from './p-63c79efa.js';
 
 const rtkParticipantsWaitingListCss = ":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-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkParticipantsWaitingListStyle0 = rtkParticipantsWaitingListCss;

package/dist/components/{p-0a31ef52.js → p-66ba4031.js}

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

package/dist/components/{p-fb7666ce.js → p-66d10db2.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-a54b82e9.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -34,10 +34,10 @@ const RtkFileMessage = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage ext
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '7e77bf95a78614fce8aac5a517e96b766d05684c' }, !this.isContinued && (h(ChatHead, { key: '2369a52afdf95e5d3850ae2e55ccf62212841797', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '21b0fc1a24e50d2487292c812b6d37189f219fdb', class: {
+        return (h(Host, { key: '3973891f85ac1d0be9bb921efa77ea5775c3ac90' }, !this.isContinued && (h(ChatHead, { key: '5bb40bca2a5aa15c851bc1bd3fa219b5baa8467d', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5a7d49c7fd330576b014a719222e5003a23a5d4f', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '8dca01f88c22a64a3b70b26ebaabdcd46afa73a7', class: "file" }, h("div", { key: 'a6bf3e516ce45acc1671df528f998ef057926539', class: "file-data" }, h("div", { key: '8680af670beb6d1fc08e0d47508667b357ff466f', class: "name" }, this.message.name), h("div", { key: '4fcd3cf05e9e14d798e04150337c93577b47104c', class: "file-data-split" }, h("div", { key: '618e81eb6011f9ebde2782f4c039fd787cba666c', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'ac5faddf53f94aab3d1f8f05d8523960de8a300f', class: "divider" }), h("div", { key: 'd28b3acf0f19d99c399f008d0d41c1a8977a821f', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '4f562573b8b0765a5a94c064ebb9c60e26eb9c1a', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '062a9cb80ab29f81fac9b6d76caaa5f5846d3837', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: 'f48b13fa9e2b7d2c484183bb9dc836c78524a5d3', class: "file" }, h("div", { key: 'e2297facdd8072f8d5253faa0294625fb54405f8', class: "file-data" }, h("div", { key: '28f873ffb63e1d48ff39f0fc58ce108f08e5a3aa', class: "name" }, this.message.name), h("div", { key: 'f6355e9bfd04605cd6fdbf287b6edb0b4cba6e0e', class: "file-data-split" }, h("div", { key: '597a5fa9e053df17b3fc6ad75ca5df76572741e1', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'a51497ebe6650eb1c5d9c4a22e837c33f31f560e', class: "divider" }), h("div", { key: '93682e9f6691726cdfab75c4e9d08b21af6f4a89', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '1d021f0fdbb2efd46208662444358e6899f91d95', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c9c989d031d5a5eacf2035a3ff69d1adf18d4026', icon: this.iconPack.download }))))));
     }
 }, [0, "rtk-file-message", {
         "message": [16],

package/dist/components/{p-193d8051.js → p-6e10fc42.js}

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

package/dist/components/{p-5476e3f3.js → p-71f12515.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$1 } from './p-dc3143c0.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$1 } from './p-8e285a44.js';
 
 const rtkParticipantsStageListCss = ":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;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;
@@ -108,7 +108,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         }
     }
     render() {
-        return (h(Host, { key: 'd9102eb22990f801c354c45ee0ff46f4a13fef60' }, h("div", { key: '58644b83e1b580f2ffd41a61319e88cfb1aae584', class: "participants-container" }, !this.hideHeader && (h("div", { key: '4063fc5e4322b723f02d40fe80522236a7ae728d', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '45a95caaa31437c03679394305115045fa6a016f', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (h(Host, { key: '5c6dea29b72b3ca77cdfec2ea0e13aa2a0b938d3' }, h("div", { key: '1d9fe26d11251da80d2e3b9ded005ff3be067705', class: "participants-container" }, !this.hideHeader && (h("div", { key: '111bd6f080d0f50ac6b1ade1927368f8f5e3f9f2', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: 'a4ef51820300b51963dfbc446c5e6f8305ce4e8f', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-e4888ccc.js → p-770c0fd7.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$d } from './p-9bdc24b8.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$d } from './p-cec4d080.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-43bf8953.js';
+import { d as defineCustomElement$b } from './p-52e95364.js';
 import { d as defineCustomElement$a } from './p-73baf5ba.js';
-import { d as defineCustomElement$9 } from './p-282e8e83.js';
-import { d as defineCustomElement$8 } from './p-cf8f725b.js';
-import { d as defineCustomElement$7 } from './p-2447a26f.js';
-import { d as defineCustomElement$6 } from './p-819cb785.js';
-import { d as defineCustomElement$5 } from './p-7148ec6a.js';
-import { d as defineCustomElement$4 } from './p-7a27fdb5.js';
-import { d as defineCustomElement$3 } from './p-44a203bd.js';
-import { d as defineCustomElement$2 } from './p-e443d803.js';
-import { d as defineCustomElement$1 } from './p-6739a399.js';
+import { d as defineCustomElement$9 } from './p-f5101af9.js';
+import { d as defineCustomElement$8 } from './p-8222af8c.js';
+import { d as defineCustomElement$7 } from './p-951a67af.js';
+import { d as defineCustomElement$6 } from './p-7e6ca4af.js';
+import { d as defineCustomElement$5 } from './p-fe648db5.js';
+import { d as defineCustomElement$4 } from './p-d3414935.js';
+import { d as defineCustomElement$3 } from './p-33db910f.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.js';
+import { d as defineCustomElement$1 } from './p-a6aea524.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
@@ -46,26 +46,14 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         this.leftAlign = false;
         this.permissionsChanged = false;
         this.pageSize = 25;
-        this.lastReadMessageIndex = -1;
         this.permissionsUpdateListener = () => {
             this.permissionsChanged = !this.permissionsChanged;
         };
-        this.maybeMarkChannelAsRead = (messages) => {
-            if (!this.selectedChannelId)
-                return;
-            if (messages.length === 0)
-                return;
-            if (this.lastReadMessageIndex !== -1)
-                return;
-            const latestMsg = messages.at(0).time > messages.at(-1).time ? messages.at(0) : messages.at(-1);
-            if (!latestMsg.channelIndex)
-                return;
-            this.lastReadMessageIndex = parseInt(latestMsg.channelIndex, 10);
-            this.meeting.chat.markLastReadMessage(this.selectedChannelId, latestMsg);
-        };
+        // TODO: Implement the logic to mark messages as read. Old usages have been kept as-is.
+        this.maybeMarkChatAsRead = (_messages) => { };
         this.getChatMessages = async (timestamp, size, reversed) => {
-            const { messages } = await this.meeting.chat.getMessages(timestamp, size, reversed, undefined, this.selectedChannelId);
-            this.maybeMarkChannelAsRead(messages);
+            const { messages } = await this.meeting.chat.getMessages(timestamp, size, reversed, undefined);
+            this.maybeMarkChatAsRead(messages);
             return messages;
         };
         this.createChatNodes = (data) => {
@@ -147,12 +135,9 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
                 } }))))))));
         };
         this.chatUpdateListener = (data) => {
-            if (this.selectedChannelId && data.message.channelId !== this.selectedChannelId)
-                return;
             if (data.action === 'add') {
                 this.$paginatedListRef.onNewNode(data.message);
-                this.lastReadMessageIndex = -1;
-                this.maybeMarkChannelAsRead([data.message]);
+                this.maybeMarkChatAsRead([data.message]);
             }
             else if (data.action === 'delete') {
                 this.$paginatedListRef.onNodeDelete(data.message.id);
@@ -186,22 +171,16 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         }
         this.permissionsUpdateListener();
     }
-    channelChanged() {
-        this.lastReadMessageIndex = -1;
-    }
     render() {
-        return (h(Host, { key: '1cbb364021b79bd756621987ac03c2e852acf3bd' }, h("rtk-paginated-list", { key: 'b7896890b5e3ea9a190bfa9c86c825233b635aa4', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'b1255713fc172c4e35385021809d391a5fdf9acc' }))));
+        return (h(Host, { key: 'a574f0d8e0c7b1249568db270c73f45ad81fd8e2' }, h("rtk-paginated-list", { key: '279cf0d1c114c93f009a03779f026f6a7bb6ddf4', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, emptyListLabel: this.t('chat.empty_chat') }, h("slot", { key: 'cf28a28970c38375cda7492518fa8ed17802580e' }))));
     }
     get host() { return this; }
     static get watchers() { return {
-        "meeting": ["meetingChanged"],
-        "selectedChannelId": ["channelChanged"]
+        "meeting": ["meetingChanged"]
     }; }
     static get style() { return RtkChatMessagesUiPaginatedStyle0; }
 }, [1, "rtk-chat-messages-ui-paginated", {
         "meeting": [16],
-        "selectedChannel": [16],
-        "selectedChannelId": [1, "selected-channel-id"],
         "size": [513],
         "iconPack": [16],
         "t": [16],
@@ -209,8 +188,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         "children": [32],
         "permissionsChanged": [32]
     }, undefined, {
-        "meeting": ["meetingChanged"],
-        "selectedChannelId": ["channelChanged"]
+        "meeting": ["meetingChanged"]
     }]);
 __decorate([
     SyncWithStore()

package/dist/components/{p-e375b50d.js → p-777aa628.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-73baf5ba.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$1 } from './p-63c79efa.js';
 
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;
@@ -56,7 +56,7 @@ const RtkFilePickerButton = /*@__PURE__*/ proxyCustomElement(class RtkFilePicker
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: '057a0a5a714dbbde228e3481e53adea4f88fb3ad', label: label }, h("rtk-button", { key: '04193df1053b14687fb9464a122b9158707bdda1', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: 'ed2fce30b93dfce9dd6b967d5993c93496cf3388', icon: icon }))));
+        return (h("rtk-tooltip", { key: '9a4e6046f0ee0972678b64365e14ed1762a0a23a', label: label }, h("rtk-button", { key: 'e5cdac75458861a2e5258f4bf4af43f818ce599b', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '17407d82abb9352c64d37e26d1fc4fd407369703', icon: icon }))));
     }
     static get style() { return RtkFilePickerButtonStyle0; }
 }, [1, "rtk-file-picker-button", {

package/dist/components/{p-ad873f2d.js → p-7a424d82.js}

@@ -1,4 +1,4 @@
-import { D as disableSettingSinkId } from './p-e847fee9.js';
+import { D as disableSettingSinkId } from './p-dc9dde66.js';
 
 const SOUNDS = {
     joined: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',

package/dist/components/{p-d9f6db4f.js → p-7c84212d.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { T as TextMessageView } from './p-aae4c250.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { T as TextMessageView } from './p-56134994.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
@@ -50,9 +50,9 @@ const RtkNotification = /*@__PURE__*/ proxyCustomElement(class RtkNotification e
     }
     render() {
         var _a;
-        return (h(Host, { key: '1e728f896ce0212c990677528187929c53e70b87' }, h("div", { key: '1855671fbe703e142f873aff2492f7c2190671ed', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: 'b79f092b899ffe893473571ba735fbb0926901d8', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (h(Host, { key: 'ca7ba56145d1ebc8cd175b281b3d7f967ad5eaa9' }, h("div", { key: '63687c670dfc73628de6200ec81941f9aeb23024', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '3324fb3130778a63ac4b050a4cb086f9ca3e6896', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (h("img", { key: '48b6d72eceb2414e5f045f5f311ed15ebff6ddb7', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'c78fd59b339d0f1b91cb168a42d1c44bfdbcad77', class: "message" }, h(TextMessageView, { key: '3ddd5d840631752b6369b3361f71f655ddf814d5', message: this.notification.message })), h("div", { key: 'd160cc17361b7183baf08170bdd79d086584de94', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'e08976222e6e410cc1cd4d38bfd448f830b48044', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '23b0f91a687d3193df1d26e5e0fdc055f10a385b', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'e055d3607a74898d70905da7720005158d403826', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (h("img", { key: '60e0fd0f7f864198d3116fc7e7be4a9f4baf298a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: '1921b8f0d70db9b8ad5df1d14a1b04402d98cfef', class: "message" }, h(TextMessageView, { key: 'f9ff979dd47a68445bfb178ca6c23a756c8814b2', message: this.notification.message })), h("div", { key: 'fee67aa2035da907030ed0816afc87208836625d', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'dcffe6351aa74484ba9067a67a65d402af0ca6df', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '02837b9dbbe5ac4e46d0b1fbaf81b1b46def69ef', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: '635c5ccb6066cebe395b73110567b45f364d8139', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],