@rtsee/ngx 0.0.73 → 0.0.75

package/dist/ngx/index.d.ts

@@ -10,7 +10,7 @@ import * as i46 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
 import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
 import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
-import { RTSeePresentation, RTSeeStory, RTSeeStorySlide } from '@rtsee/presentation';
+import { RTSeePresentation, RTSeeStory, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
 import * as i43 from '@angular/forms';
 import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
 import * as i42 from '@angular/common';
@@ -36,12 +36,6 @@ declare class RTSeeControlsComponent {
 }
 
 declare class RtseeSettingsComponent implements OnInit {
-    availableAudioInputDevices: MediaDeviceInfo[];
-    availableVideoInputDevices: MediaDeviceInfo[];
-    availableAudioOutputDevices: MediaDeviceInfo[];
-    audioOutputDeviceId?: string;
-    videoInputDeviceId?: string;
-    audioInputDeviceId?: string;
     rtSee: RTSeeConference;
     fullScreenMode: boolean;
     constructor();
@@ -468,6 +462,15 @@ declare class ChatThumbnailComponent {
     messenger: RTSeeMessenger;
     readonly RTSeeChatTypes: typeof RTSeeChatTypes;
     constructor(timeFormatService: TimeFormatHelperService);
+    protected readonly COMMON_CONSTANTS: {
+        minPasswordLength: number;
+        requestItemLimit: number;
+        customTimeFormat: string;
+        customDateFormat: string;
+        customDateFormatDaysJs: string;
+        customDateTimeFormat: string;
+        defaultProfileImgUrl: string;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatThumbnailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChatThumbnailComponent, "rtsee-chat-thumbnail", never, { "chat": { "alias": "chat"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -561,12 +564,13 @@ declare class SearchComponent implements OnInit, OnDestroy {
 
 declare class StoryPlayerComponent implements OnInit, AfterViewInit {
     story: RTSeeStory;
+    settings: RTSeePresentationSettings;
     swiperEl: ElementRef<HTMLElement>;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StoryPlayerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StoryPlayerComponent, "rtsee-story-player", never, { "story": { "alias": "story"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryPlayerComponent, "rtsee-story-player", never, { "story": { "alias": "story"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SlideComponent implements AfterViewInit {
@@ -576,13 +580,14 @@ declare class SlideComponent implements AfterViewInit {
     scrollingDown: boolean;
     story: RTSeeStory;
     slide: RTSeeStorySlide;
+    settings: RTSeePresentationSettings;
     constructor(elementRef: ElementRef<HTMLElement>);
     slideRewindClicked(forward: boolean): void;
     ngAfterViewInit(): void;
     onScroll(target: EventTarget | null): void;
     private handleScroll;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SlideComponent, "rtsee-slide", never, { "story": { "alias": "story"; "required": false; }; "slide": { "alias": "slide"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideComponent, "rtsee-slide", never, { "story": { "alias": "story"; "required": false; }; "slide": { "alias": "slide"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class StoryThumbnailComponent {

package/dist/ngx/src/lib/theme/containers/shell.scss

@@ -11,10 +11,26 @@
       display: block;
     }
 
+    .rtsee-presentation-settings {
+      top: $video-container-height;
+    }
+
+    .rtsee-join-call {
+      .rtsee-join-call-button {
+        display: none;
+      }
+
+      .rtsee-share-call-link {
+        display: block;
+      }
+    }
+
     &.rtsee-shell-messenger-active {
       .rtsee-messenger-container {
-        .rtsee-messenger-header-container {
-          top: $video-container-height;
+        .rtsee-messenger {
+          .rtsee-messenger-header-container {
+            top: $video-container-height;
+          }
         }
       }
     }
@@ -28,6 +44,10 @@
     }
   }
 
+  .rtsee-share-call-link {
+    display: none;
+  }
+
   &.rtsee-shell-messenger-active {
     .rtsee-shell-panel {
       display: block;

package/dist/ngx/src/lib/theme/presentation/index.scss

@@ -6,3 +6,5 @@
 @import "./manage-stories";
 @import "./dashboard";
 @import "./presentation";
+@import "./settings";
+@import "./join-call";

package/dist/ngx/src/lib/theme/presentation/join-call.scss

@@ -0,0 +1,46 @@
+@import "./variables";
+
+.rtsee-join-call {
+  .rtsee-join-call-button {
+
+  }
+
+  .rtsee-share-call-link {
+    .rtsee-share-call-explain-section {
+      display: flex;
+      flex-direction: row;
+      gap: $rts-offset-sm;
+      align-items: center;
+      margin-bottom: $rts-offset-sm;
+
+      .rtsee-share-call-explain-section-icon {
+        flex: 1;
+        text-align: center;
+
+        .rtsee-link-icon {
+          width: 40px;
+          font-size: 1.4rem;
+        }
+      }
+
+      .rtsee-share-call-explain-section-text {
+
+      }
+    }
+
+    .rtsee-share-call-link-section {
+      display: flex;
+      flex-direction: row;
+      gap: $rts-offset-sm;
+      align-items: center;
+
+      .rtsee-share-call-link-copy-btn {
+
+      }
+
+      .rtsee-share-call-link-text {
+
+      }
+    }
+  }
+}

package/dist/ngx/src/lib/theme/presentation/presentation.scss

@@ -60,12 +60,15 @@
 
       .rtsee-presentation-header-active-story-info-settings-icon {
         font-size: 1.8rem;
+        padding: 7px;
+        background-color: rgba(0, 0, 0, 0.06);
+        border-radius: 50%;
       }
     }
   }
 
   .rtsee-presentation-room-block {
-
+    padding: $rts-offset-sm;
   }
 
   @media screen and (min-width: $rts-break-md) {

package/dist/ngx/src/lib/theme/presentation/settings.scss

@@ -0,0 +1,72 @@
+@import "./variables";
+
+.rtsee-presentation-settings {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 305; // 300 = story-player footer
+  padding: $rts-offset-sm;
+  overflow: auto;
+  background-color: #ffffff;
+
+  .rtsee-presentation-settings-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .rtsee-presentation-rooms {
+    margin-bottom: $rts-offset-md;
+
+    .rtsee-presentation-settings-rooms-list {
+      margin-bottom: $rts-offset-md;
+
+      .rtsee-presentation-settings-rooms-list-item {
+        display: flex;
+        flex-direction: row;
+        justify-content: left;
+        align-items: center;
+        gap: $rts-offset-sm;
+
+        .rtsee-presentation-settings-rooms-list-item-image {
+          width: $rts-new-user-avatar-d-sm;
+          height: $rts-new-user-avatar-d-sm;
+          border-radius: 50%;
+          overflow: hidden;
+        }
+      }
+    }
+
+  }
+
+  .rtsee-presentation-sound-settings {
+    .rtsee-presentation-sound-settings-inner {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: $rts-offset-md;
+
+      .rtsee-presentation-sound-settings-inner-left {
+        flex: 1;
+      }
+
+      .rtsee-presentation-sound-settings-inner-right {
+        width: auto;
+      }
+    }
+  }
+
+  .rtsee-presentation-font-size-settings {
+    .rtsee-presentation-font-size-range {
+      margin-bottom: $rts-offset-md;
+    }
+  }
+
+  @media screen and (min-width: $rts-break-md) {
+    position: absolute;
+  }
+}

package/dist/ngx/src/lib/theme/presentation/story-thumbnail.scss

@@ -1,7 +1,12 @@
 @import "./variables";
 
 .rtsee-presentation-categories-list {
-
+  .rtsee-presentation-category-name {
+    margin: 0;
+    padding: $rts-offset-sm $rts-offset-sm 0 $rts-offset-sm;
+    font-size: 18px;
+    color: $rts-font-color-light;
+  }
 }
 
 

package/dist/ngx/src/lib/theme/video-chat/video-chat.scss

@@ -10,7 +10,7 @@ $own-video-container-width: $video-container-width / $own-video-divider;
 $own-video-container-height: $video-container-height / $own-video-divider;
 $container-offset: 16px;
 $container-inner-offset: 8px;
-$controls-panel-height: 60px;
+$controls-panel-height: 69px;
 $expanded-controls-panel-height: 84px;
 $select-border-radius: 4px;
 $border-radius: 8px;
@@ -89,6 +89,7 @@ $expanded-peer-wrapper-offset: 4px;
     bottom: - $controls-panel-height;
     transition: bottom 0.1s;
     text-align: center;
+    z-index: 1;
   }
 
   .rtsee-window-controls {
@@ -97,24 +98,29 @@ $expanded-peer-wrapper-offset: 4px;
     right: $container-inner-offset;
     transition: top 0.1s;
     z-index: 4;
+    cursor: pointer;
+
+    .rtsee-ripple-button {
+      cursor: pointer;
+
+      &:hover {
+        opacity: 0.7;
+      }
+    }
+
 
     .rtsee-window-controls-button {
       margin-left: $container-inner-offset;
-      background-color: rgba(0,0,0,0.7);
+      background-color: rgba(0, 0, 0, 0.7);
       color: #ffffff;
+      border: none;
+      outline: 0;
+      border-radius: 50%;
+      height: 45px;
+      width: 45px;
     }
   }
 
-  .rtsee-settings-container {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: auto;
-    z-index: 4;
-  }
-
   &.rtsee-conference-shell-no-companions {
     .rtsee-local-peer {
       box-sizing: border-box;
@@ -235,10 +241,8 @@ $expanded-peer-wrapper-offset: 4px;
     background-position: center;
     transition: background 0.2s;
     outline: none;
+    line-height: 0;
 
-    &:hover {
-      background: rgba(245,245,245,.1) radial-gradient(circle, transparent 1%, rgba(245,245,245,.1) 1%) center/15000%;
-    }
     &:active {
       background-size: 100%;
       transition: background 0s;
@@ -253,7 +257,7 @@ $expanded-peer-wrapper-offset: 4px;
   }
 
   .material-icons-outlined {
-    font-size: 18px;
+    font-size: 26px;
   }
 
   &.rtsee-conference-shell-expanded {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.73",
+  "version": "0.0.75",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -34,12 +34,12 @@
     "@angular/platform-browser-dynamic": "^20.1.2",
     "@angular/router": "^20.1.2",
     "@primeuix/themes": "^1.2.3",
-    "@rtsee/common": "^0.0.44",
-    "@rtsee/conference": "^0.0.45",
-    "@rtsee/core": "^0.0.88",
-    "@rtsee/events-dashboard": "^0.0.78",
-    "@rtsee/factory": "^0.0.87",
-    "@rtsee/messenger": "^0.0.78",
+    "@rtsee/common": "^0.0.46",
+    "@rtsee/conference": "^0.0.47",
+    "@rtsee/core": "^0.0.90",
+    "@rtsee/events-dashboard": "^0.0.80",
+    "@rtsee/factory": "^0.0.89",
+    "@rtsee/messenger": "^0.0.80",
     "@rtsee/signaling-client": "^0.0.66",
     "dayjs": "^1.11.9",
     "ngx-autosize": "^2.0.4",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e84bc0a51f9a931c02257f74ac16974f40964939"
+  "gitHead": "b55b39b9292738c9b7782c406fcb58bc19bf2fbc"
 }