npm - @cloudflare/realtimekit-ui - Versions diffs - 1.1.0-staging.3 → 1.1.0-staging.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (394) hide show

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

@@ -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: '2df7ce2cbfbdfea7d739e2d9ba39e029e650813a' }, index$1.h("div", { key: '22e9786b7ce49b59c19f6dacd74aab60150a5ac1', class: "search-wrapper" }, index$1.h("div", { key: '66dbf04424c21717663bc72c2d005ea1ca3c7b0b', class: "search", part: "search" }, index$1.h("rtk-icon", { key: 'c6ea14f0ea2c2b4833a3c6eca076a20e876bf16a', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), index$1.h("input", { key: '506a501cbbb0d5ac9ab18d727a5878452a1ddb94', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), index$1.h("slot", { key: '7811caee1f0abb42effdb9f1d5cd962b1d74f378', name: "shuffle-button" })), index$1.h("div", { key: '31343e56d0109cd9a43e6baf0ecccc41e67aca0e', class: "header" }, index$1.h("div", { key: '6a534ac1cb33e0cb9b2a8edbbf8933aa87e6e679', class: "title-wrapper" }, index$1.h("span", { key: '3ce597924d2132e5b9ebacfb3d4078cff50a619b' }, this.t('breakout_rooms.main_room')), index$1.h("span", { key: '1033023b38905b1a5ef7ebfd7be025dfdedb4f61', class: "participant-count" }, "(", index$1.h("rtk-icon", { key: '5eed0bebdeb203efb34893e4e5790f8f4ff699e7', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (index$1.h("rtk-tooltip", { key: 'cbb49326b124b9fc085e9647fa00f0b9132b11e3', label: this.t('breakout_rooms.select_all') }, index$1.h("input", { key: '049b49f2171d40908855f156bc12e714e5cdb3d9', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), index$1.h("div", { key: '0f0f58ee1e6743b40c955c8b7103d2ec73de8f9c', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (index$1.h("ul", { key: '7ecb78de6863bb8792e69b7bdff5cc94b95050e8', 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: 'bbe867d1f141f2c72d7f801d0eaedd5a0fc484b7', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (index$1.h("div", { key: '84864749f6c582214a03ef21f027a9977d979785', class: "empty-room" }, index$1.h("rtk-icon", { key: '31353ae4541b5d32d402c77838955f263a02c75f', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), index$1.h("p", { key: '4201bc2d18b32a3e96fee9fe6f8fdb4f75464cb1' }, this.t('breakout_rooms.all_assigned')), index$1.h("span", { key: 'e5245caf044fd96b17c41851dce8d22e1c6a083e' }, 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: 'ef85b8128d8f6470dade486d8b31948db504ca21' }, index$1.h("rtk-button", { key: 'cfe52b812fcbb969cfa26cfd6f07aaf2f8b68cb2', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, index$1.h("rtk-icon", { key: '947cbae0757f3b56ca511789d431da4a9457259a', icon: this.iconPack.subtract })), index$1.h("input", { key: '082850c82f03fa110b670234c676b35e56ac663f', 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: 'fcb469289475e418446019725f47b3fcfe4a2ec1', kind: "icon", variant: "ghost", onClick: () => this.increment() }, index$1.h("rtk-icon", { key: 'd4f907255b622dfea369815f4c99ea3a4656caf7', 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 CHANGED Viewed

@@ -354,9 +354,9 @@ const RtkBroadcastMessageModal = class {
         }, 2000);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dafb5f8358be8db735eca75ae4f1cd887267e74a' }, index$1.h("div", { key: 'e5990f3fd2c371dc8c989ec8639f0fe1c23cbde4', class: "content-col" }, index$1.h("h2", { key: '3c6362b764c6ee53b841ab2278939815de33a0c0' }, "Broadcast message to"), index$1.h("select", { key: '9f96c461261583d32197f9a8ffaf0c73cdb2404f', 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: '780592e2af423343df3dce1f0da05fbfb2676691' }, "Everyone"), index$1.h("option", { key: '7874876c9354347c9ad5365128dcf419c678b801' }, "List of rooms")), index$1.h("textarea", { key: 'e0bb3a3146e6a9c38374bed1eb78429ee4478d2c', 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: '716b099a3b9d9886c41626cf977e6de8e744894b' }, index$1.h("div", { key: 'bac586faa92a4a80b78e36cbef361eec830a8ee2', class: "leave-modal" }, index$1.h("div", { key: 'ee19990482ae51504da014bf7d804b4bf577a14a', class: "header" }, index$1.h("h2", { key: 'd220797780f3f93b27f1ae511a9fd30e0211b957', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && index$1.h("p", { key: '498688e185b24eec250bcbcdd555fedc15980395', class: "message" }, this.t(state.content)), index$1.h("div", { key: '43f6068e6a14c1798ea2d9dec4dafd110222a5aa', class: "content" }, index$1.h("div", { key: 'dde485ee17c18a7a15dafd5347e9981ea6af4fe4', class: "leave-meeting" }, index$1.h("rtk-button", { key: '9cbbbe08509212e581b2e0768653a9f97efa45e3', 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: 'd6c1deaa86c2ec2dd607583aaf9ef3238c343183', 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([
@@ -578,7 +578,7 @@ const RtkJoinStage = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (index$1.h(index$1.Host, { key: 'b69a0a77d20a65a3112a393f33e4bc71564b16e1', class: { stage: true } }, index$1.h("header", { key: 'c9860a7bd9139b4ddb188f03f4efadcecf2d4259' }, index$1.h("h2", { key: '3222f6b149c9584205f355daecb4ebc7a2c329e3' }, this.dataConfig.title)), index$1.h(index$2.Render, { key: 'ae93b03e1ffeef036560de82bd1cfd678be9895a', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), index$1.h("div", { key: 'b579bcd55ac13475d46a9b363e50a293b3f8ab87', class: "summary" }, this.dataConfig.description), index$1.h("div", { key: 'b7002bbcf12848243621dbd4e0e62d73ed5c7043', class: "container" }, index$1.h("rtk-button", { key: '240d7e4f50f89e6859be85917a325075d5d98628', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), index$1.h("rtk-button", { key: 'c510ea579e35bf1302b6364065a2bb4eac43bec0', onClick: () => {
+        return (index$1.h(index$1.Host, { key: 'e5d51e22abdf1f0192e48ea4d4cbb614747edcc1', class: { stage: true } }, index$1.h("header", { key: 'd2a658de63ba4df5d5827a3aff348347c271c21d' }, index$1.h("h2", { key: '9e0279be859026b0c330bd174a47556b145f14c6' }, this.dataConfig.title)), index$1.h(index$2.Render, { key: '47b47ff8103b8f0aec5f667750b2f011e55e0eea', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), index$1.h("div", { key: 'eb435cd2a823279760819d199228eeb4b848b8c7', class: "summary" }, this.dataConfig.description), index$1.h("div", { key: '7f161d269e0508e3f184adf590043b707809fac4', class: "container" }, index$1.h("rtk-button", { key: '98344f17b421583410b1f279c2ee8dd533090ebb', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), index$1.h("rtk-button", { key: '5f8cf91e9e864df3c85b63677ab9ac2e17e7aa18', onClick: () => {
                 if (this.isLoading)
                     return;
                 this.isLoading = true;
@@ -677,9 +677,9 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'aea5962feea02bcf96948f3fe61eb6d59657de0d' }, index$1.h("div", { key: '183292c3726e742323faba5d94c21ccefe3d56c5', class: "leave-modal" }, index$1.h("div", { key: '313b84d84c8a575883c5aa89613bf8a07b53a6aa', class: "header" }, index$1.h("h2", { key: 'd87fcdf179052a18b70b9681e56858e09acb04b5', class: "title" }, this.t('leave'))), index$1.h("p", { key: 'd03e97a6556e27b3719d4ca9ea89ee8a286d3f16', 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: '39742fe6bfbadfb30b116ee38685f1193c773e1c', class: "content" }, index$1.h("rtk-button", { key: '39d88ee45a920e56593cd23237bf241951d8b178', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (index$1.h("rtk-button", { key: '250fb2f7e0a44e64a29072bc59d966191ce55a88', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), index$1.h("rtk-button", { key: 'bdbea0eb8468240008a11b1f4456d52633dc2637', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (index$1.h("rtk-button", { key: 'abff846edc62ce861159bc19101ef6714a5ad99b', 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: '012843e04afc91b7a9b8bca01d5d44ad8eb21988' }, index$1.h("div", { key: '82d246a5339936460435c45122ee9979c6f96ec4', class: "leave-modal" }, index$1.h("div", { key: '93a9cb57cc106f4dadbb3bac2dc194dc506d8926', class: "header" }, index$1.h("h2", { key: '26535ce68bae0d140ad626cfef61f7f753892404', class: "title" }, this.t('mute_all.header'))), index$1.h("p", { key: 'adf32771ba089b2b07022faa581a152495faafbc', class: "message" }, this.t('mute_all.description')), index$1.h("div", { key: '8f15b4433aa6483d968f435ce413ebe64077aee4', class: "content" }, index$1.h("div", { key: '5d9781ebe01b4085f4c5a9917a09b5b32e418c72', class: "leave-meeting" }, index$1.h("rtk-button", { key: 'bb8718e4548662d15ea67cb5a432e195c5f5f965', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), index$1.h("rtk-button", { key: '0efaee116b9361826fc94a41e4727115a08100cb', 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: '3c4b052af95eb7fd181d940b671b1d8105c568bb' }, index$1.h("rtk-icon", { key: 'a279a00bc270b2aa5bc1b867753bb10fbb13dfba', icon: this.states.activeOverlayModal.icon }), index$1.h("h2", { key: '283ade7b8c7f340e6931330a923df6d7457902e7' }, this.states.activeOverlayModal.title), index$1.h("p", { key: '16a8497d0940fa3354530555ab523e4d7236bbc0' }, 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: '2286180903192f50c5a5f427f4b71b7764f908ff' }, index$1.h("h2", { key: '02bd9de1404b366114eac1b36ee94f4afa8666e4' }, index$1.h("rtk-icon", { key: 'eae918cb5e321c8ed4f853b3f7942a5ff4a06ec0', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (index$1.h("div", { key: '2ee086e9dfcf6bbce679c0714c40dbc28ccc6318', 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: 'ee719e6edab99a1998a2284e596c6e5becc0f078' }, this.getMessage()), !isDeniedBySystem && (index$1.h("a", { key: 'baaef2813309bde6be2087b18969dfd556ad5f1e', 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: '23e3df4cc997eec1dedd53c5a89c611d93feb95e', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), index$1.h("div", { key: '27e0eec473b0328d503428802c46f7c648861804', class: "actions" }, index$1.h("rtk-button", { key: '4dbb461bbc79ccc78ef964c3596bf61816a941ff', 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: 'c86e688c04b116c225daed08d622d48dcab064da' })));
+        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 CHANGED Viewed

@@ -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: '5d65768a72c0769857b7d817d0b555d50a5645a5' }, index$1.h("header", { key: 'f8826c58072d2ddb73ed61a1813bf62b85cb9bc8' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (index$1.h("input", { key: '2bad468b946a896cb28a6206d5650c1b0192f9f9', 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: 'd23db51c427fa67f67cc11514e241d052eb376fe' }, index$1.h("rtk-button", { key: '5031f53ed0dc632d3e778f0ecaefb0165b74d74d', 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 CHANGED Viewed

@@ -35,7 +35,7 @@ const RtkChannelDetails = class {
         })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fd16feaf7e6dff4fbf038073e953c25d3f7b4822' }, index$1.h("header", { key: 'acb5029883e4bd77eadd22d1024cb5a9dfd8247a' }, 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 CHANGED Viewed

@@ -123,7 +123,7 @@ const RtkChannelSelectorUi = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd4565e4906338b20c51ca9559f9aabcf6a54382a' }, index$1.h("div", { key: '3e196d8746296f4d8f118c5218b9c1c9818fd7c3', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (index$1.h("rtk-button", { key: 'a771768f868b0e1281281ff8dc721f8a3cb2c201', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: 'b6e75a2486cef93ad99e9e173258256ab048198b', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), index$1.h("slot", { key: 'fd02665a1f80a946e9f6c2b642b80edc6f978a65', name: "header" }), index$1.h("div", { key: 'd24ad0988ef95f0ddabb8ff1c33f3740f8af4f76', class: "search-wrapper" }, index$1.h("div", { key: '1bb2aec77e2d1d6500709566a0bd1d9a8246ecc8', class: "search" }, index$1.h("input", { key: '10a989ac0e55bd37f67359e9ca14ea9e79edeb88', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), index$1.h("rtk-icon", { key: 'ffaeb2e88ffc571a6271fafd9b9ef1c7f105803b', icon: this.iconPack.search, class: "search-icon" }))), index$1.h("div", { key: '9612379eb95b5d4fae3a4fa6db05660bfc92b6e8', 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: '84b18823c07fc0dba89b8e11fb36044d36c4e9d3', class: "overlay-container" }, index$1.h("rtk-button", { key: '7aecee5541f731e264a5f12d10e7f7b07ce647ef', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, index$1.h("rtk-icon", { key: '924fa966910f056fbe0e7ee57de122fcb7d6311c', 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 CHANGED Viewed

@@ -96,11 +96,11 @@ const RtkChatMessage = class {
             } })));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '358cc92774694c9c31b965f823efd5047685ddd3' }, index$1.h("div", { key: '084dbfc81b75420c66f949b9799a60563c39b6b2', 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: 'e3f3490eccdc1550b9232bf70f2d8f6717f2fac4', 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 CHANGED Viewed

@@ -160,7 +160,7 @@ const RtkChatMessagesUi = class {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (index$1.h(index$1.Host, { key: '02149982e96642f42c8850f5d501c038874300f7' }, index$1.h("div", { key: 'bcc27f4f4c620175c5b6daead99d0a1b64e6bba8', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, index$1.h("div", { key: '4d4ba71a572095a28aa7c03e70a724521122e96d', class: "spacer", part: "spacer" }), index$1.h("div", { key: 'eca7d4406536b4e1b8d907bffe9a1ed6ad311dd4', 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: '8cbfbb3eef3f8640ddd66f68d0287cff5ade6997', class: "show-new-messages-ctr" }, index$1.h("rtk-button", { key: 'c9d841cf2d557b766c4a642291779562b71d25a1', 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: 'c579ffd1d28139fd82535c6cc0f661118b670a59', 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 CHANGED Viewed

@@ -40,7 +40,7 @@ const RtkChatSearchResults = class {
         };
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '226b9e52950fca3d296b041dbd93a6c060ad4abe' }, index$1.h("rtk-paginated-list", { key: '102af9de7e52317a5f9a8272e9e8a302f99268da', 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 CHANGED Viewed

@@ -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 === messages.length && messages.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 CHANGED Viewed

@@ -77,9 +77,9 @@ const RtkClock = class {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (index$1.h(index$1.Host, { key: '6e6b7a331666cd98cb100dca5c2869a8b5688553', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            index$1.h("rtk-icon", { key: '91cd9140d88447cd6662e08f4d2ed4c0df62858b', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            index$1.h("span", { key: 'eba0772ccc8f0cc14c9c4dd7c11574dcc368b443', 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 CHANGED Viewed

@@ -43,7 +43,7 @@ const RtkControlbar = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: 'f4fee1168f1b057865a0c615c563158df7f7e2fd' }, !this.disableRender && (index$1.h(index$2.Render, { key: '58945391fb15e670a385f12e3d5861b03597ed61', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: 'df55eba453868617350ec45fc0437ecb11e03597' })));
+        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 CHANGED Viewed

@@ -38,7 +38,7 @@ const RtkDebuggerToggle = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'cc9ec6cade76093abba3a48502d12a82868a875a', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '6b8bcf2e363dfcdfb8e0f90c8602d95cdf338544', 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 CHANGED Viewed

@@ -46,7 +46,7 @@ const RtkFileDropzone = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'd3fd9af2a148277b2481c94305104e43088a9b42' }, index$1.h("div", { key: 'f889ddc5635013ae7f364a6d36ef51936e179f7d', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, index$1.h("rtk-icon", { key: 'ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9', icon: this.iconPack.attach }), index$1.h("p", { key: '711b8a1ace2d73714f9abdbaba8c031e204fe07e' }, 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 CHANGED Viewed

@@ -38,10 +38,10 @@ const RtkFileMessage = class {
     }
     render() {
         const link = string.sanitizeLink(this.message.link);
-        return (index$1.h(index$1.Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', 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: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, index$1.h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, index$1.h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), index$1.h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, index$1.h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, file.getExtension(this.message.name)), index$1.h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), index$1.h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, file.getFileSize(this.message.size)))), index$1.h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => file.downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, index$1.h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', 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: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', 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: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, index$1.h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', 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: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, index$1.h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (index$1.h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', 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: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (index$1.h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, index$1.h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', 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: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), index$1.h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => file.downloadFile(this.message.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', 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: '4182f98abea77690fb9159047ef66c9ca0dbefbf' }, !this.isContinued && (index$1.h(ChatHead.ChatHead, { key: '1132b1b04efd80d172e172cfa2c6a8c0de3ff9aa', name: this.message.displayName, time: this.message.time, now: this.now })), index$1.h("div", { key: '01736d14164f0b10c50243f721f82914012a47a9', 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: 'fa971c508e884fc58c434d14a5e398e04f046168', class: { text: true, emoji: string.hasOnlyEmojis(this.message.message) } }, index$1.h(TextMessage.TextMessageView, { key: '2ffdf13b83faef9f39f8cd2825ec042a92c6e6a6', 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 CHANGED Viewed

@@ -43,7 +43,7 @@ const RtkHeader = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '00cfd80dbffa3f1c9c66e00397c7db1e7292664c' }, !this.disableRender && index$1.h(index$2.Render, { key: '521ab0493477836b0a5ce6de5ed85a842c71d32a', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: 'f73693073b8a7162a5db2ec73e93de6bbccea7dd' })));
+        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 CHANGED Viewed

@@ -30,7 +30,7 @@ const RtkIdleScreen = class {
         this.t = uiStore.useLanguage();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '1243feb830c4b40ddbb41409ba5e4f5259d4aba2' }, index$1.h("slot", { key: 'e5c674091393508a202d514e9ad41ccae687a660' }, index$1.h("div", { key: 'bd6e459fc18148edf47ed45df3e9f1f3d3356383', class: "ctr", part: "container" }, index$1.h("rtk-logo", { key: '9b3211860563ef93307902744b37985908f71cdf', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), index$1.h("rtk-spinner", { key: '584a3355b5a023ae9bc66f1eafbd85f3d3b9bb92', "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 CHANGED Viewed

@@ -45,7 +45,7 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6e6e27bf5529ef5af5b0b7f02c0fcda77dba492c', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '53b1df2b76fb58d37154f246c09c38f17c4ac6b3', class: "header" }, index$1.h("div", { key: 'e5707219faa115dfccd330643d022c90abdcfc5b', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '8387ffa67b78746a8d94f130ff23241313b5c1d8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'cd70a8a95e264a533d2d093e4d32df49dfc3f2c7', class: "actions" }, index$1.h("rtk-button", { key: '404da530999c81a7754c07ed48ffb73eb8f915e3', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '5d7806419e55072fcfb8735229cef5b9b0816669', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '6ac87cb0172f319706d8e8d4591a76d3fa60a2b9', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: 'd25982c4b4f3c422df8187782a762b12fffb76df', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '968d31b08e5113419bbdc63c3887a8537d198284', class: "image-ctr" }, index$1.h("img", { key: 'a806265d98e09094dd267afc3dc6018f6cf692c4', 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 CHANGED Viewed

@@ -26,7 +26,7 @@ const RtkInformationTooltip = class {
         this.iconPack = uiStore.defaultIconPack;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '182572b0e68a80a504b3aed40ae526ae371a9921' }, index$1.h("div", { key: 'c46d1aedd29c015e36c0496dd36ccd7d2afcd4ee', class: "tooltip-container" }, index$1.h("rtk-icon", { key: '25465b17d5b97a102273621e6e942fb34f542d53', icon: this.iconPack.info, size: "sm" }), index$1.h("div", { key: '9f3e5eea9a21b1ff48e8a3e7e91e3f81e748af79', class: "tooltip" }, index$1.h("slot", { key: 'a0f42e3681ffddf9287ddacd111ea3fa64f77c01', 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 CHANGED Viewed

@@ -35,7 +35,7 @@ const RtkLeaveButton = class {
     }
     render() {
         const text = this.t('leave');
-        return (index$1.h(index$1.Host, { key: '27ea1d3f7593e32d53b8160537e00147be6e2a2d', label: text }, index$1.h("rtk-controlbar-button", { key: 'f0952b09acd1f7cff04fd521252ecf75715e9a74', 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 CHANGED Viewed

@@ -266,11 +266,11 @@ const RtkMessageListView = class {
         this.updateTotalHeight();
     }
     render() {
-        return (index$1.h("div", { key: '413771e98d7ce6f8c2af3d6cadf6ad3484586929', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, index$1.h("div", { key: '4e4eb3729e574f555e844266803338e5b8a5aff9', class: "scroller" }, index$1.h("div", { key: 'c4389d8636465efef4cb1e15b63c2f52eb457942', 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: 'dd6b9b2cb812f817bdf66f4abf5f2c81f0664fa0', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), index$1.h("div", { key: 'e07b23728210f7708bf5c65ae2007b28779954e7', 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: '3957d510fcc88770169f5378e8180c168645d954', class: "loader" }, index$1.h("rtk-spinner", { key: '30a85f8744f51150940abf19b3dcfb9587f50c7f', 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 CHANGED Viewed

@@ -53,10 +53,10 @@ const RtkMoreToggle = class {
     }
     render() {
         const text = this.t('more');
-        return (index$1.h(index$1.Host, { key: '3b07eaaee77053c8bc68edf517adbc2928244680', title: text }, this.states.activeMoreMenu && (index$1.h("div", { key: '31f641a909685ce4f561b107e6dfd380a6d5ec86', class: "more-menu" }, index$1.h("slot", { key: 'c78477d0c4db136d6dfb4c3fe63ceb7dc678205e', name: "more-elements" }))), index$1.h("rtk-controlbar-button", { key: '41bbfa76720797850c8f540720eaeaed7e9f2a12', 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: '207388a5e3c71f27d54f54b42d41339c19bb202d', 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-name-tag.cjs.entry.js CHANGED Viewed

@@ -49,7 +49,7 @@ const RtkNameTag = class {
         var _a, _b, _c;
         const name = string.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 (index$1.h(index$1.Host, { key: 'd42b26fe39b4a8643e32b420ec6cded7450dde20', title: name }, index$1.h("slot", { key: '5235adedfaef8eb0b99d46f9b6e89efe40e53f68', name: "start" }), index$1.h("span", { key: 'bd15296809e2caf334c6786e45e3b751633ff001', class: "name" }, this.formatNameTag(name, isSelf)), index$1.h("slot", { key: '6f5a39cfecf90b9d449b08274eb20b450bcba196', name: "end" })));
+        return (index$1.h(index$1.Host, { key: '03a8cf176ca6a1b688f3bc9bd5c77ef22e8937d9', title: name }, index$1.h("slot", { key: 'd38164aeda8e938f49ffceb8e52e3102ddd03d11', name: "start" }), index$1.h("span", { key: '026f1cc6bbfcbd3649f73db43b2111af55fea6ee', class: "name" }, this.formatNameTag(name, isSelf)), index$1.h("slot", { key: '3a22aa050a15f452b0ec5db3cd5981dccb88aa55', name: "end" })));
     }
     static get watchers() { return {
         "size": ["sizeChanged"]