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

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { h as useLanguage, e as defaultIconPack } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { h as useLanguage, e as defaultIconPack } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkDebuggerToggleCss = ":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 RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;

package/dist/{components/p-3042f998.js → esm/rtk-dialog-manager.entry.js}

@@ -1,30 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-6fe2233b.js';
-import { d as defineCustomElement$m } from './p-e2e22bf8.js';
-import { d as defineCustomElement$l } from './p-aba9b612.js';
-import { d as defineCustomElement$k } from './p-fb46d041.js';
-import { d as defineCustomElement$j } from './p-511ed3f8.js';
-import { d as defineCustomElement$i } from './p-1391bef0.js';
-import { d as defineCustomElement$h } from './p-c9a7cf06.js';
-import { d as defineCustomElement$g } from './p-f46a0782.js';
-import { d as defineCustomElement$f } from './p-9ea5df8f.js';
-import { d as defineCustomElement$e } from './p-4edd666b.js';
-import { d as defineCustomElement$d } from './p-6d49cf9f.js';
-import { d as defineCustomElement$c } from './p-ed8955d0.js';
-import { d as defineCustomElement$b } from './p-a5a40d7e.js';
-import { d as defineCustomElement$a } from './p-dc4b6fc4.js';
-import { d as defineCustomElement$9 } from './p-40c5ca62.js';
-import { d as defineCustomElement$8 } from './p-3b29dda1.js';
-import { d as defineCustomElement$7 } from './p-cc5ecd67.js';
-import { d as defineCustomElement$6 } from './p-c663f9b1.js';
-import { d as defineCustomElement$5 } from './p-0a7f6a8a.js';
-import { d as defineCustomElement$4 } from './p-d2c3870a.js';
-import { d as defineCustomElement$3 } from './p-17867774.js';
-import { d as defineCustomElement$2 } from './p-34b580c9.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
+import { R as Render } from './index-d31a2e33.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;
@@ -39,11 +16,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const RtkDialogManager = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
         /** UI Config */
         this.config = createDefaultConfig();
@@ -150,27 +125,11 @@ const RtkDialogManager = /*@__PURE__*/ proxyCustomElement(class RtkDialogManager
                     this.updateStoreState('activeMuteAllConfirmation', false);
                 }, iconPack: this.iconPack, t: this.t }, h("rtk-mute-all-confirmation", Object.assign({}, defaults)))));
         }
-        else if (states === null || states === void 0 ? void 0 : states.activeChannelCreator) {
-            return (h(Host, null, h("rtk-dialog", { open: true, onRtkDialogClose: () => {
-                    this.updateStoreState('activeChannelCreator', false);
-                }, iconPack: this.iconPack, t: this.t }, h("rtk-channel-creator", Object.assign({}, defaults)))));
-        }
-        return null;
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
     }; }
-    static get style() { return RtkDialogManagerStyle0; }
-}, [1, "rtk-dialog-manager", {
-        "meeting": [16],
-        "config": [16],
-        "states": [16],
-        "size": [513],
-        "iconPack": [16],
-        "t": [16]
-    }, undefined, {
-        "meeting": ["meetingChanged"]
-    }]);
+};
 __decorate([
     SyncWithStore()
 ], RtkDialogManager.prototype, "meeting", void 0);
@@ -186,134 +145,6 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkDialogManager.prototype, "t", void 0);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["rtk-dialog-manager", "rtk-avatar", "rtk-breakout-room-manager", "rtk-breakout-room-participants", "rtk-breakout-rooms-manager", "rtk-broadcast-message-modal", "rtk-button", "rtk-channel-creator", "rtk-confirmation-modal", "rtk-counter", "rtk-debugger", "rtk-debugger-audio", "rtk-debugger-screenshare", "rtk-debugger-system", "rtk-debugger-video", "rtk-dialog", "rtk-icon", "rtk-join-stage", "rtk-leave-meeting", "rtk-mute-all-confirmation", "rtk-overlay-modal", "rtk-permissions-message", "rtk-spinner", "rtk-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "rtk-dialog-manager":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, RtkDialogManager);
-            }
-            break;
-        case "rtk-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "rtk-breakout-room-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "rtk-breakout-room-participants":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "rtk-breakout-rooms-manager":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "rtk-broadcast-message-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "rtk-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "rtk-channel-creator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "rtk-confirmation-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "rtk-counter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "rtk-debugger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "rtk-debugger-audio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "rtk-debugger-screenshare":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "rtk-debugger-system":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "rtk-debugger-video":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "rtk-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "rtk-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "rtk-join-stage":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "rtk-leave-meeting":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "rtk-mute-all-confirmation":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "rtk-overlay-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "rtk-permissions-message":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "rtk-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "rtk-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+RtkDialogManager.style = RtkDialogManagerStyle0;
 
