@rtsee/ngx 0.0.44 → 0.0.46

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.
Files changed (17) hide show
  1. package/dist/ngx/esm2022/lib/components/rtsee/rtsee-conference.component.mjs +32 -0
  2. package/dist/ngx/esm2022/lib/components/rtsee-container/rtsee-container.component.mjs +6 -6
  3. package/dist/ngx/esm2022/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.mjs +3 -3
  4. package/dist/ngx/esm2022/lib/components/rtsee-messenger/messages-list/messages-list.component.mjs +3 -3
  5. package/dist/ngx/esm2022/lib/components/rtsee-messenger/messenger-header/messenger-header.component.mjs +3 -3
  6. package/dist/ngx/esm2022/lib/ngx.module.mjs +17 -9
  7. package/dist/ngx/esm2022/public-api.mjs +3 -2
  8. package/dist/ngx/fesm2022/rtsee-ngx.mjs +35 -27
  9. package/dist/ngx/fesm2022/rtsee-ngx.mjs.map +1 -1
  10. package/dist/ngx/lib/components/rtsee/rtsee-conference.component.d.ts +12 -0
  11. package/dist/ngx/lib/components/rtsee-container/rtsee-container.component.d.ts +3 -3
  12. package/dist/ngx/lib/ngx.module.d.ts +2 -2
  13. package/dist/ngx/public-api.d.ts +2 -1
  14. package/dist/ngx/src/lib/common/compiled-scss/styles.scss +4 -3
  15. package/package.json +5 -5
  16. package/dist/ngx/esm2022/lib/components/rtsee/rtsee.component.mjs +0 -32
  17. package/dist/ngx/lib/components/rtsee/rtsee.component.d.ts +0 -12
package/dist/ngx/lib/components/rtsee-container/rtsee-container.component.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from "@angular/core";
2
- export declare class RtseeContainerComponent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<RtseeContainerComponent, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<RtseeContainerComponent, "rtsee-rtsee-container", never, {}, {}, never, never, false, never>;
2
+ export declare class RTSeeContainerComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeContainerComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<RTSeeContainerComponent, "rtsee-container", never, {}, {}, never, ["*"], false, never>;
5
5
  }
package/dist/ngx/lib/ngx.module.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./components/rtsee/rtsee.component";
2
+ import * as i1 from "./components/rtsee/rtsee-conference.component";
3
3
  import * as i2 from "./components/rtsee/rtsee-controls/rtsee-controls.component";
4
4
  import * as i3 from "./components/rtsee-peer/rtsee-peer.component";
5
5
  import * as i4 from "./components/rtsee-soundbar/rtsee-soundbar.component";
@@ -40,6 +40,6 @@ import * as i38 from "ngx-autosize";
40
40
  import * as i39 from "ngx-infinite-scroll";
