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

package/dist/collection/components/rtk-channel-creator/rtk-channel-creator.css

@@ -1,210 +0,0 @@
-: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 {
-  /* For Firefox */
-  scrollbar-width: thin;
-  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
-    var(--rtk-scrollbar-background, transparent);
-}
-
-/* For WebKit */
-.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)));
-}

package/dist/collection/components/rtk-channel-creator/rtk-channel-creator.js

@@ -1,290 +0,0 @@
-var __decorate = (this && this.__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;
-};
-import { forceUpdate, h, Host, writeTask, } from "@stencil/core";
-import { defaultIconPack, useLanguage } from "../../exports";
-import { SyncWithStore } from "../../utils/sync-with-store";
-/**
- * @deprecated `rtk-channel-creator` is deprecated and will be removed soon.
- */
-export class RtkChannelCreator {
-    constructor() {
-        /** 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') {
-                this.focusedMemberIndex === -1;
-                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')))));
-    }
-    static get is() { return "rtk-channel-creator"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["rtk-channel-creator.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["rtk-channel-creator.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "meeting": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Meeting",
-                    "resolved": "RealtimeKitClient",
-                    "references": {
-                        "Meeting": {
-                            "location": "import",
-                            "path": "../../types/rtk-client",
-                            "id": "src/types/rtk-client.ts::Meeting"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Meeting object"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "t": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "RtkI18n",
-                    "resolved": "(key: \"pin\" | \"unpin\" | \"kick\" | \"ended\" | \"disconnected\" | \"failed\" | \"type\" | \"end\" | \"joined\" | \"pinned\" | \"join\" | \"participants\" | \"logo\" | \"audio\" | \"search\" | \"video\" | \"image\" | \"chat\" | \"polls\" | \"leave\" | \"close\" | \"plugins\" | \"screenshare\" | \"(you)\" | \"everyone\" | (string & {}) | \"about_call\" | \"screen\" | \"camera\" | \"dismiss\" | \"page\" | \"more\" | \"page.prev\" | \"page.next\" | \"layout\" | \"layout.auto\" | \"settings\" | \"file\" | \"connection\" | \"leave_confirmation\" | \"cancel\" | \"yes\" | \"you\" | \"to\" | \"mute\" | \"accept\" | \"pip_on\" | \"pip_off\" | \"viewers\" | \"create\" | \"ask\" | \"activate\" | \"requests\" | \"mic_off\" | \"disable_mic\" | \"mic_on\" | \"enable_mic\" | \"test\" | \"minimize\" | \"maximize\" | \"mute_all\" | \"mute_all.description\" | \"mute_all.header\" | \"mute_all.allow_unmute\" | \"video_off\" | \"disable_video\" | \"video_on\" | \"enable_video\" | \"offline\" | \"offline.description\" | \"failed.description\" | \"disconnected.description\" | \"participants.errors.empty_results\" | \"participants.empty_list\" | \"participants.no_pending_requests\" | \"participants.turn_off_video\" | \"polls.by\" | \"polls.question\" | \"polls.question.placeholder\" | \"polls.answers\" | \"polls.option\" | \"polls.option.placeholder\" | \"polls.results.anon\" | \"polls.results.hide\" | \"polls.create\" | \"polls.cancel\" | \"polls.empty\" | \"polls.errors.question_required\" | \"polls.errors.empty_option\" | \"screenshare.min_preview\" | \"screenshare.max_preview\" | \"screenshare.shared\" | \"screenshare.start\" | \"screenshare.stop\" | \"screenshare.error.unknown\" | \"screenshare.error.max_count\" | \"perm_denied\" | \"perm_denied.audio\" | \"perm_denied.video\" | \"perm_denied.screenshare\" | \"perm_denied.audio.chrome.message\" | \"perm_denied.video.chrome.message\" | \"perm_denied.screenshare.chrome.message\" | \"perm_denied.audio.safari.message\" | \"perm_denied.video.safari.message\" | \"perm_denied.screenshare.safari.message\" | \"perm_denied.audio.edge.message\" | \"perm_denied.video.edge.message\" | \"perm_denied.screenshare.edge.message\" | \"perm_denied.audio.microsoft edge.message\" | \"perm_denied.video.microsoft edge.message\" | \"perm_denied.screenshare.microsoft edge.message\" | \"perm_denied.audio.firefox.message\" | \"perm_denied.video.firefox.message\" | \"perm_denied.screenshare.firefox.message\" | \"perm_denied.audio.others.message\" | \"perm_denied.video.others.message\" | \"perm_denied.screenshare.others.message\" | \"perm_sys_denied\" | \"perm_sys_denied.audio\" | \"perm_sys_denied.video\" | \"perm_sys_denied.screenshare\" | \"perm_sys_denied.audio.macos.message\" | \"perm_sys_denied.video.macos.message\" | \"perm_sys_denied.screenshare.macos.message\" | \"perm_sys_denied.audio.ios.message\" | \"perm_sys_denied.video.ios.message\" | \"perm_sys_denied.screenshare.ios.message\" | \"perm_sys_denied.audio.windows.message\" | \"perm_sys_denied.video.windows.message\" | \"perm_sys_denied.screenshare.windows.message\" | \"perm_sys_denied.audio.android.message\" | \"perm_sys_denied.video.android.message\" | \"perm_sys_denied.screenshare.android.message\" | \"perm_sys_denied.audio.others.message\" | \"perm_sys_denied.video.others.message\" | \"perm_sys_denied.screenshare.others.message\" | \"perm_could_not_start\" | \"perm_could_not_start.audio\" | \"perm_could_not_start.video\" | \"perm_could_not_start.screenshare\" | \"perm_could_not_start.audio.message\" | \"perm_could_not_start.video.message\" | \"perm_could_not_start.screenshare.message\" | \"full_screen\" | \"full_screen.exit\" | \"waitlist.header_title\" | \"waitlist.body_text\" | \"waitlist.deny_request\" | \"waitlist.accept_request\" | \"waitlist.accept_all\" | \"stage_request.header_title\" | \"stage_request.deny_request\" | \"stage_request.accept_request\" | \"stage_request.accept_all\" | \"stage_request.deny_all\" | \"stage_request.approval_pending\" | \"stage_request.denied\" | \"stage_request.request\" | \"stage_request.requested\" | \"stage_request.cancel_request\" | \"stage_request.leave_stage\" | \"stage_request.request_tip\" | \"stage_request.leave_tip\" | \"stage_request.pending_tip\" | \"stage_request.denied_tip\" | \"stage.empty_host\" | \"stage.empty_host_summary\" | \"stage.empty_viewer\" | \"stage.remove_from_stage\" | \"stage.invited_notification\" | \"stage.add_to_stage\" | \"stage.join_title\" | \"stage.join_summary\" | \"stage.join_cancel\" | \"stage.join_confirm\" | \"setup_screen.join_in_as\" | \"setup_screen.your_name\" | \"stage.reconnecting\" | \"recording.label\" | \"recording.indicator\" | \"recording.started\" | \"recording.stopped\" | \"recording.paused\" | \"recording.error.start\" | \"recording.error.stop\" | \"recording.error.resume\" | \"recording.start\" | \"recording.stop\" | \"recording.resume\" | \"recording.starting\" | \"recording.stopping\" | \"recording.loading\" | \"recording.idle\" | \"audio_playback\" | \"audio_playback.title\" | \"audio_playback.description\" | \"breakout_rooms\" | \"breakout_rooms.room_config_header\" | \"breakout_rooms.join_breakout_header\" | \"breakout_rooms.empty\" | \"breakout_rooms.delete\" | \"breakout_rooms.switch\" | \"breakout_rooms.main_room\" | \"breakout_rooms.shuffle_participants\" | \"breakout_rooms.deselect\" | \"breakout_rooms.selected\" | \"breakout_rooms.num_of_rooms\" | \"breakout_rooms.approx\" | \"breakout_rooms.participants_per_room\" | \"breakout_rooms.division_text\" | \"breakout_rooms.start_breakout\" | \"breakout_rooms.close_breakout\" | \"breakout_rooms.update_breakout\" | \"breakout_rooms.discard_changes\" | \"breakout_rooms.room\" | \"breakout_rooms.rooms\" | \"breakout_rooms.room_name\" | \"breakout_rooms.edit_room_name\" | \"breakout_rooms.save_room_name\" | \"breakout_rooms.add_room\" | \"breakout_rooms.add_room_brief\" | \"breakout_rooms.select_all\" | \"breakout_rooms.unassign_all\" | \"breakout_rooms.assign\" | \"breakout_rooms.assign_participants\" | \"breakout_rooms.none_assigned\" | \"breakout_rooms.drag_drop_participants\" | \"breakout_rooms.click_drop_participants\" | \"breakout_rooms.status.assign_multiple\" | \"breakout_rooms.status.select_room\" | \"breakout_rooms.ephemeral_status.participants_assigned\" | \"breakout_rooms.ephemeral_status.participants_assigned_randomly\" | \"breakout_rooms.ephemeral_status.changes_discarded\" | \"breakout_rooms.confirm_modal.start_breakout.header\" | \"breakout_rooms.confirm_modal.start_breakout.content\" | \"breakout_rooms.confirm_modal.start_breakout.cancelText\" | \"breakout_rooms.confirm_modal.start_breakout.ctaText\" | \"breakout_rooms.confirm_modal.close_breakout.header\" | \"breakout_rooms.confirm_modal.close_breakout.content\" | \"breakout_rooms.confirm_modal.close_breakout.ctaText\" | \"breakout_rooms.move_reason.started_msg\" | \"breakout_rooms.move_reason.started_desc\" | \"breakout_rooms.move_reason.closed_msg\" | \"breakout_rooms.move_reason.closed_desc\" | \"breakout_rooms.move_reason.switch_room\" | \"breakout_rooms.move_reason.switch_main_room\" | \"breakout_rooms.all_assigned\" | \"breakout_rooms.empty_main_room\" | \"breakout_rooms.leave_confirmation\" | \"breakout_rooms.leave_confirmation.main_room_btn\" | \"ai\" | \"ai.meeting_ai\" | \"ai.home\" | \"ai.transcriptions\" | \"ai.personal\" | \"ai.caption_view\" | \"ai.chat.tooltip\" | \"ai.chat.summerise\" | \"ai.chat.agenda\" | \"search.could_not_find\" | \"search.empty\" | \"end.all\" | \"ended.rejected\" | \"ended.left\" | \"ended.kicked\" | \"ended.disconnected\" | \"ended.network\" | \"ended.unauthorized\" | \"network\" | \"network.reconnecting\" | \"network.delay_extended\" | \"network.disconnected\" | \"network.leaving\" | \"network.restored\" | \"network.delay\" | \"network.lost\" | \"network.lost_extended\" | \"livestream\" | \"livestream.indicator\" | \"livestream.skip\" | \"livestream.idle\" | \"livestream.starting\" | \"livestream.stopping\" | \"livestream.waiting_on_manual_ingestion\" | \"livestream.error.not_supported\" | \"livestream.error.not_found\" | \"livestream.error.unknown\" | \"livestream.error.sync\" | \"livestream.error.start\" | \"livestream.error.stop\" | \"livestream.go_live\" | \"livestream.end_live\" | \"livestream.error\" | \"cta.help\" | \"cta.continue\" | \"cta.reload\" | \"cta.confirmation\" | \"cta.system_settings\" | \"remote_access.empty\" | \"remote_access.requests\" | \"remote_access.allow\" | \"remote_access.grant\" | \"remote_access.indicator\" | \"chat.new\" | \"chat.max_limit_warning\" | \"chat.rate_limit_error\" | \"chat.new_channel\" | \"chat.channel_name\" | \"chat.member_name\" | \"chat.add_members\" | \"chat.delete_msg\" | \"chat.edit_msg\" | \"chat.send_msg\" | \"chat.send_attachment\" | \"chat.send_img\" | \"chat.send_file\" | \"chat.send_emoji\" | \"chat.update_msg\" | \"chat.channel_members\" | \"chat.img.loading\" | \"chat.error.img_not_found\" | \"chat.error.empty_results\" | \"chat.img.shared_by\" | \"chat.reply\" | \"chat.message_placeholder\" | \"chat.click_to_send\" | \"chat.search_msgs\" | \"chat.search_conversations\" | \"chat.start_conversation\" | \"chat.empty_search\" | \"chat.empty_channel\" | \"chat.cancel_upload\" | \"chat.view_chats\" | \"chat.everyone\" | \"chat.pinned_msgs\" | \"chat.toggle_pinned_msgs\" | \"date.today\" | \"date.yesteday\" | \"date.sunday\" | \"date.monday\" | \"date.tuesday\" | \"date.wednesday\" | \"date.thursday\" | \"date.friday\" | \"date.saturday\" | \"list.empty\" | \"grid.listening\" | \"transcript.off\" | \"transcript.on\" | \"settings.notification_sound\" | \"settings.microphone_input\" | \"settings.speaker_output\" | \"settings.mirror_video\" | \"settings.camera_off\" | \"dialog.close\" | \"notifications.joined\" | \"notifications.left\" | \"notifications.requesting_to_join_meeting\" | \"notifications.requested_to_join_stage\" | \"notifications.joined_stage\" | \"notifications.request_to_join_accepted\" | \"notifications.request_to_join_rejected\" | \"notifications.accept\" | \"notifications.new_poll_created_by\" | \"notifications.connected_to\" | \"notifications.plugin_switched_to\" | \"notifications.remote_control_requested\" | \"notifications.remote_control_request_sent\" | \"notifications.remote_control_request_accepted\" | \"notifications.remote_control_granted\" | \"notifications.remote_control_terminated\" | \"debugger.troubleshooting.label\" | \"debugger.quality.good\" | \"debugger.quality.average\" | \"debugger.quality.poor\" | \"debugger.stats.bitrate.label\" | \"debugger.stats.bitrate.description\" | \"debugger.stats.packet_loss.label\" | \"debugger.stats.packet_loss.description\" | \"debugger.stats.jitter.label\" | \"debugger.stats.jitter.description\" | \"debugger.stats.cpu_limitations.label\" | \"debugger.stats.cpu_limitations.description\" | \"debugger.stats.bandwidth_limitations.label\" | \"debugger.stats.bandwidth_limitations.description\" | \"debugger.audio.label\" | \"debugger.audio.troubleshooting.label\" | \"debugger.audio.messages.generating_report\" | \"debugger.audio.messages.enable_media\" | \"debugger.audio.sections.network_media\" | \"debugger.video.label\" | \"debugger.video.troubleshooting.label\" | \"debugger.video.messages.generating_report\" | \"debugger.video.messages.enable_media\" | \"debugger.video.sections.network_media\" | \"debugger.screenshare.label\" | \"debugger.screenshare.troubleshooting.label\" | \"debugger.screenshare.sections.network_media\" | \"debugger.screenshare.messages.generating_report\" | \"debugger.screenshare.messages.enable_media\" | \"debugger.system.label\" | \"debugger.system.troubleshooting.label\" | \"debugger.system.sections.battery\" | \"debugger.system.battery.level.label\" | \"debugger.system.battery.level.description\" | \"debugger.system.battery.charging.label\" | \"debugger.system.battery.charging.description\" | \"debugger.system.battery.charging.is_charging\" | \"debugger.system.battery.charging.is_not_charging\") => string",
-                    "references": {
-                        "RtkI18n": {
-                            "location": "import",
-                            "path": "../../exports",
-                            "id": "src/exports.ts::RtkI18n"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Language"
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "useLanguage()"
-            },
-            "iconPack": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "IconPack",
-                    "resolved": "{ people: string; people_checked: string; chat: string; poll: string; participants: string; rocket: string; call_end: string; share: string; mic_on: string; mic_off: string; video_on: string; video_off: string; share_screen_start: string; share_screen_stop: string; share_screen_person: string; clock: string; dismiss: string; send: string; search: string; more_vertical: string; chevron_down: string; chevron_up: string; chevron_left: string; chevron_right: string; settings: string; wifi: string; speaker: string; speaker_off: string; download: string; full_screen_maximize: string; full_screen_minimize: string; copy: string; attach: string; image: string; emoji_multiple: string; image_off: string; disconnected: string; wand: string; recording: string; subtract: string; stop_recording: string; warning: string; pin: string; pin_off: string; spinner: string; breakout_rooms: string; add: string; shuffle: string; edit: string; delete: string; back: string; save: string; web: string; checkmark: string; spotlight: string; join_stage: string; leave_stage: string; pip_off: string; pip_on: string; signal_1: string; signal_2: string; signal_3: string; signal_4: string; signal_5: string; start_livestream: string; stop_livestream: string; viewers: string; debug: string; info: string; devices: string; horizontal_dots: string; ai_sparkle: string; meeting_ai: string; create_channel: string; create_channel_illustration: string; captionsOn: string; captionsOff: string; play: string; pause: string; fastForward: string; minimize: string; maximize: string; }",
-                    "references": {
-                        "IconPack": {
-                            "location": "import",
-                            "path": "../../exports",
-                            "id": "src/exports.ts::IconPack"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon pack"
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "defaultIconPack"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "channelName": {},
-            "searchQuery": {},
-            "step": {},
-            "loading": {},
-            "selectedMemberIds": {},
-            "focusedMemberIndex": {},
-            "showAllMembersList": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "stateUpdate",
-                "name": "rtkStateUpdate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emits updated state data"
-                },
-                "complexType": {
-                    "original": "States",
-                    "resolved": "States",
-                    "references": {
-                        "States": {
-                            "location": "import",
-                            "path": "../../exports",
-                            "id": "src/exports.ts::States"
-                        }
-                    }
-                }
-            }, {
-                "method": "switchChannel",
-                "name": "switchChannel",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emits event to switch channel"
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "$el"; }
-}
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "meeting", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "t", void 0);
-__decorate([
-    SyncWithStore()
-], RtkChannelCreator.prototype, "iconPack", void 0);

package/dist/collection/components/rtk-channel-details/rtk-channel-details.css

@@ -1,93 +0,0 @@
-: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 {
-  /* For Firefox */
-  scrollbar-width: thin;
-  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))
-    var(--rtk-scrollbar-background, transparent);
-}
-
-/* For WebKit */
-.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));
-}