-export { RtkDialogManager as R, defineCustomElement as d };
+export { RtkDialogManager as rtk_dialog_manager };

package/dist/esm/rtk-dialog.entry.js

@@ -0,0 +1,89 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
+
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
+const RtkDialogStyle0 = rtkDialogCss;
+
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkDialog = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.onClose = createEvent(this, "rtkDialogClose", 7);
+        /** Whether to show the close button */
+        this.hideCloseButton = false;
+        /** Whether Escape key can close the modal */
+        this.disableEscapeKey = false;
+        /** UI Config */
+        this.config = createDefaultConfig();
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** Whether a dialog is open or not */
+        this.open = true;
+        this.close = () => {
+            this.open = false;
+            this.onClose.emit();
+        };
+        this.keydownListener = (e) => {
+            if (!this.disableEscapeKey && e.key === 'Escape' && this.open) {
+                this.close();
+            }
+        };
+    }
+    connectedCallback() {
+        document.addEventListener('keydown', this.keydownListener);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('keydown', this.keydownListener);
+    }
+    componentDidRender() {
+        if (this.open && !this.dialogEl.open) {
+            // we need to call showModal() to get the ::backdrop
+            this.dialogEl.showModal();
+        }
+    }
+    render() {
+        if (!this.open) {
+            return null;
+        }
+        return (h(Host, null, h("dialog", { ref: (el) => (this.dialogEl = el), id: "dialog", part: "container", onClose: this.close, onClick: (e) => {
+                // clicked outside the children of dialog
+                if (!this.disableEscapeKey && e.target === this.dialogEl) {
+                    this.close();
+                }
+            }, onKeyDown: (e) => {
+                if (this.disableEscapeKey && e.key === 'Escape') {
+                    e.preventDefault();
+                }
+            } }, h("slot", null), !this.hideCloseButton && (h("rtk-button", { part: "close-button", id: "dismiss-btn", kind: "icon", variant: "ghost", onClick: () => this.close(), type: "button", "aria-label": this.t('dialog.close'), role: "button" }, h("rtk-icon", { icon: this.iconPack.dismiss }))))));
+    }
+};
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "config", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkDialog.prototype, "t", void 0);
+RtkDialog.style = RtkDialogStyle0;
+
+export { RtkDialog as rtk_dialog };

package/dist/esm/rtk-ended-screen.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkEndedScreenCss = ":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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";
 const RtkEndedScreenStyle0 = rtkEndedScreenCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkFileDropzoneCss = "#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;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));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";
 const RtkFileDropzoneStyle0 = rtkFileDropzoneCss;

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

