@rtsee/ngx 0.0.74 → 0.0.76
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/ngx/fesm2022/rtsee-ngx.mjs +182 -54
- package/dist/ngx/fesm2022/rtsee-ngx.mjs.map +1 -1
- package/dist/ngx/index.d.ts +9 -10
- package/dist/ngx/src/lib/theme/containers/shell.scss +18 -2
- package/dist/ngx/src/lib/theme/messenger/chat.scss +9 -0
- package/dist/ngx/src/lib/theme/presentation/index.scss +2 -0
- package/dist/ngx/src/lib/theme/presentation/join-call.scss +46 -0
- package/dist/ngx/src/lib/theme/presentation/presentation.scss +1 -1
- package/dist/ngx/src/lib/theme/presentation/settings.scss +2 -0
- package/dist/ngx/src/lib/theme/presentation/story-details.scss +25 -0
- package/dist/ngx/src/lib/theme/presentation/story-thumbnail.scss +6 -1
- package/dist/ngx/src/lib/theme/video-chat/video-chat.scss +20 -16
- package/package.json +8 -8
package/dist/ngx/index.d.ts
CHANGED
|
@@ -13,9 +13,9 @@ import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
|
|
|
13
13
|
import { RTSeePresentation, RTSeeStory, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
|
|
14
14
|
import * as i43 from '@angular/forms';
|
|
15
15
|
import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
|
|
16
|
+
import { IRTSeeChat, IMessageThumbnail, RTSeeChatTypes } from '@rtsee/common';
|
|
16
17
|
import * as i42 from '@angular/common';
|
|
17
18
|
import { ViewportScroller } from '@angular/common';
|
|
18
|
-
import { IMessageThumbnail, RTSeeChatTypes } from '@rtsee/common';
|
|
19
19
|
import * as i44 from 'ngx-autosize';
|
|
20
20
|
import * as i45 from 'ngx-infinite-scroll';
|
|
21
21
|
import * as i47 from 'ngx-captcha';
|
|
@@ -36,12 +36,6 @@ declare class RTSeeControlsComponent {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
declare class RtseeSettingsComponent implements OnInit {
|
|
39
|
-
availableAudioInputDevices: MediaDeviceInfo[];
|
|
40
|
-
availableVideoInputDevices: MediaDeviceInfo[];
|
|
41
|
-
availableAudioOutputDevices: MediaDeviceInfo[];
|
|
42
|
-
audioOutputDeviceId?: string;
|
|
43
|
-
videoInputDeviceId?: string;
|
|
44
|
-
audioInputDeviceId?: string;
|
|
45
39
|
rtSee: RTSeeConference;
|
|
46
40
|
fullScreenMode: boolean;
|
|
47
41
|
constructor();
|
|
@@ -150,9 +144,10 @@ declare class RTSeeContainerComponent implements OnInit {
|
|
|
150
144
|
|
|
151
145
|
declare class PresentationComponent {
|
|
152
146
|
presentation: RTSeePresentation;
|
|
147
|
+
messenger?: RTSeeMessenger;
|
|
153
148
|
constructor();
|
|
154
149
|
static ɵfac: i0.ɵɵFactoryDeclaration<PresentationComponent, never>;
|
|
155
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; }, {}, never, never, true, never>;
|
|
150
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
|
|
156
151
|
}
|
|
157
152
|
|
|
158
153
|
declare class RTSeeAuthComponent implements OnInit {
|
|
@@ -420,11 +415,15 @@ declare class RtseePeersListComponent {
|
|
|
420
415
|
static ɵcmp: i0.ɵɵComponentDeclaration<RtseePeersListComponent, "ngx-rtsee-peers-list", never, {}, {}, never, never, true, never>;
|
|
421
416
|
}
|
|
422
417
|
|
|
423
|
-
declare class ChatComponent {
|
|
418
|
+
declare class ChatComponent implements OnInit, OnDestroy {
|
|
424
419
|
chat: RTSeeChat;
|
|
420
|
+
chatData?: IRTSeeChat;
|
|
425
421
|
messenger: RTSeeMessenger;
|
|
422
|
+
onInViewPortChange(value: boolean): void;
|
|
423
|
+
ngOnInit(): void;
|
|
424
|
+
ngOnDestroy(): void;
|
|
426
425
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChatComponent, never>;
|
|
427
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "rtsee-chat", never, { "chat": { "alias": "chat"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
|
|
426
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChatComponent, "rtsee-chat", never, { "chat": { "alias": "chat"; "required": false; }; "chatData": { "alias": "chatData"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
|
|
428
427
|
}
|
|
429
428
|
|
|
430
429
|
declare class MessageComponent implements AfterViewInit {
|
|
@@ -15,10 +15,22 @@
|
|
|
15
15
|
top: $video-container-height;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.rtsee-join-call {
|
|
19
|
+
.rtsee-join-call-button {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.rtsee-share-call-link {
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
18
28
|
&.rtsee-shell-messenger-active {
|
|
19
29
|
.rtsee-messenger-container {
|
|
20
|
-
.rtsee-messenger
|
|
21
|
-
|
|
30
|
+
.rtsee-messenger {
|
|
31
|
+
.rtsee-messenger-header-container {
|
|
32
|
+
top: $video-container-height;
|
|
33
|
+
}
|
|
22
34
|
}
|
|
23
35
|
}
|
|
24
36
|
}
|
|
@@ -32,6 +44,10 @@
|
|
|
32
44
|
}
|
|
33
45
|
}
|
|
34
46
|
|
|
47
|
+
.rtsee-share-call-link {
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
35
51
|
&.rtsee-shell-messenger-active {
|
|
36
52
|
.rtsee-shell-panel {
|
|
37
53
|
display: block;
|
|
@@ -6,6 +6,15 @@
|
|
|
6
6
|
height: 100%;
|
|
7
7
|
background: $rts-new-secondary-bg-color-light;
|
|
8
8
|
|
|
9
|
+
&.rtsee-chat-standalone {
|
|
10
|
+
&.rtsee-chat-in-viewport {
|
|
11
|
+
.rtsee-chat-footer-container {
|
|
12
|
+
position: fixed;
|
|
13
|
+
bottom: $rts-bottom-nav-height;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
9
18
|
.rtsee-chat-body-container {
|
|
10
19
|
height: 100%;
|
|
11
20
|
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
@import "./variables";
|
|
2
|
+
|
|
3
|
+
.rtsee-join-call {
|
|
4
|
+
.rtsee-join-call-button {
|
|
5
|
+
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.rtsee-share-call-link {
|
|
9
|
+
.rtsee-share-call-explain-section {
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-direction: row;
|
|
12
|
+
gap: $rts-offset-sm;
|
|
13
|
+
align-items: center;
|
|
14
|
+
margin-bottom: $rts-offset-sm;
|
|
15
|
+
|
|
16
|
+
.rtsee-share-call-explain-section-icon {
|
|
17
|
+
flex: 1;
|
|
18
|
+
text-align: center;
|
|
19
|
+
|
|
20
|
+
.rtsee-link-icon {
|
|
21
|
+
width: 40px;
|
|
22
|
+
font-size: 1.4rem;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rtsee-share-call-explain-section-text {
|
|
27
|
+
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rtsee-share-call-link-section {
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: row;
|
|
34
|
+
gap: $rts-offset-sm;
|
|
35
|
+
align-items: center;
|
|
36
|
+
|
|
37
|
+
.rtsee-share-call-link-copy-btn {
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.rtsee-share-call-link-text {
|
|
42
|
+
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "./variables";
|
|
2
|
+
|
|
3
|
+
.rtsee-story-details {
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
.rtsee-story-details-image-container {
|
|
7
|
+
position: relative;
|
|
8
|
+
|
|
9
|
+
.rtsee-story-details-image {
|
|
10
|
+
width: 100%;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.rtsee-story-details-start-reading {
|
|
14
|
+
position: absolute;
|
|
15
|
+
bottom: $rts-offset-sm;
|
|
16
|
+
right: $rts-offset-sm;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.rtsee-story-details-close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: $rts-offset-sm;
|
|
22
|
+
left: $rts-offset-sm;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -10,7 +10,7 @@ $own-video-container-width: $video-container-width / $own-video-divider;
|
|
|
10
10
|
$own-video-container-height: $video-container-height / $own-video-divider;
|
|
11
11
|
$container-offset: 16px;
|
|
12
12
|
$container-inner-offset: 8px;
|
|
13
|
-
$controls-panel-height:
|
|
13
|
+
$controls-panel-height: 69px;
|
|
14
14
|
$expanded-controls-panel-height: 84px;
|
|
15
15
|
$select-border-radius: 4px;
|
|
16
16
|
$border-radius: 8px;
|
|
@@ -89,6 +89,7 @@ $expanded-peer-wrapper-offset: 4px;
|
|
|
89
89
|
bottom: - $controls-panel-height;
|
|
90
90
|
transition: bottom 0.1s;
|
|
91
91
|
text-align: center;
|
|
92
|
+
z-index: 1;
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
.rtsee-window-controls {
|
|
@@ -97,24 +98,29 @@ $expanded-peer-wrapper-offset: 4px;
|
|
|
97
98
|
right: $container-inner-offset;
|
|
98
99
|
transition: top 0.1s;
|
|
99
100
|
z-index: 4;
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
|
|
103
|
+
.rtsee-ripple-button {
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
|
|
106
|
+
&:hover {
|
|
107
|
+
opacity: 0.7;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
100
111
|
|
|
101
112
|
.rtsee-window-controls-button {
|
|
102
113
|
margin-left: $container-inner-offset;
|
|
103
|
-
background-color: rgba(0,0,0,0.7);
|
|
114
|
+
background-color: rgba(0, 0, 0, 0.7);
|
|
104
115
|
color: #ffffff;
|
|
116
|
+
border: none;
|
|
117
|
+
outline: 0;
|
|
118
|
+
border-radius: 50%;
|
|
119
|
+
height: 45px;
|
|
120
|
+
width: 45px;
|
|
105
121
|
}
|
|
106
122
|
}
|
|
107
123
|
|
|
108
|
-
.rtsee-settings-container {
|
|
109
|
-
position: absolute;
|
|
110
|
-
top: 0;
|
|
111
|
-
right: 0;
|
|
112
|
-
bottom: 0;
|
|
113
|
-
left: 0;
|
|
114
|
-
overflow: auto;
|
|
115
|
-
z-index: 4;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
124
|
&.rtsee-conference-shell-no-companions {
|
|
119
125
|
.rtsee-local-peer {
|
|
120
126
|
box-sizing: border-box;
|
|
@@ -235,10 +241,8 @@ $expanded-peer-wrapper-offset: 4px;
|
|
|
235
241
|
background-position: center;
|
|
236
242
|
transition: background 0.2s;
|
|
237
243
|
outline: none;
|
|
244
|
+
line-height: 0;
|
|
238
245
|
|
|
239
|
-
&:hover {
|
|
240
|
-
background: rgba(245,245,245,.1) radial-gradient(circle, transparent 1%, rgba(245,245,245,.1) 1%) center/15000%;
|
|
241
|
-
}
|
|
242
246
|
&:active {
|
|
243
247
|
background-size: 100%;
|
|
244
248
|
transition: background 0s;
|
|
@@ -253,7 +257,7 @@ $expanded-peer-wrapper-offset: 4px;
|
|
|
253
257
|
}
|
|
254
258
|
|
|
255
259
|
.material-icons-outlined {
|
|
256
|
-
font-size:
|
|
260
|
+
font-size: 26px;
|
|
257
261
|
}
|
|
258
262
|
|
|
259
263
|
&.rtsee-conference-shell-expanded {
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.0.
|
|
2
|
+
"version": "0.0.76",
|
|
3
3
|
"name": "@rtsee/ngx",
|
|
4
4
|
"module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
|
|
5
5
|
"types": "./dist/ngx/index.d.ts",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
"@angular/platform-browser-dynamic": "^20.1.2",
|
|
35
35
|
"@angular/router": "^20.1.2",
|
|
36
36
|
"@primeuix/themes": "^1.2.3",
|
|
37
|
-
"@rtsee/common": "^0.0.
|
|
38
|
-
"@rtsee/conference": "^0.0.
|
|
39
|
-
"@rtsee/core": "^0.0.
|
|
40
|
-
"@rtsee/events-dashboard": "^0.0.
|
|
41
|
-
"@rtsee/factory": "^0.0.
|
|
42
|
-
"@rtsee/messenger": "^0.0.
|
|
37
|
+
"@rtsee/common": "^0.0.47",
|
|
38
|
+
"@rtsee/conference": "^0.0.48",
|
|
39
|
+
"@rtsee/core": "^0.0.91",
|
|
40
|
+
"@rtsee/events-dashboard": "^0.0.81",
|
|
41
|
+
"@rtsee/factory": "^0.0.90",
|
|
42
|
+
"@rtsee/messenger": "^0.0.81",
|
|
43
43
|
"@rtsee/signaling-client": "^0.0.66",
|
|
44
44
|
"dayjs": "^1.11.9",
|
|
45
45
|
"ngx-autosize": "^2.0.4",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"publishConfig": {
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "3a0b2fe6c4ae5ec01805f35d2270f3604d111b59"
|
|
70
70
|
}
|