41
41
  export declare class RTSeeModule {
42
42
  static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeModule, never>;
43
- static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, [typeof i1.RTSeeComponent, typeof i2.RTSeeControlsComponent, typeof i3.RtseePeerComponent, typeof i4.RtseeSoundbarComponent, typeof i5.RtseePeersListComponent, typeof i6.RtseeSettingsComponent, typeof i7.MessengerComponent, typeof i8.ChatComponent, typeof i9.MessageComponent, typeof i10.ChatsListComponent, typeof i11.MessagesListComponent, typeof i12.ChatThumbnailComponent, typeof i13.ChatInputComponent, typeof i14.MessengerHeaderComponent, typeof i15.RtseeEventsDashboardComponent, typeof i16.RtseeEventsDashboardClientComponent, typeof i17.RtseeEventsDashboardClientThumbnailComponent, typeof i18.WidgetDirective, typeof i19.CallWidgetComponent, typeof i20.MainMenuComponent, typeof i21.MessageTimeAndStatusComponent, typeof i22.PreloaderComponent, typeof i23.SearchComponent, typeof i24.ManageChatComponent, typeof i25.ContactsMultiselectComponent, typeof i26.ShaveDirective, typeof i27.ProfileComponent, typeof i28.EventThumbnailComponent, typeof i29.RtseeEventsDashboardSessionComponent, typeof i30.RtseeContainerComponent], [typeof i31.CommonModule, typeof i32.MatIconModule, typeof i33.MatButtonModule, typeof i34.MatSelectModule, typeof i35.BrowserAnimationsModule, typeof i36.MatFormFieldModule, typeof i37.ReactiveFormsModule, typeof i38.AutosizeModule, typeof i39.InfiniteScrollModule], [typeof i1.RTSeeComponent, typeof i7.MessengerComponent, typeof i15.RtseeEventsDashboardComponent]>;
43
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, [typeof i1.RTSeeConferenceComponent, typeof i2.RTSeeControlsComponent, typeof i3.RtseePeerComponent, typeof i4.RtseeSoundbarComponent, typeof i5.RtseePeersListComponent, typeof i6.RtseeSettingsComponent, typeof i7.MessengerComponent, typeof i8.ChatComponent, typeof i9.MessageComponent, typeof i10.ChatsListComponent, typeof i11.MessagesListComponent, typeof i12.ChatThumbnailComponent, typeof i13.ChatInputComponent, typeof i14.MessengerHeaderComponent, typeof i15.RtseeEventsDashboardComponent, typeof i16.RtseeEventsDashboardClientComponent, typeof i17.RtseeEventsDashboardClientThumbnailComponent, typeof i18.WidgetDirective, typeof i19.CallWidgetComponent, typeof i20.MainMenuComponent, typeof i21.MessageTimeAndStatusComponent, typeof i22.PreloaderComponent, typeof i23.SearchComponent, typeof i24.ManageChatComponent, typeof i25.ContactsMultiselectComponent, typeof i26.ShaveDirective, typeof i27.ProfileComponent, typeof i28.EventThumbnailComponent, typeof i29.RtseeEventsDashboardSessionComponent, typeof i30.RTSeeContainerComponent], [typeof i31.CommonModule, typeof i32.MatIconModule, typeof i33.MatButtonModule, typeof i34.MatSelectModule, typeof i35.BrowserAnimationsModule, typeof i36.MatFormFieldModule, typeof i37.ReactiveFormsModule, typeof i38.AutosizeModule, typeof i39.InfiniteScrollModule], [typeof i1.RTSeeConferenceComponent, typeof i7.MessengerComponent, typeof i15.RtseeEventsDashboardComponent, typeof i30.RTSeeContainerComponent]>;
44
44
  static ɵinj: i0.ɵɵInjectorDeclaration<RTSeeModule>;
45
45
  }
package/dist/ngx/public-api.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './lib/ngx.service';
2
2
  export * from './lib/components/rtsee/rtsee-controls/rtsee-controls.component';
3
- export * from './lib/components/rtsee/rtsee.component';
3
+ export * from './lib/components/rtsee/rtsee-conference.component';
4
4
  export * from './lib/components/rtsee-messenger/messenger/messenger.component';
5
5
  export * from './lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component';
6
+ export * from './lib/components/rtsee-container/rtsee-container.component';
6
7
  export * from './lib/ngx.module';
package/dist/ngx/src/lib/common/compiled-scss/styles.scss CHANGED
@@ -653,8 +653,8 @@ $last-message-text-color: #707579;
653
653
 