@@ -0,0 +1,142 @@
+import { r as registerInstance, h, H as Host, c as createEvent } from './index-c1fb98bb.js';
+import { C as ChatHead } from './ChatHead-15c2f8d4.js';
+import { s as sanitizeLink, h as hasOnlyEmojis } from './string-068ce30a.js';
+import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { g as getExtension, a as getFileSize, d as downloadFile } from './file-6114f1a9.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
+import { T as TextMessageView } from './TextMessage-ca92045e.js';
+import './date-b1f78dea.js';
+import './chat-ff185374.js';
+
+var __decorate$2 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkFileMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Date object of now, to calculate distance between dates */
+        this.now = new Date();
+        /** Whether the message is continued by same user */
+        this.isContinued = false;
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** show message in bubble */
+        this.showBubble = false;
+    }
+    render() {
+        const link = sanitizeLink(this.message.link);
+        return (h(Host, { key: '8796e55e793db9aeb4ede2d57524bc38aa817ddf' }, !this.isContinued && (h(ChatHead, { key: '7018209894272b21e1f5225d7bad92de5107d0d7', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'd30878670f4e90b35578ac616761645e5744c7cd', class: {
+                body: true,
+                bubble: this.showBubble,
+            }, part: "body" }, h("div", { key: '73ba1a2b1aaacec88930605d5a826d32ad56581e', class: "file" }, h("div", { key: '17234fd57360f3a7953ce898282240e03b94eb58', class: "file-data" }, h("div", { key: '07424973ceeb567efee25cb45eca09792482cd21', class: "name" }, this.message.name), h("div", { key: '255087ceadb46be8da915d2b9134b3922f9a50b7', class: "file-data-split" }, h("div", { key: 'a01185efdf779d87548e1b7d73dfad823dbbd611', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'a129cb26284432bbfad635dc3774309fbadc8fec', class: "divider" }), h("div", { key: '0af8af2f2d18c0a1d72bc5040bdabb1f06209840', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '522a0378351016927ca644cce5db710336bf348b', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '8d49abfffb8149adc9fd3e9f214b54a1f642edc3', icon: this.iconPack.download }))))));
+    }
+};
+__decorate$2([
+    SyncWithStore()
+], RtkFileMessage.prototype, "iconPack", void 0);
+__decorate$2([
+    SyncWithStore()
+], RtkFileMessage.prototype, "t", void 0);
+
+const rtkImageMessageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
+const RtkImageMessageStyle0 = rtkImageMessageCss;
+
+var __decorate$1 = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkImageMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
+        /** Date object of now, to calculate distance between dates */
+        this.now = new Date();
+        /** Whether the message is continued by same user */
+        this.isContinued = false;
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** show message in bubble */
+        this.showBubble = false;
+        this.status = 'loading';
+    }
+    render() {
+        return (h(Host, { key: 'bcbf806340704a0f288efdf06bc0712e2e296e1b' }, !this.isContinued && (h(ChatHead, { key: 'c7c64c22e4a0d37dd405d83f537e0ac858ee85f4', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '61bff7a6569ea50b9c6bc54fe71c1591a4079bb0', class: {
+                body: true,
+                bubble: this.showBubble,
+            }, part: "body" }, h("div", { key: '56740ce9648a6b580c338dc69eec4f0bb09e200b', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '46616303b6eaca3831083a5603aade677e8e27f1', src: sanitizeLink(this.message.link), onLoad: () => {
+                this.status = 'loaded';
+            }, onError: () => {
+                this.status = 'errored';
+            }, onClick: () => {
+                if (this.status === 'loaded') {
+                    this.stateUpdate.emit({ image: this.message });
+                }
+            } }), this.status === 'loading' && (h("div", { key: 'dac71a4e7e4d02b7e92386f92e2b066d31dc1c94', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6c7b01868932f2ed0e6602d68caecb9b38d4f47b', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '87c343f4a62662bc100361acf7aba9d3df31705f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '35851cf346c3d873cf0f27d8520df278c9b7cfa1', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '37e07aef242ef26e57a5ec96e4a127d8ad27dc82', class: "actions" }, h("rtk-button", { key: 'f32b44c453061e7ba41a67f1c266f634ad0a6cc3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+                this.stateUpdate.emit({ image: this.message });
+            } }, h("rtk-icon", { key: '4a6c1cfe87d356e1f39db04b3536f9e9e3ca1b34', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'e22f94520b0ead2db124e6a65ad110ea029855f3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'a5f7b58d27a12e8754db70c9d56facc547883d4f', icon: this.iconPack.download }))))))));
+    }
+};
+__decorate$1([
+    SyncWithStore()
+], RtkImageMessage.prototype, "iconPack", void 0);
+__decorate$1([
+    SyncWithStore()
+], RtkImageMessage.prototype, "t", void 0);
+RtkImageMessage.style = RtkImageMessageStyle0;
+
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkTextMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Date object of now, to calculate distance between dates */
+        this.now = new Date();
+        /** Whether the message is continued by same user */
+        this.isContinued = false;
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** show message in bubble */
+        this.showBubble = false;
+    }
+    render() {
+        return (h(Host, { key: 'd47fae980df369efeb4351a933cc4e06ebac586e' }, !this.isContinued && (h(ChatHead, { key: '6bf4892ca718cda199ad2a19371cd9e8724421de', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'b2b50f3f716d5cdfb45f1826c4e4fcab43a13a7c', class: {
+                body: true,
+                bubble: this.showBubble,
+            }, part: "body" }, h("div", { key: 'cc3f081fefaf8004386991bd307c61a9e5526ae6', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '579a167e4ae6213d84ca65a581ec88fadb1db574', message: this.message.message })))));
+    }
+};
+__decorate([
+    SyncWithStore()
+], RtkTextMessage.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkTextMessage.prototype, "t", void 0);
+
+export { RtkFileMessage as rtk_file_message, RtkImageMessage as rtk_image_message, RtkTextMessage as rtk_text_message };

package/dist/esm/rtk-fullscreen-toggle.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
+import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './full-screen-1f58c594.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkFullscreenToggleCss = ":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}:host([data-hidden]){display:none}";
 const RtkFullscreenToggleStyle0 = rtkFullscreenToggleCss;

package/dist/esm/rtk-grid-pagination.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 import { d as debounce_1 } from './debounce-0169a54d.js';
 
 const rtkGridPaginationCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:16px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}:host([size='sm']) .center{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px)}:host([size='sm']) rtk-button{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) rtk-button rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}rtk-button{--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)}.center{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.center .page{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.center .slash{margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-0\\.5, 2px)}.center .pages{align-self:flex-end;font-size:12px}:host([variant='rounded']){overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button{border-radius:9999px;border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));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}:host([variant='rounded']) rtk-button:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button:not([disabled]):focus{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='grid']) rtk-button{position:absolute;top:50%;height:var(--rtk-space-20, 80px);width:var(--rtk-space-20, 80px);opacity:0.2;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}:host([variant='grid']) rtk-button:hover{opacity:1}:host([variant='grid']) rtk-button{transform:translateY(-50%)}:host([variant='grid']) rtk-button.prev{left:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) rtk-button.next{right:var(--rtk-space-0, 0px);border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host([variant='grid']) rtk-button.auto{left:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) .dots{position:absolute;left:50%;bottom:var(--rtk-space-3, 12px);display:flex;align-items:center;transform:translateX(-50%)}:host([variant='grid']) .dots .dot{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([variant='grid']) .dots .dot:last-child{margin-right:var(--rtk-space-0, 0px)}:host([variant='grid']) .dots .dot.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host([variant='grid'][size='sm']) rtk-button{height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);opacity:0.1}";

package/dist/esm/rtk-grid.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, R as isLiveStreamViewer } from './ui-store-2965ff1a.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, N as isLiveStreamViewer } from './ui-store-9e486e1b.js';
 import { d as debounce_1 } from './debounce-0169a54d.js';
 import { R as Render } from './index-d31a2e33.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.js';
 
 const rtkGridCss = ":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;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
 import { R as Render } from './index-d31a2e33.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkHeaderCss = ":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-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkIdleScreenCss = ":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { h as useLanguage, e as defaultIconPack } from './ui-store-2965ff1a.js';
