@cloudflare/realtimekit-ui 1.0.9-staging.2 → 1.0.9-staging.4

package/dist/collection/components/rtk-permissions-message/rtk-permissions-message.js

@@ -161,7 +161,7 @@ export class RtkPermissionsMessage {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: '9e1ddfa94e56f005310a17a451647055d687afdb' }, h("h2", { key: '0f4105daa1ca09074175e27931f4883814a527fb' }, h("rtk-icon", { key: '439a834c97fd162637202e8f682f115de8e0188f', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '9f65d4789625e7fbfa8f3c7e5b916584febf3bc9', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: 'c419b837d680c5e003dfbd58e66dfab790ae13ce' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: '9fd27220623637172a1fc0679cb1f60410dbb1b9', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: 'c237332bdbc21bd33350c3e94928c08526bf63d9', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: 'b0345160cc94639ed4d8bb9bdda4dd29a7defe83', class: "actions" }, h("rtk-button", { key: '21e95a3acf84a9d4209039ea9b1ccf29987d2195', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: 'b08b0d9a9f91874e10d1b2e0fa8ededb71054e60' })));
+        return (h(Host, { key: '2286180903192f50c5a5f427f4b71b7764f908ff' }, h("h2", { key: '02bd9de1404b366114eac1b36ee94f4afa8666e4' }, h("rtk-icon", { key: 'eae918cb5e321c8ed4f853b3f7942a5ff4a06ec0', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '2ee086e9dfcf6bbce679c0714c40dbc28ccc6318', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: 'ee719e6edab99a1998a2284e596c6e5becc0f078' }, this.getMessage()), !isDeniedBySystem && (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" }, h("rtk-icon", { key: '23e3df4cc997eec1dedd53c5a89c611d93feb95e', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '27e0eec473b0328d503428802c46f7c648861804', class: "actions" }, h("rtk-button", { key: '4dbb461bbc79ccc78ef964c3596bf61816a941ff', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: 'c86e688c04b116c225daed08d622d48dcab064da' })));
     }
     static get is() { return "rtk-permissions-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-plugins/rtk-plugins.js

@@ -55,7 +55,7 @@ export class RtkPlugins {
         }
     }
     render() {
-        return (h(Host, { key: 'c0621bcd1d64b1eb9e4b913bb2707d66179848a8' }, h("ul", { key: '2796e509a4df169a3b6455b06e33bcf9e1e634d4', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
+        return (h(Host, { key: 'd9d69e3e7ceca30ee32a1594f2271ee3223240cb' }, h("ul", { key: '98ecf8bcb2186c55cfe0763e2058408b7dba1384', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
                 plugin.activate();
                 this.close();
             }, "aria-label": `${this.t('activate')} ${plugin.name}` }, h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {

package/dist/collection/components/rtk-poll/rtk-poll.js

@@ -36,7 +36,7 @@ export class RtkPolls {
     }
     render() {
         const hasVoted = this.poll.voted.includes(this.self);
-        return (h(Host, { key: 'f279288f91b6fe8d525fc8498733763081c8d33b' }, h("div", { key: '5919d49691938b1886af73aed2e84c9281d400ae', class: "ctr" }, h("p", { key: '9881e172379add503d5b7057719214ff7094e66d', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: 'f94d3f1184e1e40048cc2f3a5545a643b747b5f3', class: "poll" }, h("p", { key: 'f8a37e64dc447ca65308d7ca5024b19fd845492d', class: "poll-question" }, this.poll.question), h("div", { key: '89a0c12e8c9423c188c25e130852b0ead854eccd', class: "poll-answers" }, h("span", { key: '73c48104ca4ab450b6a16f17dfdaffa5802198a2' }, this.t('polls.answers')), h("span", { key: '3e2bf9df6ffcdc3d04bff203e7a6b5cfbc449d2c' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
+        return (h(Host, { key: 'a2588231aa3c37d1b21a8204127cb07c42a4a013' }, h("div", { key: '3c4086564b201957801369c8781f7a89ff6ea0ba', class: "ctr" }, h("p", { key: '64deb31def342b2700a6a7d5858b6d5b961abf96', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: 'ef32b3dbde5b7aee0c3cd8290a1b0b185f0d80d0', class: "poll" }, h("p", { key: 'c9275828e7754f29a532410d576cba4aedcea711', class: "poll-question" }, this.poll.question), h("div", { key: 'a5c7ea1ad068f18b43d3f59ce75725c391c2ed14', class: "poll-answers" }, h("span", { key: '12810f7ec4e5450bc351d6fb66eb851c5a4555b1' }, this.t('polls.answers')), h("span", { key: '9788a0ead61a49eecd5babc56a1f99a93ee5ed9e' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
                 active: item.votes.some((x) => x.id === this.self),
                 'open-vote': this.permissions.polls.canVote && !hasVoted,
                 'poll-option': true,

package/dist/collection/components/rtk-poll-form/rtk-poll-form.js

@@ -65,10 +65,10 @@ export class RtkPoll {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (h(Host, { key: '625bbf35e528f16b4a982a159c3631af1d444a85' }, h("div", { key: 'f0d20f8d5e53d1f8fd5063b7e533dc50d8184dc5', class: "create-poll" }, h("p", { key: '2dbcff9b0828790c4315e62f45c139f30971b72c' }, this.t('polls.question')), h("textarea", { key: '6ff40a7fe19cded416f45474065b9361de83d5a2', onInput: () => {
+        return (h(Host, { key: 'f0941ef37e02d079b4dda653c3a57113267d3d25' }, h("div", { key: '9f403310e285737e0440626b9f124a5dc5c41509', class: "create-poll" }, h("p", { key: '1ff2f6785a7d4d6ee3b5548dd3a1abf84bbb79b8' }, this.t('polls.question')), h("textarea", { key: 'c5c312695ac21a74de5ba3d04f55e36e463f4d41', onInput: () => {
                 if (this.error && this.error.code === 0)
                     this.error = undefined;
-            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '565c530735bf27e14b0a5ee33afca6f45b1e4fc5', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: 'c38d4c9bee1c086cb481a94b17853749d5de6b63' }, h("input", { key: '64f21e59d497ae0182da74064d96ad66a522515d', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: 'ec293dc473b4d9d0df7fe9d93e036ff28c0ea3d1' }, h("input", { key: 'bef5ee43cee42d3c16927efc810ad4b76cb8994b', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '7b5646a77576a2836370d16dc2104d267c573de2', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: 'd51a6301dba0c3686a5f1e59ebdc98eccfa7488b', class: "error-text" }, this.error.message))));
+            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '4462865a6f821de368d81dfe3144f9c228e16f0c', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '4123038778cf22ea4605f6605c0b2518579a05cd' }, h("input", { key: '6b2e11df102744af6f03b0e13940bd3035c52506', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '998f5b503a88d7f9a663cfc940291448f3ff93dd' }, h("input", { key: '828db62cad498e2a80519716d79a78995ed3f5b1', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '214c318cf10cd1d7e77f5886884e86a4f7cdba8c', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '7c160bfde39fca7d73008740395ae0987cc19ff1', class: "error-text" }, this.error.message))));
     }
     static get is() { return "rtk-poll-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-polls/rtk-polls.js

@@ -72,14 +72,14 @@ export class RtkPolls {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '41908b79966d12fc13782a05b2763e233d0ef8c7' }, h("div", { key: '87f36d5e811009624ffc1f1d18f55aefc50f6c8e', class: "ctr", part: "container" }, h("div", { key: 'cc5170445db169e2de47e18d7d0dac0bf932726a', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: '9d1db7791f35b78137726957bcac10cba381227e', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        return (h(Host, { key: '132c33fc4e5a86c0a34a59f712cad0775ea3523a' }, h("div", { key: 'ddfa6e9498859dadcb77ee73a56a7f0be5d78951', class: "ctr", part: "container" }, h("div", { key: 'fe4d7c4cb4f2a46eaacb1cb200e68863775ed4d6', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: 'ec0de6e4f4cb1d2b87c70d9a578c31ba086ee646', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
             var _a;
             return (h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
                     this.onVote(e.detail.id, e.detail.index);
                 }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
-        }), this.create && (h("rtk-poll-form", { key: '9f73d645076a512dfffc3009dada18c137b918d0', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (h("rtk-poll-form", { key: '2d45c62fb5bd22cb66f93e05eb43f9fc83f75d9f', part: "poll-form", onRtkCreatePoll: (e) => {
                 this.onCreate(e.detail);
-            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (h("rtk-button", { key: 'e24dd4ab4c0e61acdbcff002ef16553214cfb94e', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
+            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (h("rtk-button", { key: 'c0ce05c14b6d30fd1a918eca5c0b15713add96bd', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
     }
     static get is() { return "rtk-polls"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-recording-indicator/rtk-recording-indicator.js

@@ -44,7 +44,7 @@ export class RtkRecordingIndicator {
         }
     }
     render() {
-        return (h(Host, { key: '421715a1e7084f9dc226cdf969393a9c9b58fd66', "data-hidden": !this.isRecording }, this.isRecording && (h("div", { key: 'fcfd0aa019c6d56ed5a872cdd2cf38ac7ac4258e', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, h("rtk-icon", { key: 'de97c04f6a1d81606285b2430ccf111dd7208bbf', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), h("span", { key: '6c142e85f186c7cdb77ccbb78453b2101e17f31a' }, this.t('recording.label'))))));
+        return (h(Host, { key: 'fc39a3c4780da8cf12bbb4fa7f4cfb608f053113', "data-hidden": !this.isRecording }, this.isRecording && (h("div", { key: '9aa8ba548d5b44b2a667dc53001faad973b00aaa', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, h("rtk-icon", { key: '4380a702bc57d734a03d14afbbb38201d9eb51ba', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), h("span", { key: '4c355ee5eea18c47c34d4665dbc9b3eb75a04f97' }, this.t('recording.label'))))));
     }
     static get is() { return "rtk-recording-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-screenshare-view/rtk-screenshare-view.js

@@ -106,7 +106,7 @@ export class RtkScreenshareView {
         const icon = this.isFullScreen
             ? this.iconPack.full_screen_minimize
             : this.iconPack.full_screen_maximize;
-        return (h(Host, { key: '34b2ef729d2ac2c5bdff2c29412a72d539ab512c', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: '2ce3c6939616fa6bb4e487d3ba4ef0a343aaeb6f', ref: (el) => (this.videoEl = el), class: {
+        return (h(Host, { key: '895838fc56a74007fe02299ee30de45c28604101', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: 'e5c48b3f240b44580e3693ba16b93e56c1c91099', ref: (el) => (this.videoEl = el), class: {
                 visible: this.screenShareEnabled,
                 'fit-in-container': this.participant.supportsRemoteControl,
             }, playsInline: true, onPlay: () => {
@@ -114,15 +114,15 @@ export class RtkScreenshareView {
                     screenshareParticipant: this.participant,
                     participant: this.meeting.self,
                 });
-            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: '0d85023b8a8347a93279abafde8fbf09cb41b95a', label: text }, h("rtk-button", { key: '1c2de414eaa60015a51b332490a276e1372cd968', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: '4855d0ff22108ab6bb859d771955c5e3eb5d69f6', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: '052603a136533ed56f70dc1c8aa36f1423925c61' }, this.t('screenshare.shared')), h("div", { key: '25f07fbc055318abcf486ac977ec89fc6c65c191', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '0740cd5d8b0dc40615d3142e07eb7f4ae36238d7', variant: "danger", onClick: () => {
+            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: 'af1a9ab34f7eafdadd905fe6cc420f80bba9df0e', label: text }, h("rtk-button", { key: '39e85a27f31ab4341e8ea909538eee9c2fa64eea', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: '24d224601e90c39581b9b58253cc1a9afa8debb1', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: '5b86a4393bc13986edef699d41e9840beba7afaf' }, this.t('screenshare.shared')), h("div", { key: '0a8956428dda78bf4802aedb37c67a11726d383a', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '29332a805aaeb97dd1c82e764a84e99e0bb6778e', variant: "danger", onClick: () => {
                 this.meeting.self.disableScreenShare();
-            } }, h("rtk-icon", { key: '4d2a00a772c9dc2f6cb5b9b42a99b096838d0df0', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '5fda78778feed97ac9b5b44a449011927b855cfa', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, h("rtk-icon", { key: '1a56a38c437b82b2b948963709770c78044d2fb9', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '4447983e29864ad5f3af891ee5949faf3bb28760', variant: "secondary", id: "expand-btn", onClick: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, h("rtk-icon", { key: 'e20687dfdbdad334c23cb49e366c24fd1a71047d', icon: this.videoExpanded
+            } }, h("rtk-icon", { key: '922dcb884d37077859b6c4171ef3f66d84d4f365', icon: this.videoExpanded
                 ? this.iconPack.full_screen_minimize
                 : this.iconPack.full_screen_maximize, slot: "start" }), this.videoExpanded
             ? this.t('screenshare.min_preview')
-            : this.t('screenshare.max_preview'))))), h("slot", { key: '4a2fedd80bef177633ccdfee754d06186692e6bb' })));
+            : this.t('screenshare.max_preview'))))), h("slot", { key: '832760ef28dac2cbace7aa76769b8f6db323deda' })));
     }
     static get is() { return "rtk-screenshare-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-settings-toggle/rtk-settings-toggle.js

@@ -37,7 +37,7 @@ export class RtkSettingsToggle {
     }
     render() {
         const text = this.t('settings');
-        return (h(Host, { key: 'a35e91bc92a802afd3eaf6f3211d1db7693413d1', title: text }, h("rtk-controlbar-button", { key: '03fb21e343891459262180be282065331a6140a3', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
+        return (h(Host, { key: '2304f4ea95e5fb5e44665130cd744e0ebafb3ce2', title: text }, h("rtk-controlbar-button", { key: '4a648720e88dfee6b8ab84f6486fc0277e5f9345', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
     }
     static get is() { return "rtk-settings-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-sidebar/rtk-sidebar.css

@@ -13,6 +13,7 @@ p {
 
 
 :host {
+  margin-right: var(--rtk-space-0, 0px);
   height: 100%;
   width: 100%;
   max-width: var(--rtk-space-96, 384px);
@@ -29,6 +30,7 @@ p {
 
 :host([view='sidebar']) {
   right: var(--rtk-space-2, 8px);
+  margin-right: var(--rtk-space-4, 16px);
   overflow: clip;
   border-radius: var(--rtk-border-radius-lg, 12px);
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);

package/dist/collection/components/rtk-spinner/rtk-spinner.js

@@ -22,7 +22,7 @@ export class RtkSpinner {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '896d7e13900a390f5c03df4e2af45163d61f6d09' }, h("rtk-icon", { key: 'dd05bbbb3eb9db982d85db131b82c2bcaf253a94', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '2eb8672a849f85e2c207ec9331d1093b7deefaa3' }, h("rtk-icon", { key: '5a2f292ddd7a5c52709ce41f47422f08bdf82852', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get is() { return "rtk-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-spotlight-grid/rtk-spotlight-grid.js

@@ -72,13 +72,13 @@ export class RtkSpotlightGrid {
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: '7640a44634c724d5964c4b4ac2e1a131483b1251' }, h("main", { key: 'ef00af9d4b4eabb86652d7b852c962bc71311012', part: "main" }, h(Render, { key: '6f3665ffdc49b0cb813b5b1a1d09132b685da2f7', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: 'e59d2ac514c625655e956290435cf75115d28680' }, h("main", { key: '3a6ce7465092914937ccc0a4011313889ff8b215', part: "main" }, h(Render, { key: 'ed21c2595f58f4b430b1d42b7329c6e3a7952552', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'main-grid',
                 participants: this.pinnedParticipants,
                 aspectRatio: this.aspectRatio,
                 gap: this.gap,
                 size: this.getAdaptiveSize(this.pinnedParticipants.length),
-            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '1b4f2c027f011b04a1f22dac96a82d5584f40aeb', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: 'bcc34463bf791b77bb8f5050be2e5aeb3dd01289', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '52d3ab791766e9107b034de5328c72d63729db1c', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '58ca609909a390092527ae999195e7d0c46a4feb', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/collection/components/rtk-stage/rtk-stage.js

@@ -26,7 +26,7 @@ export class RtkStage {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'b0f0bb2c16e9965cc7f646624118a8cee13538a5' }, h("slot", { key: '9555e0c26d9ab23b6fb02e1e1d4025eaaf6df704' })));
+        return (h(Host, { key: 'a8869602eda342c0c2de8682ab0b68cf68b4883e' }, h("slot", { key: 'f2c477f44bed9ac574795d934db9f72920b73180' })));
     }
     static get is() { return "rtk-stage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-switch/rtk-switch.js

@@ -52,7 +52,7 @@ export class RtkSwitch {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: '74affe48ce91e7be340e9d37507859fdd473bcb1', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: '24ae27603c839d40d6452c5ee669342acb60f73d', class: "switch", part: "switch" })));
+        return (h(Host, { key: '2543d327357cb3533a081fe7e88f68b8a421771f', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: '1a737e76fd261e4e1dc13e94f69aee1004aa1753', class: "switch", part: "switch" })));
     }
     static get is() { return "rtk-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-text-composer-view/rtk-text-composer-view.js

@@ -69,7 +69,7 @@ export class RtkTextComposerView {
         }
     }
     render() {
-        return (h("div", { key: '16cc81323e6fb16e4d4a6622895ed7edc80f2db9', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '05fde7b4f3e084e464fcc3276f0ce1e0d909e6a7', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: 'd4101bf8933a9873605e88fbb617d8ae38bb56a1', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: '779a1c58114de2cce65a13ee3ea8cb308f7cd68a', class: 'text-error breached' }, h("rtk-icon", { key: '9dedd14d826b1437f434d92c985659ecc3bc1842', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'f45f8f812ad668a86d2d0a22926bf437be44cbc9', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (h("div", { key: '1b51f7d6ffbe8069172a5dc51f291988000c898a', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'fe75f8333a7643458d5077fec968464327e65ca3', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '669066f9983f226d96baeebdfa10ffb1fc8001b7', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: '0024d3b4e8d5eda5f94ff2fe9d8aa18cfb9297a7', class: 'text-error breached' }, h("rtk-icon", { key: 'bc3a0417a81de43b67595cde79dfe7aba21a6601', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'c6077b3128eeea4be2358ab557062df322a8ffa9', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
     static get is() { return "rtk-text-composer-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-text-message/rtk-text-message.js

@@ -16,6 +16,7 @@ import { ChatHead } from "../rtk-chat/components/ChatHead";
 import { SyncWithStore } from "../../utils/sync-with-store";
 import { TextMessageView } from "./components/TextMessage";
 /**
+ * @deprecated `rtk-text-message` is deprecated and will be removed soon. Use `rtk-text-message-view` instead.
  * A component which renders a text message from chat.
  */
 export class RtkTextMessage {
@@ -32,10 +33,10 @@ export class RtkTextMessage {
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: '74b8d7a70a5960c4350061055ded0fa8838084ae' }, !this.isContinued && (h(ChatHead, { key: 'c0819a75eb645eff5ac6ccd7bdb54e7dbdce9876', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'f06fbf9a9e4680cc426c183d9ee09bfad452a5ad', class: {
+        return (h(Host, { key: '4182f98abea77690fb9159047ef66c9ca0dbefbf' }, !this.isContinued && (h(ChatHead, { key: '1132b1b04efd80d172e172cfa2c6a8c0de3ff9aa', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '01736d14164f0b10c50243f721f82914012a47a9', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '2755f1cefa98695843569934c414d6b2fbf158e5', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '52e0ae4b7710d970cb1915fc4059abef212b12fd', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: 'fa971c508e884fc58c434d14a5e398e04f046168', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '2ffdf13b83faef9f39f8cd2825ec042a92c6e6a6', message: this.message.message })))));
     }
     static get is() { return "rtk-text-message"; }
     static get properties() {

package/dist/collection/components/rtk-text-message-view/rtk-text-message-view.js

@@ -9,7 +9,7 @@ export class RtkTextMessageView {
         this.isMarkdown = false;
     }
     render() {
-        return (h("p", { key: '3a9c21d67487ea40760163f0dd69152454049063', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (h("p", { key: '90e03b1cdd7271004b0ba2932d7e00342d0b884d', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
     }
     static get is() { return "rtk-text-message-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-tooltip/rtk-tooltip.js

@@ -102,7 +102,7 @@ export class RtkMenu {
         });
     }
     render() {
-        return (h(Host, { key: 'cee2142cb6afa3e002b614bd3dd18b710b749ac1' }, h("span", { key: '4ba5b4777592afc8eb0ae14b50e5ebbfbb43bd1f', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'fa1ecc3998424e21444324bf4b5c90d6891ab03f' })), h("div", { key: '39306bb13f784942525e0b8b203406512253be3d', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: 'd5bd2ca0781605c1ffe4cbeb1ade65430aed6691', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: 'c80c860e2c9cdcbe3c0e0ec97b8f4cd9c99abb78', name: "tooltip" }))));
+        return (h(Host, { key: '32f792b447497e62bc776085657de62b8d6213bf' }, h("span", { key: '96f014373662e86cadb00d5a0b981246d3a7cac4', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '218a47538fad33071c2ed20d83610b36e8c5a8f4' })), h("div", { key: 'c338da352126320e70333ad8ae814667e53dc5b4', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: 'bd0fe7c880bf999ba565959e84cc78412d008fb7', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '67fcc99de5f9db145ce832b7eb46aa0e587ed101', name: "tooltip" }))));
     }
     static get is() { return "rtk-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-transcript/rtk-transcript.js

@@ -40,7 +40,7 @@ export class RtkTranscript {
         }, 10000);
     }
     render() {
-        return (h(Host, { key: 'f114d024507ae77ac2597ecd060e3ff44ff14b62' }, h("div", { key: '0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e', class: "ctr" }, h("p", { key: 'eee54f37929772f547113c899cbbcd89e451f64d', class: "message" }, h("span", { key: '3599abf0271f4847d0e19629c9966b02a168bdb8', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'ef273b9fcb4646120b31fce89d9c2cc5d4f2c811' }, h("div", { key: '68ec72f68aa52761f1b29c021a9babbe72ed0fd6', class: "ctr" }, h("p", { key: 'db08ea2b280f097b700163954ce8f7893f312919', class: "message" }, h("span", { key: '06fd5928dd075d4edc35bc09859ad51c6b2ec54f', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get is() { return "rtk-transcript"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-virtualized-list/rtk-virtualized-participant-list.js

@@ -112,12 +112,12 @@ export class RtkVirtualizedParticipantList {
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
+        return (h("div", { key: '1833065e95b4a443bad339ad8eaccab0c3b6902a', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '4812952f05b7cbcb920cf5bfe54cd30c26cb8b0d', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '0f9cd358e2d49af44765dbe560a323c9e8fa09f7', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '4b4bd2882d73ee7226c1654bd43649eeffe47ec9', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'ad6ae3e3416810066a1071725cee65e4a48e7455', style: { height: `${this.itemHeight}px` } })));
     }
     static get is() { return "rtk-virtualized-participant-list"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-waiting-screen/rtk-waiting-screen.js

@@ -23,7 +23,7 @@ export class RtkWaitingScreen {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '5f35f594c3c621db03b7d29397ebc5436bb8cb0d' }, h("slot", { key: '7e5eb00806056651b1fdd9cce1b7ff758a44afc2' }, h("div", { key: 'dd9dc281d1592383d23ad7045fa38f231140ec7e', class: "centered", part: "content" }, h("rtk-logo", { key: '59bbcae1ba6cc66d5a0e3b0994b9801c1eeb1884', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'b7dfb63fc063abf5eeb8cba203cb842f504d2d87' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: '1b65c6ea9a3747fca54e10ae22de1f66f0b5095e' }, h("slot", { key: '1291fd61658c377b46a19a48972bd9fd718a6452' }, h("div", { key: '72d460d5cfaa8aa5ef03a97466a5ea1810c661a6', class: "centered", part: "content" }, h("rtk-logo", { key: 'd9f65cf1ca150090051a7f832eccff954231a53f', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: '2bf23f63b9bb3aea03c880ea70c2911f919fc299' }, this.t('waitlist.body_text'))))));
     }
     static get is() { return "rtk-waiting-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/chat.js

@@ -20,7 +20,7 @@ export function alphabeticalSorter(a, b) {
     return a.localeCompare(b);
 }
 /**
- * Generate a unique chat group key used in `<rtk-chat-messages-ui />`
+ * Generate a unique chat group key used in `<rtk-chat /> and <rtk-chat-selector-ui />`
  * @param ids An array of user ids
  * @returns A unique key from the user ids
  */

package/dist/components/index.js

@@ -1,11 +1,11 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { c as createDefaultConfig } from './p-037e572f.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-037e572f.js';
-export { p as provideRtkDesignSystem } from './p-b373754d.js';
-import { g as generateConfig } from './p-4772f368.js';
-export { e as extendConfig, g as generateConfig } from './p-4772f368.js';
-export { R as RtkNotificationsAudio } from './p-6bd3b767.js';
-export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
+import { c as createDefaultConfig } from './p-7fc0dc2f.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-7fc0dc2f.js';
+export { p as provideRtkDesignSystem } from './p-51de7af3.js';
+import { g as generateConfig } from './p-121e073d.js';
+export { e as extendConfig, g as generateConfig } from './p-121e073d.js';
+export { R as RtkNotificationsAudio } from './p-78b61cce.js';
+export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-dab9d3d6.js';
 
 /**
  * Send notification which will be displayed in the `<rtk-notifications />` component.

package/dist/components/{p-26055088.js → p-080acf18.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkMenuListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
 const RtkMenuListStyle0 = rtkMenuListCss;
@@ -26,7 +26,7 @@ const RtkMenuList = /*@__PURE__*/ proxyCustomElement(class RtkMenuList extends H
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'c0974bc340294b197aa8310e5a9913126ac22c48' }, h("slot", { key: '1a660db36c713285203569957959663497803c5e' })));
+        return (h(Host, { key: '1357690e48bef0c8c0e953886f1fd7754f0e4e4d' }, h("slot", { key: 'f3a221b7a4d28f53add6b658a0510294a998d6c1' })));
     }
     static get style() { return RtkMenuListStyle0; }
 }, [1, "rtk-menu-list", {

package/dist/components/{p-34b580c9.js → p-0a35a909.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkSpinnerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);--rtk-spinner-color:currentColor}.spinner{height:100%;width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;background-color:transparent;animation-duration:1.3s}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
@@ -27,7 +27,7 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '896d7e13900a390f5c03df4e2af45163d61f6d09' }, h("rtk-icon", { key: 'dd05bbbb3eb9db982d85db131b82c2bcaf253a94', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '2eb8672a849f85e2c207ec9331d1093b7deefaa3' }, h("rtk-icon", { key: '5a2f292ddd7a5c52709ce41f47422f08bdf82852', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get style() { return RtkSpinnerStyle0; }
 }, [1, "rtk-spinner", {

package/dist/components/{p-f9faeffc.js → p-0b4e526c.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-037e572f.js';
+import { e as defaultIconPack } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
@@ -29,7 +29,7 @@ const RtkFileMessageView = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: 'd2cbeddc138f81c05da1656ee7f59c170e83bd1e', class: "file" }, h("rtk-button", { key: 'b0ee90c3493c24e938b6ea88a317c642e4afc003', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c1b25c655b5c87bf95948abfa461f8b58ff79195', icon: this.iconPack.download })), h("div", { key: 'c961a8ce93d4ff4405590787a88b5a9bbdbf56ab', class: "file-data" }, h("div", { key: 'bd178354d166c7816d6fabb72f7bba70fd711415', class: "name" }, this.name), h("div", { key: '59a791ae9f94a13b4005a0d8f79d09687fe3fc4c', class: "file-data-split" }, h("div", { key: 'b31421fdf786d92eed0decec9d3b247530413aa9', class: "ext" }, getExtension(this.name)), h("span", { key: '7a0a2a188b3e0b6bee0cf54d3afe29c2454788bb', class: "divider" }), h("div", { key: 'b217b87fa0737732aae10662b82d337d7258e6d7', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: 'cdd46a1be912f807688dc86671dddd2fa5b9e7c9', class: "file" }, h("rtk-button", { key: '20bd6c448ec64902989cd742a8f18de32e368194', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '11ac30db5146132be8aaba67a79f66f8aba7bb8d', icon: this.iconPack.download })), h("div", { key: '342dd8daa944a5857a6519339b4d3bfb6c369eda', class: "file-data" }, h("div", { key: 'e161743b75677b1e81d09d7c373be494ccf8411a', class: "name" }, this.name), h("div", { key: '99f2d8d77ef3c129aa0c229260f6e79901ce268c', class: "file-data-split" }, h("div", { key: '7b9beadca2a810c151fb1ad43ee7c47ba451a37a', class: "ext" }, getExtension(this.name)), h("span", { key: 'd55f69a96bbe26c262461fa87f1a0a506854cf59', class: "divider" }), h("div", { key: 'cad33d263ab75aeb3083886e83063b8ccb2ea976', class: "size" }, getFileSize(this.size))))));
     }
     static get style() { return RtkFileMessageViewStyle0; }
 }, [1, "rtk-file-message-view", {

package/dist/components/{p-a3ebfc10.js → p-0d582365.js}

@@ -118,12 +118,12 @@ const RtkVirtualizedParticipantList = /*@__PURE__*/ proxyCustomElement(class Rtk
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
+        return (h("div", { key: '1833065e95b4a443bad339ad8eaccab0c3b6902a', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '4812952f05b7cbcb920cf5bfe54cd30c26cb8b0d', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '0f9cd358e2d49af44765dbe560a323c9e8fa09f7', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '4b4bd2882d73ee7226c1654bd43649eeffe47ec9', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'ad6ae3e3416810066a1071725cee65e4a48e7455', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-c7413ac8.js → p-0d7bf41b.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$1 } from './p-a3ebfc10.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$1 } from './p-0d582365.js';
 
 const rtkParticipantsStageListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;
@@ -108,7 +108,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         }
     }
     render() {
-        return (h(Host, { key: 'd799034511ea2f1b1125e0a5ba4ea52add1ac748' }, h("div", { key: 'e46415181eaa216bc46470ebbce23f4dfe3b96b8', class: "participants-container" }, !this.hideHeader && (h("div", { key: '83a22247b44cfd8a7bee2c89fdd199310d2cc008', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '64876afecf04945ed6ab8f567dd19298add079e9', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (h(Host, { key: 'a3f02d560188be38be3e7d0e7c480fc215a6eb67' }, h("div", { key: '933821b69d57aa5d71e0866486c3d7dd4ca5c28d', class: "participants-container" }, !this.hideHeader && (h("div", { key: '1c9f7a6d59331e3bb849a341add9d1f492fbe9bc', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '9f3f31b89e3bdfa7ebf7e09518b1ddd0861fdfdd', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-a5a40d7e.js → p-102b6df8.js}

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

package/dist/components/{p-12d2b558.js → p-10ef077c.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkTranscriptCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkTranscriptStyle0 = rtkTranscriptCss;
@@ -42,7 +42,7 @@ const RtkTranscript = /*@__PURE__*/ proxyCustomElement(class RtkTranscript exten
         }, 10000);
     }
     render() {
-        return (h(Host, { key: 'f114d024507ae77ac2597ecd060e3ff44ff14b62' }, h("div", { key: '0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e', class: "ctr" }, h("p", { key: 'eee54f37929772f547113c899cbbcd89e451f64d', class: "message" }, h("span", { key: '3599abf0271f4847d0e19629c9966b02a168bdb8', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'ef273b9fcb4646120b31fce89d9c2cc5d4f2c811' }, h("div", { key: '68ec72f68aa52761f1b29c021a9babbe72ed0fd6', class: "ctr" }, h("p", { key: 'db08ea2b280f097b700163954ce8f7893f312919', class: "message" }, h("span", { key: '06fd5928dd075d4edc35bc09859ad51c6b2ec54f', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/components/{p-4772f368.js → p-121e073d.js}

@@ -1,5 +1,5 @@
-import { c as createDefaultConfig, A as isLiveStreamHost } from './p-037e572f.js';
-import { d as deepMerge, i as isValidHexColor } from './p-b373754d.js';
+import { c as createDefaultConfig, A as isLiveStreamHost } from './p-7fc0dc2f.js';
+import { d as deepMerge, i as isValidHexColor } from './p-51de7af3.js';
 
 /**
  * Extend the default UI Config with your own

package/dist/components/{p-b804a5f5.js → p-188bfe87.js}

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$8 } from './p-6fe2233b.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$8 } from './p-f4e75ea9.js';
 import { d as defineCustomElement$7 } from './p-1391bef0.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-1986022b.js';
-import { d as defineCustomElement$4 } from './p-26055088.js';
-import { d as defineCustomElement$3 } from './p-39a6a6a6.js';
-import { d as defineCustomElement$2 } from './p-34b580c9.js';
-import { d as defineCustomElement$1 } from './p-a3ebfc10.js';
+import { d as defineCustomElement$5 } from './p-a6296b02.js';
+import { d as defineCustomElement$4 } from './p-080acf18.js';
+import { d as defineCustomElement$3 } from './p-e8df7ac5.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-0d582365.js';
 
 const rtkParticipantsViewerListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;

package/dist/components/{p-a9d5d165.js → p-190db142.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-a54b82e9.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import { d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-34b580c9.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const rtkImageMessageCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;
@@ -39,10 +39,10 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '7e0fc95aff5f4db94f4ec0ba3c4dcd4d2ee9ffa6' }, !this.isContinued && (h(ChatHead, { key: 'cc7f214502f49fe2869f3e9bdfd797926987ef74', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '2e61a7320c1941df7c0d13082a9257e47ec5df58', class: {
+        return (h(Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (h(ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: 'bf2eec18c82aae79f31c40d44711ec7db2ab5bf1', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'acb8f5ef169bd0c663dbc74c1d43b4186f81004a', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -50,9 +50,9 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: '92a6610a937088e03200f9048146da0e4f749054', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'b85fa3e9dd0580f1d7e18360e74670a933e74367', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'b1046aff30dfe244498c957799f33c3a7c26ecb8', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '833e3ea7f7734a17450c98077e52b9db4fb5404a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '2545e3685f6e586b4fdc1304da08bbece5ec2cda', class: "actions" }, h("rtk-button", { key: 'bb5e37862d82702f6350f48c275100825dd494fa', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '247f754dfe4c9b63634906105a71bb2146154eaa', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'ab2712266ddce6f79abf1fca68379abcb4a3c9a1', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ffafa0e22d7752b125d0e1e50cfc03d858d29365', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
     }
     static get style() { return RtkImageMessageStyle0; }
 }, [0, "rtk-image-message", {