654
654
  .rtsee-chat-thumbnail-name {
655
655
  position: relative;
656
- height: $rts-new-user-avatar-d-sm * 0.33;
657
- line-height: $rts-new-user-avatar-d-sm * 0.33;
656
+ height: $rts-new-user-avatar-d-sm * 0.38;
657
+ line-height: $rts-new-user-avatar-d-sm * 0.38;
658
658
  margin: 0;
659
659
  font-size: 16px;
660
660
  font-weight: 600;
@@ -1137,7 +1137,8 @@ $rts-new-default-text-size: 16px;
1137
1137
  .unread-count {
1138
1138
  background: $rts-new-primary-color;
1139
1139
  padding: $rts-new-offset-xsm / 2;
1140
- border-radius: $rts-new-border-radius-rounded;
1140
+ border-radius: 50%;
1141
+ width: 20px;
1141
1142
  color: $rts-main-bg-color-light;
1142
1143
  margin-left: 2px;
1143
1144
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.44",
2
+ "version": "0.0.46",
3
3
  "name": "@rtsee/ngx",
4
4
  "module": "./dist/ngx/esm2022/public-api.mjs",
5
5
  "types": "./dist/ngx/index.d.ts",
@@ -34,10 +34,10 @@
34
34
  "@angular/platform-browser": "~16.2.2",
35
35
  "@angular/platform-browser-dynamic": "~16.2.2",
36
36
  "@angular/router": "~16.2.2",
37
- "@rtsee/common": "^0.0.14",
38
- "@rtsee/conference": "^0.0.15",
37
+ "@rtsee/common": "^0.0.16",
38
+ "@rtsee/conference": "^0.0.17",
39
39
  "@rtsee/events-dashboard": "./packages/@rtsee/events-dashboard",
40
- "@rtsee/messenger": "^0.0.48",
40
+ "@rtsee/messenger": "^0.0.50",
41
41
  "dayjs": "^1.11.9",
42
42
  "ngx-autosize": "^2.0.4",
43
43
  "ngx-infinite-scroll": "16.0.0",
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "d01a715eca40e33e454964292e4b9ac7e9899581"
63
+ "gitHead": "cc9018b2c8f75f1e3fd2e4c1046971dc2f3ed812"
64
64
  }
package/dist/ngx/esm2022/lib/components/rtsee/rtsee.component.mjs DELETED
@@ -1,32 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@angular/material/button";
5
- import * as i3 from "@angular/material/form-field";
6
- import * as i4 from "./rtsee-controls/rtsee-controls.component";
7
- import * as i5 from "../rtsee-peer/rtsee-peer.component";
8
- import * as i6 from "../rtsee-settings/rtsee-settings.component";
9
- export class RTSeeComponent {
10
- settingsViewEnabled;
11
- fullScreenModeEnabled;
12
- rtSee;
13
- constructor() {
14
- this.settingsViewEnabled = false;
15
- this.fullScreenModeEnabled = false;
16
- }
17
- toggleSettings() {
18
- this.settingsViewEnabled = !this.settingsViewEnabled;
19
- }
20
- toggleFullScreenMode() {
21
- this.fullScreenModeEnabled = !this.fullScreenModeEnabled;
22
- }
23
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: RTSeeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
24
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: RTSeeComponent, selector: "ngx-rtsee", inputs: { rtSee: "rtSee" }, ngImport: i0, template: "<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n <video class=\"rtsee-local-video\"\n [autoplay]=\"true\"\n [muted]=\"true\"\n [srcObject]=\"rtSee.localStream\"\n playsinline=\"true\"\n ></video>\n </div>\n <div class=\"rtsee-window-controls\">\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleSettings()\"\n class=\"rtsee-window-controls-button rtsee-ripple-button\"\n >\n <span class=\"material-icons-outlined\">settings</span>\n </button>\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleFullScreenMode()\"\n class=\"rtsee-window-controls-button rtsee-ripple-button\"\n >\n <span class=\"material-icons-outlined\">open_in_full</span>\n </button>\n </div>\n <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleSettings()\"\n class=\"rtsee-close-settings-button\"\n >\n <span class=\"material-icons-outlined\">close</span>\n </button>\n <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n </div>\n <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n <video [autoplay]=\"true\"\n [muted]=\"true\"\n [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n playsinline=\"true\"\n class=\"rtsee-screen-share-video\"\n ></video>\n </div>\n <div class=\"rtsee-peers\" [ngClass]=\"{\n 'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n 'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n 'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length > 1\n && rtSee.rtcPeerConnections.connections.length < 4,\n 'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length > 3\n && rtSee.rtcPeerConnections.connections.length < 7,\n 'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length >= 7\n }\">\n <div class=\"rtsee-peer-wrapper\"\n *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n >\n <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n </div>\n </div>\n <div class=\"rtsee-peers-list\"></div>\n <div class=\"rtsee-controls-wrapper\">\n <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n </div>\n</div>\n\n", styles: [".rtsee-shell{position:fixed;z-index:10;right:16px;bottom:16px;background-color:#333;width:100%;max-width:320px;height:240px;overflow:hidden;border-radius:8px}.rtsee-shell:hover .rtsee-controls-wrapper{bottom:8px}.rtsee-shell:hover .rtsee-window-controls{top:8px}.rtsee-shell .rtsee-local-peer{position:absolute;top:8px;left:8px;width:80px;height:60px;text-align:center}.rtsee-shell .rtsee-local-peer .rtsee-local-video{height:100%;max-width:100%;border-radius:8px}.rtsee-shell .rtsee-screen-share{height:100%}.rtsee-shell .rtsee-screen-share .rtsee-screen-share-video{width:100%;height:calc(100% - 50px)}.rtsee-shell .rtsee-peers{height:100%}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper{padding:8px;box-sizing:border-box;height:100%}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper .rtsee-peer{position:relative}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper .rtsee-peer ::ng-deep .rtsee-peer-video{border-radius:8px}.rtsee-shell .rtsee-controls-wrapper{height:60px;width:100%;position:absolute;left:0;bottom:-60px;transition:bottom .1s;text-align:center}.rtsee-shell .rtsee-window-controls{position:absolute;top:-60px;right:8px;transition:top .1s;z-index:4}.rtsee-shell .rtsee-window-controls .rtsee-window-controls-button{margin-left:8px;background-color:#000000b3;color:#fff}.rtsee-shell .rtsee-settings-container{position:absolute;inset:0;overflow:auto;z-index:4}.rtsee-shell.rtsee-shell-no-companions .rtsee-local-peer{box-sizing:border-box;padding:8px;height:100%;width:100%;top:0;bottom:0;left:0}.rtsee-shell .rtsee-close-settings-button{position:absolute;right:25px;top:5px;width:30px;height:30px;line-height:30px}.rtsee-shell.rtsee-shell-expanded{position:absolute;border-radius:0;max-width:unset;height:unset;width:unset;inset:0}.rtsee-shell.rtsee-shell-expanded:hover .rtsee-controls-wrapper{bottom:16px}.rtsee-shell.rtsee-shell-expanded:hover .rtsee-window-controls{top:16px;right:16px}.rtsee-shell.rtsee-shell-expanded .rtsee-local-peer{top:unset;left:unset;width:211.2px;height:158.4px;bottom:16px;right:16px;padding:0;z-index:5}.rtsee-shell.rtsee-shell-expanded .rtsee-peers{width:100%;height:100%;display:table;table-layout:fixed}.rtsee-shell.rtsee-shell-expanded .rtsee-peers .rtsee-peer-wrapper{display:table-cell;vertical-align:middle}.rtsee-shell.rtsee-shell-expanded .rtsee-peers .rtsee-peer-wrapper ::ng-deep .rtsee-peer-video{border-radius:0}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-one .rtsee-peer-wrapper{width:100%;height:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-one .rtsee-peer-wrapper ::ng-deep .rtsee-peer{height:70%;position:relative}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-three-grid .rtsee-peer-wrapper{width:50%;height:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-three-grid .rtsee-peer-wrapper ::ng-deep .rtsee-peer{height:70%;position:relative}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-six-grid .rtsee-peer-wrapper{width:33.3%;height:50%;float:left}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-shell-no-companions .rtsee-local-peer{height:100%;max-width:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-controls-wrapper{height:84px;bottom:-84px}::ng-deep .rtsee-ripple-button{background-position:center;transition:background .2s;outline:none}::ng-deep .rtsee-ripple-button:hover{background:rgba(245,245,245,.1) radial-gradient(circle,transparent 1%,rgba(245,245,245,.1) 1%) center/15000%}::ng-deep .rtsee-ripple-button:active{background-size:100%;transition:background 0s}::ng-deep .rtsee-select{padding:8px;border-radius:4px;width:100%;outline:none}::ng-deep .material-icons-outlined{font-size:18px}::ng-deep .rtsee-shell.rtsee-shell-expanded .material-icons-outlined{font-size:24px}::ng-deep .rtsee-shell.rtsee-shell-expanded .rtsee-ripple-button{height:60px;width:60px;line-height:60px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.RTSeeControlsComponent, selector: "ngx-rtsee-controls", inputs: ["rtsee", "fullScreenMode"] }, { kind: "component", type: i5.RtseePeerComponent, selector: "ngx-rtsee-peer", inputs: ["peer"] }, { kind: "component", type: i6.RtseeSettingsComponent, selector: "ngx-rtsee-settings", inputs: ["rtSee", "fullScreenMode"] }] });
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: RTSeeComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'ngx-rtsee', template: "<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n <video class=\"rtsee-local-video\"\n [autoplay]=\"true\"\n [muted]=\"true\"\n [srcObject]=\"rtSee.localStream\"\n playsinline=\"true\"\n ></video>\n </div>\n <div class=\"rtsee-window-controls\">\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleSettings()\"\n class=\"rtsee-window-controls-button rtsee-ripple-button\"\n >\n <span class=\"material-icons-outlined\">settings</span>\n </button>\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleFullScreenMode()\"\n class=\"rtsee-window-controls-button rtsee-ripple-button\"\n >\n <span class=\"material-icons-outlined\">open_in_full</span>\n </button>\n </div>\n <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n <button mat-icon-button matSuffix\n type=\"button\"\n (click)=\"this.toggleSettings()\"\n class=\"rtsee-close-settings-button\"\n >\n <span class=\"material-icons-outlined\">close</span>\n </button>\n <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n </div>\n <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n <video [autoplay]=\"true\"\n [muted]=\"true\"\n [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n playsinline=\"true\"\n class=\"rtsee-screen-share-video\"\n ></video>\n </div>\n <div class=\"rtsee-peers\" [ngClass]=\"{\n 'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n 'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n 'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length > 1\n && rtSee.rtcPeerConnections.connections.length < 4,\n 'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length > 3\n && rtSee.rtcPeerConnections.connections.length < 7,\n 'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n && rtSee.rtcPeerConnections.connections.length >= 7\n }\">\n <div class=\"rtsee-peer-wrapper\"\n *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n >\n <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n </div>\n </div>\n <div class=\"rtsee-peers-list\"></div>\n <div class=\"rtsee-controls-wrapper\">\n <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n </div>\n</div>\n\n", styles: [".rtsee-shell{position:fixed;z-index:10;right:16px;bottom:16px;background-color:#333;width:100%;max-width:320px;height:240px;overflow:hidden;border-radius:8px}.rtsee-shell:hover .rtsee-controls-wrapper{bottom:8px}.rtsee-shell:hover .rtsee-window-controls{top:8px}.rtsee-shell .rtsee-local-peer{position:absolute;top:8px;left:8px;width:80px;height:60px;text-align:center}.rtsee-shell .rtsee-local-peer .rtsee-local-video{height:100%;max-width:100%;border-radius:8px}.rtsee-shell .rtsee-screen-share{height:100%}.rtsee-shell .rtsee-screen-share .rtsee-screen-share-video{width:100%;height:calc(100% - 50px)}.rtsee-shell .rtsee-peers{height:100%}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper{padding:8px;box-sizing:border-box;height:100%}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper .rtsee-peer{position:relative}.rtsee-shell .rtsee-peers .rtsee-peer-wrapper .rtsee-peer ::ng-deep .rtsee-peer-video{border-radius:8px}.rtsee-shell .rtsee-controls-wrapper{height:60px;width:100%;position:absolute;left:0;bottom:-60px;transition:bottom .1s;text-align:center}.rtsee-shell .rtsee-window-controls{position:absolute;top:-60px;right:8px;transition:top .1s;z-index:4}.rtsee-shell .rtsee-window-controls .rtsee-window-controls-button{margin-left:8px;background-color:#000000b3;color:#fff}.rtsee-shell .rtsee-settings-container{position:absolute;inset:0;overflow:auto;z-index:4}.rtsee-shell.rtsee-shell-no-companions .rtsee-local-peer{box-sizing:border-box;padding:8px;height:100%;width:100%;top:0;bottom:0;left:0}.rtsee-shell .rtsee-close-settings-button{position:absolute;right:25px;top:5px;width:30px;height:30px;line-height:30px}.rtsee-shell.rtsee-shell-expanded{position:absolute;border-radius:0;max-width:unset;height:unset;width:unset;inset:0}.rtsee-shell.rtsee-shell-expanded:hover .rtsee-controls-wrapper{bottom:16px}.rtsee-shell.rtsee-shell-expanded:hover .rtsee-window-controls{top:16px;right:16px}.rtsee-shell.rtsee-shell-expanded .rtsee-local-peer{top:unset;left:unset;width:211.2px;height:158.4px;bottom:16px;right:16px;padding:0;z-index:5}.rtsee-shell.rtsee-shell-expanded .rtsee-peers{width:100%;height:100%;display:table;table-layout:fixed}.rtsee-shell.rtsee-shell-expanded .rtsee-peers .rtsee-peer-wrapper{display:table-cell;vertical-align:middle}.rtsee-shell.rtsee-shell-expanded .rtsee-peers .rtsee-peer-wrapper ::ng-deep .rtsee-peer-video{border-radius:0}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-one .rtsee-peer-wrapper{width:100%;height:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-one .rtsee-peer-wrapper ::ng-deep .rtsee-peer{height:70%;position:relative}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-three-grid .rtsee-peer-wrapper{width:50%;height:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-three-grid .rtsee-peer-wrapper ::ng-deep .rtsee-peer{height:70%;position:relative}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-peers-six-grid .rtsee-peer-wrapper{width:33.3%;height:50%;float:left}.rtsee-shell.rtsee-shell-expanded .rtsee-peers.rtsee-shell-no-companions .rtsee-local-peer{height:100%;max-width:100%}.rtsee-shell.rtsee-shell-expanded .rtsee-controls-wrapper{height:84px;bottom:-84px}::ng-deep .rtsee-ripple-button{background-position:center;transition:background .2s;outline:none}::ng-deep .rtsee-ripple-button:hover{background:rgba(245,245,245,.1) radial-gradient(circle,transparent 1%,rgba(245,245,245,.1) 1%) center/15000%}::ng-deep .rtsee-ripple-button:active{background-size:100%;transition:background 0s}::ng-deep .rtsee-select{padding:8px;border-radius:4px;width:100%;outline:none}::ng-deep .material-icons-outlined{font-size:18px}::ng-deep .rtsee-shell.rtsee-shell-expanded .material-icons-outlined{font-size:24px}::ng-deep .rtsee-shell.rtsee-shell-expanded .rtsee-ripple-button{height:60px;width:60px;line-height:60px}\n"] }]
29
- }], ctorParameters: function () { return []; }, propDecorators: { rtSee: [{
30
- type: Input
31
- }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS9ydHNlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlL3J0c2VlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVFqRCxNQUFNLE9BQU8sY0FBYztJQUN6QixtQkFBbUIsQ0FBVTtJQUM3QixxQkFBcUIsQ0FBVTtJQUV0QixLQUFLLENBQW1CO0lBQ2pDO1FBQ0UsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztRQUNqQyxJQUFJLENBQUMscUJBQXFCLEdBQUcsS0FBSyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLG1CQUFtQixHQUFHLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDO0lBQ3ZELENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDO0lBQzNELENBQUM7dUdBaEJVLGNBQWM7MkZBQWQsY0FBYyw2RUNSM0IsczVGQXNFQTs7MkZEOURhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsV0FBVzswRUFRWixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZUNvbmZlcmVuY2UgfSBmcm9tICdAcnRzZWUvY29uZmVyZW5jZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1ydHNlZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ydHNlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3J0c2VlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJUU2VlQ29tcG9uZW50IHtcbiAgc2V0dGluZ3NWaWV3RW5hYmxlZDogYm9vbGVhbjtcbiAgZnVsbFNjcmVlbk1vZGVFbmFibGVkOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpIHJ0U2VlITogUlRTZWVDb25mZXJlbmNlO1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnNldHRpbmdzVmlld0VuYWJsZWQgPSBmYWxzZTtcbiAgICB0aGlzLmZ1bGxTY3JlZW5Nb2RlRW5hYmxlZCA9IGZhbHNlO1xuICB9XG5cbiAgdG9nZ2xlU2V0dGluZ3MoKSB7XG4gICAgdGhpcy5zZXR0aW5nc1ZpZXdFbmFibGVkID0gIXRoaXMuc2V0dGluZ3NWaWV3RW5hYmxlZDtcbiAgfVxuXG4gIHRvZ2dsZUZ1bGxTY3JlZW5Nb2RlKCkge1xuICAgIHRoaXMuZnVsbFNjcmVlbk1vZGVFbmFibGVkID0gIXRoaXMuZnVsbFNjcmVlbk1vZGVFbmFibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtc2hlbGxcIiBbbmdDbGFzc109XCJ7XG4ncnRzZWUtc2hlbGwtZXhwYW5kZWQnOiBydFNlZS51aUNvbnRyb2xzLmlzRXhwYW5kZWQgfHwgZnVsbFNjcmVlbk1vZGVFbmFibGVkLFxuJ3J0c2VlLXNoZWxsLW5vLWNvbXBhbmlvbnMnOiAhcnRTZWUucnRjUGVlckNvbm5lY3Rpb25zLmNvbm5lY3Rpb25zPy5sZW5ndGhcbn1cIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWxvY2FsLXBlZXJcIiAqbmdJZj1cInJ0U2VlLmxvY2FsU3RyZWFtICYmIHJ0U2VlLmNhbWVyYVwiPlxuICAgIDx2aWRlbyBjbGFzcz1cInJ0c2VlLWxvY2FsLXZpZGVvXCJcbiAgICAgICAgICAgW2F1dG9wbGF5XT1cInRydWVcIlxuICAgICAgICAgICBbbXV0ZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgIFtzcmNPYmplY3RdPVwicnRTZWUubG9jYWxTdHJlYW1cIlxuICAgICAgICAgICBwbGF5c2lubGluZT1cInRydWVcIlxuICAgID48L3ZpZGVvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLXdpbmRvdy1jb250cm9sc1wiPlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIG1hdFN1ZmZpeFxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwidGhpcy50b2dnbGVTZXR0aW5ncygpXCJcbiAgICAgICAgICAgIGNsYXNzPVwicnRzZWUtd2luZG93LWNvbnRyb2xzLWJ1dHRvbiBydHNlZS1yaXBwbGUtYnV0dG9uXCJcbiAgICA+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+c2V0dGluZ3M8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gbWF0U3VmZml4XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0aGlzLnRvZ2dsZUZ1bGxTY3JlZW5Nb2RlKClcIlxuICAgICAgICAgICAgY2xhc3M9XCJydHNlZS13aW5kb3ctY29udHJvbHMtYnV0dG9uIHJ0c2VlLXJpcHBsZS1idXR0b25cIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5vcGVuX2luX2Z1bGw8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtc2V0dGluZ3MtY29udGFpbmVyXCIgKm5nSWY9XCJzZXR0aW5nc1ZpZXdFbmFibGVkXCI+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gbWF0U3VmZml4XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0aGlzLnRvZ2dsZVNldHRpbmdzKClcIlxuICAgICAgICAgICAgY2xhc3M9XCJydHNlZS1jbG9zZS1zZXR0aW5ncy1idXR0b25cIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5jbG9zZTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bmd4LXJ0c2VlLXNldHRpbmdzIFtydFNlZV09XCJydFNlZVwiIFtmdWxsU2NyZWVuTW9kZV09XCJmdWxsU2NyZWVuTW9kZUVuYWJsZWRcIj48L25neC1ydHNlZS1zZXR0aW5ncz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1zY3JlZW4tc2hhcmVcIiAqbmdJZj1cInJ0U2VlLnNjcmVlblNoYXJlUGVlclwiID5cbiAgICA8dmlkZW8gW2F1dG9wbGF5XT1cInRydWVcIlxuICAgICAgICAgICBbbXV0ZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgIFtzcmNPYmplY3RdPVwicnRTZWUuc2NyZWVuU2hhcmVQZWVyLnJlbW90ZVZpZGVvU3RyZWFtXCJcbiAgICAgICAgICAgcGxheXNpbmxpbmU9XCJ0cnVlXCJcbiAgICAgICAgICAgY2xhc3M9XCJydHNlZS1zY3JlZW4tc2hhcmUtdmlkZW9cIlxuICAgID48L3ZpZGVvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLXBlZXJzXCIgW25nQ2xhc3NdPVwie1xuICAgICdydHNlZS1wZWVycy1hbG9uZSc6ICFydFNlZS5ydGNQZWVyQ29ubmVjdGlvbnMuY29ubmVjdGlvbnM/Lmxlbmd0aCxcbiAgICAncnRzZWUtcGVlcnMtb25lJzogcnRTZWUucnRjUGVlckNvbm5lY3Rpb25zLmNvbm5lY3Rpb25zPy5sZW5ndGggPT09IDEsXG4gICAgJ3J0c2VlLXBlZXJzLXRocmVlLWdyaWQnOiBydFNlZS5ydGNQZWVyQ29ubmVjdGlvbnMuY29ubmVjdGlvbnM/Lmxlbmd0aFxuICAgICAgJiYgcnRTZWUucnRjUGVlckNvbm5lY3Rpb25zLmNvbm5lY3Rpb25zLmxlbmd0aCA+IDFcbiAgICAgICYmIHJ0U2VlLnJ0Y1BlZXJDb25uZWN0aW9ucy5jb25uZWN0aW9ucy5sZW5ndGggPCA0LFxuICAgICdydHNlZS1wZWVycy1zaXgtZ3JpZCc6IHJ0U2VlLnJ0Y1BlZXJDb25uZWN0aW9ucy5jb25uZWN0aW9ucz8ubGVuZ3RoXG4gICAgICAmJiBydFNlZS5ydGNQZWVyQ29ubmVjdGlvbnMuY29ubmVjdGlvbnMubGVuZ3RoID4gM1xuICAgICAgJiYgcnRTZWUucnRjUGVlckNvbm5lY3Rpb25zLmNvbm5lY3Rpb25zLmxlbmd0aCA8IDcsXG4gICAgJ3J0c2VlLXBlZXJzLW5pbmUtZ3JpZCc6IHJ0U2VlLnJ0Y1BlZXJDb25uZWN0aW9ucy5jb25uZWN0aW9ucz8ubGVuZ3RoXG4gICAgICAmJiBydFNlZS5ydGNQZWVyQ29ubmVjdGlvbnMuY29ubmVjdGlvbnMubGVuZ3RoID49IDdcbiAgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1wZWVyLXdyYXBwZXJcIlxuICAgICAgICAgKm5nRm9yPVwibGV0IHBlZXIgb2YgcnRTZWUucnRjUGVlckNvbm5lY3Rpb25zLmNvbm5lY3Rpb25zXCJcbiAgICA+XG4gICAgICA8bmd4LXJ0c2VlLXBlZXIgW3BlZXJdPVwicGVlclwiPjwvbmd4LXJ0c2VlLXBlZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtcGVlcnMtbGlzdFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY29udHJvbHMtd3JhcHBlclwiPlxuICAgIDxuZ3gtcnRzZWUtY29udHJvbHMgW3J0c2VlXT1cInJ0U2VlXCIgW2Z1bGxTY3JlZW5Nb2RlXT1cImZ1bGxTY3JlZW5Nb2RlRW5hYmxlZFwiPjwvbmd4LXJ0c2VlLWNvbnRyb2xzPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=
package/dist/ngx/lib/components/rtsee/rtsee.component.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { RTSeeConference } from '@rtsee/conference';
2
- import * as i0 from "@angular/core";
3
- export declare class RTSeeComponent {
4
- settingsViewEnabled: boolean;
5
- fullScreenModeEnabled: boolean;
6
- rtSee: RTSeeConference;
7
- constructor();
8
- toggleSettings(): void;
9
- toggleFullScreenMode(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<RTSeeComponent, "ngx-rtsee", never, { "rtSee": { "alias": "rtSee"; "required": false; }; }, {}, never, never, false, never>;
12
- }