-import { d as downloadFile } from './file-849468c1.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
-import { f as formatName, s as shorten } from './string-5e8dab07.js';
+import { h as useLanguage, e as defaultIconPack } from './ui-store-9e486e1b.js';
+import { d as downloadFile } from './file-6114f1a9.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
+import { f as formatName, a as shorten } from './string-068ce30a.js';
 
 const rtkImageViewerCss = ":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{width:1140px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-6, 24px);padding-top:var(--rtk-space-5, 20px);overflow-y:auto;color:rgb(var(--rtk-colors-text-1000, 255 255 255));z-index:40;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.displayName{font-weight:700}.image-ctr{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}img{box-sizing:border-box;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--rtk-space-4, 16px)}.shared-by-user{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']) .header{flex-direction:column}:host([size='sm']) .header .actions{margin-top:var(--rtk-space-4, 16px)}";
 const RtkImageViewerStyle0 = rtkImageViewerCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
-import { e as defaultIconPack } from './ui-store-2965ff1a.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
+import { e as defaultIconPack } from './ui-store-9e486e1b.js';
 
 const rtkInformationTooltipCss = ":host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer}.tooltip-container{position:relative;display:flex;flex-direction:row;align-items:center}.tooltip-container rtk-icon{cursor:pointer;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.tooltip-container rtk-icon:hover+.tooltip{display:flex !important}.tooltip{position:absolute;margin-left:var(--rtk-space-2, 8px);display:none !important;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));padding:var(--rtk-space-2, 8px);font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));z-index:50;display:flex;min-width:var(--rtk-space-60, 240px);flex-direction:column;--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);left:14px}";
 const RtkInformationTooltipStyle0 = rtkInformationTooltipCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { e as defaultIconPack, h as useLanguage } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkLeaveButtonCss = ":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 RtkLeaveButtonStyle0 = rtkLeaveButtonCss;

package/dist/esm/rtk-livestream-indicator_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-c1fb98bb.js';
-import { h as useLanguage, e as defaultIconPack, M as showLivestream, U as PlayerState, V as getLivestreamViewerAllowedQualityLevels } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { h as useLanguage, e as defaultIconPack, O as showLivestream, T as PlayerState, U as getLivestreamViewerAllowedQualityLevels } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkLivestreamIndicatorCss = ":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-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";
 const RtkLivestreamIndicatorStyle0 = rtkLivestreamIndicatorCss;

package/dist/esm/rtk-livestream-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, h as useLanguage, E as isLiveStreamHost } from './ui-store-2965ff1a.js';
-import { S as SyncWithStore } from './index-849b9dd9.js';
+import { e as defaultIconPack, h as useLanguage, E as isLiveStreamHost } from './ui-store-9e486e1b.js';
+import { S as SyncWithStore } from './index-e65afca5.js';
 
 const rtkLivestreamToggleCss = ":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}:host([data-hidden]){display:none}";
 const RtkLivestreamToggleStyle0 = rtkLivestreamToggleCss;