@rtsee/ngx 0.0.77 → 0.0.78

package/dist/ngx/index.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { RTSeeConference, RTSeePeerConnection } from '@rtsee/conference';
 import { RTSeeMessenger, RTSeeMessengerSearch, RTSeeMessage, RTSeeChat, RTSeeChatMember } from '@rtsee/messenger';
-import { IPeer, IRTSeeCall } from '@rtsee/core';
+import { IPeer, RTSeeTextLabelKeys, IRTSeeCall } from '@rtsee/core';
 import { HttpClient } from '@angular/common/http';
 import { RTSeeAuth, RTSeeAuthConfiguration, IRtseeSignInRequestOptions, IRTSeeSignInResponse, IRtseeSignUpRequestOptions, IRTSeeSignUpResponse, AuthEndpointsKeys } from '@rtsee/auth';
 import { Observable, Subscription } from 'rxjs';
@@ -107,10 +107,12 @@ declare class ProfileComponent {
     messenger: RTSeeMessenger;
     peer?: IPeer;
     constructor(authService: RTSeeAuthService, router: Router);
+    setLanguage(): void;
     call(): void;
     videoCall(): void;
     logOut(): void;
     protected readonly AuthEndpointsKeys: typeof AuthEndpointsKeys;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComponent, "rtsee-profile", never, { "messenger": { "alias": "messenger"; "required": false; }; "peer": { "alias": "peer"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -151,6 +153,7 @@ declare class PresentationComponent {
     presentation: RTSeePresentation;
     messenger?: RTSeeMessenger;
     constructor();
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<PresentationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -227,6 +230,7 @@ declare class SignInComponent {
     private showServerSideErrorForXSeconds;
     private disableFormFields;
     private enableFormFields;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignInComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SignInComponent, "rtsee-sign-in", never, {}, {}, never, never, true, never>;
 }
@@ -538,6 +542,7 @@ declare class MessengerHeaderComponent {
     messenger: RTSeeMessenger;
     constructor(defaultImagesService: DefaultImagesService);
     openProfile(id: string): void;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessengerHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessengerHeaderComponent, "rtsee-messenger-header", never, { "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -621,15 +626,18 @@ declare class SlideComponent implements AfterViewInit {
     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 {
-    story: RTSeeStory;
+declare class StoryThumbnailComponent implements OnInit {
+    progressPercent: number;
     protected readonly Math: Math;
+    story: RTSeeStory;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StoryThumbnailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StoryThumbnailComponent, "rtsee-story-thumbnail", never, { "story": { "alias": "story"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class PresentationHeaderComponent {
     presentation: RTSeePresentation;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<PresentationHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationHeaderComponent, "rtsee-presentation-header", never, { "presentation": { "alias": "presentation"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/ngx/src/lib/theme/common-components/image-uploader.scss

@@ -1,9 +1,16 @@
 @import "../common-variables";
 
+.rtsee-image-cropper-container {
+  .image-cropper-actions {
+    padding: $rts-offset-sm;
+  }
+}
+
 .rtsee-image-uploader {
   .rtsee-image-uploader-image {
     cursor: pointer;
     margin-bottom: $rts-offset-sm;
+    position: relative;
 
     .rtsee-image-uploader-preview-image {
       width: 100%;
@@ -20,8 +27,14 @@
       .rtsee-preloader-image-placeholder-text {
         display: flex;
       }
+    }
 
+    .rtsee-image-uploader-image-change-btn {
+      position: absolute;
+      bottom: $rts-offset-sm;
+      right: $rts-offset-sm;
+      cursor: pointer;
+      font-size: 24px;
     }
   }
-
 }

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

@@ -81,6 +81,7 @@
 
         .rtsee-chat-footer-container {
           bottom: $rts-bottom-nav-height;
+          left: 0;
           position: fixed;
           z-index: 1;
         }
@@ -227,6 +228,7 @@
 
           .rtsee-chat-footer-container {
             bottom: 0;
+            left: 0;
             position: absolute;
           }
         }

package/dist/ngx/src/lib/theme/messenger/chat.scss

@@ -20,6 +20,7 @@
         display: block;
         position: fixed;
         bottom: $rts-bottom-nav-height;
+        left: 0;
       }
 
       @media screen and (min-width: $rts-break-md) {
@@ -40,6 +41,7 @@
     position: absolute;
     padding: $rts-new-offset-xsm;
     bottom: 0;
+    left: 0;
     background-color: $rts-secondary-bg-color-light;
     width: 100%;
     z-index: 1;

package/dist/ngx/src/lib/theme/messenger/message.scss

@@ -34,7 +34,7 @@
     float: left;
     background-color: $rts-main-bg-color-light;
     border-radius: $rts-new-border-radius-rounded;
-    padding: $rts-new-offset-xsm $rts-new-offset-sm $rts-new-offset-sm $rts-new-offset-sm;
+    padding: $rts-new-offset-xsm;
     font-size: 14px;
     margin-bottom: $rts-offset-sm * 0.5;
 

package/dist/ngx/src/lib/theme/messenger/messages-list.scss

@@ -27,6 +27,10 @@ $messenger-date-background-color: #FFFFFF7F;
             .rtsee-messenger-message-inset {
               .rtsee-messenger-message-sender-image {
                 top: $rts-offset-sm + $video-container-height;
+
+                @media screen and (min-width: $rts-break-md) {
+                  top: $rts-offset-sm;
+                }
               }
             }
           }

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

@@ -14,6 +14,20 @@ $control-icon-size: 18px;
   position: relative;
   background-color: $rts-main-bg-color-light;
 
+  .rtsee-manage-profile {
+    position: fixed;
+    inset: 0;
+    overflow: auto;
+    z-index: 10;
+    background-color: #ffffff;
+
+    .rtsee-manage-profile-buttons {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+    }
+  }
+
   &.rtsee-messenger-header-expanded {
     padding-top: 0;
 
@@ -46,6 +60,14 @@ $control-icon-size: 18px;
   @media screen and (min-width: $rts-break-md) {
     overflow: hidden;
 
+    &.rtsee-messenger-header-expanded {
+      overflow: auto;
+    }
+
+    .rtsee-manage-profile {
+      position: absolute;
+    }
+
     .rtsee-messenger-body-container {
       overflow: auto;
       overscroll-behavior-y: contain;

package/dist/ngx/src/lib/theme/messenger/profile.scss

@@ -2,7 +2,36 @@
 
 
 .rtsee-messenger-profile {
-  padding: $rts-offset-sm;
+  padding: $rts-offset-sm $rts-offset-sm ($rts-bottom-nav-height + $rts-offset-sm) $rts-offset-sm;
+
+  .rtsee-messenger-profile-info {
+    .rtsee-messenger-profile-info-name {
+      margin: 0;
+      font-size: 22px;
+      color: $rts-font-color-light;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .rtsee-messenger-profile-info-language {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      padding: $rts-offset-sm 0;
+
+      .rtsee-messenger-profile-info-language-label {
+        font-size: 18px;
+        color: $rts-font-color-light;
+        margin: 0;
+      }
+
+      .rtsee-messenger-profile-info-language-select {
+
+      }
+    }
+  }
 
   .rtsee-messenger-profile-actions {
     list-style-type: none;
@@ -37,4 +66,8 @@
       }
     }
   }
+
+  @media screen and (min-width: $rts-break-md) {
+    padding: $rts-offset-sm;
+  }
 }

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

@@ -59,10 +59,12 @@
       height: $stories-player-height-wide-screen;
       height: $stories-player-height-wide-screen-dvh;
 
+
       .rtsee-story-player-slider {
         .story-player-slide-container {
           height: $stories-player-height-wide-screen;
-          height: $stories-player-height-wide-screen-dvh; // we need a macros for this
+          height: $stories-player-height-wide-screen-dvh;
+           // we need a macros for this
         }
       }
     }

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

@@ -45,12 +45,38 @@
       color: #334155;
 
       .rtsee-story-thumbnail-image-container {
+        position: relative;
         padding-bottom: $story-thumb-image-padding;
         background-size: cover;
         background-position: center center;
         background-repeat: no-repeat;
         overflow: hidden;
         border-radius: $rts-default-border-radius;
+
+        .rtsee-story-thumbnail-progress-bar-container {
+          $rts-progress-bar-height: 5px;
+
+          position: absolute;
+          width: 100%;
+          height: $rts-progress-bar-height;
+          bottom: $rts-progress-bar-height;
+          left: 0;
+          padding: 0 $rts-offset-sm;
+
+          .rtsee-story-thumbnail-progress-bar {
+            height: $rts-progress-bar-height;
+            width: 100%;
+            background-color: #cccccc;
+            border-radius: 3px;
+
+            .rtsee-story-thumbnail-progress-bar-inner {
+              height: $rts-progress-bar-height;
+              background-color: #cc0000;
+              border-radius: 3px;
+              float: left;
+            }
+          }
+        }
       }
 
       .rtsee-story-thumbnail-body-container {

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

@@ -19,6 +19,5 @@ $stories-player-height-wide-screen: calc(100vh - $presentation-dashboard-header-
 $presentation-dashboard-ol-height: calc(100vh - $presentation-dashboard-preoccupied-height);
 
 $stories-player-height-dvh: calc(100dvh - $rts-bottom-nav-height);
-$stories-player-height-wide-screen-dvh: calc(100vh - $presentation-dashboard-header-height);
-
-$presentation-dashboard-ol-height-dvh: calc(100vh - $presentation-dashboard-preoccupied-height)
+$stories-player-height-wide-screen-dvh: calc(100dvh - $presentation-dashboard-header-height);
+$presentation-dashboard-ol-height-dvh: calc(100dvh - $presentation-dashboard-preoccupied-height)

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.77",
+  "version": "0.0.78",
   "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.48",
-    "@rtsee/conference": "^0.0.49",
-    "@rtsee/core": "^0.0.92",
-    "@rtsee/events-dashboard": "^0.0.82",
-    "@rtsee/factory": "^0.0.91",
-    "@rtsee/messenger": "^0.0.82",
+    "@rtsee/common": "^0.0.49",
+    "@rtsee/conference": "^0.0.50",
+    "@rtsee/core": "^0.0.93",
+    "@rtsee/events-dashboard": "^0.0.83",
+    "@rtsee/factory": "^0.0.92",
+    "@rtsee/messenger": "^0.0.83",
     "@rtsee/signaling-client": "^0.0.66",
     "dayjs": "^1.11.9",
     "ngx-autosize": "^2.0.4",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f4f189990eda3209efea824ae633d577134d36b8"
+  "gitHead": "5421f401d4a962b6f19d37727f3cb834f7cc4166"
 }