@cloudflare/realtimekit-ui 1.1.0-staging.4 → 1.1.0-staging.6

package/dist/cjs/rtk-breakout-room-manager_3.cjs.entry.js

@@ -309,9 +309,9 @@ const RtkBreakoutRoomParticipants = class {
             }, size: "sm" }), index$1.h("p", { class: "name", title: name }, string.shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fcdcaa7a958770e5d8848b15b4135748d8520022' }, index$1.h("div", { key: '6b26cd6fd40ae2985a6a207920d7c0ebbcd0b191', class: "search-wrapper" }, index$1.h("div", { key: '519e94dce8d9627cf72dfd487c8429c8a1eea3d5', class: "search", part: "search" }, index$1.h("rtk-icon", { key: '24cfb8a6e8c9c1ddc95356ebde2d785817aa8a8b', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), index$1.h("input", { key: '2049f4d9aa2b78a33138d9af84f2d94694a886a4', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), index$1.h("slot", { key: '57afb73b98adbd9f2bb81bb4a35a5fbc2a486e10', name: "shuffle-button" })), index$1.h("div", { key: '6f38275a46e85328a6aeba5d63519423e6ec3dc0', class: "header" }, index$1.h("div", { key: '4c2d4b9e1980867cbec587356991b1e54bd93e7d', class: "title-wrapper" }, index$1.h("span", { key: '0fa97e8b6604c9af0b5b66d1df2fb728e1f0ddc5' }, this.t('breakout_rooms.main_room')), index$1.h("span", { key: '15a620bef9d976ba22e4c4a49c610f84a35605a9', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: 'fa1c2779e2ea2c9ea674908ad77956ac846e4e55', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (index$1.h("rtk-tooltip", { key: 'b044bc366b49c8fb2e92f246d0f81e89456ddc03', label: this.t('breakout_rooms.select_all') }, index$1.h("input", { key: 'f2343b44386966777542b9c7794b6c94eb99884d', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), index$1.h("div", { key: 'a5cd1acb31c9ff2dc82379db038d6920857dead3', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (index$1.h("ul", { key: '9d93a5a57f26fe378ed678b6741a0b7f0b17d285', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (index$1.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 && (index$1.h("input", { type: "checkbox", class: {
+        return (index$1.h(index$1.Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, index$1.h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, index$1.h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, index$1.h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), index$1.h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), index$1.h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), index$1.h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, index$1.h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, index$1.h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), index$1.h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (index$1.h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, index$1.h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), index$1.h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (index$1.h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (index$1.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 && (index$1.h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(uiStore.participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (index$1.h("div", { key: 'f338d5658e77c4161993f27ea369f0981a6e5724', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (index$1.h("div", { key: 'badf501a369ab136c61554101a6b64b345c4ce5d', class: "empty-room" }, index$1.h("rtk-icon", { key: '4fa711e9d8e93c652947967082ff86c836bf5138', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), index$1.h("p", { key: '25e63fdfccb2267b58e00297b883ebeb45351be2' }, this.t('breakout_rooms.all_assigned')), index$1.h("span", { key: 'cbd2f03c343a5ba73ce62d366f53c4bc5b4fac4c' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(uiStore.participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (index$1.h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (index$1.h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, index$1.h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), index$1.h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), index$1.h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -370,7 +370,7 @@ const RtkCounter = class {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'de6f4a676632e7e41089e4d6d9b02cc06253a5c1' }, index$1.h("rtk-button", { key: '3e3121dd327719b46997089c73271278d006ffa5', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, index$1.h("rtk-icon", { key: '1133d022c7006fea9822f67c330f1ec1a74e0aa9', icon: this.iconPack.subtract })), index$1.h("input", { key: '9bd6dd7109ed8ed86b1ad4edef97ec2d455c3f31', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (index$1.h(index$1.Host, { key: 'd30fe362d84f5e387dfe67dc761683b91785bafb' }, index$1.h("rtk-button", { key: '5c60d8e4fed3f53236b1099f8360c341df36aa32', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, index$1.h("rtk-icon", { key: 'b76e7889f6d94144aa1632159c52fb9580f931f7', icon: this.iconPack.subtract })), index$1.h("input", { key: 'cfd43551b1df8dca486b1dfc4f03d427c7e32caf', 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();
@@ -378,7 +378,7 @@ const RtkCounter = class {
                 else {
                     this.input = val.toString();
                 }
-            } }), index$1.h("rtk-button", { key: 'f5114a456b5c922ebac67df8711d5758109dcce8', kind: "icon", variant: "ghost", onClick: () => this.increment() }, index$1.h("rtk-icon", { key: 'f21dbbb4c4a667fefb24fcb2dbdebdf81ce9522a', icon: this.iconPack.add }))));
+            } }), index$1.h("rtk-button", { key: '4cfe34a4483d12ddbd35b82a6f5d099424b24be3', kind: "icon", variant: "ghost", onClick: () => this.increment() }, index$1.h("rtk-icon", { key: 'a06553be5801039bfefb1a2c2542d01c7426a605', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]

package/dist/cjs/rtk-breakout-rooms-manager_9.cjs.entry.js

@@ -354,9 +354,9 @@ const RtkBroadcastMessageModal = class {
         }, 2000);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '09978c477457ca0d1cc7238638c9251b6baf2e32' }, index$1.h("div", { key: 'e71f71c920255ca74209993c0feeb50207ece7c8', class: "content-col" }, index$1.h("h2", { key: '9e73d2d91d6327782113a3787ffab741caccc45d' }, "Broadcast message to"), index$1.h("select", { key: '6f22cd45bd51512ae8563dbb89b68515d6bd10f5', onChange: (e) => {
+        return (index$1.h(index$1.Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, index$1.h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, index$1.h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), index$1.h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, index$1.h("option", { key: 'ea43fe84aed7b8fc28a9bf08a8b0c93f5dc4dde1' }, "Everyone"), index$1.h("option", { key: '77bf0628822af6852c39d22f998785ec8ee7f0ac' }, "List of rooms")), index$1.h("textarea", { key: '25bae88b241fc2d61db69c82b551a5fcb6cc137d', placeholder: "Type message here...", onInput: (e) => {
+            } }, index$1.h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), index$1.h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), index$1.h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (index$1.h("p", null, "Message sent to ", this.messagePayload.to, index$1.h("rtk-icon", { icon: this.iconPack.checkmark }))) : (index$1.h("div", { class: "content-row" }, index$1.h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", index$1.h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }
@@ -422,7 +422,7 @@ const RtkConfirmationModal = class {
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (index$1.h(index$1.Host, { key: 'c3c594fc3e7923a6cb96abfff6b1103b2f1e4bdb' }, index$1.h("div", { key: '5881e956eeefb1dbd9b19548f782a80ca24aa127', class: "leave-modal" }, index$1.h("div", { key: 'fa25434424c11296b40c999e6be8d20506542d4d', class: "header" }, index$1.h("h2", { key: '9e6d42901ce401796090653c20ebe59a8acb70f4', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && index$1.h("p", { key: '1034d4eadbfb12ff02fb88200a7bcdd7a99c75ac', class: "message" }, this.t(state.content)), index$1.h("div", { key: '1868e2521cba84d48a19f544c70465373eaccebb', class: "content" }, index$1.h("div", { key: '432d21a121762174a1aedc4926656c9e52cbc5bd', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'a5efa391321e6cdc973595637b379a42d1e51707', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), index$1.h("rtk-button", { key: 'b0cbd9943b9e46057ca8ea0829799fad6edfc335', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (index$1.h(index$1.Host, { key: '22ee38d06ab212134ac17a656da1251a3dc05372' }, index$1.h("div", { key: 'ed29620d69abd3202a823de32c06d7b2fb71f828', class: "leave-modal" }, index$1.h("div", { key: '07466875c79feb312e7df26cec679e62a4fc2991', class: "header" }, index$1.h("h2", { key: '4ebc7ab0dc5c2175cb234575435a30e4d1ce7a13', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && index$1.h("p", { key: 'a9fcfa27f006dfb6ee1be60529b2c02611edc4cd', class: "message" }, this.t(state.content)), index$1.h("div", { key: '940cb8e8344bd99ba5d5266e284cc5161e666748', class: "content" }, index$1.h("div", { key: 'b8862b1db1f77121f9c2032e1f8213eeced5217d', class: "leave-meeting" }, index$1.h("rtk-button", { key: '0b4e17540009e0a465097e628904b36c54e17462', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), index$1.h("rtk-button", { key: '5f8c65ea6678c14855ece31827cb4aff714a0965', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
 };
 __decorate$6([
@@ -677,9 +677,9 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '4680ed34de64c4ab67dc939941a0c0a8f72af619' }, index$1.h("div", { key: '6ed0410cb32c8bd113dbc7cc5cfe5a3079606ff5', class: "leave-modal" }, index$1.h("div", { key: '8f9702a7fd68a1785bb63620587836c769c379bc', class: "header" }, index$1.h("h2", { key: 'e071e2ddbdba0ad61a3e5dc4a8ecf5c39610ffac', class: "title" }, this.t('leave'))), index$1.h("p", { key: '39ec1123fadc7fb945b600d114246aaf7b251e5a', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (index$1.h(index$1.Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, index$1.h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, index$1.h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, index$1.h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), index$1.h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), index$1.h("div", { key: 'ae5e42b89313baedea3478e59c320ccadd871e3b', class: "content" }, index$1.h("rtk-button", { key: '5eccf433e1de71cbbe84d9b9062848f47bcb68b6', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: 'ad34c1c74a3c76289bfaf87e0d03e9323222735a', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: '45a051102497bcfce0efb7a113a6d00a43de0605', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: '581e73b8d12ecb3a09182cb6561cdbb61ebb913f', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), index$1.h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, index$1.h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -731,7 +731,7 @@ const RtkMuteAllConfirmation = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fa0d14fa4d97e3dcbac59a1bb9b8a5149b92adc8' }, index$1.h("div", { key: '9b2f65663cf69cd7d427793c832b47a89158a8e3', class: "leave-modal" }, index$1.h("div", { key: 'ae7dd27985e3eba1b1e2f6f7748b264920ded7ae', class: "header" }, index$1.h("h2", { key: 'a70f4d3d12bc42fdb0ca057e63680bb6a5676ae5', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: '7f8685995b777f91cfd592737b81dcb9af147fb0', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: '3af2889f993e9ba3f7946fb612faf33787b6121f', class: "content" }, index$1.h("div", { key: 'ac9f60cfccdc4a6585002ebc7a115ce8cfa85fbe', class: "leave-meeting" }, index$1.h("rtk-button", { key: '25ff9d4db1a5731175ec2bf2de0b1a7df6efd1ea', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: '80cf51d679fa221a54f8b6dabf4b8052936b0d72', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (index$1.h(index$1.Host, { key: 'd7439c9c3ffd1a79974ed8f8a0081aa807a2b103' }, index$1.h("div", { key: 'f11f6d201c843384f3e173cf611ea6b26fcfe620', class: "leave-modal" }, index$1.h("div", { key: '8475acebc7a3abd14a4d0716b6dbdeabb0f1896e', class: "header" }, index$1.h("h2", { key: 'fe5cfaa40eccca120a696555456acd59610bd5f0', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: '88b6d8faf23e5780d632f9bac0077751bb9db554', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: 'b901ffb7714dbcf5bbda907df1f44214672ded17', class: "content" }, index$1.h("div", { key: 'f554e5829ff3250400307f139661a0fe426ee22c', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'c300ddc6c3ae02266d4769a964eb3fb246aa7dbd', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: '897d7d2639a6c51c5fb0ae1b51a111fbba5431c9', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
 };
 __decorate$2([
@@ -778,7 +778,7 @@ const RtkOverlayModal = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '996258387764dd1b7d12c4e4765ee38c01cdad94' }, index$1.h("rtk-icon", { key: '4ccf7d3878900f0cb5743313bfef0b93fdd80c70', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: '7346e4cb9bee22c63cc5014a16f9e7a423afe7e7' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '24f5dda6cda11267a00e7a4d9aadf3479b8b2873' }, this.states.activeOverlayModal.description)));
+        return (index$1.h(index$1.Host, { key: 'd2837e184517e21a048bf3c0132db866e76df98e' }, index$1.h("rtk-icon", { key: '986632806311740b097ef99ad2cefc286f54b7d4', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: 'f7c985545abeefcf0dccd10744c70e84b14c0f1d' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '43ab2a1bde3c41732d3e159c493a799f68bcd0c7' }, this.states.activeOverlayModal.description)));
     }
 };
 __decorate$1([
@@ -955,7 +955,7 @@ const RtkPermissionsMessage = class {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (index$1.h(index$1.Host, { key: 'f879c629292b4157ee891aa46968ff7a52d3e2e2' }, index$1.h("h2", { key: 'bdc849ae5badd1068bb174969be860721c90c25b' }, index$1.h("rtk-icon", { key: 'ac46b56e03905c886d050fdd371503f28e7f3879', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: 'af5da3f11363cd22aeae6635f4648bc074cff01f', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '6344e71e3faef187ac92d7165263f79c9f2709e1' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'd7c3484ad52c78491644dd11322349a2f12c5e79', 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" }, index$1.h("rtk-icon", { key: '213a8bbe2c86818a68bb9149441f015aa53f8f10', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: 'c2f18e99845ba44c89477a959cf7a6a0516f4bd8', class: "actions" }, index$1.h("rtk-button", { key: '6d56b4ace9c535a2c0fcaa996c29bb1953184a09', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: '8747e1f884579fc91d7f498cf2094fedb5744948' })));
+        return (index$1.h(index$1.Host, { key: '6ae73a5881876423b5065f878457a9c125c30ca8' }, index$1.h("h2", { key: 'd92a983a6a5d98f337888da65b5e8438ea6b2f1d' }, index$1.h("rtk-icon", { key: '00842b2e9c00b9f37fcd5259190e02282c013913', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: 'f86b1fac2420ba4d323a027ff806989a417d03dd', class: 'svg-container' }, this.svgSteps.map((e, index) => (index$1.h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), index$1.h("div", { key: '8bd0f3b1a8d22fe783c5483273056d2df1e5f8e2' }, this.getMessage()), !isDeniedBySystem && (index$1.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" }, index$1.h("rtk-icon", { key: 'b25bb5f60e479f79d462961e5c11ad6d7e5e1844', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: 'cebce7cb7b2529bc92ac23420b7ea30025fe80a4', class: "actions" }, index$1.h("rtk-button", { key: 'f92b409ace419307243ceaf9de047e61ee6782e7', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (index$1.h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), index$1.h("slot", { key: '0be270faf43bde77cb109950d59be74be8e1669c' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/cjs/rtk-channel-creator.cjs.entry.js

@@ -143,9 +143,9 @@ const RtkChannelCreator = class {
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '2a8a498ae3cdc2c3d7bf10f4914a617d7e2661e0' }, index$1.h("header", { key: '9b047a3ad2820e634db9b5b93f162250601bb51b' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (index$1.h("input", { key: '520e78e1827e820f5ea9eabbd03bae4efd0907a5', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (index$1.h(index$1.Host, { key: '0e938e24a3838a8b3cff8be5f8f56e0e828a656a' }, index$1.h("header", { key: 'b0aed03cea09e2105feee1bbfd1acad453cc924e' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (index$1.h("input", { key: 'f252b9a1d899fa189837d6dd44097ee3e132907b', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), index$1.h("footer", { key: 'add838deac0797e7eb7dc234054b0e6e4561baed' }, index$1.h("rtk-button", { key: 'fe9718d1352e6b83a0400442c8ec7dec224d0b9b', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), index$1.h("footer", { key: '4dc3bc442c35be9c21d5c0a510aac74f8f94bc6a' }, index$1.h("rtk-button", { key: 'de530ede30a33ae9cf14c155cbf3b53d25d434ae', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     get $el() { return index$1.getElement(this); }
 };

package/dist/cjs/rtk-channel-details.cjs.entry.js

@@ -35,7 +35,7 @@ const RtkChannelDetails = class {
         })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9853d84d5b69fc5eeca68ef48aacfa0319345790' }, index$1.h("header", { key: '09f33db7c3acb17437ed92f911951995316aff28' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (index$1.h(index$1.Host, { key: '0d50bc8ecef99900be123c21754cc7e865425c65' }, index$1.h("header", { key: '4b595171c0c7f10835230d7ed66508d5b2412ac4' }, this.t('chat.channel_members')), this.renderMembers()));
     }
 };
 __decorate([

package/dist/cjs/rtk-channel-selector-ui.cjs.entry.js

@@ -123,7 +123,7 @@ const RtkChannelSelectorUi = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ebc2801952d073ebdba519f8248b2c935af387d0' }, index$1.h("div", { key: 'c80ed1798f73329422efe7552791fe92c8e3896f', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (index$1.h("rtk-button", { key: 'e088063cd35372380b6da7b66204d92e77d278b9', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: 'a6980e8cb7ce4ebcf9a93ada0db9ff04ec5cc481', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), index$1.h("slot", { key: '972a55086e2fdf3cd0b2d6b45950527e57f4aad2', name: "header" }), index$1.h("div", { key: '4d1d45847e5812cbc8143fa5bbc20f1de279b326', class: "search-wrapper" }, index$1.h("div", { key: 'e88da1214668170d3250041ef5107f856aaff49f', class: "search" }, index$1.h("input", { key: '3313f0df796f540d2177e2360e37a6d6de7ce8c1', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), index$1.h("rtk-icon", { key: '75f65423459f25c63227474930ac2b8a90e5f20c', icon: this.iconPack.search, class: "search-icon" }))), index$1.h("div", { key: 'a06f906dacfa3b9f8abdc3b067f92f9af105bd6a', class: "channel-container scrollbar", role: "list" }, this.channels
+        return (index$1.h(index$1.Host, { key: '8c0e21c2edeb6cedf5e4332d361dd06fef80e2c3' }, index$1.h("div", { key: 'b4f0bdc102cf4a6bdaafe945ccacc65691cda6c8', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (index$1.h("rtk-button", { key: 'c0a4ffa6a83074b59d39827dd0d49db89d0bbe86', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '51316a7127bc3f780d4110fe62a6114156859fef', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), index$1.h("slot", { key: '9f62d231516e418d40e73ff4e7128c3df93fa516', name: "header" }), index$1.h("div", { key: 'e337d9c1c2599b894812d1f9d68740ddff45a417', class: "search-wrapper" }, index$1.h("div", { key: 'a4e60014174739d658cac4a8a2b4cc6170a718c3', class: "search" }, index$1.h("input", { key: 'e4b02408f7893c2ac6dc4d7f52dbafbd6acba59b', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), index$1.h("rtk-icon", { key: 'ab9fd67f26aebf1062ed89d0411f00cd3a1ce30b', icon: this.iconPack.search, class: "search-icon" }))), index$1.h("div", { key: 'ac46c45d8f8ee6a93c04748e8eae278fecc9d2a9', class: "channel-container scrollbar", role: "list" }, this.channels
             .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
             .map((channel) => {
             return (index$1.h("div", { class: {
@@ -133,7 +133,7 @@ const RtkChannelSelectorUi = class {
                 }, role: "listitem", onClick: () => {
                     this.channelSelected(channel.id);
                 } }, this.renderChannelDisplayPic(channel), index$1.h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, index$1.h("div", { class: 'recent-message-row' }, index$1.h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (index$1.h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), index$1.h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (index$1.h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (index$1.h("div", { key: '55753b6d172f18f9e58e19acb9de067cef27a33d', class: "overlay-container" }, index$1.h("rtk-button", { key: 'dfa6f03b0a4571c2d6235ab84ab8796d988f6acb', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '2b3fc88ca89286d10831a9c8769537b50b9a2ab9', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
+        }))), !this.isHidden && (index$1.h("div", { key: '7c886fbae80b1248db515317cfcf525eb74ffa6b', class: "overlay-container" }, index$1.h("rtk-button", { key: 'f48116160f38d361ec4842dbe2a550a1154d0b00', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '29f1f41eb90dddacf0ef6a42479d7468a03ee005', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
     }
 };
 __decorate([

package/dist/cjs/rtk-chat-message.cjs.entry.js

@@ -96,11 +96,11 @@ const RtkChatMessage = class {
             } })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a7d70a55ded6f3995de04d97e8daba066af76b46' }, index$1.h("div", { key: '1eef4376ab7952b11a9271dcf396ea950e7a06a8', class: {
+        return (index$1.h(index$1.Host, { key: 'f6a727c485be5af8f6213c40a9b897debac1c62d' }, index$1.h("div", { key: '03fff27269d7e3976463692e0e4f15106e4f1cc6', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), index$1.h("div", { key: '0445d70d7d5eaa81b77214e6d0c4ab49da0d9cc6', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), index$1.h("div", { key: 'd62eaa8b99853d7c38586dc2ac1c8163ad4effcf', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));

package/dist/cjs/rtk-chat-messages-ui.cjs.entry.js

@@ -160,7 +160,7 @@ const RtkChatMessagesUi = class {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (index$1.h(index$1.Host, { key: '178fac50ff102f6186953051af07d65e8811d2cf' }, index$1.h("div", { key: '00310e41a9d3494c3bc9c4a25594844854e240cb', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, index$1.h("div", { key: '1232aca1fc213e70bf3aa63bd13d2288ba3884a4', class: "spacer", part: "spacer" }), index$1.h("div", { key: 'f74b23005e75874224d4cf56e0286ddb4cacfe9d', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (index$1.h(index$1.Host, { key: '1e00d65234971f64cb44cfc9f3f27523ef4184eb' }, index$1.h("div", { key: '6f1f50001914707a79782e2b035f7f056545bd73', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, index$1.h("div", { key: '0e2513409c533ce131341d8d636f95cde39bd1e4', class: "spacer", part: "spacer" }), index$1.h("div", { key: 'c677a4a1f80fb07f59157358aff8008d2cf52569', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -179,10 +179,10 @@ const RtkChatMessagesUi = class {
                     } })))), message.pinned && (index$1.h("div", { class: "pin-button", part: "pin-button" }, index$1.h("rtk-tooltip", { label: this.t('unpin') }, index$1.h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, index$1.h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), index$1.h("div", { key: '9123c1900c65f238962a51926e750dbebeab18f4', class: "show-new-messages-ctr" }, index$1.h("rtk-button", { key: '01de40dd8bdc2c27f4512bf98a0a6ff4d42714d4', class: {
+        }))), index$1.h("div", { key: 'b0cd46132b3cd70b784f94a8c97a3fbeef57900f', class: "show-new-messages-ctr" }, index$1.h("rtk-button", { key: 'd8faf61563052ad61ef2cc19e6f8d91993bae58d', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, index$1.h("rtk-icon", { key: '68c7981e90a248d8aebb872123eaa92f2939b0af', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, index$1.h("rtk-icon", { key: 'ef37ed2fc35d087ac95a75393a2470ce9def4670', icon: this.iconPack.chevron_down })))));
     }
     static get watchers() { return {
         "messages": ["chatChanged"],

package/dist/cjs/rtk-chat-search-results.cjs.entry.js

@@ -40,7 +40,7 @@ const RtkChatSearchResults = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd16d67449de1e354428a96a798540b19a4a3b3b5' }, index$1.h("rtk-paginated-list", { key: '8979769039cf4f4d66e83d6cf8cb87075fbc8488', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (index$1.h(index$1.Host, { key: 'e71457e70093c4de4d453d3905aaeedf7ef91df3' }, index$1.h("rtk-paginated-list", { key: '4a8f9360d483804ed31c512ddc9ae91454ab1c89', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
 };
 __decorate([

package/dist/cjs/rtk-chat-toggle.cjs.entry.js

@@ -7,7 +7,7 @@ const uiStore = require('./ui-store-6c2d680f.js');
 const sidebar = require('./sidebar-0eb1e4ef.js');
 const index = require('./index-e4244d7d.js');
 
-const rtkChatToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
+const rtkChatToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -33,17 +33,15 @@ const RtkChatToggle = class {
         this.t = uiStore.useLanguage();
         this.chatActive = false;
         this.canViewChat = false;
-        /**
-         * Only used when paginated chat is enabled
-         */
-        this.hasNewMessages = false;
+        this.pageSize = 11;
         this.onChatUpdate = ({ action, message }) => {
             var _a;
             if (this.chatActive)
                 return;
             if (action === 'add' && message.userId !== ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId)) {
-                this.hasNewMessages = true;
-                this.unreadMessageCount += 1;
+                if (this.unreadMessageCount <= 10) {
+                    this.unreadMessageCount += 1;
+                }
             }
         };
         this.toggleChat = () => {
@@ -51,7 +49,6 @@ const RtkChatToggle = class {
             this.chatActive = !((states === null || states === void 0 ? void 0 : states.activeSidebar) && (states === null || states === void 0 ? void 0 : states.sidebar) === 'chat');
             if (this.chatActive) {
                 this.unreadMessageCount = 0;
-                this.hasNewMessages = false;
             }
             this.stateUpdate.emit({
                 activeSidebar: this.chatActive,
@@ -75,27 +72,36 @@ const RtkChatToggle = class {
         (_f = (_e = this.meeting) === null || _e === void 0 ? void 0 : _e.self) === null || _f === void 0 ? void 0 : _f.permissions.removeListener('chatUpdate', this.updateCanView);
     }
     meetingChanged(meeting) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         if (!meeting)
             return;
-        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.getMessages(new Date().getTime(), 1, true).then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a.length)
-                this.hasNewMessages = true;
-        });
-        const meetingStartedTimeMs = (_c = (_b = meeting.meta) === null || _b === void 0 ? void 0 : _b.meetingStartedTimestamp.getTime()) !== null && _c !== void 0 ? _c : 0;
-        const newMessages = (_d = meeting.chat) === null || _d === void 0 ? void 0 : _d.messages.filter((m) => m.timeMs > meetingStartedTimeMs);
-        this.unreadMessageCount = newMessages.length || 0;
-        (_e = meeting.chat) === null || _e === void 0 ? void 0 : _e.addListener('chatUpdate', this.onChatUpdate);
+        this.setUnreadMessageCount();
         this.canViewChat = sidebar.canViewChat(meeting);
-        (_f = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _f === void 0 ? void 0 : _f.on('stageStatusUpdate', this.updateCanView);
-        (_g = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _g === void 0 ? void 0 : _g.permissions.on('chatUpdate', this.updateCanView);
+        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.addListener('chatUpdate', this.onChatUpdate);
+        (_b = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _b === void 0 ? void 0 : _b.on('stageStatusUpdate', this.updateCanView);
+        (_c = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _c === void 0 ? void 0 : _c.permissions.on('chatUpdate', this.updateCanView);
     }
     statesChanged(states) {
         if (states != null) {
             this.chatActive = states.activeSidebar === true && states.sidebar === 'chat';
         }
     }
+    async setUnreadMessageCount() {
+        var _a, _b;
+        const chat = this.meeting.chat;
+        if (!chat)
+            return;
+        const { messages } = await chat.getMessages(new Date().getTime(), this.pageSize, true);
+        const meetingStartedTimeMs = (_b = (_a = this.meeting.meta) === null || _a === void 0 ? void 0 : _a.meetingStartedTimestamp.getTime()) !== null && _b !== void 0 ? _b : 0;
+        const newMessages = messages.filter((m) => m.timeMs > meetingStartedTimeMs);
+        if (newMessages.length === this.pageSize && newMessages.length > 0) {
+            // all messages are new, so we can't know the exact count, but we know there are at least pageSize - 1 new messages
+            this.unreadMessageCount = this.pageSize - 1;
+        }
+        else {
+            this.unreadMessageCount = newMessages.length;
+        }
+    }
     handleChatActiveChange() {
         // Chat sidebar closed without opening a different sidebar
         if (!this.chatActive && !this.states.activeSidebar) {
@@ -107,8 +113,7 @@ const RtkChatToggle = class {
             return null;
         if (!this.canViewChat)
             return index$1.h(index$1.Host, { "data-hidden": true });
-        return (index$1.h(index$1.Host, { title: this.t('chat') }, this.hasNewMessages && index$1.h("div", { class: "unread-count-dot", part: "unread-count-dot" })
-            , index$1.h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
+        return (index$1.h(index$1.Host, { title: this.t('chat') }, this.unreadMessageCount !== 0 && !this.chatActive && (index$1.h("div", { class: "unread-count", part: "unread-count" }, index$1.h("span", null, this.unreadMessageCount < this.pageSize ? this.unreadMessageCount : '10+'))), index$1.h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/cjs/rtk-clock.cjs.entry.js

@@ -77,9 +77,9 @@ const RtkClock = class {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (index$1.h(index$1.Host, { key: '39ec8f3aefb91d5314ea8d39b7ded49a1bced4f6', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            index$1.h("rtk-icon", { key: '76017ad292041e04dc2b420b4c3a9c1d14656706', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            index$1.h("span", { key: '2cd75a435089d1bd534f49b50c0ceaa6e7335f8a', part: "text" }, this.getFormattedTime()),
+        return (index$1.h(index$1.Host, { key: 'a389e7c6a9fc8183f3228564bfa61f606ceaf979', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            index$1.h("rtk-icon", { key: '5fe283d25031c367f018d7a99ea46ed0c0d46a86', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            index$1.h("span", { key: 'e5e134c951f7bbb3f161ae01d88d9c83ed85c798', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get watchers() { return {

package/dist/cjs/rtk-controlbar.cjs.entry.js

@@ -43,7 +43,7 @@ const RtkControlbar = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '0376a3a5059538d4ae60fce32813e797fae18b2a' }, !this.disableRender && (index$1.h(index$2.Render, { key: 'b6990b5966e6b270c93181ddb1d156d55b02dbde', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: 'f5130e01e8efd65a0a52e035baac2836d5102731' })));
+        return (index$1.h(index$1.Host, { key: 'f42df94eb381604cc1e4e9716e7908cab55da6b2' }, !this.disableRender && (index$1.h(index$2.Render, { key: '2c961c3e2546e7610cd2e18ea8aeaf72dbdd1075', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: '9e2a7239b36ba2f4c40bf7c7d63441c833927a97' })));
     }
 };
 __decorate([

package/dist/cjs/rtk-debugger-toggle.cjs.entry.js

@@ -38,7 +38,7 @@ const RtkDebuggerToggle = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '921018aa53c87d13bd51b20d8a98ac84f7b1c2ff', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '043c5e9648bf9303488977554f9a1e70ca681995', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (index$1.h(index$1.Host, { key: '38be7c2de47b57a51bb6feedc0f8ea05801eec58', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
 };
 __decorate([

package/dist/cjs/rtk-file-dropzone.cjs.entry.js

@@ -46,7 +46,7 @@ const RtkFileDropzone = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9525e4e25630d45a8945e0cd169ac7830eb131b2' }, index$1.h("div", { key: '1be56002e1adecfaf2f9b6216e2551929bcac4e2', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: 'e7d366446b6714ad64d2b95da7f08f67a1429333', icon: this.iconPack.attach }), index$1.h("p", { key: 'ab3b2e3a048ee8bd812ece1ad5a9afcc03d00c67' }, this.t('chat.send_attachment')))));
+        return (index$1.h(index$1.Host, { key: '6a205001d1e1e1f7c54855005cab34b81e95c9b9' }, index$1.h("div", { key: 'b87bcc6c90819127b2783665e541b69ce49f1032', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: '1f603086a79a170a4fc3f3df53df9cfdfbae73fe', icon: this.iconPack.attach }), index$1.h("p", { key: '0b4914a3fb881006b1af20533750e6b273a82a48' }, this.t('chat.send_attachment')))));
     }
 };
 __decorate([

package/dist/cjs/rtk-file-message_3.cjs.entry.js

@@ -38,10 +38,10 @@ const RtkFileMessage = class {
     }
     render() {
         const link = string.sanitizeLink(this.message.link);
-        return (index$1.h(index$1.Host, { key: 'ec44f9204c991e853665069d0181b538da15893b' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '2ef070076e554bf6c9ebf5762f61174a54079752', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '5604b1d4d32e821b85a7535b9af2695815cb82e7', class: {
+        return (index$1.h(index$1.Host, { key: '7e77bf95a78614fce8aac5a517e96b766d05684c' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '2369a52afdf95e5d3850ae2e55ccf62212841797', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '21b0fc1a24e50d2487292c812b6d37189f219fdb', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '6be5586c964424d8da850f6ead3315e14c439839', class: "file" }, index$1.h("div", { key: '28efbbf493a6050d1823b08714307a09b5c5b3f0', class: "file-data" }, index$1.h("div", { key: '6e6f42e9551480e6b483db9f7ddaff7e418436e0', class: "name" }, this.message.name), index$1.h("div", { key: 'c74d0f1ddf7db3fb9152584ff5c138c3ff5da2ac', class: "file-data-split" }, index$1.h("div", { key: '8ed34a2d09a4b849a0d173e22ca9e59ca67a6ff4', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: 'c7a817891160161ee999aabe284e83cc864cb41a', class: "divider" }), index$1.h("div", { key: '6714d486a6d5564581330d76c95d06f3475e3c56', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: 'cc0ca70894c077a4252b6a49aefc544a0b228437', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: 'a2837e81ab7452589857f1f71d8e7f1d38b5235d', icon: this.iconPack.download }))))));
+            }, part: "body" }, index$1.h("div", { key: '8dca01f88c22a64a3b70b26ebaabdcd46afa73a7', class: "file" }, index$1.h("div", { key: 'a6bf3e516ce45acc1671df528f998ef057926539', class: "file-data" }, index$1.h("div", { key: '8680af670beb6d1fc08e0d47508667b357ff466f', class: "name" }, this.message.name), index$1.h("div", { key: '4fcd3cf05e9e14d798e04150337c93577b47104c', class: "file-data-split" }, index$1.h("div", { key: '618e81eb6011f9ebde2782f4c039fd787cba666c', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: 'ac5faddf53f94aab3d1f8f05d8523960de8a300f', class: "divider" }), index$1.h("div", { key: 'd28b3acf0f19d99c399f008d0d41c1a8977a821f', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '4f562573b8b0765a5a94c064ebb9c60e26eb9c1a', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '062a9cb80ab29f81fac9b6d76caaa5f5846d3837', icon: this.iconPack.download }))))));
     }
 };
 __decorate$2([
@@ -81,10 +81,10 @@ const RtkImageMessage = class {
         this.status = 'loading';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '91690b290bd0fb2af8a55bea018b8b9353d60396' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'ef3341005308c597a2f60ec4930f2f38cf81e20a', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '96d5ad95a36ada5c67ffa93e718e89dbe2a97fbb', class: {
+        return (index$1.h(index$1.Host, { key: '4d83696c62cb30b3c50201c054aed059f9d087fb' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'b1f8ca2684e487f9f51106562af2fb7bb7d0ae5e', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '0ffd97ca74224fb7e464b5bbde3d79c8b11c6105', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: 'ba3f2db210f343814896a2397386fbbfc7babd10', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '3ad9f01111c8c012513dd3a300b290b439d4a96c', src: string.sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, index$1.h("div", { key: 'de64e6fff4b952e08eea1895f6b02ce6de7ea528', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: 'fae1d0126e403da11c8d4aeb036ad29484af2bf6', src: string.sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -92,9 +92,9 @@ const RtkImageMessage = class {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (index$1.h("div", { key: '35140b999e092b083cabfa53c21a468092257b05', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '863b39fd51599ace190b75ee00af7406bbbd6d27', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '647d8f244b63ceb208b3d75bef6f5e4c7777243b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: 'bd40ec4564ae22d65badbec458a3b1b232e46e35', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: 'bb6ff686812867825aca0fbd451e122fee19b6a0', class: "actions" }, index$1.h("rtk-button", { key: '5d9fad092c3f5d4049140dc12b73ca9f53ff1088', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (index$1.h("div", { key: 'b5e4c17c94f065f06a513d8601564ca6512d38a9', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '4819886ed836fc94d35b48fd2f185bed2f142db6', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: '7d2381426f1867524b59963d025ed6728d0bee34', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, index$1.h("rtk-icon", { key: 'abe064f6b5ecf9740611362c8c836a1fcf886223', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '863b9db15ee68f5bd5939b70f7b24f215b250a19', class: "actions" }, index$1.h("rtk-button", { key: '6b9d6e415a485fbbe8844a38a3b2d2401aa7ad22', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, index$1.h("rtk-icon", { key: 'c77c89797b993d2486e53d15eb8f8bf721bc2c97', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '45974cb9f8b88a71d340c0d260b6e5daf64eec12', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '3c50dba681609dae024479493b1bcc8ee25a5ef1', icon: this.iconPack.download }))))))));
+            } }, index$1.h("rtk-icon", { key: 'a40d297b50b7667b08b9a5d08223b7326c3314be', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: 'cb344d52dbcc0c6a55da8017b5664b8a160dd339', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'e4a5cee14a5fae2496930dbbdaa3199a6b2d9b6b', icon: this.iconPack.download }))))))));
     }
 };
 __decorate$1([
@@ -130,10 +130,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '081bf3b9c43779b29c473a6ef3119529443d435d' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'ce3a404dc58c8f609d338627f6a99e3ee5da52d5', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '5a0edbd3cd07b028179f3272e0d0fad31ce9e946', class: {
+        return (index$1.h(index$1.Host, { key: '43c32eae2f8433487a47b0784fa41f9f254caaf9' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '3d6e8b86782e1d50d04a576ec25c01ed5f66e037', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '073ec191f2916b760a497346b45dcd4685ae84e7', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, index$1.h("div", { key: '64dcd0208f66e7d695f4a586540e9ffe832d21cd', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '77fa15c6ea45bdb4b815c508f88ea5f1cb0acfd2', message: this.message.message })))));
+            }, part: "body" }, index$1.h("div", { key: 'e020a664959b894e62b4c02b30cfa42cb4000a29', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '11bb0acfff63f078413a2870f893946eab1596fc', message: this.message.message })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-header.cjs.entry.js

@@ -43,7 +43,7 @@ const RtkHeader = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: 'b027d881ec9b4b6e27750e13e9aa0ac50ce9748c' }, !this.disableRender && index$1.h(index$2.Render, { key: '7bb2e5d3b9d9b2aeb9550c5675743c5ddfeee99c', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '66bbb8bdcbb511f3e97a17f6b3703725ed708fe4' })));
+        return (index$1.h(index$1.Host, { key: 'cc998eacd57a6ab5492229b6eb900caf9aa6cfaa' }, !this.disableRender && index$1.h(index$2.Render, { key: 'c8bfb68227fcea6955c7e4d07cfe3d1eb9d7906d', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '50848506efeeccf7a6bd4539d65374eb64279d17' })));
     }
 };
 __decorate([

package/dist/cjs/rtk-idle-screen.cjs.entry.js

@@ -30,7 +30,7 @@ const RtkIdleScreen = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '0d5f3eea616808cb6d59173bc875ed1e19a571eb' }, index$1.h("slot", { key: '9d647571d81e227c3deba0b131e05763f0e17bd4' }, index$1.h("div", { key: '856f24853a9d5d1a941be50ff2567083cccc2d0b', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '0bceeddd22d96bd07f015041e5b79d5de19dac59', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: '62841691c9f2669e3e11a4e995848a3f1df4180a', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (index$1.h(index$1.Host, { key: '9542c3ce51e79f077f59e3c260884b117ee8d327' }, index$1.h("slot", { key: 'b0d7e6f916ef6bc00eb77c89a6ee6c4f55fe81c5' }, index$1.h("div", { key: '028702fec102195179abb5ad93803478cda2cd4d', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '5fa9163f969de1ee7f9f02b585138e16d583bf2b', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: 'cbf0b91e0455cb2be65059766d6eb713674f2dcb', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-image-viewer.cjs.entry.js

@@ -45,7 +45,7 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8d935bb0caf8d693e1a689ca43aae99862170ac9', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '99e92847c61ae836819158df5e755a15ffc857c0', class: "header" }, index$1.h("div", { key: '00fa44b137b19e90480ab67a915d795e69d0e8d2', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: 'c8cdd90cdb236581421d39f397dcb532c0052f88', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: '5c4c76c34a58598056c737cab95966014713fda1', class: "actions" }, index$1.h("rtk-button", { key: '78e4b05fc056a4924e7d795ce751d26213b7b31c', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '97f528e26b23f749597e783b15ae2b28cdb57432', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '1c8db312bcdbb7b58886bd042866dce4a742b2b6', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: '91a7127dce1d432cd6ab8bbba45d37054459b6d5', icon: this.iconPack.dismiss })))), index$1.h("div", { key: 'c5389b11ee44af064e9d12c443b2986a349d02de', class: "image-ctr" }, index$1.h("img", { key: 'a6b8cfadc2f11395695358f97a285986e5dab799', src: this.image.link }))));
+        return (index$1.h(index$1.Host, { key: 'd3d145c8bd304fbe0e9420e7746ea15872772f3b', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '3f9ceed6d177439c39438dbb6ac60d08d630bf0e', class: "header" }, index$1.h("div", { key: '3944264dcf9903e55b544bda02dfa8d6643ba3ff', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '540b69c4f1abdd437a003fa4ba9c9ddf8aa71dd8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'ed632e11bcdf8fa46a2c1bd0f6b02884ee635b5a', class: "actions" }, index$1.h("rtk-button", { key: '677ef4df0f7235a27c925b1e742a61222c90049f', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '2479f3a5e2f9eff5359d377625d06337b2023e8c', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '6ff009deb6e385481254e9fa6a7ae30f1676cff0', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: '6ad51918f8e76980f61c02c10b9a2cccfe5a2a7f', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '5fd522972d26d9b4815ffe37d2d418b784e751ae', class: "image-ctr" }, index$1.h("img", { key: 'a45df563ecdf79e020e3269f6fd055aee27cfab0', src: this.image.link }))));
     }
 };
 __decorate([

package/dist/cjs/rtk-information-tooltip.cjs.entry.js

@@ -26,7 +26,7 @@ const RtkInformationTooltip = class {
         this.iconPack = uiStore.defaultIconPack;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'a94703e845d2ed6757b794e5582a27790d9ffc22' }, index$1.h("div", { key: '9dba2927f2763b84127237d269bbb21bda299018', class: "tooltip-container" }, index$1.h("rtk-icon", { key: 'dda3376f2f3e0bcc61a978f6ed4d9a746243480c', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '87df9ff5be316f60f1b9b6445ee19f48aed6918c', class: "tooltip" }, index$1.h("slot", { key: '25cacd1c76d12aef06b7c757d6cc1580f214d938', name: "tootlip-text" })))));
+        return (index$1.h(index$1.Host, { key: 'e6592aeb2d479a084f6100d1a32f6df61c2e979c' }, index$1.h("div", { key: '9406039d36b98781c2eb8dbbe37fab9a3390c90b', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '97fd3324d790e8dc81d81bb272cacd95a2a95997', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: 'e3b5b3a8e69cea34a1aa86b1a6eff2008028b673', class: "tooltip" }, index$1.h("slot", { key: '88608c68efc3287baf74d717a5e3ca418ef0dc9b', name: "tootlip-text" })))));
     }
 };
 __decorate([

package/dist/cjs/rtk-leave-button.cjs.entry.js

@@ -35,7 +35,7 @@ const RtkLeaveButton = class {
     }
     render() {
         const text = this.t('leave');
-        return (index$1.h(index$1.Host, { key: '5b0ccd7eca4a3330a6bbfd377fa5cbdc050ac346', label: text }, index$1.h("rtk-controlbar-button", { key: '8dcb835fb29edad956d715c2cbe882686ccce40d', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (index$1.h(index$1.Host, { key: 'fc176585ba4617c2b64d05d9b2e1ee66084666aa', label: text }, index$1.h("rtk-controlbar-button", { key: 'feb4ee03ff7d16bf6ab858a3207a628121fd477b', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
 };
 __decorate([

package/dist/cjs/rtk-message-list-view.cjs.entry.js

@@ -266,11 +266,11 @@ const RtkMessageListView = class {
         this.updateTotalHeight();
     }
     render() {
-        return (index$1.h("div", { key: '592cc96edd18a6c3f9bb18650d4a3c0969302ba9', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: 'c720432351e2a051502deaeedb10e4d911776d86', class: "scroller" }, index$1.h("div", { key: '7a7aafb1dc0589059bd467258cf46640f1dc2966', style: {
+        return (index$1.h("div", { key: '17ccb3852a89ddb77e5799413f8ee0ef0ac7c132', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '044af22a10ae312a46d90f29dc9a793d86540fb8', class: "scroller" }, index$1.h("div", { key: '15a2b213883f210a44081c05c317f9da7a58380c', style: {
                 height: `${this.totalHeight}px`,
-            } }), index$1.h("div", { key: 'ee9e8a1819a66d73e67860615f580511ee34b31c', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: 'e055b8db2ae6796797074e26f4ca4ef564006ece', class: "content", style: {
+            } }), index$1.h("div", { key: '918071c6d3aed045814c1c2b3908572edae480ac', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: '19b2f45794fa73f44d54b9b91ef1cab0df6c4aae', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (index$1.h("div", { key: 'fea9260948b5127ccd0e510ae55a01f4adbfcbbc', class: "loader" }, index$1.h("rtk-spinner", { key: '7af2be1f15773fdf4b467d7ceee8902c61cb8ca7', size: "md" }))), this.getVisibleItems().map((msg, index) => (index$1.h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (index$1.h("div", { key: '1a05d8ec0a4a11812afef413226c472d797e7ebe', class: "loader" }, index$1.h("rtk-spinner", { key: '29f275642f8f8be5d9cbe12ff0eeedba48e1b4c1', size: "md" }))), this.getVisibleItems().map((msg, index) => (index$1.h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get watchers() { return {
         "messages": ["messagesUpdated"]

package/dist/cjs/rtk-more-toggle.cjs.entry.js

@@ -53,10 +53,10 @@ const RtkMoreToggle = class {
     }
     render() {
         const text = this.t('more');
-        return (index$1.h(index$1.Host, { key: '73044df7026e090e30d8f9b2f40b3c4adf5424ae', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '0abe46d0b772ff7bef2ecbf5fa2ce372bf81fe1d', class: "more-menu" }, index$1.h("slot", { key: '8eba4b6a5fee4812ad2dcd81ba0511cddb090100', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: 'e043fc7b60f24fbe761c442edfb38d245f84b419', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: 'ae92dc374ab721ea86cfe8d0f658be4f4c624d51', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '061d68748259df66e729ff830c9d72909b8185a6', class: "more-menu" }, index$1.h("slot", { key: '6a89ae4f51c32c560c83bb5fa10f694797f4d20c', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '775fcd968101f57f070159f6992ad55527fd424a', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: '739c90ae5b23b98dab457c3dfce24d5a19a24c67', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), index$1.h("slot", { key: '4b2006186051bf7c0e80dc4d9536d610d25ae7ba', name: "expanded" })));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/rtk-notification.cjs.entry.js

@@ -51,9 +51,9 @@ const RtkNotification = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: '51e81b13584429d211648cd6b069cfeeb9786cf0' }, index$1.h("div", { key: '4cfbf9ff3fd5bc8482ef8e89384cc5b56ea06225', class: "ctr" }, this.notification.icon != null && (index$1.h("rtk-icon", { key: '249f72bd11d1004754d4d8539d9f78aa9c16d004', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (index$1.h(index$1.Host, { key: '1e728f896ce0212c990677528187929c53e70b87' }, index$1.h("div", { key: '1855671fbe703e142f873aff2492f7c2190671ed', class: "ctr" }, this.notification.icon != null && (index$1.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 &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (index$1.h("img", { key: 'feeb94c2e78e7506c18cc91746141d7e3a35f62d', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: 'b33a24ab2e00d415565005df81915a266415fdeb', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '1947b8c43643aa169bf4ea324fdf8a091b8b4432', message: this.notification.message })), index$1.h("div", { key: 'bc904e8c67d9a0f4dc4558a81cdc8d86fb414a3f', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: '1c13f1c57b9c2ffb05f7ecd51dd255fa1499d8ee', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '6ada4c78be92f5c3f9ec5a1b12255316345ac5ca', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: '9e92dd30e11a1af7a684331b5eab02a1c4cea46a', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (index$1.h("img", { key: '48b6d72eceb2414e5f045f5f311ed15ebff6ddb7', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), index$1.h("p", { key: 'c78fd59b339d0f1b91cb168a42d1c44bfdbcad77', class: "message" }, index$1.h(TextMessage.TextMessageView, { key: '3ddd5d840631752b6369b3361f71f655ddf814d5', message: this.notification.message })), index$1.h("div", { key: 'd160cc17361b7183baf08170bdd79d086584de94', class: "right" }, this.notification.button != null && (index$1.h("rtk-button", { key: 'e08976222e6e410cc1cd4d38bfd448f830b48044', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), index$1.h("button", { key: '23b0f91a687d3193df1d26e5e0fdc055f10a385b', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, index$1.h("rtk-icon", { key: 'e055d3607a74898d70905da7720005158d403826', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],