@rtsee/ngx 0.0.73 → 0.0.74

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';
@@ -468,6 +468,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 +570,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 +586,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,6 +11,10 @@
       display: block;
     }
 
+    .rtsee-presentation-settings {
+      top: $video-container-height;
+    }
+
     &.rtsee-shell-messenger-active {
       .rtsee-messenger-container {
         .rtsee-messenger-header-container {

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

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

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

@@ -60,6 +60,9 @@
 
       .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%;
       }
     }
   }

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

@@ -0,0 +1,70 @@
+@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 {
+      .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/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.73",
+  "version": "0.0.74",
   "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.45",
+    "@rtsee/conference": "^0.0.46",
+    "@rtsee/core": "^0.0.89",
+    "@rtsee/events-dashboard": "^0.0.79",
+    "@rtsee/factory": "^0.0.88",
+    "@rtsee/messenger": "^0.0.79",
     "@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": "1162958bb02625dc4473457d4e417cf9e2ee3d07"
 }