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

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
-import { d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkBroadcastMessageModalCss = ":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;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-4, 16px);width:100%;--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));width:400px;max-width:80%}.content-col{display:flex;width:100%;flex-direction:column}h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-2, 8px)}.content-row{display:flex;width:100%;flex-direction:row}.content-row rtk-button{margin-top:var(--rtk-space-4, 16px);width:100%}textarea{margin-top:var(--rtk-space-3, 12px);resize:none;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;height:var(--rtk-space-16, 64px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}textarea::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}select{border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);outline:2px solid transparent;outline-offset:2px;border-right-width:var(--rtk-border-width-md, 2px);border-style:solid;border-color:transparent;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-2, 8px);width:100%;text-align:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));display:flex;flex-direction:row;align-items:center;justify-content:center}p rtk-icon{margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px)}";
 const RtkBroadcastMessageModalStyle0 = rtkBroadcastMessageModalCss;
@@ -46,9 +46,9 @@ const RtkBroadcastMessageModal = /*@__PURE__*/ proxyCustomElement(class RtkBroad
         }, 2000);
     }
     render() {
-        return (h(Host, { key: 'dafb5f8358be8db735eca75ae4f1cd887267e74a' }, h("div", { key: 'e5990f3fd2c371dc8c989ec8639f0fe1c23cbde4', class: "content-col" }, h("h2", { key: '3c6362b764c6ee53b841ab2278939815de33a0c0' }, "Broadcast message to"), h("select", { key: '9f96c461261583d32197f9a8ffaf0c73cdb2404f', onChange: (e) => {
+        return (h(Host, { key: '834484040a926117171f62f1cc3af87ba60b519e' }, h("div", { key: 'd1ea5faed40e44eb416b07b309591383c54fdb1b', class: "content-col" }, h("h2", { key: '9a776c30542a7b85d30b3a857c9a99e153df944c' }, "Broadcast message to"), h("select", { key: 'e94a561dc33884cdbfcc2ac7a655f7997fd3dadf', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: '780592e2af423343df3dce1f0da05fbfb2676691' }, "Everyone"), h("option", { key: '7874876c9354347c9ad5365128dcf419c678b801' }, "List of rooms")), h("textarea", { key: 'e0bb3a3146e6a9c38374bed1eb78429ee4478d2c', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: 'fa6feec1e8cdac987c3ecc6e45bf3325eec44046' }, "Everyone"), h("option", { key: 'b45c084f6860928c23e5ed3feda1b47064f12363' }, "List of rooms")), h("textarea", { key: '392cf082528381245f1ef6be00da1d6d27ff0396', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/components/{p-33a87325.js → p-5791a91d.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
-import { d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkPluginMainCss = ":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;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";
 const RtkPluginMainStyle0 = rtkPluginMainCss;

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

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

package/dist/components/{p-121e073d.js → p-63e06c50.js}

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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
-import { d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkCounterCss = ":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;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";
 const RtkCounterStyle0 = rtkCounterCss;
@@ -47,7 +47,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: 'ef85b8128d8f6470dade486d8b31948db504ca21' }, h("rtk-button", { key: 'cfe52b812fcbb969cfa26cfd6f07aaf2f8b68cb2', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '947cbae0757f3b56ca511789d431da4a9457259a', icon: this.iconPack.subtract })), h("input", { key: '082850c82f03fa110b670234c676b35e56ac663f', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: 'fbc7f1e47c7554a2ef41fd25469d0b7a6921b779' }, h("rtk-button", { key: '6009c3bff7b0a9052e3381957bf3ebc0a272b707', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'cc87c9d0e756651ddca7346b7730089307dc5e32', icon: this.iconPack.subtract })), h("input", { key: 'bf618a065b804ba2eb905c77fb8f28553fbaf982', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -55,7 +55,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: 'fcb469289475e418446019725f47b3fcfe4a2ec1', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'd4f907255b622dfea369815f4c99ea3a4656caf7', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: '1b4fadb3e4a6254956cc0b8ce14d98d97c491203', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: '334bb08975bc7ec0733de9ae1ca1feaddeecb332', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]

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

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

package/dist/components/{p-914563e7.js → p-6614c9e7.js}

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

package/dist/components/{p-9e87b2c9.js → p-66ba4031.js}

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

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-a54b82e9.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
-import { d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -34,10 +34,10 @@ const RtkFileMessage = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage ext
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '915330674d273f2c45ece29cb5e7c9408ee5cbe8' }, !this.isContinued && (h(ChatHead, { key: 'eb2877f6224de9be1c975f0d2dc010f29fef3bc9', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '87d7f309379f23b76e404da2039cd2fd3fb7c95a', class: {
+        return (h(Host, { key: '3973891f85ac1d0be9bb921efa77ea5775c3ac90' }, !this.isContinued && (h(ChatHead, { key: '5bb40bca2a5aa15c851bc1bd3fa219b5baa8467d', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5a7d49c7fd330576b014a719222e5003a23a5d4f', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '7683a17adf5784ef0e6af8f396c58c005a369f6b', class: "file" }, h("div", { key: '3005eb72a09ba4d241ec919f957b95f26077ed13', class: "file-data" }, h("div", { key: 'ca5fc3700f868fd321793d4da672e9c7aad38056', class: "name" }, this.message.name), h("div", { key: '463c37838eec7b9ee9b096803cb785445206041a', class: "file-data-split" }, h("div", { key: '9470b898708fc78ca01c2926f8fb6a3c6fae6eea', class: "ext" }, getExtension(this.message.name)), h("span", { key: '35fa7f199b45bb6e64a72614ca1eceaafa6044e7', class: "divider" }), h("div", { key: 'b19a9d32151bb1ddbbb7689dc6d8e09b021d0612', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '6bb6a3223801a944fb9018765385ebadeae15e0f', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '9a7335c6720295a7f0b9073e35ac86014be53316', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: 'f48b13fa9e2b7d2c484183bb9dc836c78524a5d3', class: "file" }, h("div", { key: 'e2297facdd8072f8d5253faa0294625fb54405f8', class: "file-data" }, h("div", { key: '28f873ffb63e1d48ff39f0fc58ce108f08e5a3aa', class: "name" }, this.message.name), h("div", { key: 'f6355e9bfd04605cd6fdbf287b6edb0b4cba6e0e', class: "file-data-split" }, h("div", { key: '597a5fa9e053df17b3fc6ad75ca5df76572741e1', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'a51497ebe6650eb1c5d9c4a22e837c33f31f560e', class: "divider" }), h("div", { key: '93682e9f6691726cdfab75c4e9d08b21af6f4a89', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '1d021f0fdbb2efd46208662444358e6899f91d95', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c9c989d031d5a5eacf2035a3ff69d1adf18d4026', icon: this.iconPack.download }))))));
     }
 }, [0, "rtk-file-message", {
         "message": [16],

package/dist/components/{p-5f26bba3.js → p-6e10fc42.js}

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

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

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

package/dist/components/{p-3b29dda1.js → p-73baf5ba.js}

@@ -22,7 +22,7 @@ const RtkIcon = /*@__PURE__*/ proxyCustomElement(class RtkIcon extends H {
         this.size = 'lg';
     }
     render() {
-        return (h(Host, { key: 'fbacb1ee3dd4c1ca7aa612f08e938601df73036c' }, h("div", { key: '04c026967cb7aa3acb3fba09fcf5b0d33f45e2b0', class: "icon-wrapper", innerHTML: parseIcon(this.icon), part: "wrapper" })));
+        return (h(Host, { key: 'fdbe6fd9647bae7cfdf02ba6a250aa3c0c39ad85' }, h("div", { key: '114baca2f9ce9376e69073b40170473cc359915f', class: "icon-wrapper", innerHTML: parseIcon(this.icon), part: "wrapper" })));
     }
     static get style() { return RtkIconStyle0; }
 }, [1, "rtk-icon", {

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

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$d } from './p-f4e75ea9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$d } from './p-cec4d080.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-0b4e526c.js';
-import { d as defineCustomElement$a } from './p-3b29dda1.js';
-import { d as defineCustomElement$9 } from './p-63ef7ea4.js';
-import { d as defineCustomElement$8 } from './p-88bef213.js';
-import { d as defineCustomElement$7 } from './p-f8f5cb31.js';
-import { d as defineCustomElement$6 } from './p-a6296b02.js';
-import { d as defineCustomElement$5 } from './p-080acf18.js';
-import { d as defineCustomElement$4 } from './p-fe911889.js';
-import { d as defineCustomElement$3 } from './p-a9540d93.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
-import { d as defineCustomElement$1 } from './p-a94b2e67.js';
+import { d as defineCustomElement$b } from './p-52e95364.js';
+import { d as defineCustomElement$a } from './p-73baf5ba.js';
+import { d as defineCustomElement$9 } from './p-f5101af9.js';
+import { d as defineCustomElement$8 } from './p-8222af8c.js';
+import { d as defineCustomElement$7 } from './p-951a67af.js';
+import { d as defineCustomElement$6 } from './p-7e6ca4af.js';
+import { d as defineCustomElement$5 } from './p-fe648db5.js';
+import { d as defineCustomElement$4 } from './p-d3414935.js';
+import { d as defineCustomElement$3 } from './p-33db910f.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.js';
+import { d as defineCustomElement$1 } from './p-a6aea524.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
@@ -35,6 +35,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         this.__attachShadow();
         this.editMessageInit = createEvent(this, "editMessageInit", 7);
         this.onPinMessage = createEvent(this, "pinMessage", 7);
+        this.onEditMessage = createEvent(this, "editMessage", 7);
         this.onDeleteMessage = createEvent(this, "deleteMessage", 7);
         this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
         /** Icon pack */
@@ -45,26 +46,14 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         this.leftAlign = false;
         this.permissionsChanged = false;
         this.pageSize = 25;
-        this.lastReadMessageIndex = -1;
         this.permissionsUpdateListener = () => {
             this.permissionsChanged = !this.permissionsChanged;
         };
-        this.maybeMarkChannelAsRead = (messages) => {
-            if (!this.selectedChannelId)
-                return;
-            if (messages.length === 0)
-                return;
-            if (this.lastReadMessageIndex !== -1)
-                return;
-            const latestMsg = messages.at(0).time > messages.at(-1).time ? messages.at(0) : messages.at(-1);
-            if (!latestMsg.channelIndex)
-                return;
-            this.lastReadMessageIndex = parseInt(latestMsg.channelIndex, 10);
-            this.meeting.chat.markLastReadMessage(this.selectedChannelId, latestMsg);
-        };
+        // TODO: Implement the logic to mark messages as read. Old usages have been kept as-is.
+        this.maybeMarkChatAsRead = (_messages) => { };
         this.getChatMessages = async (timestamp, size, reversed) => {
-            const { messages } = await this.meeting.chat.getMessages(timestamp, size, reversed, undefined, this.selectedChannelId);
-            this.maybeMarkChannelAsRead(messages);
+            const { messages } = await this.meeting.chat.getMessages(timestamp, size, reversed, undefined);
+            this.maybeMarkChatAsRead(messages);
             return messages;
         };
         this.createChatNodes = (data) => {
@@ -85,22 +74,18 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         };
         this.getMessageActions = (message) => {
             const actions = [];
-            // const isSelf = this.meeting.self.userId === message.userId;
-            // const chatMessagePermissions = this.meeting.self.permissions?.chatMessage;
-            // const canEdit =
-            //   chatMessagePermissions === undefined
-            //     ? isSelf
-            //     : chatMessagePermissions.canEdit === 'ALL' ||
-            //       (chatMessagePermissions.canEdit === 'SELF' && isSelf);
-            const canDelete = message.userId === this.meeting.self.userId;
-            if (this.meeting.self.permissions.pinParticipant) {
+            const messageBelongsToSelf = message.userId === this.meeting.self.userId;
+            actions.push({
+                id: 'pin_message',
+                label: message.pinned ? this.t('unpin') : this.t('pin'),
+                icon: this.iconPack.pin,
+            });
+            if (messageBelongsToSelf) {
                 actions.push({
-                    id: 'pin_message',
-                    label: message.pinned ? this.t('unpin') : this.t('pin'),
-                    icon: this.iconPack.pin,
+                    id: 'edit_message',
+                    label: this.t('chat.edit_msg'),
+                    icon: this.iconPack.edit,
                 });
-            }
-            if (canDelete) {
                 actions.push({
                     id: 'delete_message',
                     label: this.t('chat.delete_msg'),
@@ -114,6 +99,9 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
                 case 'pin_message':
                     this.onPinMessage.emit(message);
                     break;
+                case 'edit_message':
+                    this.onEditMessage.emit(message);
+                    break;
                 case 'delete_message':
                     this.onDeleteMessage.emit(message);
                     break;
@@ -142,17 +130,14 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
             }
             const isSelf = message.userId === this.meeting.self.userId;
             const viewType = isSelf ? 'outgoing' : 'incoming';
-            return (h("div", { class: { pinned: message.pinned } }, h("div", { class: "message-wrapper" }, h("rtk-message-view", { time: message.time, actions: this.getMessageActions(message), authorName: message.displayName, isSelf: isSelf, avatarUrl: displayPicture, hideAuthorName: isContinued, viewType: viewType, variant: "bubble", onAction: (event) => this.onMessageActionHandler(event.detail, message) }, h("div", null, h("div", { class: "body" }, message.type === 'text' && (h("rtk-text-message-view", { text: message.message, isMarkdown: true })), message.type === 'file' && (h("rtk-file-message-view", { name: message.name, url: message.link, size: message.size })), message.type === 'image' && (h("rtk-image-message-view", { url: message.link, onPreview: () => {
+            return (h("div", null, h("div", { class: "message-wrapper", id: message.id }, h("rtk-message-view", { messageType: message.type, pinned: message.pinned, isEdited: message.isEdited, time: message.time, actions: this.getMessageActions(message), authorName: message.displayName, isSelf: isSelf, avatarUrl: displayPicture, hideAuthorName: isContinued, viewType: viewType, variant: "bubble", onAction: (event) => this.onMessageActionHandler(event.detail, message) }, h("div", null, h("div", { class: "body" }, message.type === 'text' && (h("rtk-text-message-view", { text: message.message, isMarkdown: true })), message.type === 'file' && (h("rtk-file-message-view", { name: message.name, url: message.link, size: message.size })), message.type === 'image' && (h("rtk-image-message-view", { url: message.link, onPreview: () => {
                     this.stateUpdate.emit({ image: message });
-                } }))), message.pinned && (h("div", { class: "pin-icon", part: "pin-icon" }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
+                } }))))))));
         };
         this.chatUpdateListener = (data) => {
-            if (this.selectedChannelId && data.message.channelId !== this.selectedChannelId)
-                return;
             if (data.action === 'add') {
                 this.$paginatedListRef.onNewNode(data.message);
-                this.lastReadMessageIndex = -1;
-                this.maybeMarkChannelAsRead([data.message]);
+                this.maybeMarkChatAsRead([data.message]);
             }
             else if (data.action === 'delete') {
                 this.$paginatedListRef.onNodeDelete(data.message.id);
@@ -186,22 +171,16 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         }
         this.permissionsUpdateListener();
     }
-    channelChanged() {
-        this.lastReadMessageIndex = -1;
-    }
     render() {
-        return (h(Host, { key: '732dea776303ba428aedc72608516a4e4dfc1591' }, h("rtk-paginated-list", { key: '6bc3cd1373ff487b897d3ca7a5bfbccfdbaa90da', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'f3cc795b3b39aa48f87f9908e3b205e2db6439b4' }))));
+        return (h(Host, { key: 'a574f0d8e0c7b1249568db270c73f45ad81fd8e2' }, h("rtk-paginated-list", { key: '279cf0d1c114c93f009a03779f026f6a7bb6ddf4', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, emptyListLabel: this.t('chat.empty_chat') }, h("slot", { key: 'cf28a28970c38375cda7492518fa8ed17802580e' }))));
     }
     get host() { return this; }
     static get watchers() { return {
-        "meeting": ["meetingChanged"],
-        "selectedChannelId": ["channelChanged"]
+        "meeting": ["meetingChanged"]
     }; }
     static get style() { return RtkChatMessagesUiPaginatedStyle0; }
 }, [1, "rtk-chat-messages-ui-paginated", {
         "meeting": [16],
-        "selectedChannel": [16],
-        "selectedChannelId": [1, "selected-channel-id"],
         "size": [513],
         "iconPack": [16],
         "t": [16],
@@ -209,8 +188,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         "children": [32],
         "permissionsChanged": [32]
     }, undefined, {
-        "meeting": ["meetingChanged"],
-        "selectedChannelId": ["channelChanged"]
+        "meeting": ["meetingChanged"]
     }]);
 __decorate([
     SyncWithStore()

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { T as TextMessageView } from './p-aae4c250.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { T as TextMessageView } from './p-56134994.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
-import { d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const rtkNotificationCss = ":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;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-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}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-2, 8px);max-width:var(--rtk-space-72, 288px) !important;font-size:14px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px)}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkNotificationStyle0 = rtkNotificationCss;
@@ -50,9 +50,9 @@ const RtkNotification = /*@__PURE__*/ proxyCustomElement(class RtkNotification e
     }
     render() {
         var _a;
-        return (h(Host, { key: '8c854ce9c1fbed1d0078e37ddfe731bd09f60217' }, h("div", { key: 'e5110dfac0052c151ad0f0c702fd2183639c160c', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '34c84299f20115d1576606443fd28035d604a282', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (h(Host, { key: 'ca7ba56145d1ebc8cd175b281b3d7f967ad5eaa9' }, h("div", { key: '63687c670dfc73628de6200ec81941f9aeb23024', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '3324fb3130778a63ac4b050a4cb086f9ca3e6896', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (h("img", { key: 'f8c7d6de5740e5e94be8b0bec312b44157c9999a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'cf22e099409eda906611ad43bb92192512c3b3f0', class: "message" }, h(TextMessageView, { key: '87e52e92ffa9d86b4ddc6a1c61b5bbb6a9f6c1d1', message: this.notification.message })), h("div", { key: '06195e55729bbc11fc48b188df7ee5f8a7b111d6', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'b1a8e8f05587fa9eaf66e9d8932dee6d4fc57e67', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '102260442e93358e972d72dbcfe2cc90f68523d9', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'f585bf6153a7c34528bd46af850db3f8511805ff', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (h("img", { key: '60e0fd0f7f864198d3116fc7e7be4a9f4baf298a', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: '1921b8f0d70db9b8ad5df1d14a1b04402d98cfef', class: "message" }, h(TextMessageView, { key: 'f9ff979dd47a68445bfb178ca6c23a756c8814b2', message: this.notification.message })), h("div", { key: 'fee67aa2035da907030ed0816afc87208836625d', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'dcffe6351aa74484ba9067a67a65d402af0ca6df', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '02837b9dbbe5ac4e46d0b1fbaf81b1b46def69ef', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: '635c5ccb6066cebe395b73110567b45f364d8139', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],

package/dist/components/{p-a6296b02.js → p-7e6ca4af.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 
-const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
+const rtkMenuItemCss = ":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;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMenuItemStyle0 = rtkMenuItemCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -20,17 +20,20 @@ const RtkMenuItem = /*@__PURE__*/ proxyCustomElement(class RtkMenuItem extends H
         super();
         this.__registerHost();
         this.__attachShadow();
+        /** Variant */
+        this.menuVariant = 'secondary';
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'a5c802aa2cb8cb235dc1e68d54ec9703c57df0b9' }, h("slot", { key: 'b448160fdd220fd814d471ddc08d7f784af10c49', name: "start" }), h("slot", { key: '0b342d2547a7835ea23d1974c3fd1b2e3507e779' }), h("slot", { key: '6670a8ed947d2bd6fb1651e9c6c1cd52f5ca419c', name: "end" })));
+        return (h(Host, { key: '613d2db512a5ccbdd1c8c9e1da6a15487e3f6811', class: { [this.menuVariant]: true } }, h("slot", { key: '3bb27b46542ed03a01ff77efe1dc69554f9188db', name: "start" }), h("slot", { key: 'efe49fe8df4b2c1e1e3c2d1b87ee0ec9e8380a29' }), h("slot", { key: '83491fef2a3f1ebc846081893b20f2a6e6cb12c9', name: "end" })));
     }
     static get style() { return RtkMenuItemStyle0; }
 }, [1, "rtk-menu-item", {
         "size": [513],
+        "menuVariant": [1, "menu-variant"],
         "iconPack": [16],
         "t": [16]
     }]);