@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/components/{p-11048ea8.js → p-65980189.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, h as getAllConnectedParticipants, p as participantIdentifier } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage, G as getAllConnectedParticipants, H as participantIdentifier } from './p-2b523e10.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$5 } from './p-cbc8e449.js';
-import { d as defineCustomElement$4 } from './p-2507c6c8.js';
-import { d as defineCustomElement$3 } from './p-a73161da.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$5 } from './p-81a13bf2.js';
+import { d as defineCustomElement$4 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$3 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkBreakoutRoomManagerCss = ":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{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomManagerStyle0 = rtkBreakoutRoomManagerCss;
@@ -170,27 +170,29 @@ const RtkBreakoutRoomManager = /*@__PURE__*/ proxyCustomElement(class RtkBreakou
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '947ca9b82a497a0ce4274204dd7bcf9949d4e3c8' }, h("div", { key: 'cfd0a32bf1ad9db09edcf479e743292a064ff6e0', class: {
+        if (!this.meeting)
+            return null;
+        return (h(Host, null, h("div", { class: {
                 'assign-mode': this.assigningParticipants,
                 'selector-mode': !this.assigningParticipants,
                 'glowing-card': this.glowingCard,
-            } }, h("div", { key: 'f96ef6dae36d6368d9651b1b7521b5281390a1c5', class: "header" }, h("input", { key: 'ec5862c36b2a8a23b1a7bd9530418af16d044102', ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
+            } }, h("div", { class: "header" }, h("input", { ref: (el) => (this.inputTextEl = el), placeholder: this.t('breakout_rooms.room_name'), disabled: !(this.editingTitleRoomId === this.room.id), value: this.roomTitle, minlength: ROOM_TITLE_MIN_CHARS, onChange: (e) => {
                 this.newTitle = e.target.value;
-            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (h("span", { key: 'b2abbce8a8b9dd49e2b72fbddd13b09763092aa4', class: "participant-count" }, "(", h("rtk-icon", { key: 'f2075dfaa059be92d5462a614e179449cf4bdf81', icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (h("rtk-tooltip", { key: '2a47492d1c1f24077ad1a861a19bec8a201cea74', label: this.editingTitleRoomId === this.room.id
+            }, onKeyPress: (e) => this.onTitleChanged(e), class: { 'editing-enabled': this.editingTitleRoomId === this.room.id }, style: { width: `${this.roomTitle.length + 1}ch` } }), this.editingTitleRoomId !== this.room.id && (h("span", { class: "participant-count" }, "(", h("rtk-icon", { icon: this.iconPack.people }), (_c = (_b = (_a = this.room) === null || _a === void 0 ? void 0 : _a.participants) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : '0', ")")), this.canEditMeetingTitle && (h("rtk-tooltip", { label: this.editingTitleRoomId === this.room.id
                 ? this.t('breakout_rooms.save_room_name')
-                : this.t('breakout_rooms.edit_room_name') }, h("rtk-icon", { key: '1211a94dd351b33443fe430f69801cff8bf15765', icon: this.editingTitleRoomId === this.room.id
+                : this.t('breakout_rooms.edit_room_name') }, h("rtk-icon", { icon: this.editingTitleRoomId === this.room.id
                 ? this.iconPack.checkmark
-                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), h("div", { key: '5430f371fad9022f4a9a4de2747914958ff1d846', class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
+                : this.iconPack.edit, class: "show-on-hover", onClick: this.onEditClick }))), h("div", { class: "rooms-container" }, this.permissions.canAlterConnectedMeetings &&
             !this.room.isParent &&
-            this.allowDelete && (h("rtk-tooltip", { key: 'f807c8b6fabc2e85a9e9f023e7ac00ecd555861b', label: this.t('breakout_rooms.delete'), class: "danger" }, h("rtk-icon", { key: '171ba25bd6d0b4b418d719f2eb4555ddc301ee2e', icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
+            this.allowDelete && (h("rtk-tooltip", { label: this.t('breakout_rooms.delete'), class: "danger" }, h("rtk-icon", { icon: this.iconPack.delete, class: "show-on-hover", onClick: () => {
                 this.deleteRoom.emit();
             } }))), this.assigningParticipants &&
             this.permissions.canAlterConnectedMeetings &&
-            !this.room.isParent && (h("rtk-button", { key: '24c2023d3edeb75fdec77a145040741bbe6a90f8', kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
+            !this.room.isParent && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", onClick: () => this.onAssign() }, this.t('breakout_rooms.assign'))), this.mode === 'edit' &&
             !this.assigningParticipants &&
-            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { key: 'd93e97a19162498f797e9e237105728907eb3b75', kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
+            this.permissions.canSwitchConnectedMeetings && (h("rtk-button", { kind: "button", variant: "ghost", class: "assign-button", size: "md", disabled: this.room.id === this.meeting.meta.meetingId, onClick: () => this.onJoin() }, this.room.id === this.meeting.meta.meetingId
             ? this.t('joined')
-            : this.t('join'))), !this.room.isParent && (h("rtk-icon", { key: 'c020a1e894c959580104255ab81c3772af16c862', icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
+            : this.t('join'))), !this.room.isParent && (h("rtk-icon", { icon: this.showExpandedCard ? this.iconPack.chevron_up : this.iconPack.chevron_down, onClick: () => this.toggleCardDisplay() })))), this.renderExpandedCardMaybe(), this.renderParticipantsMaybe())));
     }
     static get style() { return RtkBreakoutRoomManagerStyle0; }
 }, [1, "rtk-breakout-room-manager", {

package/dist/components/{p-4b89a5d6.js → p-6b4eccd6.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;
@@ -56,7 +56,7 @@ const RtkFilePickerButton = /*@__PURE__*/ proxyCustomElement(class RtkFilePicker
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: 'ea570679bd495c1230a563d08496211e57645797', label: label }, h("rtk-button", { key: '894429d9abc652daf0d897fe3757b3a81dc06da2', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '12f9e9a114accb42178da6663f85cac8a3cf70e2', icon: icon }))));
+        return (h("rtk-tooltip", { key: '057a0a5a714dbbde228e3481e53adea4f88fb3ad', label: label }, h("rtk-button", { key: '04193df1053b14687fb9464a122b9158707bdda1', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: 'ed2fce30b93dfce9dd6b967d5993c93496cf3388', icon: icon }))));
     }
     static get style() { return RtkFilePickerButtonStyle0; }
 }, [1, "rtk-file-picker-button", {

package/dist/components/{p-b29a58cd.js → p-6c351e40.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$5 } from './p-cbc8e449.js';
-import { d as defineCustomElement$4 } from './p-2507c6c8.js';
-import { d as defineCustomElement$3 } from './p-a73161da.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$5 } from './p-81a13bf2.js';
+import { d as defineCustomElement$4 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$3 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkParticipantsStageQueueCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkParticipantsStageQueueStyle0 = rtkParticipantsStageQueueCss;
@@ -27,7 +27,7 @@ const RtkParticipantsStaged = /*@__PURE__*/ proxyCustomElement(class RtkParticip
         this.__registerHost();
         this.__attachShadow();
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** View mode for participants list */
@@ -98,13 +98,15 @@ const RtkParticipantsStaged = /*@__PURE__*/ proxyCustomElement(class RtkParticip
     }
     meetingChanged(meeting) {
         var _a;
-        if (meeting == null)
+        if (!meeting)
             return;
         this.updateRequestList();
         meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {
+        if (!this.meeting)
+            return null;
         if (this.view !== 'sidebar' || !this.shouldShowStageRequests())
             return;
         return (h("div", { class: "stage-requested-participants" }, h("div", { class: "heading-count", part: "staged-heading-count" }, this.t('stage_request.header_title'), " (", this.stageRequestedParticipants.length, ")"), h("ul", { class: "participants", part: "staged-participants" }, this.stageRequestedParticipants.map((participant) => (h("li", { class: "waiting-participant", key: participant.id }, h("div", { class: "participant-details" }, h("rtk-avatar", { participant: participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { class: "name", title: participant.name }, participant.name)), h("div", { class: "waitlist-controls" }, h("rtk-tooltip", { label: this.t('stage_request.deny_request'), variant: "secondary" }, h("rtk-button", { variant: "secondary", kind: "icon", onClick: () => this.rejectStageRequest(participant) }, h("rtk-icon", { class: "deny", icon: this.iconPack.dismiss }))), h("rtk-tooltip", { label: this.t('stage_request.accept_request'), variant: "secondary" }, h("rtk-button", { variant: "secondary", kind: "icon", onClick: () => this.acceptStageRequest(participant) }, h("rtk-icon", { class: "accept", icon: this.iconPack.checkmark })))))))), h("div", { class: "bulk-actions" }, h("rtk-button", { class: "accept-all-button", variant: "secondary", onClick: this.acceptAllStageRequest }, this.t('stage_request.accept_all')), h("rtk-button", { class: "deny-all-button", variant: "danger", onClick: this.denyAllStageRequest }, this.t('stage_request.deny_all')))));
@@ -127,6 +129,9 @@ const RtkParticipantsStaged = /*@__PURE__*/ proxyCustomElement(class RtkParticip
 __decorate([
     SyncWithStore()
 ], RtkParticipantsStaged.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkParticipantsStaged.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkParticipantsStaged.prototype, "size", void 0);

package/dist/components/{p-f0df8c15.js → p-7525d343.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { h as hasOnlyEmojis } from './p-338c7261.js';
 import { C as ChatHead } from './p-febe3ebc.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import { T as TextMessageView } from './p-a2f4f9e3.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -31,10 +31,10 @@ const RtkTextMessage = /*@__PURE__*/ proxyCustomElement(class RtkTextMessage ext
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: '128a6e757cf71a11aef8c93749b6388cee1a65d3' }, !this.isContinued && (h(ChatHead, { key: '35fd68c340c5133b3940bc5a200aaed48f366a0e', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '189244910e2511399a9dcb57647d7c63ed918712', class: {
+        return (h(Host, { key: 'b66a5f7edf4e656d66770ed8f06a6ae97523a759' }, !this.isContinued && (h(ChatHead, { key: 'b9f0be274d374ff247327029322e91b57b88e4c3', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '2a58af17b4657f2a49d7fbf1ef14e76857a12cbc', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '2b949b44c13aae1295c01aaa3915bcd45381447a', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '3659ef1412e9731352a3270cf2815a9fa78018fb', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: '45a0bcd30f2e048af77cb1704c178a750e1aaac4', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '262f5e6d7c71e950356842e442d44f5b280c0036', message: this.message.message })))));
     }
 }, [0, "rtk-text-message", {
         "message": [16],

package/dist/components/{p-eba76ab4.js → p-7764b66b.js}

@@ -1,30 +1,30 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-cbc8e449.js';
-import { d as defineCustomElement$m } from './p-11048ea8.js';
-import { d as defineCustomElement$l } from './p-6d3c8a73.js';
-import { d as defineCustomElement$k } from './p-1c22a3a0.js';
-import { d as defineCustomElement$j } from './p-273196ec.js';
-import { d as defineCustomElement$i } from './p-2507c6c8.js';
-import { d as defineCustomElement$h } from './p-0daa472f.js';
-import { d as defineCustomElement$g } from './p-cac807c5.js';
-import { d as defineCustomElement$f } from './p-153e1ac6.js';
-import { d as defineCustomElement$e } from './p-5597fe9f.js';
-import { d as defineCustomElement$d } from './p-f4158e29.js';
-import { d as defineCustomElement$c } from './p-7afb8f24.js';
-import { d as defineCustomElement$b } from './p-b1030316.js';
-import { d as defineCustomElement$a } from './p-a59e060b.js';
-import { d as defineCustomElement$9 } from './p-ebb19a87.js';
-import { d as defineCustomElement$8 } from './p-a73161da.js';
-import { d as defineCustomElement$7 } from './p-85665c03.js';
-import { d as defineCustomElement$6 } from './p-1cc409c6.js';
-import { d as defineCustomElement$5 } from './p-f634f020.js';
-import { d as defineCustomElement$4 } from './p-fab54b49.js';
-import { d as defineCustomElement$3 } from './p-ba8208ac.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { d as defineCustomElement$n } from './p-81a13bf2.js';
+import { d as defineCustomElement$m } from './p-65980189.js';
+import { d as defineCustomElement$l } from './p-5255d2f8.js';
+import { d as defineCustomElement$k } from './p-bf72bb45.js';
+import { d as defineCustomElement$j } from './p-fc56c6ea.js';
+import { d as defineCustomElement$i } from './p-4c2acc5c.js';
+import { d as defineCustomElement$h } from './p-fbe523dc.js';
+import { d as defineCustomElement$g } from './p-47f6fdfa.js';
+import { d as defineCustomElement$f } from './p-36b8529e.js';
+import { d as defineCustomElement$e } from './p-bee7d918.js';
+import { d as defineCustomElement$d } from './p-f8594d8e.js';
+import { d as defineCustomElement$c } from './p-7ac93e47.js';
+import { d as defineCustomElement$b } from './p-d1084f45.js';
+import { d as defineCustomElement$a } from './p-ea160150.js';
+import { d as defineCustomElement$9 } from './p-ab84cfbb.js';
+import { d as defineCustomElement$8 } from './p-cadee920.js';
+import { d as defineCustomElement$7 } from './p-c254f63b.js';
+import { d as defineCustomElement$6 } from './p-885dad3e.js';
+import { d as defineCustomElement$5 } from './p-938ee31c.js';
+import { d as defineCustomElement$4 } from './p-f44a0212.js';
+import { d as defineCustomElement$3 } from './p-8afd3f68.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkDialogManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkDialogManagerStyle0 = rtkDialogManagerCss;
@@ -46,7 +46,7 @@ const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager
         this.__attachShadow();
         this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
         /** UI Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
@@ -88,6 +88,9 @@ const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager
     }
     render() {
         var _a, _b, _c, _d;
+        if (!this.meeting) {
+            return;
+        }
         const defaults = {
             meeting: this.meeting,
             states: this.states,
@@ -171,6 +174,9 @@ const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager
 __decorate([
     SyncWithStore()
 ], RtkDialogManager.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialogManager.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkDialogManager.prototype, "states", void 0);

package/dist/components/{p-2df5f773.js → p-792de3bc.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.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: '53cfa1381ea1c0bdfe99362f56cc505bff492774' }, h("slot", { key: 'fffe3a71f857c152d6619514d875893b5899b956' })));
+        return (h(Host, { key: '8d727ee3603bff8472bbe65a3fac47711fc6315c' }, h("slot", { key: '11755f7306267fd0496721a65aae0d36f84acb7b' })));
     }
     static get style() { return RtkMenuListStyle0; }
 }, [1, "rtk-menu-list", {

package/dist/components/{p-7afb8f24.js → p-7ac93e47.js}

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

package/dist/components/{p-40a18d12.js → p-7d95084a.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
-import { d as debounce } from './p-a08b5a59.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { d as debounce } from './p-1dca17d1.js';
 
 const rtkPaginatedListCss = ".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;flex:1}.container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll;}.file-picker{display:none}.chat *:first-child{margin-top:var(--rtk-space-0, 0px)}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{margin-top:var(--rtk-space-4, 16px);display:block;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-3, 12px)}rtk-text-message[is-continued]{margin-top:var(--rtk-space-2, 8px)}.chat .image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.chat .image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.chat .image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.chat .image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat .image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.chat .image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--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)}.chat .image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.chat .file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.chat .file .file-data{flex:1 1 0%}.chat .file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.chat .file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.chat .file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}.smallest-dom-element{width:1px}#top-scroll{transform:translateY(20vh)}#bottom-scroll{transform:translateY(-20vh)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.show-new-messages-ctr{pointer-events:none;position:absolute;bottom:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10;margin-top:calc(var(--rtk-space-14, 56px) * -1);--tw-translate-y:var(--rtk-space-28, 112px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages-ctr.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.show-new-messages{pointer-events:auto;border-radius:9999px}.show-new-messages:hover{border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-ring-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}rtk-spinner,.empty-list{margin:auto}.page-wrapper{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.message-wrapper{margin-bottom:var(--rtk-space-2, 8px)}.pinned .message-wrapper{position:relative}.pinned .pin-icon{position:absolute;right:calc(var(--rtk-space-1, 4px) * -1);top:calc(var(--rtk-space-1, 4px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px)}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}";
 const RtkPaginatedListStyle0 = rtkPaginatedListCss;
@@ -287,7 +287,7 @@ const RtkPaginatedList = /*@__PURE__*/ proxyCustomElement(class RtkPaginatedList
          * which is why div#bottom-scroll comes before div#top-scroll
          * div.page-wrapper prevents reversal of messages
          */
-        return (h(Host, { key: '6fd10c2fdc24eeab3d52c10643ed92321e04d9fe' }, h("div", { key: '675f184549482b76fc07ea5641b9c3297ab6a79b', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, h("div", { key: '37618a8856bd0f1a8ecc57b38cd700bc302191e6', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, h("rtk-button", { key: 'b7ebb2a7b309c47af1987159726f1399452995c2', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, h("rtk-icon", { key: '99532567bf299b314a8e0a6d5485ad3fa219e600', icon: this.iconPack.chevron_down }))), h("div", { key: '512f096db4e0fdbd969c3cb7cfacc00a38b2f2b6', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoading && this.pagesToRender.flat().length === 0 && h("rtk-spinner", { key: 'bf2bcfdc9e4eecbc120ad38a0cc2c8323781532c', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), h("div", { key: '2c29f14bcac1c725c619349f1e30627cfdbc26f9', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
+        return (h(Host, { key: '69d3a477477c252a20b07d749979b8b7dfb2e2e7' }, h("div", { key: '8ad8afdcc6ff74dfb150615597029db185369293', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, h("div", { key: '62b9e1007f9c46f181d2c4b0ab3ca532b9e89f3d', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, h("rtk-button", { key: '4107ae7cfa77f50df7834e95dd35cad6b4836fda', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, h("rtk-icon", { key: '1cd4a0c65e38021ecfc42c3669852fe311ac0600', icon: this.iconPack.chevron_down }))), h("div", { key: 'a52878eee8c962808b431f18b0fc6f97ecafd314', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoading && this.pagesToRender.flat().length === 0 && h("rtk-spinner", { key: 'f40afc71664c93e55773112e8f69a2f97b1d8146', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), h("div", { key: 'ff33dae45c6cf06f6ee64adf84b2ebfaec10d290', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
     }
     static get watchers() { return {
         "selectedItemId": ["onItemChanged"]

package/dist/components/{p-9b675f4f.js → p-7f4b9092.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, d as defaultConfig, F as FlagsmithFeatureFlags } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as FlagsmithFeatureFlags } from './p-2b523e10.js';
 import { l as lenChildren, R as Render } from './p-60fdbd75.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
 import './p-a83ccdbd.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-94cc1b33.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$6 } from './p-cbc8e449.js';
-import { d as defineCustomElement$5 } from './p-2507c6c8.js';
-import { d as defineCustomElement$4 } from './p-a73161da.js';
-import { d as defineCustomElement$3 } from './p-20c74379.js';
-import { d as defineCustomElement$2 } from './p-2df5f773.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$6 } from './p-81a13bf2.js';
+import { d as defineCustomElement$5 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$4 } from './p-cadee920.js';
+import { d as defineCustomElement$3 } from './p-1035acb6.js';
+import { d as defineCustomElement$2 } from './p-792de3bc.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkParticipantCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";
 const RtkParticipantStyle0 = rtkParticipantCss;
@@ -47,7 +47,7 @@ const RtkParticipant = /*@__PURE__*/ proxyCustomElement(class RtkParticipant ext
         /** Language */
         this.t = useLanguage();
         /** Config object */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         this.audioEnabled = false;
         this.videoEnabled = false;
         this.isPinned = false;
@@ -226,9 +226,9 @@ const RtkParticipant = /*@__PURE__*/ proxyCustomElement(class RtkParticipant ext
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: '9a717049edf15cfec3e497a30a37f873dcb37fd8' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '4e161f74ce11be1050c95556065867289ab618b2', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: 'c1e71db1ba1ed2e8defbbb9802c22df8b64670fc', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: '165e14ba9f5e063820c6f440dc9eb03344e7bcdf', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: 'd6651dc9e7eb12ed56742f08096ef239bd4429c1', class: {
+        return (h(Host, { key: 'fca2be3a201295536c8401df43b0d7c574204d67' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: 'fc9a18d3afb9e023f690cc09b61c8fece2117131', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: '76bde07e6b502ad5b329ca0780e96b7d13ca6c86', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: 'f5475e848b7eb07f36b03514c2f140366fa9db75', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: 'd79d3570137dc8f44d85d4f1325d2b7528ae2b09', class: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '89506d158acdb3e2629a7a2ab51aef475f9f3b75', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '8267f27a37e363ddc54708d31c6715fffd6bf057', class: {
                 red: !this.videoEnabled,
             }, icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off })), (showMenu ||
             lenChildren({
@@ -237,34 +237,34 @@ const RtkParticipant = /*@__PURE__*/ proxyCustomElement(class RtkParticipant ext
                 childProps: {
                     participant: this.participant,
                 },
-            }) > 0) && (h("div", { key: '202a957dfe004c8c1f2195bf93c9ce9ce167a96f', class: "menu" }, h("span", { key: 'a01163f9da5fab4a1d7922f8abfe5a2e4a4dcf2c', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: '144e0c418b6a038d560f8087825471b649229ecb', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '18abb20a0969e0332d8fe2b5dcfe41bfc66955f7', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '3a22ebe5a21228b6ea6e15933d961b24085dce44', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '86688ad10d1440c5b534fe2f002225e0368ae24a', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: 'c22833b86d8583bdaec723a269afa7298cb0ca0d', onClick: () => {
+            }) > 0) && (h("div", { key: '16a70e1c20fbc9b60bdc06c2b5621eeb92ffd456', class: "menu" }, h("span", { key: '2283145bee77a1d3cca5b78ab035df9295c0bd12', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: 'f11c52baf39ff342d4bd6cac5882b7852bea5dd0', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '2d218acada676cb4fc8d2b720fd7a785932b05cb', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '57eee96bfe16ec0792f068b1c5125020522b6ea0', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '73786a54c181560cf3744d41872860a4f9226182', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '5e58a73a8ee20e682dfaea8352bf757f21f2074d', onClick: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '9cdde53aaffca1f0042a69048b77f31fc10c69d6', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: 'b651953a9b02065ca223c46dd7dbadedc8401031', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '7b1135f7ea874641440af548c170d7eed932f5aa', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: '6f1a6e919ad72776e0a318bac3657e358a846e42', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, h("rtk-icon", { key: 'e63383cca42314f8ac0a9a03d13948b4eb5ced8c', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
+            } }, h("rtk-icon", { key: '6d2dc3f5a8fcbac7bee5855418f2d310a44ea581', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
             isActiveParticipant &&
-            this.audioEnabled && (h("rtk-menu-item", { key: '86f670083fa1000cc99c5a57d4da2cb789c88aee', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (h("rtk-menu-item", { key: '9f15f60f110f41b68a7e48c5f14f1826f291a76a', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, h("rtk-icon", { key: 'd75504ef4431c83efea2d281baad6a10c8a2e3b3', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, h("rtk-icon", { key: '337bd8e35012e5d5db7c899246f5debff0e82a8f', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (h("rtk-menu-item", { key: '2634fae26bc72fec773f3a7f85fad7ebc1cfca11', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (h("rtk-menu-item", { key: '5c57b5c3e63efc77578849e1e631d92bece21b93', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, h("rtk-icon", { key: '57d51380b52a20a8f9dfc51931401712f4d67f26', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
-            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: '64ab2f51f494b8d3d445ae9aece430e8c0fca673', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '5633f66f3679bfc3b6e87a55cfb884e63260767c', icon: this.isOnStage
+            } }, h("rtk-icon", { key: 'dc95678f6f7fdc6dcbce86ee6a13d9891e039770', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
+            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: '60aabc93efd82a76edcea10d895522d9c9d5e68f', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '6eef25ebdfae1932011b9764cdc3cbf7f07ecd1b', icon: this.isOnStage
                 ? this.iconPack.leave_stage
                 : this.iconPack.join_stage, slot: "start" }), this.isOnStage
             ? this.t('stage.remove_from_stage')
-            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '664e9b1c843aa0cc7a47062b4f353a8e1105a368', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '69ede235912eaf64e025d7b05dae7ee0e9089ab4', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
                 var _a, _b;
                 (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.kick((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id);
-            } }, h("rtk-icon", { key: '10cb3a42b4c861241d983d9cb1ebfe594500fbc3', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: 'ed681666f5bb8bf06a6fac4b929853d9b6bc704c' }, h(Render, { key: '8177a2248bf03ffbe26a7f0f560eb81439a00fb3', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, h("rtk-icon", { key: 'e4ad9ac63eea2e436374289d5e0b83a754bf65fd', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '51235a7802e6878c7391c132e4bd8c3c636b57c5' }, h(Render, { key: '5ca8b68b79c748f3ced6cdb33ec8757caa7b597b', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }
@@ -309,6 +309,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkParticipant.prototype, "t", void 0);
+__decorate([
+    SyncWithStore()
+], RtkParticipant.prototype, "config", void 0);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/{p-07c5a2da.js → p-80efd900.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { R as RTKNotificationsAudio } from './p-a575deb5.js';
+import { R as RTKNotificationsAudio } from './p-93355c43.js';
 import { f as formatName } from './p-338c7261.js';
-import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-fc4484ae.js';
+import { c as createDefaultConfig, h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-2b523e10.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-d5ce79e0.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-fb038bd0.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({
@@ -81,7 +81,7 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
         this.permissions = DEFAULT_NOTIFICATION_CONFIG;
         this.enabledSounds = getEnabledSounds(DEFAULT_NOTIFICATION_CONFIG.notification_sounds);
         /** Config object */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Language */
         this.t = useLanguage();
         /** Icon pack */
@@ -159,7 +159,7 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
         if (typeof document !== 'undefined') {
             document === null || document === void 0 ? void 0 : document.removeEventListener('rtkNotification', this.onNotification);
         }
-        if (this.meeting == null)
+        if (!this.meeting)
             return;
         this.clearListeners(this.meeting);
         this.waitlistedParticipantJoinedListener &&
@@ -174,9 +174,9 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
     meetingChanged(meeting, oldMeeting) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         clearTimeout(this.disconnectTimeout);
-        if (oldMeeting !== undefined)
+        if (oldMeeting)
             this.clearListeners(oldMeeting);
-        if (meeting == null)
+        if (!meeting)
             return;
         const isLivestream = meeting.meta.viewType === 'LIVESTREAM';
         this.audio = new RTKNotificationsAudio(meeting);
@@ -557,7 +557,10 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
             this.meeting.self.permissions.acceptWaitingRequests);
     }
     render() {
-        return (h(Host, { key: '906188de5f85fcdb91e7bbd9fc44c60f722ec231' }, h("div", { key: '971924ad071ffa9525984eac3f11e929d10ec8a2', onMouseEnter: () => (this.paused = true), onFocusin: () => (this.paused = true), onMouseLeave: () => (this.paused = false), onFocusout: () => (this.paused = false) }, this.notifications.map((notification) => (h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, paused: this.paused, t: this.t }))))));
+        if (!this.meeting) {
+            return;
+        }
+        return (h(Host, null, h("div", { onMouseEnter: () => (this.paused = true), onFocusin: () => (this.paused = true), onMouseLeave: () => (this.paused = false), onFocusout: () => (this.paused = false) }, this.notifications.map((notification) => (h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, paused: this.paused, t: this.t }))))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -586,6 +589,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkNotifications.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkNotifications.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkNotifications.prototype, "t", void 0);

package/dist/components/{p-cbc8e449.js → p-81a13bf2.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { f as formatName, g as getInitials } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkAvatarCss = ":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:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;
@@ -45,7 +45,7 @@ const RtkAvatar = /*@__PURE__*/ proxyCustomElement(class RtkAvatar extends H {
         };
     }
     render() {
-        return (h(Host, { key: '62ab06b7a747442ff9fb2b65d886dba0177dcc1c' }, this.getAvatar(), h("slot", { key: 'c076f0ccf24ffa9d1e42287a60c0afd9e27be439' })));
+        return (h(Host, { key: '3ac8e9c14a3389b76dd0e27037a75358bf837fd4' }, this.getAvatar(), h("slot", { key: 'a1b51c492d328a00352cfb6f2a11acb7cdb5fe75' })));
     }
     static get style() { return RtkAvatarStyle0; }
 }, [1, "rtk-avatar", {