@rtsee/ngx 0.0.65 → 0.0.67

package/dist/ngx/index.d.ts

@@ -342,7 +342,6 @@ declare class CallWidgetComponent implements OnInit {
     message: RTSeeMessage<IRTSeeCall>;
     messenger: RTSeeMessenger;
     chat: RTSeeChat;
-    callerName?: string;
     ngOnInit(): void;
     joinCall(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CallWidgetComponent, never>;
@@ -548,17 +547,28 @@ declare class SearchComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "rtsee-search", never, { "search": { "alias": "search"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class StoryPlayerComponent implements OnInit {
+declare class StoryPlayerComponent implements OnInit, AfterViewInit {
     story: RTSeeStory;
+    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>;
 }
 
-declare class SlideComponent {
+declare class SlideComponent implements AfterViewInit {
+    private elementRef;
+    hideRewindControls: boolean;
+    lastScrollPosition: number;
+    scrollingDown: boolean;
     story: RTSeeStory;
     slide: RTSeeStorySlide;
+    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>;
 }

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

@@ -0,0 +1,27 @@
+@import "../common-variables";
+
+.rtsee-image-uploader {
+  .rtsee-image-uploader-image {
+    cursor: pointer;
+    margin-bottom: $rts-offset-sm;
+
+    .rtsee-image-uploader-preview-image {
+      width: 100%;
+    }
+
+    .rtsee-preloader-image-placeholder {
+      padding-bottom: 100%;
+      background-color: rgba(0, 0, 0, 0.4);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      .rtsee-preloader-image-placeholder-text {
+        display: flex;
+      }
+
+    }
+  }
+
+}

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

@@ -0,0 +1,3 @@
+@import "./image-uploader";
+@import "./preloader";
+@import "./ordered-list";

package/dist/ngx/src/lib/theme/common-components/ordered-list.scss

@@ -0,0 +1,27 @@
+@import "../common-variables";
+
+.rtsee-ordered-list {
+  margin-top: $rts-offset-sm;
+
+  .rtsee-ordered-list-item {
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    flex-shrink: 0;
+
+    .rtsee-ordered-list-item-image {
+      width: 60px;
+      display: flex;
+    }
+
+    .rtsee-ordered-list-item-info {
+      padding: ($rts-offset-xsm * 0.5) $rts-offset-sm;
+
+      .rtsee-ordered-list-item-info-buttons {
+        .rtsee-ordered-list-item-info-button {
+          margin-right: $rts-offset-sm;
+        }
+      }
+    }
+  }
+}

package/dist/ngx/src/lib/theme/common-variables.scss

@@ -1,3 +1,4 @@
+$rts-offset-xsm: 4px;
 $rts-offset-sm: 8px;
 $rts-offset-md: 16px;
 $rts-offset-lg: 24px;

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

@@ -91,7 +91,7 @@
 
   .rtsee-shell-panel {
     display: none;
-    background-color: green;
+    background-color: #fff;
   }
 
   .rtsee-conference-container {

package/dist/ngx/src/lib/theme/forms/common.scss

@@ -8,15 +8,23 @@
   .rtsee-form {
     background-color: $rts-form-background-color;
 
+    .rtsee-form-field {
+      width: 100%;
+    }
+
     .rtsee-form-field-container {
       margin-bottom: $rts-offset-md;
 
+      &.rtsee-autocomplete {
+        margin-bottom: $rts-offset-md;
+      }
+
       .rtsee-form-field-error-message {
         display: block;
         padding: $rts-offset-sm $rts-offset-sm 0 $rts-offset-sm;
       }
 
-      &:last-child {
+      &:last-child:not(.rtsee-autocomplete) {
         margin-bottom: 0;
       }
     }

package/dist/ngx/src/lib/theme/messenger/call-widget.scss

@@ -7,10 +7,5 @@
     color: $rts-font-color-dbg-light;
     border-radius: $rts-new-border-radius-rounded;
     padding: $rts-new-offset-sm $rts-new-offset-md;
-
-    &.rtsee-join-your-call-btn {
-      background: $rts-font-color-dbg-light;
-      color: $rts-new-primary-color;
-    }
   }
 }

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

@@ -0,0 +1,11 @@
+@import "./variables";
+
+.rtsee-presentations-dashboard {
+  .rtsee-presentations-dashboard-header {
+    padding: $rts-offset-sm;
+
+    .rtsee-presentations-dashboard-close-btn {
+      float: right;
+    }
+  }
+}

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

@@ -1,3 +1,8 @@
 @import "./story-thumbnail";
 @import "./slide";
 @import "./story-player";
+@import "./manage-story";
+@import "./manage-slides";
+@import "./manage-stories";
+@import "./dashboard";
+@import "./presentation";

package/dist/ngx/src/lib/theme/presentation/manage-slides.scss

@@ -0,0 +1,25 @@
+@import "./variables";
+
+.rtsee-presentation-manage-slides {
+  .rtsee-presentation-manage-slides-header {
+    margin-bottom: $rts-offset-sm;
+  }
+
+  .rtsee-presentation-manage-slides-list {
+    .rtsee-presentation-manage-slides-list-item {
+
+
+      .rtsee-presentation-manage-slides-list-item-image {
+
+      }
+
+      .rtsee-ordered-list-inner {
+        height: $presentation-dashboard-ol-height;
+      }
+
+      .rtsee-presentation-manage-slides-list-item-info {
+        padding: $rts-offset-xsm $rts-offset-sm;
+      }
+    }
+  }
+}

package/dist/ngx/src/lib/theme/presentation/manage-stories.scss

@@ -0,0 +1,9 @@
+@import "./variables";
+
+.rtsee-manage-stories {
+  .rtsee-manage-stories-list {
+    .rtsee-ordered-list-inner {
+      //height: $presentation-dashboard-ol-height;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+@import "./variables";
+
+.rtsee-manage-story {
+  .rtsee-form-container {
+    padding: $rts-offset-sm 0;
+  }
+}
+
+

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

@@ -0,0 +1,32 @@
+@import "./variables";
+
+.rtsee-presentation-header {
+  transition: top 0.5s ease-in-out;
+
+  &.rtsee-presentation-header-convertable {
+    height: $presentation-dashboard-header-height;
+    position: absolute;
+    top: - $presentation-dashboard-header-height;
+    z-index: 300;
+  }
+
+  &.rtsee-presentation-header-visible {
+    top: 0;
+  }
+
+  .rtsee-presentation-room-block {
+
+  }
+
+  .rtsee-story-info {
+    p {
+      margin: 0;
+    }
+  }
+
+  @media screen and (min-width: $rts-break-md) {
+    &.rtsee-presentation-header-convertable {
+      position: static;
+    }
+  }
+}

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

@@ -2,13 +2,30 @@
 
 .rtsee-presentation-slide {
   background-color: $rts-main-bg-color-light;
+  height: $stories-player-height;
+  overflow-y: auto;
+
   .rtsee-presentation-slide-default {
     .rtsee-presentation-slide-image-container {
       padding-bottom: 100%;
       background-repeat: no-repeat;
       background-size: contain;
     }
+
+    .rtsee-presentation-slide-text {
+      font-size: 1.125rem;
+      line-height: 1.6;
+      color: #333;
+      white-space: pre-wrap;
+      padding: $rts-offset-md;
+
+      p {
+        margin: 0;
+      }
+    }
   }
 
-  padding-bottom: $rts-bottom-nav-height;
+  @media screen and (min-width: $rts-break-md) {
+    height: $stories-player-height-wide-screen;
+  }
 }

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

@@ -1,10 +1,43 @@
+@import "./variables";
+
 .rtsee-story-player {
+  height: $stories-player-height;
+  overflow: hidden;
+
   .rtsee-story-player-slider {
     .story-player-slide-container {
-      display: none;
+      touch-action: pan-y;
+      //display: none;
+      height: $stories-player-height;
 
       &.story-player-slide-active {
-        display: block;
+        //display: block;
+      }
+
+      .rtsee-presentation-slide-controls {
+        padding: $rts-offset-sm;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        gap: $rts-offset-sm;
+        opacity: 1;
+        transition: opacity 0.5s ease-in-out;
+
+        &.rtsee-presentation-slide-controls-hidden {
+          visibility: hidden;
+          opacity: 0;
+        }
+      }
+    }
+  }
+
+  @media screen and (min-width: $rts-break-md) {
+    height: $stories-player-height-wide-screen;
+
+    .rtsee-story-player-slider {
+      .story-player-slide-container {
+        height: $stories-player-height-wide-screen;
       }
     }
   }

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

@@ -1,44 +1,69 @@
 @import "./variables";
 
+.rtsee-presentation-categories-list {
+
+}
+
+
 .rtsee-presentation-stories-list {
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
-  padding: $rts-offset-sm;
+  padding: $rts-offset-sm $rts-offset-xsm;
 
   .rtsee-presentation-story-thumbnail-container {
     display: inline-block;
-    width: 128px;
-    margin-right: $rts-offset-sm;
+    width: $story-thumb-width;
     vertical-align: top;
+    padding: $rts-offset-xsm;
+    border-radius: $rts-default-border-radius;
+    overflow: hidden;
+
+    &:hover {
+      cursor: pointer;
+      background-color: rgba(0,0,0,0.1);
+    }
+
+
+    // saving this for dnip.io here
+    //.rtsee-story-book-thumbnail {
+    //  background: linear-gradient(to right, rgb(60, 13, 20) 3px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.25) 7px, rgba(255, 255, 255, 0.25) 10px, transparent 12px, transparent 16px, rgba(255, 255, 255, 0.25) 17px, transparent 22px), url(https://images-na.ssl-images-amazon.com/images/I/51pnouuPO5L.jpg);
+    //  box-shadow: 0 0 5px -1px black, inset -1px 1px 2px rgba(255, 255, 255, 0.5);
+    //  margin: auto;
+    //  border-radius: 5px;
+    //  width: 389px;
+    //  height: 500px;
+    //}
 
     .rtsee-story-thumbnail {
-      border-radius: $rts-default-border-radius;
-      background-color: #fff;
       overflow: hidden;
+      color: #334155;
 
       .rtsee-story-thumbnail-image-container {
-        padding-bottom: 100%;
+        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-body-container {
-        padding: 4px;
-        height: 111px;
+        padding: $rts-offset-sm;
 
         .rtsee-story-thumbnail-title-container {
           .rtsee-story-thumbnail-title {
             margin: 0 0 $rts-offset-sm 0;
             white-space: normal;
-            color: #333;
+            color: #334155;
+            font-weight: 500;
           }
         }
 
         .rtsee-story-thumbnail-info-container {
           .rtsee-story-thumbnail-info-time-icon {
-            font-size: 12px;
+            font-size: 11px;
+            color: #334155;
           }
         }
       }
@@ -57,3 +82,5 @@
 
 
 
+
+

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

@@ -1 +1,19 @@
 @import "../common-variables";
+
+$story-thumb-width: 220px;
+$story-thumb-image-padding: 68%;
+
+$presentation-dashboard-header-height: 50.5px;
+$presentation-dashboard-tabs-height: 51.5px;
+$presentation-header-create-button: 36.5px;
+
+$presentation-dashboard-preoccupied-height: $presentation-dashboard-header-height
+  + $presentation-dashboard-tabs-height
+  + $presentation-dashboard-tabs-height
+  + $presentation-header-create-button
+  + $rts-offset-sm * 2;
+
+$stories-player-height: calc(100vh - $rts-bottom-nav-height);
+$stories-player-height-wide-screen: calc(100vh - $presentation-dashboard-header-height);
+
+$presentation-dashboard-ol-height: calc(100vh - $presentation-dashboard-preoccupied-height)

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

@@ -7,3 +7,4 @@
 @import "./containers/index";
 @import "./auth/index";
 @import "./forms/index";
+@import "./common-components/index";

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

@@ -1,3 +1,5 @@
+@import "../common-variables";
+
 $own-video-divider: 4;
 $own-video-expanded-divider: 0.66;
 $expanded-video-container-width: $video-container-width * $own-video-expanded-divider;
@@ -39,17 +41,17 @@ $expanded-peer-wrapper-offset: 4px;
     height: $own-video-container-height;
     z-index: 1;
     text-align: center;
+    overflow: hidden;
 
     .rtsee-local-video {
       position: absolute;
       top: 50%;
       left: 50%;
-      transform: translateX(-50%) translateY(-50%);
+      transform: translateX(-50%) translateY(-50%) rotateY(180deg);
       min-width: 100%;
       min-height: 100%;
-      width: auto;
-      height: auto;
-      overflow: hidden;
+      width: 100%;
+      height: 100%;
     }
   }
 

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

@@ -58,8 +58,7 @@ $peer-background: #404040;
     position: absolute;
     top: 50%;
     left: 50%;
-    max-width: 100%;
-    transform: translate(-50%, -50%);
+    transform: translateX(-50%) translateY(-50%);
   }
 
   &.rtsee-peer-video-disabled {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.65",
+  "version": "0.0.67",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -34,20 +34,21 @@
     "@angular/platform-browser-dynamic": "^20.1.2",
     "@angular/router": "^20.1.2",
     "@primeuix/themes": "^1.2.3",
-    "@rtsee/common": "^0.0.35",
-    "@rtsee/conference": "^0.0.36",
-    "@rtsee/events-dashboard": "^0.0.69",
-    "@rtsee/factory": "^0.0.78",
-    "@rtsee/messenger": "^0.0.69",
+    "@rtsee/common": "^0.0.37",
+    "@rtsee/conference": "^0.0.38",
+    "@rtsee/events-dashboard": "^0.0.71",
+    "@rtsee/factory": "^0.0.80",
+    "@rtsee/messenger": "^0.0.71",
     "@rtsee/signaling-client": "^0.0.66",
     "dayjs": "^1.11.9",
     "ngx-autosize": "^2.0.4",
     "ngx-captcha": "^14.0.0",
+    "ngx-image-cropper": "^9.1.5",
     "ngx-infinite-scroll": "20.0.0",
     "primeng": "^20.1.2",
     "rxjs": "~7.8.0",
     "shave": "^5.0.0",
-    "swiper": "^11.1.15",
+    "swiper": "^12.0.3",
     "tslib": "^2.3.0",
     "zone.js": "^0.15.1"
   },
@@ -64,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "af2aac90a2382bfc482e449e19f69a3ac81e081a"
+  "gitHead": "c0b08f7968545a4aad3fceef3ff1727c4058865d"
 }