@cloudflare/realtimekit-ui 1.1.0-staging.10 → 1.1.0-staging.12

package/dist/esm/rtk-channel-creator.entry.js

@@ -1,159 +0,0 @@
-import { r as registerInstance, c as createEvent, w as writeTask, f as forceUpdate, h, H as Host, a as getElement } from './index-c1fb98bb.js';
-import { i as useLanguage, e as defaultIconPack } from './ui-store-12132d9c.js';
-import { S as SyncWithStore } from './index-6eb882e7.js';
-
-const rtkChannelCreatorCss = ":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{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));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}.channel-name-input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";
-const RtkChannelCreatorStyle0 = rtkChannelCreatorCss;
-
-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 RtkChannelCreator = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
-        this.switchChannel = createEvent(this, "switchChannel", 7);
-        /** Language */
-        this.t = useLanguage();
-        /** Icon pack */
-        this.iconPack = defaultIconPack;
-        this.channelName = '';
-        this.searchQuery = '';
-        this.step = 1;
-        this.loading = false;
-        this.selectedMemberIds = new Set();
-        this.focusedMemberIndex = -1;
-        this.showAllMembersList = false;
-        this.allMembers = new Map();
-        this.inputTextRef = null;
-        this.searchInputTextRef = null;
-        this.focusOnSearch = (selectText = false) => {
-            this.focusedMemberIndex = -1;
-            writeTask(() => {
-                var _a, _b;
-                (_a = this.searchInputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
-                if (selectText)
-                    (_b = this.searchInputTextRef) === null || _b === void 0 ? void 0 : _b.select();
-            });
-        };
-        this.onClickHandler = async () => {
-            if (this.channelName.length === 0)
-                return;
-            if (this.step === 1) {
-                const members = this.meeting.participants.all.toArray();
-                const selfId = this.meeting.self.userId;
-                const nonSelfMembers = members.filter((member) => member.userId !== selfId);
-                nonSelfMembers.forEach((member) => this.allMembers.set(member.userId, member));
-                this.step = 2;
-                this.focusOnSearch();
-                return;
-            }
-            // step 2 - add members and create channel
-            await this.createChannel();
-        };
-        this.createChannel = async () => {
-            const members = Array.from(this.selectedMemberIds);
-            const newChannel = await this.meeting.chat.createChannel(this.channelName, members, {
-                displayPictureUrl: '',
-                visibility: 'public',
-                isDirectMessage: false,
-            });
-            this.switchChannel.emit(newChannel.id);
-            this.stateUpdate.emit({ activeChannelCreator: false });
-        };
-        this.onMemberAdd = (id) => {
-            this.showAllMembersList = false;
-            this.selectedMemberIds.add(id);
-            this.searchQuery = '';
-            this.focusOnSearch();
-        };
-        this.keyDownHandler = (e, filteredMembers) => {
-            if (e.key === 'ArrowDown') {
-                this.focusedMemberIndex = Math.min(this.focusedMemberIndex + 1, filteredMembers.length - 1);
-            }
-            else if (e.key === 'ArrowUp') {
-                if (this.focusedMemberIndex === -1)
-                    return;
-                if (this.focusedMemberIndex === 0) {
-                    this.focusOnSearch(true);
-                    return;
-                }
-                this.focusedMemberIndex = Math.max(this.focusedMemberIndex - 1, 0);
-            }
-            else if (e.key === 'Enter') {
-                this.onMemberAdd(filteredMembers[this.focusedMemberIndex].userId);
-            }
-            else if (e.key === 'Backspace') {
-                if (this.searchQuery.length !== 0)
-                    return;
-                if (this.selectedMemberIds.size === 0)
-                    return;
-                const lastMemberId = Array.from(this.selectedMemberIds.values()).at(-1);
-                this.selectedMemberIds.delete(lastMemberId);
-                forceUpdate(this.$el);
-            }
-        };
-        this.renderMemberSelector = () => {
-            const filteredMembers = Array.from(this.allMembers.values()).filter((member) => !this.selectedMemberIds.has(member.userId) &&
-                member.name.toLowerCase().includes(this.searchQuery.toLowerCase()));
-            const selectedMembers = Array.from(this.selectedMemberIds.values()).map((id) => this.allMembers.get(id));
-            const disableInput = this.selectedMemberIds.size === this.allMembers.size;
-            return (h("div", { class: "input-container" }, h("ul", { class: "members scrollbar", onClick: () => {
-                    var _a;
-                    (_a = this.searchInputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
-                } }, selectedMembers.map((member) => (h("li", { class: "pill" }, h("rtk-avatar", { participant: {
-                    name: member.name,
-                    picture: member.picture,
-                }, size: "sm" }), h("span", null, member.name), h("rtk-icon", { icon: this.iconPack.dismiss, onClick: () => {
-                    this.selectedMemberIds.delete(member.userId);
-                    forceUpdate(this.$el);
-                    this.focusOnSearch();
-                } })))), !disableInput && (h("input", { type: "text", ref: (el) => (this.searchInputTextRef = el), value: this.searchQuery, placeholder: this.selectedMemberIds.size === 0 ? this.t('chat.member_name') : '', class: {
-                    'wide-input': this.selectedMemberIds.size === 0,
-                }, onInput: (e) => {
-                    this.searchQuery = e.target.value.trim();
-                }, onClick: () => {
-                    this.showAllMembersList = !this.showAllMembersList;
-                }, onKeyDown: (e) => this.keyDownHandler(e, filteredMembers) }))), (this.searchQuery.length !== 0 || this.showAllMembersList) && (h("ul", { class: "search-results" }, filteredMembers.map((member, index) => (h("li", { class: { member: true, selected: index === this.focusedMemberIndex }, onClick: () => this.onMemberAdd(member.userId), ref: ($li) => {
-                    if (index === this.focusedMemberIndex) {
-                        writeTask(() => {
-                            if ($li)
-                                $li.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' });
-                        });
-                    }
-                } }, h("rtk-avatar", { participant: {
-                    name: member.name,
-                    picture: member.picture,
-                }, size: "sm" }), h("span", null, member.name)))), filteredMembers.length === 0 && (h("li", { class: "member" }, h("span", null, this.t('chat.error.empty_results'))))))));
-        };
-    }
-    componentDidLoad() {
-        var _a;
-        (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    render() {
-        return (h(Host, { key: '0e938e24a3838a8b3cff8be5f8f56e0e828a656a' }, h("header", { key: 'b0aed03cea09e2105feee1bbfd1acad453cc924e' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: 'f252b9a1d899fa189837d6dd44097ee3e132907b', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
-                this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '4dc3bc442c35be9c21d5c0a510aac74f8f94bc6a' }, h("rtk-button", { key: 'de530ede30a33ae9cf14c155cbf3b53d25d434ae', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
-    }
-    get $el() { return getElement(this); }
-};
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "meeting", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "t", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "iconPack", void 0);
-RtkChannelCreator.style = RtkChannelCreatorStyle0;
-
-export { RtkChannelCreator as rtk_channel_creator };

package/dist/esm/rtk-channel-details.entry.js

@@ -1,45 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
-import { i as useLanguage, e as defaultIconPack } from './ui-store-12132d9c.js';
-import { S as SyncWithStore } from './index-6eb882e7.js';
-
-const rtkChannelDetailsCss = ":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{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));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li 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))}";
-const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;
-
-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 RtkChannelDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /** Language */
-        this.t = useLanguage();
-        /** Icon pack */
-        this.iconPack = defaultIconPack;
-        /** List of channel members */
-        this.members = [];
-    }
-    renderMembers() {
-        return (h("ul", { class: "scrollbar" }, this.members.map((member) => {
-            return (h("li", null, h("rtk-avatar", { participant: { name: member.name, picture: member.picture }, size: "sm" }), h("span", null, member.name)));
-        })));
-    }
-    render() {
-        return (h(Host, { key: '0d50bc8ecef99900be123c21754cc7e865425c65' }, h("header", { key: '4b595171c0c7f10835230d7ed66508d5b2412ac4' }, this.t('chat.channel_members')), this.renderMembers()));
-    }
-};
-__decorate([
-    SyncWithStore()
-], RtkChannelDetails.prototype, "t", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelDetails.prototype, "iconPack", void 0);
-RtkChannelDetails.style = RtkChannelDetailsStyle0;
-
-export { RtkChannelDetails as rtk_channel_details };

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

@@ -1,79 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
-import { S as SyncWithStore } from './index-6eb882e7.js';
-
-const rtkChannelHeaderCss = "header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;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));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";
-const RtkChannelHeaderStyle0 = rtkChannelHeaderCss;
-
-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 RtkChannelHeader = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.search = createEvent(this, "search", 7);
-        this.searchDismissed = createEvent(this, "searchDismissed", 7);
-        this.back = createEvent(this, "back", 7);
-        /** Icon pack */
-        this.iconPack = defaultIconPack;
-        /** Language */
-        this.t = useLanguage();
-        this.showChannelDetailsDialog = false;
-        this.showSearchBar = false;
-        this.members = [];
-        /** Show back button */
-        this.showBackButton = false;
-    }
-    onChannelChanged() {
-        if (this.$searchInput)
-            this.$searchInput.value = '';
-        this.showSearchBar = false;
-        if (!this.channel.isDirectMessage) {
-            this.meeting.chat.getChannelMembers(this.channel.id).then((members) => {
-                this.members = members;
-            });
-        }
-    }
-    connectedCallback() {
-        this.onChannelChanged();
-    }
-    renderChannelDetails() {
-        return (h("rtk-dialog", { open: true, onRtkDialogClose: () => {
-                this.showChannelDetailsDialog = false;
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-channel-details", { members: this.members, channel: this.channel })));
-    }
-    render() {
-        if (!this.channel) {
-            return null;
-        }
-        return (h(Host, null, this.showChannelDetailsDialog && this.renderChannelDetails(), h("header", { class: {
-                searching: this.showSearchBar,
-            } }, this.showBackButton && (h("rtk-button", { kind: "icon", variant: "secondary", class: "back-btn", onClick: () => {
-                this.back.emit();
-            } }, h("rtk-icon", { icon: this.iconPack.chevron_left }))), h("div", { class: "channel-details" }, h("span", { class: "name" }, this.channel.displayName), !this.channel.isDirectMessage && (h("span", { class: "members" }, this.members.map((member) => member.name).join(', ')))), h("div", { class: "channel-tools" }, !this.channel.isDirectMessage && (h("rtk-tooltip", { label: this.t('chat.channel_members'), variant: "primary" }, h("rtk-button", { kind: "button", variant: "secondary", size: "md", onClick: () => {
-                this.showChannelDetailsDialog = !this.showChannelDetailsDialog;
-            }, class: "br-primary-btn" }, h("rtk-icon", { icon: this.iconPack.people }))))))));
-    }
-    static get watchers() { return {
-        "channel": ["onChannelChanged"]
-    }; }
-};
-__decorate([
-    SyncWithStore()
-], RtkChannelHeader.prototype, "meeting", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelHeader.prototype, "iconPack", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelHeader.prototype, "t", void 0);
-RtkChannelHeader.style = RtkChannelHeaderStyle0;
-
-export { RtkChannelHeader as rtk_channel_header };

package/dist/esm/rtk-channel-selector-ui.entry.js

@@ -1,143 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-12132d9c.js';
-import { S as SyncWithStore } from './index-6eb882e7.js';
-import { T as TextMessageView } from './TextMessage-0d8be8c5.js';
-import './chat-b2bea75f.js';
-
-const rtkChannelSelectorUiCss = ".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}.container{display:flex;height:100%;width:var(--rtk-space-96, 384px);flex-direction:column;position:absolute;--tw-translate-x:calc(var(--rtk-space-96, 384px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-sm, 1px);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity));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}@keyframes fade{0%{opacity:0}100%{opacity:1}}.overlay-container{width:100vw;--tw-translate-x:var(--rtk-space-96, 384px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));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;animation:fade 0.8s}.overlay-container .sidebar-btn{position:static;padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.sidebar-btn{position:absolute;right:calc(var(--rtk-space-9, 36px) * -1);top:var(--rtk-space-4, 16px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-7, 28px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@media (orientation: landscape) and (min-width: 400px){.container{position:static;--tw-translate-x:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-btn,.overlay-container{display:none}}.search-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px);width:100%}.search .search-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));border-top-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-right-radius:var(--rtk-border-radius-sm, 4px)}.search input{box-sizing:border-box;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);--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));border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;font-size:14px;line-height:1.25rem}.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))}.search input{border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px)}.channel-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);overflow-y:scroll}.channel-container .channel{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}.channel-container .channel:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .channel:hover .latest-msg-time,.channel-container .channel:hover .latest-msg,.channel-container .channel:hover .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .channel-display{display:flex;gap:var(--rtk-space-2, 8px);align-self:center;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-0, 0px)}.channel-container .channel-display rtk-avatar{height:var(--rtk-space-9, 36px);width:var(--rtk-space-9, 36px);flex-shrink:0;font-size:12px}.channel-container .channel-display rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-shrink:0;padding:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.channel-container .channel-card{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-1, 4px)}.channel-container .channel-card .channel-name{max-width:var(--rtk-space-60, 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.channel-container .channel-card .latest-msg{margin:var(--rtk-space-0, 0px);max-width:var(--rtk-space-56, 224px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.channel-container .channel-card .latest-msg.new{font-weight:200;font-style:italic;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.channel-container .channel-card .latest-msg-time{font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.channel-container .channel-meta{width:var(--rtk-space-12, 48px);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--rtk-space-1\\.5, 6px);font-size:12px;font-weight:600}.channel-container .new-msgs-count{height:var(--rtk-space-4, 16px);min-width:var(--rtk-space-4, 16px);padding-top:1px;padding-bottom:1px;padding-left:2px;padding-right:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-sm, 4px);text-align:center;font-size:12px}.channel-container .selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .selected .latest-msg-time,.channel-container .selected .latest-msg,.channel-container .selected .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .highlight .channel-title span{font-weight:700}.latest-msg p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.latest-msg blockquote{display:none}.recent-message-row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;justify-content:space-between}";
-const RtkChannelSelectorUiStyle0 = rtkChannelSelectorUiCss;
-
-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 RtkChannelSelectorUi = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.channelChanged = createEvent(this, "channelChanged", 7);
-        /** Icon pack */
-        this.iconPack = defaultIconPack;
-        /** Language */
-        this.t = useLanguage();
-        /** show recent message in channel */
-        this.showRecentMessage = false;
-        this.isHidden = false;
-        this.searchQuery = '';
-        this.handleResize = (e) => {
-            this.isHidden = !e.matches;
-        };
-        this.channelSelected = (channelId) => {
-            this.channelChanged.emit(channelId);
-            this.onRevealClicked();
-        };
-        this.onSearchInput = (e) => {
-            this.searchQuery = e.target.value;
-        };
-        this.onRevealClicked = () => {
-            if (this.matchMedia.matches)
-                return;
-            this.isHidden = !this.isHidden;
-        };
-        this.renderChannelDisplayPic = (channel) => {
-            const hasDisplayPic = channel.displayPictureUrl && channel.displayPictureUrl.length !== 0;
-            if (channel.isDirectMessage || hasDisplayPic) {
-                return (h("div", { class: "channel-display" }, h("rtk-avatar", { participant: {
-                        name: channel.displayName,
-                        picture: channel.displayPictureUrl,
-                    } })));
-            }
-            else {
-                return (h("div", { class: "channel-display" }, h("rtk-icon", { icon: this.iconPack.people, slot: "start" })));
-            }
-        };
-        this.renderRecentMessage = (channel) => {
-            if (!channel.latestMessage)
-                return h("p", { class: "latest-msg new" }, this.t('chat.start_conversation'));
-            let senderFragment = channel.isDirectMessage ? '' : `${channel.latestMessage.displayName}: `;
-            if (channel.latestMessage.type === 'text') {
-                return (h("p", { class: "latest-msg" }, senderFragment, h(TextMessageView, { message: channel.latestMessage.message })));
-            }
-            // non text
-            let messageFragment = '';
-            if (channel.latestMessage.type === 'image') {
-                messageFragment = this.t('image');
-            }
-            else if (channel.latestMessage.type === 'file') {
-                messageFragment = this.t('file');
-            }
-            return h("p", { class: "latest-msg" }, `${senderFragment}${messageFragment}`);
-        };
-    }
-    connectedCallback() {
-        this.matchMedia = window.matchMedia(`(orientation: landscape) and (min-width: 400px)`);
-        this.matchMedia.addEventListener('change', this.handleResize);
-        this.isHidden = !this.matchMedia.matches;
-    }
-    disconnectedCallback() {
-        this.matchMedia.removeEventListener('change', this.handleResize);
-    }
-    componentDidRender() {
-        this.$el.style.transform = this.isHidden ? 'translateX(-380px)' : 'translateX(0)';
-    }
-    getTimeLabel(message) {
-        const messageDate = message.time;
-        const today = new Date();
-        const yesterday = new Date(today);
-        yesterday.setDate(today.getDate() - 1);
-        const firstDayOfWeek = new Date(today);
-        firstDayOfWeek.setDate(today.getDate() - today.getDay() - 1);
-        if (messageDate.toDateString() === today.toDateString()) {
-            return messageDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-        }
-        else if (messageDate.toDateString() === yesterday.toDateString()) {
-            return this.t('date.yesteday');
-        }
-        else if (messageDate > firstDayOfWeek) {
-            const weekdays = [
-                'date.sunday',
-                'date.monday',
-                'date.tuesday',
-                'date.wednesday',
-                'date.thursday',
-                'date.friday',
-                'date.saturday',
-            ];
-            return this.t(weekdays[messageDate.getDay()]);
-        }
-        else {
-            return Intl.DateTimeFormat([], {
-                day: '2-digit',
-                month: '2-digit',
-                year: '2-digit',
-            }).format(messageDate);
-        }
-    }
-    render() {
-        return (h(Host, { key: '8c0e21c2edeb6cedf5e4332d361dd06fef80e2c3' }, h("div", { key: 'b4f0bdc102cf4a6bdaafe945ccacc65691cda6c8', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'c0a4ffa6a83074b59d39827dd0d49db89d0bbe86', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '51316a7127bc3f780d4110fe62a6114156859fef', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '9f62d231516e418d40e73ff4e7128c3df93fa516', name: "header" }), h("div", { key: 'e337d9c1c2599b894812d1f9d68740ddff45a417', class: "search-wrapper" }, h("div", { key: 'a4e60014174739d658cac4a8a2b4cc6170a718c3', class: "search" }, h("input", { key: 'e4b02408f7893c2ac6dc4d7f52dbafbd6acba59b', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: 'ab9fd67f26aebf1062ed89d0411f00cd3a1ce30b', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: 'ac46c45d8f8ee6a93c04748e8eae278fecc9d2a9', class: "channel-container scrollbar", role: "list" }, this.channels
-            .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
-            .map((channel) => {
-            return (h("div", { class: {
-                    channel: true,
-                    selected: channel.id === this.selectedChannelId,
-                    highlight: !!channel.unreadCount,
-                }, role: "listitem", onClick: () => {
-                    this.channelSelected(channel.id);
-                } }, this.renderChannelDisplayPic(channel), h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, h("div", { class: 'recent-message-row' }, h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (h("div", { key: '7c886fbae80b1248db515317cfcf525eb74ffa6b', class: "overlay-container" }, h("rtk-button", { key: 'f48116160f38d361ec4842dbe2a550a1154d0b00', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '29f1f41eb90dddacf0ef6a42479d7468a03ee005', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
-    }
-};
-__decorate([
-    SyncWithStore()
-], RtkChannelSelectorUi.prototype, "iconPack", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelSelectorUi.prototype, "t", void 0);
-RtkChannelSelectorUi.style = RtkChannelSelectorUiStyle0;
-
-export { RtkChannelSelectorUi as rtk_channel_selector_ui };

package/dist/realtimekit-ui/p-0ee570cd.js

@@ -1,2 +0,0 @@
-var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),s=new Map,i=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},f={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},a=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),h=!1,p=[],v=[],m=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&f.o?w(b):f.raf(b))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},b=()=>{y(p),y(v),(h=p.length>0)&&f.raf(b)},w=t=>a().then(t),$=m(v,!0),S=t=>"object"==(t=typeof t)||"function"===t;function g(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>k,unwrap:()=>E,unwrapErr:()=>C});var k=t=>({isOk:!0,isErr:!1,value:t}),j=t=>({isOk:!1,isErr:!0,value:t});function O(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>k(t))):k(n)}if(t.isErr)return j(t.value);throw"should never get here"}var E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value},M=t=>{const e=R(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&x(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!F(t,P(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&R(t,"childNodes").length&&M(t)}};function x(t,e,n){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===n||P(o)===n)&&(s.push(o),void 0!==n))return s;s=[...s,...x(o.childNodes,e,n)]}return s}var F=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)P(l)!==e||!n&&l["s-sr"]||o.push(l);return o},N=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,P=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function R(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var T,L,A=(t,e,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!S(o))&&(o+=""),i&&r?c[c.length-1].i+=o:c.push(i?D(null,o):o),r=i)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,W);const f=D(t,null);return f.u=e,c.length>0&&(f.h=c),f.p=l,f.v=s,f},D=(t,e)=>({o:0,m:t,i:e,$:null,h:null,u:null,p:null,v:null}),U={},W={forEach:(t,e)=>t.map(_).forEach(e),map:(t,e)=>t.map(_).map(e).map(H)},_=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.v,vtag:t.m,vtext:t.i}),H=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),A(t.vtag,e,...t.vchildren||[])}const e=D(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.v=t.vname,e},B=(t,e)=>null==t||S(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?parseFloat(t):1&e?t+"":t,z=t=>e(t).$hostElement$,I=(t,e,n)=>{const o=z(t);return{emit:t=>V(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},V=(t,e,n)=>{const o=f.ce(e,n);return t.dispatchEvent(o),o},Y=new WeakMap,q=t=>"sc-"+t.S,G=(t,e,n,l,s,i)=>{if(n===l)return;let r=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=K(n);let s=K(l);e.remove(...o.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!o.includes(t))))}else if("style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else if("ref"===e)l&&l(t);else if(r||"o"!==e[0]||"n"!==e[1]){const o=S(l);if((r||o&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}let u=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(e=a,u=!0),null==l||!1===l?!1===l&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(c,e):t.removeAttribute(e)):(!r||4&i||s)&&!o&&1===t.nodeType&&(l=!0===l?"":l,u?t.setAttributeNS(c,e,l):t.setAttribute(e,l))}else if(e="-"===e[2]?e.slice(3):o(u,a)?a.slice(2):a[2]+e.slice(3),n||l){const o=e.endsWith(Q);e=e.replace(X,""),n&&f.rel(t,e,n,o),l&&f.ael(t,e,l,o)}},J=/\s/,K=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(J):[]),Q="Capture",X=RegExp(Q+"$"),Z=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.u||{},s=e.u||{};for(const t of tt(Object.keys(l)))t in s||G(o,t,l[t],void 0,n,e.o);for(const t of tt(Object.keys(s)))G(o,t,l[t],s[t],n,e.o)};function tt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var et=!1,nt=!1,ot=!1,lt=!1,st=(t,e,n)=>{var o;const l=e.h[n];let s,i,r,c=0;if(et||(ot=!0,"slot"===l.m&&(l.o|=l.h?2:1)),null!==l.i)s=l.$=u.document.createTextNode(l.i);else if(1&l.o)s=l.$=u.document.createTextNode(""),Z(null,l,lt);else{if(!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(s=l.$=u.document.createElement(!et&&2&l.o?"slot-fb":l.m),Z(null,l,lt),l.h)for(c=0;c<l.h.length;++c)i=st(t,l,c),i&&s.appendChild(i)}return s["s-hn"]=L,3&l.o&&(s["s-sr"]=!0,s["s-cr"]=T,s["s-sn"]=l.v||"",s["s-rf"]=null==(o=l.u)?void 0:o.ref,function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e})(l.childNodes)).forEach((t=>{o===P(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}(s),r=t&&t.h&&t.h[n],r&&r.m===l.m&&t.$&&it(t.$,!1)),s},it=(t,e)=>{f.o|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==L&&o["s-ol"]&&(vt(ft(o).parentNode,o,ft(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ot=!0),e&&it(o,e)}f.o&=-2},rt=(t,e,n,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===L&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=st(null,n,l),i&&(o[l].$=i,vt(r,i,ft(e))))},ct=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;pt(e),t&&(nt=!0,t["s-ol"]?t["s-ol"].remove():it(t,!0),t.remove())}}},ut=(t,e,n=!1)=>t.m===e.m&&("slot"===t.m?t.v===e.v:n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),ft=t=>t&&t["s-ol"]||t,at=(t,e,n=!1)=>{const o=e.$=t.$,l=t.h,s=e.h,i=e.i;let r;null===i?(Z(t,e,lt),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],m=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==m)m=o[--p];else if(ut(d,v,l))at(d,v,l),d=e[++r],v=o[++c];else if(ut(h,m,l))at(h,m,l),h=e[--a],m=o[--p];else if(ut(d,m,l))"slot"!==d.m&&"slot"!==m.m||it(d.$.parentNode,!1),at(d,m,l),vt(t,d.$,h.$.nextSibling),d=e[++r],m=o[--p];else if(ut(h,v,l))"slot"!==d.m&&"slot"!==m.m||it(h.$.parentNode,!1),at(h,v,l),vt(t,h.$,d.$),h=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===v.p){u=f;break}u>=0?(i=e[u],i.m!==v.m?s=st(e&&e[c],n,u):(at(i,v,l),e[u]=void 0,s=i.$),v=o[++c]):(s=st(e&&e[c],n,c),v=o[++c]),s&&vt(ft(d.$).parentNode,s,ft(d.$))}r>a?rt(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&ct(e,r,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),rt(o,null,e,s,0,s.length-1)):!n&&null!==l&&ct(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.i!==i&&(o.data=i)},dt=[],ht=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(N(e,l)){let n=dt.find((t=>t.k===e));nt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.k["s-sh"]=t["s-hn"],n.j=t):(e["s-sh"]=t["s-hn"],dt.push({j:t,k:e})),e["s-sr"]&&dt.map((t=>{N(t.k,e["s-sn"])&&(n=dt.find((t=>t.k===e)),n&&!t.j&&(t.j=n.j))}))}else dt.some((t=>t.k===e))||dt.push({k:e})}1===t.nodeType&&ht(t)}},pt=t=>{t.u&&t.u.ref&&t.u.ref(null),t.h&&t.h.map(pt)},vt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),mt=(t,e)=>{if(e&&!t.O&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.O=()=>{e["s-p"].splice(n-1,1),o()})))}},yt=(t,e)=>{if(t.o|=16,!(4&t.o))return mt(t,t.C),$((()=>bt(t,e)));t.o|=512},bt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return e?(t.o|=256,t.M&&(t.M.map((([t,e])=>Mt(o,t,e,n))),t.M=void 0),l=Mt(o,"componentWillLoad",void 0,n)):l=Mt(o,"componentWillUpdate",void 0,n),l=wt(l,(()=>Mt(o,"componentWillRender",void 0,n))),wt(l,(()=>St(t,o,e)))},wt=(t,e)=>$t(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),$t=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,St=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.F,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=q(e),l=i.get(o);if(!u.document)return o;if(t=11===t.nodeType?t:u.document,l)if("string"==typeof l){let s,i=Y.get(t=t.head||t);if(i||Y.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||u.document.createElement("style"),s.innerHTML=l;const i=null!=(n=f.N)?n:g(u.document);if(null!=i&&s.setAttribute("nonce",i),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=r),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);kt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Ot(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},gt=null,kt=(t,e,n,o)=>{try{gt=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,i;const r=t.$hostElement$,c=t.F,a=t.P||D(null,null),d=(t=>t&&t.m===U)(e)?e:A(null,null,e);if(L=r.tagName,c.R&&(d.u=d.u||{},c.R.map((([t,e])=>d.u[e]=r[t]))),n&&d.u)for(const t of Object.keys(d.u))r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.u[t]=r[t]);if(d.m=null,d.o|=4,t.P=d,d.$=a.$=r.shadowRoot||r,et=!(!(1&c.o)||128&c.o),T=r["s-cr"],nt=!1,at(a,d,n),f.o|=1,ot){ht(d.$);for(const t of dt){const e=t.k;if(!e["s-ol"]&&u.document){const t=u.document.createTextNode("");t["s-nr"]=e,vt(e.parentNode,e["s-ol"]=t,e)}}for(const t of dt){const e=t.k,r=t.j;if(r){const t=r.parentNode;let n=r.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),vt(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}nt&&M(d.$),f.o&=-2,dt.length=0,T=void 0})(t,e,o)}catch(e){l(e,t.$hostElement$)}return gt=null,null},jt=()=>gt,Ot=t=>{const e=t.$hostElement$,n=t.t,o=t.C;Mt(n,"componentDidRender",void 0,e),64&t.o?Mt(n,"componentDidUpdate",void 0,e):(t.o|=64,xt(e),Mt(n,"componentDidLoad",void 0,e),t.T(e),o||Ct()),t.L(e),t.O&&(t.O(),t.O=void 0),512&t.o&&w((()=>yt(t,!1))),t.o&=-517},Et=t=>{{const n=e(t),o=n.$hostElement$.isConnected;return o&&2==(18&n.o)&&yt(n,!1),o}},Ct=()=>{w((()=>V(u,"appload",{detail:{namespace:"realtimekit-ui"}})))},Mt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},xt=t=>t.classList.add("hydrated"),Ft=(t,n,o,s)=>{const i=e(t);if(!i)throw Error(`Couldn't find host element for "${s.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.$hostElement$,c=i.A.get(n),u=i.o,f=i.t;if(o=B(o,s.D[n][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.A.set(n,o),f)){if(s.U&&128&u){const t=s.U[n];t&&t.map((t=>{try{f[t](o,c,n)}catch(t){l(t,r)}}))}if(2==(18&u)){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(o,c,n))return;yt(i,!1)}}},Nt=(t,n,o)=>{var l,s;const i=t.prototype;if(n.D||n.U||t.watchers){t.watchers&&!n.U&&(n.U=t.watchers);const r=Object.entries(null!=(l=n.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(n.D[t][0]|=2048),r&&(n.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&n.D[t][0]))return((t,n)=>e(this).A.get(n))(0,t);const o=e(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=e(this);if(r){const e=32&l?this[t]:i.$hostElement$[t];return void 0===e&&i.A.get(t)?s=i.A.get(t):!i.A.get(t)&&e&&i.A.set(t,e),r.call(this,B(s,l)),void Ft(this,t,s=32&l?this[t]:i.$hostElement$[t],n)}{if(!(1&o&&4096&n.D[t][0]))return Ft(this,t,s,n),void(1&o&&!i.t&&i.W.then((()=>{4096&n.D[t][0]&&i.t[t]!==i.A.get(t)&&(i.t[t]=s)})));const e=()=>{const e=i.t[t];!i.A.get(t)&&e&&i.A.set(t,e),i.t[t]=B(s,l),Ft(this,t,i.t[t],n)};i.t?e():i.W.then((()=>e()))}}})}else 1&o&&64&l&&Object.defineProperty(i,t,{value(...n){var o;const l=e(this);return null==(o=null==l?void 0:l._)?void 0:o.then((()=>{var e;return null==(e=l.t)?void 0:e[t](...n)}))}})})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){f.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=e(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const e=o.t,i=null==(r=n.U)?void 0:r[t];null==i||i.forEach((n=>{null!=e[n]&&e[n].call(e,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.U)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{var l;const s=e[1]||t;return o.set(s,t),512&e[0]&&(null==(l=n.R)||l.push([t,s])),s}))]))}}return t},Pt=(t,e)=>{Mt(t,"connectedCallback",void 0,e)},Rt=(t,e)=>{Mt(t,"disconnectedCallback",void 0,e||t)},Tt=(t,n={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const c=[],a=n.exclude||[],h=u.customElements,p=u.document.head,v=p.querySelector("meta[charset]"),m=u.document.createElement("style"),y=[];let b,w=!0;Object.assign(f,n),f.l=new URL(n.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{var o;const r={o:n[0],S:n[1],D:n[2],H:n[3]};4&r.o&&($=!0),r.D=n[2],r.H=n[3],r.R=[],r.U=null!=(o=n[4])?o:{};const p=r.S,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,F:e,A:new Map};n._=new Promise((t=>n.L=t)),n.W=new Promise((t=>n.T=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open",delegatesFocus:!!(16&r.o)})}connectedCallback(){const t=e(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,At(this,t,r.H)),b&&(clearTimeout(b),b=null),w?y.push(this):f.jmp((()=>(t=>{if(!(1&f.o)){const n=e(t),o=n.F,r=()=>{};if(1&n.o)At(t,n,o.H),(null==n?void 0:n.t)?Pt(n.t,t):(null==n?void 0:n.W)&&n.W.then((()=>Pt(n.t,t)));else{n.o|=1,12&o.o&&(t=>{if(!u.document)return;const e=t["s-cr"]=u.document.createComment("");e["s-cn"]=!0,vt(t,e,t.firstChild)})(t);{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){mt(n,n.C=e);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.B){const i=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.B;if(!o)return;const i=s.get(o);return i?i[n]:import(`./${o}.entry.js`).then((t=>(s.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(i&&"then"in i){const t=()=>{};o=await i,t()}else o=i;if(!o)throw Error(`Constructor for "${n.S}#${e.I}" was not found`);o.isProxied||(n.U=o.watchers,Nt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,e.o|=128,r(),Pt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=q(n);if(!i.has(e)){const o=()=>{};((t,e,n)=>{let o=i.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,i.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.C,c=()=>yt(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,o)}r()}})(this)))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.o)){const n=e(t);n.V&&(n.V.map((t=>t())),n.V=void 0),(null==n?void 0:n.t)?Rt(n.t,t):(null==n?void 0:n.W)&&n.W.then((()=>Rt(n.t,t)))}Y.has(t)&&Y.delete(t),t.shadowRoot&&Y.has(t.shadowRoot)&&Y.delete(t.shadowRoot)})(this))),f.raf((()=>{var t;const n=e(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.P)?void 0:t.$)instanceof Node&&!n.P.$.isConnected&&delete n.P.$}))}componentOnReady(){return e(this).W}};r.B=t[0],a.includes(p)||h.get(p)||(c.push(p),h.define(p,Nt(v,r,1)))}))})),c.length>0&&($&&(m.textContent+=r),m.textContent+=c.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(o=f.N)?o:g(u.document);null!=t&&m.setAttribute("nonce",t),p.insertBefore(m,v?v.nextSibling:p.firstChild)}w=!1,y.length?y.map((t=>t.connectedCallback())):f.jmp((()=>b=setTimeout(Ct,30)))},Lt=(t,e)=>e,At=(t,e,n)=>{n&&u.document&&n.map((([n,o,l])=>{const s=Ut(u.document,t,n),i=Dt(e,l),r=Wt(n);f.ael(s,o,i,r),(e.V=e.V||[]).push((()=>f.rel(s,o,i,r)))}))},Dt=(t,e)=>n=>{var o;try{256&t.o?null==(o=t.t)||o[e](n):(t.M=t.M||[]).push([e,n])}catch(e){l(e,t.$hostElement$)}},Ut=(t,e,n)=>8&n?u:e,Wt=t=>({passive:!!(1&t),capture:!!(2&t)}),_t=t=>f.N=t;export{Lt as F,U as H,z as a,Tt as b,I as c,Et as f,jt as g,A as h,a as p,n as r,_t as s,$ as w}

package/dist/realtimekit-ui/p-1462cbd9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as a}from"./p-0ee570cd.js";import{e,i as n}from"./p-25c4d10f.js";import{a as r}from"./p-11a469d9.js";import{S as h}from"./p-9b550ec4.js";var o=function(t,i,s,a){var e,n=arguments.length,r=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,s,a);else for(var h=t.length-1;h>=0;h--)(e=t[h])&&(r=(n<3?e(r):n>3?e(i,s,r):e(i,s))||r);return n>3&&r&&Object.defineProperty(i,s,r),r};const c=class{constructor(s){t(this,s),this.stateUpdate=i(this,"rtkStateUpdate",7),this.variant="button",this.iconPack=e,this.t=n(),this.participantsActive=!1,this.waitlistedParticipants=[],this.stageRequestedParticipants=[],this.badgeCount=0,this.canViewParticipants=!1,this.updateStageRequests=async t=>{var i,s,a;t||(t=null!==(a=null===(s=null===(i=this.meeting.stage)||void 0===i?void 0:i.getAccessRequests())||void 0===s?void 0:s.stageRequests)&&void 0!==a?a:[]),this.stageRequestedParticipants=t,this.stageRequestedParticipants="REQUESTED_TO_JOIN_STAGE"===this.meeting.stage.status?[this.meeting.self,...t]:t,this.updateBadgeCount()},this.updateBadgeCount=()=>{this.badgeCount=this.waitlistedParticipants.length+this.stageRequestedParticipants.length},this.updateCanView=()=>{this.canViewParticipants=r(this.meeting)}}connectedCallback(){this.meetingChanged(this.meeting),this.statesChanged(this.states)}disconnectedCallback(){var t,i,s;this.meeting&&(null===(i=null===(t=this.meeting)||void 0===t?void 0:t.stage)||void 0===i||i.removeListener("stageStatusUpdate",this.updateCanView),this.waitlistedParticipantJoinedListener&&this.meeting.participants.waitlisted.removeListener("participantJoined",this.waitlistedParticipantJoinedListener),this.waitlistedParticipantLeftListener&&this.meeting.participants.waitlisted.removeListener("participantLeft",this.waitlistedParticipantLeftListener),null===(s=this.meeting.stage)||void 0===s||s.removeListener("stageAccessRequestUpdate",this.updateStageRequests))}meetingChanged(t){var i;t&&(this.canViewParticipants=r(t),null===(i=null==t?void 0:t.stage)||void 0===i||i.on("stageStatusUpdate",this.updateCanView),t.self.permissions.acceptWaitingRequests&&(this.waitlistedParticipants=t.participants.waitlisted.toArray(),this.waitlistedParticipantJoinedListener=t=>{this.waitlistedParticipants.some((i=>i.id===t.id))||(this.waitlistedParticipants=[...this.waitlistedParticipants,t],this.updateBadgeCount())},this.waitlistedParticipantLeftListener=t=>{this.waitlistedParticipants=this.waitlistedParticipants.filter((i=>i.id!==t.id)),this.updateBadgeCount()},t.participants.waitlisted.addListener("participantJoined",this.waitlistedParticipantJoinedListener),t.participants.waitlisted.addListener("participantLeft",this.waitlistedParticipantLeftListener)),this.meeting.self.permissions.stageEnabled&&this.meeting.self.permissions.acceptStageRequests&&(this.updateStageRequests(),null==t||t.stage.on("stageAccessRequestUpdate",this.updateStageRequests)),this.updateBadgeCount())}statesChanged(t){null!=t&&(this.participantsActive=!0===t.activeSidebar&&"participants"===t.sidebar)}toggleParticipantsTab(){const t=this.states;this.participantsActive=!((null==t?void 0:t.activeSidebar)&&"participants"===(null==t?void 0:t.sidebar)),this.stateUpdate.emit({activeSidebar:this.participantsActive,sidebar:this.participantsActive?"participants":void 0,activeMoreMenu:!1,activeAI:!1})}handleParticipantsActiveChange(){this.participantsActive||this.states.activeSidebar||this.buttonEl.focus()}render(){if(!this.canViewParticipants)return s(a,{"data-hidden":!0});const t=this.t("participants");return s(a,{title:t},0!==this.badgeCount&&!this.participantsActive&&s("div",{class:"waiting-participants-count",part:"waiting-participants-count"},s("span",null,this.badgeCount<=100?this.badgeCount:"99+")),s("rtk-controlbar-button",{ref:t=>this.buttonEl=t,part:"controlbar-button",size:this.size,iconPack:this.iconPack,class:{active:this.participantsActive},onClick:()=>this.toggleParticipantsTab(),icon:this.iconPack.participants,label:t,variant:this.variant}))}static get watchers(){return{meeting:["meetingChanged"],states:["statesChanged"],participantsActive:["handleParticipantsActiveChange"]}}};o([h()],c.prototype,"meeting",void 0),o([h()],c.prototype,"states",void 0),o([h()],c.prototype,"iconPack",void 0),o([h()],c.prototype,"t",void 0),c.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";export{c as rtk_participants_toggle}