@cloudflare/realtimekit-ui 1.0.0-staging.10 → 1.0.0-staging.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser.js +1 -1
- package/dist/cjs/rtk-avatar_54.cjs.entry.js +5 -5
- package/dist/cjs/rtk-controlbar-button.cjs.entry.js +1 -1
- package/dist/cjs/rtk-ui-provider.cjs.entry.js +6 -6
- package/dist/collection/components/rtk-controlbar-button/rtk-controlbar-button.css +1 -0
- package/dist/collection/components/rtk-meeting/rtk-meeting.js +5 -5
- package/dist/collection/components/rtk-ui-provider/rtk-ui-provider.js +6 -6
- package/dist/components/{p-80bef3b5.js → p-5279fae9.js} +1 -1
- package/dist/components/{p-e4241aa9.js → p-56919690.js} +2 -2
- package/dist/components/{p-6acaa07e.js → p-bdbaa65b.js} +1 -1
- package/dist/components/rtk-ai-toggle.js +1 -1
- package/dist/components/rtk-breakout-rooms-toggle.js +1 -1
- package/dist/components/rtk-camera-toggle.js +1 -1
- package/dist/components/rtk-caption-toggle.js +1 -1
- package/dist/components/rtk-chat-toggle.js +1 -1
- package/dist/components/rtk-controlbar-button.js +1 -1
- package/dist/components/rtk-debugger-toggle.js +1 -1
- package/dist/components/rtk-fullscreen-toggle.js +1 -1
- package/dist/components/rtk-grid.js +3 -3
- package/dist/components/rtk-leave-button.js +1 -1
- package/dist/components/rtk-livestream-player.js +1 -1
- package/dist/components/rtk-livestream-toggle.js +1 -1
- package/dist/components/rtk-meeting.js +5 -5
- package/dist/components/rtk-mic-toggle.js +1 -1
- package/dist/components/rtk-more-toggle.js +1 -1
- package/dist/components/rtk-mute-all-button.js +1 -1
- package/dist/components/rtk-participants-toggle.js +1 -1
- package/dist/components/rtk-pip-toggle.js +1 -1
- package/dist/components/rtk-plugins-toggle.js +1 -1
- package/dist/components/rtk-polls-toggle.js +1 -1
- package/dist/components/rtk-recording-toggle.js +1 -1
- package/dist/components/rtk-screen-share-toggle.js +1 -1
- package/dist/components/rtk-settings-toggle.js +1 -1
- package/dist/components/rtk-stage-toggle.js +1 -1
- package/dist/components/rtk-ui-provider.js +6 -6
- package/dist/docs/docs-components.json +1 -1
- package/dist/esm/loader.js +12 -12
- package/dist/esm/rtk-avatar_54.entry.js +5 -5
- package/dist/esm/rtk-controlbar-button.entry.js +1 -1
- package/dist/esm/rtk-ui-provider.entry.js +6 -6
- package/dist/realtimekit-ui/{p-58e58de6.entry.js → p-59daa5d2.entry.js} +1 -1
- package/dist/realtimekit-ui/p-8cc2459d.entry.js +1 -0
- package/dist/realtimekit-ui/p-8dbe4de9.entry.js +1 -0
- package/dist/realtimekit-ui/realtimekit-ui.esm.js +1 -1
- package/package.json +1 -1
- package/dist/realtimekit-ui/p-3ed1c004.entry.js +0 -1
- package/dist/realtimekit-ui/p-e80cf367.entry.js +0 -1
|
@@ -4498,6 +4498,11 @@ const RtkMeeting = class {
|
|
|
4498
4498
|
this.gridLayout = 'row';
|
|
4499
4499
|
/** Icon pack */
|
|
4500
4500
|
this.iconPack = uiStore.defaultIconPack;
|
|
4501
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
4502
|
+
this.updateStates({
|
|
4503
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiStore.uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
4504
|
+
});
|
|
4505
|
+
};
|
|
4501
4506
|
}
|
|
4502
4507
|
connectedCallback() {
|
|
4503
4508
|
var _a;
|
|
@@ -4591,11 +4596,6 @@ const RtkMeeting = class {
|
|
|
4591
4596
|
listenState(e) {
|
|
4592
4597
|
this.updateStates(e.detail);
|
|
4593
4598
|
}
|
|
4594
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
4595
|
-
this.updateStates({
|
|
4596
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiStore.uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
4597
|
-
});
|
|
4598
|
-
}
|
|
4599
4599
|
handleResize() {
|
|
4600
4600
|
this.size = size.getSize(this.host.clientWidth);
|
|
4601
4601
|
}
|
|
@@ -6,7 +6,7 @@ const index$1 = require('./index-05554ce6.js');
|
|
|
6
6
|
const uiStore = require('./ui-store-3ddce955.js');
|
|
7
7
|
const index = require('./index-daae8cee.js');
|
|
8
8
|
|
|
9
|
-
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
9
|
+
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
10
10
|
const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
|
|
11
11
|
|
|
12
12
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -70,6 +70,11 @@ const RtkUiProvider = class {
|
|
|
70
70
|
}, LEAVE_ROOM_TIMER);
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
74
|
+
this.updateStates({
|
|
75
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiStore.uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
76
|
+
});
|
|
77
|
+
};
|
|
73
78
|
}
|
|
74
79
|
listenState(e) {
|
|
75
80
|
this.updateStates(e.detail);
|
|
@@ -146,13 +151,8 @@ const RtkUiProvider = class {
|
|
|
146
151
|
onSizeChange(newSize) {
|
|
147
152
|
uiStore.uiStore.state.size = newSize;
|
|
148
153
|
}
|
|
149
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
150
|
-
this.updateStates({
|
|
151
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiStore.uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
152
|
-
});
|
|
153
|
-
}
|
|
154
154
|
render() {
|
|
155
|
-
return index.h(index.Host, { key: '
|
|
155
|
+
return index.h(index.Host, { key: 'a421f032438ed827ad90bafeafa6c6029eea1bcb' }, this.noRenderUntilMeeting && !this.meeting ? null : index.h("slot", null));
|
|
156
156
|
}
|
|
157
157
|
get host() { return index.getElement(this); }
|
|
158
158
|
static get watchers() { return {
|
|
@@ -27,6 +27,7 @@ p {
|
|
|
27
27
|
-webkit-user-select: none;
|
|
28
28
|
-moz-user-select: none;
|
|
29
29
|
user-select: none;
|
|
30
|
+
border-radius: var(--rtk-border-radius-md, 8px);
|
|
30
31
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
31
32
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
32
33
|
transition-duration: 150ms;
|
|
@@ -76,6 +76,11 @@ export class RtkMeeting {
|
|
|
76
76
|
this.gridLayout = 'row';
|
|
77
77
|
/** Icon pack */
|
|
78
78
|
this.iconPack = defaultIconPack;
|
|
79
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
80
|
+
this.updateStates({
|
|
81
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
82
|
+
});
|
|
83
|
+
};
|
|
79
84
|
}
|
|
80
85
|
connectedCallback() {
|
|
81
86
|
var _a;
|
|
@@ -169,11 +174,6 @@ export class RtkMeeting {
|
|
|
169
174
|
listenState(e) {
|
|
170
175
|
this.updateStates(e.detail);
|
|
171
176
|
}
|
|
172
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
173
|
-
this.updateStates({
|
|
174
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
177
|
handleResize() {
|
|
178
178
|
this.size = getSize(this.host.clientWidth);
|
|
179
179
|
}
|
|
@@ -59,6 +59,11 @@ export class RtkUiProvider {
|
|
|
59
59
|
}, LEAVE_ROOM_TIMER);
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
63
|
+
this.updateStates({
|
|
64
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
65
|
+
});
|
|
66
|
+
};
|
|
62
67
|
}
|
|
63
68
|
listenState(e) {
|
|
64
69
|
this.updateStates(e.detail);
|
|
@@ -135,13 +140,8 @@ export class RtkUiProvider {
|
|
|
135
140
|
onSizeChange(newSize) {
|
|
136
141
|
uiStore.state.size = newSize;
|
|
137
142
|
}
|
|
138
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
139
|
-
this.updateStates({
|
|
140
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
143
|
render() {
|
|
144
|
-
return h(Host, { key: '
|
|
144
|
+
return h(Host, { key: 'a421f032438ed827ad90bafeafa6c6029eea1bcb' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
|
|
145
145
|
}
|
|
146
146
|
static get is() { return "rtk-ui-provider"; }
|
|
147
147
|
static get originalStyleUrls() {
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './p-02f19345.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$3 } from './p-
|
|
5
|
+
import { d as defineCustomElement$3 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$1 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -3,8 +3,8 @@ import { c as useLanguage, a as defaultIconPack, P as PlayerState, o as getLives
|
|
|
3
3
|
import './p-a83ccdbd.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-4cc0e9a5.js';
|
|
6
|
-
import { d as defineCustomElement$4 } from './p-
|
|
7
|
-
import { d as defineCustomElement$3 } from './p-
|
|
6
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
7
|
+
import { d as defineCustomElement$3 } from './p-5279fae9.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
|
|
9
9
|
import { d as defineCustomElement$1 } from './p-81f4e985.js';
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@ import { S as SyncWithStore } from './p-d5791958.js';
|
|
|
4
4
|
import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
|
|
5
5
|
import { d as defineCustomElement$1 } from './p-81f4e985.js';
|
|
6
6
|
|
|
7
|
-
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
7
|
+
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
8
8
|
const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
|
|
9
9
|
|
|
10
10
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$5 } from './p-
|
|
4
|
+
import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-e3b59650.js';
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import './p-a83ccdbd.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage, l as usePaginatedChat } from './p-e6d09c50.js';
|
|
3
3
|
import { c as canViewChat } from './p-c11b2f37.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-bdbaa65b.js';
|
|
2
2
|
|
|
3
3
|
const RtkControlbarButton = RtkControlbarButton$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { c as useLanguage, a as defaultIconPack } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-5279fae9.js';
|
|
2
2
|
|
|
3
3
|
const RtkFullscreenToggle = RtkFullscreenToggle$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -5,11 +5,11 @@ import { R as Render } from './p-60fdbd75.js';
|
|
|
5
5
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
6
6
|
import { d as defaultGridSize } from './p-b13ddb7d.js';
|
|
7
7
|
import { d as defineCustomElement$9 } from './p-4cc0e9a5.js';
|
|
8
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
-
import { d as defineCustomElement$7 } from './p-
|
|
8
|
+
import { d as defineCustomElement$8 } from './p-bdbaa65b.js';
|
|
9
|
+
import { d as defineCustomElement$7 } from './p-5279fae9.js';
|
|
10
10
|
import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
|
|
11
11
|
import { d as defineCustomElement$5 } from './p-0eab3933.js';
|
|
12
|
-
import { d as defineCustomElement$4 } from './p-
|
|
12
|
+
import { d as defineCustomElement$4 } from './p-56919690.js';
|
|
13
13
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
14
14
|
import { d as defineCustomElement$2 } from './p-ef376a73.js';
|
|
15
15
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-56919690.js';
|
|
2
2
|
|
|
3
3
|
const RtkLivestreamPlayer = RtkLivestreamPlayer$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage, i as isLiveStreamHost } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -126,6 +126,11 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
|
|
|
126
126
|
this.gridLayout = 'row';
|
|
127
127
|
/** Icon pack */
|
|
128
128
|
this.iconPack = defaultIconPack;
|
|
129
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
130
|
+
this.updateStates({
|
|
131
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
132
|
+
});
|
|
133
|
+
};
|
|
129
134
|
}
|
|
130
135
|
connectedCallback() {
|
|
131
136
|
var _a;
|
|
@@ -219,11 +224,6 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
|
|
|
219
224
|
listenState(e) {
|
|
220
225
|
this.updateStates(e.detail);
|
|
221
226
|
}
|
|
222
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
223
|
-
this.updateStates({
|
|
224
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
225
|
-
});
|
|
226
|
-
}
|
|
227
227
|
handleResize() {
|
|
228
228
|
this.size = getSize(this.host.clientWidth);
|
|
229
229
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$5 } from './p-
|
|
4
|
+
import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-e3b59650.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import './p-a83ccdbd.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-e3b59650.js';
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { a as canViewParticipants } from './p-c11b2f37.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import './p-a83ccdbd.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { b as canViewPlugins } from './p-c11b2f37.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { d as canViewPolls } from './p-c11b2f37.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
8
8
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { c as useLanguage, a as defaultIconPack } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { l as logger } from './p-5605a420.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-e3b59650.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
|
|
3
3
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-bdbaa65b.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-81f4e985.js';
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
|
|
|
2
2
|
import { a as defaultIconPack, c as useLanguage, n as uiState } from './p-e6d09c50.js';
|
|
3
3
|
import './p-a83ccdbd.js';
|
|
4
4
|
import { S as SyncWithStore } from './p-d5791958.js';
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-bdbaa65b.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-81f4e985.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-e3b59650.js';
|
|
@@ -66,6 +66,11 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
|
|
|
66
66
|
}, LEAVE_ROOM_TIMER);
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
70
|
+
this.updateStates({
|
|
71
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
72
|
+
});
|
|
73
|
+
};
|
|
69
74
|
}
|
|
70
75
|
listenState(e) {
|
|
71
76
|
this.updateStates(e.detail);
|
|
@@ -142,13 +147,8 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
|
|
|
142
147
|
onSizeChange(newSize) {
|
|
143
148
|
uiStore.state.size = newSize;
|
|
144
149
|
}
|
|
145
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
146
|
-
this.updateStates({
|
|
147
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
150
|
render() {
|
|
151
|
-
return h(Host, { key: '
|
|
151
|
+
return h(Host, { key: 'a421f032438ed827ad90bafeafa6c6029eea1bcb' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
|
|
152
152
|
}
|
|
153
153
|
get host() { return this; }
|
|
154
154
|
static get watchers() { return {
|
package/dist/esm/loader.js
CHANGED
|
@@ -14296,6 +14296,11 @@ const RtkMeeting = class {
|
|
|
14296
14296
|
this.gridLayout = 'row';
|
|
14297
14297
|
/** Icon pack */
|
|
14298
14298
|
this.iconPack = defaultIconPack;
|
|
14299
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
14300
|
+
this.updateStates({
|
|
14301
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
14302
|
+
});
|
|
14303
|
+
};
|
|
14299
14304
|
}
|
|
14300
14305
|
connectedCallback() {
|
|
14301
14306
|
var _a;
|
|
@@ -14389,11 +14394,6 @@ const RtkMeeting = class {
|
|
|
14389
14394
|
listenState(e) {
|
|
14390
14395
|
this.updateStates(e.detail);
|
|
14391
14396
|
}
|
|
14392
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
14393
|
-
this.updateStates({
|
|
14394
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
14395
|
-
});
|
|
14396
|
-
}
|
|
14397
14397
|
handleResize() {
|
|
14398
14398
|
this.size = getSize(this.host.clientWidth);
|
|
14399
14399
|
}
|
|
@@ -24167,6 +24167,11 @@ const RtkUiProvider = class {
|
|
|
24167
24167
|
}, LEAVE_ROOM_TIMER);
|
|
24168
24168
|
}
|
|
24169
24169
|
};
|
|
24170
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
24171
|
+
this.updateStates({
|
|
24172
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
24173
|
+
});
|
|
24174
|
+
};
|
|
24170
24175
|
}
|
|
24171
24176
|
listenState(e) {
|
|
24172
24177
|
this.updateStates(e.detail);
|
|
@@ -24243,13 +24248,8 @@ const RtkUiProvider = class {
|
|
|
24243
24248
|
onSizeChange(newSize) {
|
|
24244
24249
|
uiStore.state.size = newSize;
|
|
24245
24250
|
}
|
|
24246
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
24247
|
-
this.updateStates({
|
|
24248
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
24249
|
-
});
|
|
24250
|
-
}
|
|
24251
24251
|
render() {
|
|
24252
|
-
return h(Host, { key: '
|
|
24252
|
+
return h(Host, { key: 'a421f032438ed827ad90bafeafa6c6029eea1bcb' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
|
|
24253
24253
|
}
|
|
24254
24254
|
get host() { return getElement(this); }
|
|
24255
24255
|
static get watchers() { return {
|
|
@@ -56218,7 +56218,7 @@ var rtkSpotlightIndicator_entry = /*#__PURE__*/Object.freeze({
|
|
|
56218
56218
|
rtk_spotlight_indicator: RtkSpotlightIndicator
|
|
56219
56219
|
});
|
|
56220
56220
|
|
|
56221
|
-
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
56221
|
+
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
56222
56222
|
const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
|
|
56223
56223
|
|
|
56224
56224
|
var __decorate = function (decorators, target, key, desc) {
|
|
@@ -4494,6 +4494,11 @@ const RtkMeeting = class {
|
|
|
4494
4494
|
this.gridLayout = 'row';
|
|
4495
4495
|
/** Icon pack */
|
|
4496
4496
|
this.iconPack = defaultIconPack;
|
|
4497
|
+
this.handleChangingMeeting = (destinationMeetingId) => {
|
|
4498
|
+
this.updateStates({
|
|
4499
|
+
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
4500
|
+
});
|
|
4501
|
+
};
|
|
4497
4502
|
}
|
|
4498
4503
|
connectedCallback() {
|
|
4499
4504
|
var _a;
|
|
@@ -4587,11 +4592,6 @@ const RtkMeeting = class {
|
|
|
4587
4592
|
listenState(e) {
|
|
4588
4593
|
this.updateStates(e.detail);
|
|
4589
4594
|
}
|
|
4590
|
-
handleChangingMeeting(destinationMeetingId) {
|
|
4591
|
-
this.updateStates({
|
|
4592
|
-
activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
|
|
4593
|
-
});
|
|
4594
|
-
}
|
|
4595
4595
|
handleResize() {
|
|
4596
4596
|
this.size = getSize(this.host.clientWidth);
|
|
4597
4597
|
}
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
|
|
|
2
2
|
import { a as defaultIconPack } from './ui-store-b453cdf2.js';
|
|
3
3
|
import { S as SyncWithStore } from './index-6aaa85ca.js';
|
|
4
4
|
|
|
5
|
-
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
5
|
+
const rtkControlbarButtonCss = ":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{--background-color:var(\n --rtk-controlbar-button-background-color,\n rgb(var(--rtk-colors-background-1000, 8 8 8))\n );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
|
|
6
6
|
const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
|
|
7
7
|
|
|
8
8
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|