@rtsee/ngx 0.0.87 → 0.0.89

package/dist/ngx/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef, EventEmitter, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { OnInit, AfterViewInit, ElementRef, EventEmitter, OutputEmitterRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { RTSeeConference, RTSeePeerConnection } from '@rtsee/conference';
 import { RTSeeMessenger, RTSeeMessengerSearch, RTSeeMessage, RTSeeChat, RTSeeChatMember } from '@rtsee/messenger';
 import { IPeer, RTSeeTextLabelKeys, IRTSeeCall } from '@rtsee/core';
@@ -8,12 +8,14 @@ import { RTSeeAuth, RTSeeAuthConfiguration, IRtseeSignInRequestOptions, IRTSeeSi
 import { Observable, Subscription } from 'rxjs';
 import * as i47 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
-import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeChat, RTSeeChatTypes, IMessageThumbnail } from '@rtsee/common';
+import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeTag, IRTSeeChat, RTSeeChatTypes, IMessageThumbnail } from '@rtsee/common';
 import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
 import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
 import { RTSeePresentation, RTSeeStory, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
+import { RTSeeTag, RTSeeManageTags, RecursiveSelect, RTSeeTagGroup, RTSeeManageTagGroups, RTSeeEntityConfiguration, RTSeeManageEntityConfigurations, RTSeeEntity, RTSeeManageEntities } from '@rtsee/utilities-ui';
 import * as i44 from '@angular/forms';
-import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
+import { FormGroup, FormBuilder, FormControl, FormArray } from '@angular/forms';
+import { RTSeeManageEntities as RTSeeManageEntities$1 } from '@rtsee/utilities-ui/dist/utilities-ui/src/entities/models/manage/RTSeeManageEntities';
 import * as i43 from '@angular/common';
 import { ViewportScroller } from '@angular/common';
 import * as i45 from 'ngx-autosize';
@@ -165,6 +167,173 @@ declare class PresentationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface IAccordionItem {
+    label: string;
+    icon?: string;
+    command?: () => void;
+    items?: IAccordionItem[];
+    url?: string;
+    isSelected: boolean;
+}
+declare class RtseeTagsAccordionMenuComponent implements OnInit {
+    items: IAccordionItem[];
+    onTagClicked: OutputEmitterRef<RTSeeTag>;
+    manageTags: RTSeeManageTags;
+    ngOnInit(): void;
+    private tagsToItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeTagsAccordionMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeTagsAccordionMenuComponent, "rtsee-tags-accordion", never, { "manageTags": { "alias": "manageTags"; "required": false; }; }, { "onTagClicked": "onTagClicked"; }, never, never, true, never>;
+}
+
+type RTSeeTagForm = {
+    name: string | null;
+    description: string | null;
+    iconClass: string | null;
+    value: string | null;
+};
+declare class RtseeTagManageComponent implements OnInit {
+    private formBuilder;
+    tagForm: FormGroup;
+    tagsRecursiveSelect: RecursiveSelect<IRTSeeTag> | null;
+    manageTags: RTSeeManageTags;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    private presetParent;
+    submit(): Promise<void>;
+    cancel(): void;
+    private presetFields;
+    private getTagForm;
+    get nameField(): FormControl<string>;
+    get descriptionField(): FormControl<string>;
+    get iconClassField(): FormControl<string>;
+    get valueField(): FormControl<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeTagManageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeTagManageComponent, "rtsee-rtsee-tag-manage", never, { "manageTags": { "alias": "manageTags"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RtseeTagGroupsManageComponent implements OnInit {
+    items: IAccordionItem[];
+    selectedTagGroup: RTSeeTagGroup | undefined;
+    onTagGroupClicked: OutputEmitterRef<RTSeeTagGroup>;
+    manageTagGroups: RTSeeManageTagGroups;
+    ngOnInit(): void;
+    private tagGroupsToItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeTagGroupsManageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeTagGroupsManageComponent, "rtsee-rtsee-tag-groups-manage", never, { "manageTagGroups": { "alias": "manageTagGroups"; "required": false; }; }, { "onTagGroupClicked": "onTagGroupClicked"; }, never, never, true, never>;
+}
+
+type RTSeeTagGroupForm = {
+    name: string | null;
+    description: string | null;
+};
+declare class RtseeTagGroupManageComponent implements OnInit {
+    private formBuilder;
+    tagGroupForm: FormGroup;
+    manageTagGroups: RTSeeManageTagGroups;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    submit(): Promise<void>;
+    cancel(): void;
+    private presetFields;
+    private getTagGroupForm;
+    get nameField(): FormControl<string>;
+    get descriptionField(): FormControl<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeTagGroupManageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeTagGroupManageComponent, "rtsee-rtsee-tag-group-manage", never, { "manageTagGroups": { "alias": "manageTagGroups"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EntitiesConfigurationsListComponent {
+    items: IAccordionItem[];
+    selectedEntityConfiguration?: RTSeeEntityConfiguration;
+    onConfigurationClicked: OutputEmitterRef<RTSeeEntityConfiguration>;
+    manageEntityConfigurations: RTSeeManageEntityConfigurations;
+    ngOnInit(): void;
+    private configurationsToItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntitiesConfigurationsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntitiesConfigurationsListComponent, "rtsee-entities-configurations-list", never, { "manageEntityConfigurations": { "alias": "manageEntityConfigurations"; "required": false; }; }, { "onConfigurationClicked": "onConfigurationClicked"; }, never, never, true, never>;
+}
+
+type RTSeeEntityConfigurationForm = {
+    name: string | null;
+    description: string | null;
+    taggingEnabled: boolean | null;
+    commentsEnabled: boolean | null;
+    ratingEnabled: boolean | null;
+};
+declare class ManageEntityConfigurationComponent {
+    private formBuilder;
+    entityConfigurationForm: FormGroup;
+    manageEntityConfigurations: RTSeeManageEntityConfigurations;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    submit(): Promise<void>;
+    cancel(): void;
+    private presetFields;
+    private getEntityConfigurationForm;
+    get nameField(): FormControl<string>;
+    get descriptionField(): FormControl<string>;
+    get taggingEnabledField(): FormControl<boolean>;
+    get commentsEnabledField(): FormControl<boolean>;
+    get ratingEnabledField(): FormControl<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ManageEntityConfigurationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageEntityConfigurationComponent, "rtsee-manage-entity-configuration", never, { "manageEntityConfigurations": { "alias": "manageEntityConfigurations"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EntitiesListComponent {
+    items: IAccordionItem[];
+    selectedEntity?: RTSeeEntity;
+    onEntityClicked: OutputEmitterRef<RTSeeEntity>;
+    manageEntities: RTSeeManageEntities;
+    ngOnInit(): void;
+    private entitiesToItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntitiesListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntitiesListComponent, "rtsee-entities-list", never, { "manageEntities": { "alias": "manageEntities"; "required": false; }; }, { "onEntityClicked": "onEntityClicked"; }, never, never, true, never>;
+}
+
+type RTSeeEntityForm = {
+    name: string | null;
+    configurationId: string | null;
+    imageUrl: string | null;
+};
+declare class ManageEntityComponent {
+    private formBuilder;
+    entityForm: FormGroup;
+    manageEntities: RTSeeManageEntities$1;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    submit(): Promise<void>;
+    configurationInputChanged(): void;
+    cancel(): void;
+    private presetFields;
+    private getEntityForm;
+    get nameField(): FormControl<string>;
+    get imageUrlField(): FormControl<string>;
+    get configurationIdField(): FormControl<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ManageEntityComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageEntityComponent, "rtsee-manage-entity", never, { "manageEntities": { "alias": "manageEntities"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RtseeEntityCommentsComponent {
+    messenger: RTSeeMessenger;
+    chat: IRTSeeChat;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeEntityCommentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeEntityCommentsComponent, "rtsee-entity-comments", never, { "messenger": { "alias": "messenger"; "required": false; }; "chat": { "alias": "chat"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RtseeEntityTagsComponent {
+    entity: RTSeeEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeEntityTagsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeEntityTagsComponent, "rtsee-entity-tags", never, { "entity": { "alias": "entity"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class RtseeEntityPreviewComponent implements OnInit {
+    entity: RTSeeEntity;
+    messenger: RTSeeMessenger;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtseeEntityPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtseeEntityPreviewComponent, "rtsee-entity-preview", never, { "entity": { "alias": "entity"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class RTSeeAuthComponent implements OnInit {
     authService: RTSeeAuthService;
     auth: RTSeeAuth<any>;
@@ -655,4 +824,5 @@ declare class RTSeeModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<RTSeeModule>;
 }
 
-export { MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent };
+export { EntitiesConfigurationsListComponent, EntitiesListComponent, ManageEntityComponent, ManageEntityConfigurationComponent, MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RtseeEntityCommentsComponent, RtseeEntityPreviewComponent, RtseeEntityTagsComponent, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent, RtseeTagGroupManageComponent, RtseeTagGroupsManageComponent, RtseeTagManageComponent, RtseeTagsAccordionMenuComponent };
+export type { IAccordionItem, RTSeeEntityConfigurationForm, RTSeeEntityForm, RTSeeTagForm, RTSeeTagGroupForm };

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

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

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

@@ -0,0 +1,31 @@
+@import "../common-variables";
+
+.rtsee-rating {
+  display: flex;
+  align-items: center;
+  gap: 1px;
+
+  .rtsee-rating-star {
+    font-size: 12px;
+    line-height: 1;
+
+    &.rtsee-rating-star-full {
+      color: $ai-rating-star-color;
+    }
+
+    &.rtsee-rating-star-half {
+      color: $ai-rating-star-color;
+      opacity: 0.5;
+    }
+
+    &.rtsee-rating-star-empty {
+      color: $ai-rating-star-empty-color;
+    }
+  }
+
+  .rtsee-rating-number {
+    font-size: 11px;
+    color: $ai-text-color-secondary;
+    margin-left: 4px;
+  }
+}

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

@@ -108,3 +108,19 @@ $rts-header-height-m: 45px;
 $rts-bottom-nav-height: 75px;
 
 // end of new design-variables
+
+// ai design
+// ui-gen
+$ai-background-color: #0e0e10;
+$ai-background-gradient: linear-gradient(135deg, #1b0533 0%, #0e0e10 60%, #0a1628 100%);
+$ai-text-color-primary: #e5e5e7;
+$ai-text-color-secondary: #8e8e93;
+
+$ai-large-screen-side-padding: $rts-offset-md * 3;
+$ai-panel-background-color: #1a1a1e;
+$ai-default-border-radius: 12px;
+$ai-icon-highlight-color: #bf8bff;
+$ai-icon-highlight-color-dim: rgba(191, 139, 255, 0.15);;
+
+$ai-rating-star-color: #f5c518;
+$ai-rating-star-empty-color: #3a3a3d;;

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

@@ -5,3 +5,8 @@
 .rtsee-messenger, .rtsee-events-dashboard {
   font-family: "Work Sans", Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
 }
+
+ul {
+  margin: 0;
+  padding: 0;
+}

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

@@ -2,6 +2,8 @@
 
 .rtsee-presentation {
   padding-bottom: $rts-bottom-nav-height + $rts-offset-sm;
+  background-color: $ai-background-color;
+  color: $ai-text-color-primary;
 
   @media screen and (min-width: $rts-break-md) {
     padding-bottom: 0;
@@ -10,7 +12,6 @@
 
 .rtsee-presentation-header {
   transition: bottom 0.5s ease-in-out;
-  background-color: #ffffff;
   width: 100%;
 
   &.rtsee-presentation-header-convertable {
@@ -24,6 +25,49 @@
     bottom: 0;
   }
 
+  .rtsee-presentations-header-title {
+    position: relative;
+    height: 105px;
+    display: flex;
+    align-items: flex-end;
+    padding: 0 $rts-offset-md $rts-offset-md;
+    background: $ai-background-gradient;
+    overflow: hidden;
+
+    &::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: radial-gradient(ellipse at 30% 20%, rgba(191, 139, 255, 0.12) 0%, transparent 60%),
+      radial-gradient(ellipse at 80% 60%, rgba(100, 149, 237, 0.08) 0%, transparent 50%);
+    }
+
+    .rtsee-presentations-header-title-overlay {
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(to top, $ai-background-color 0%, transparent 40%);
+    }
+
+    .rtsee-presentations-header-title-content {
+      position: relative;
+      z-index: 1;
+
+      h1 {
+        font-size: 36px;
+        font-weight: 700;
+        letter-spacing: -0.5px;
+        margin: 0 0 6px;
+      }
+
+      .rtsee-presentations-header-title-subtitle {
+        font-size: 15px;
+        color: $ai-text-color-secondary;
+        margin: 0;
+        font-weight: 400;
+      }
+    }
+  }
+
   .rtsee-presentation-header-active-story-info {
     position: relative;
     padding: 0 $presentation-dashboard-header-height;
@@ -76,12 +120,28 @@
   }
 
   .rtsee-presentation-room-block {
-    padding: $rts-offset-sm;
+    padding: $rts-offset-md $rts-offset-md $rts-offset-lg $rts-offset-md;
+    display: inline-block;
   }
 
   @media screen and (min-width: $rts-break-md) {
     &.rtsee-presentation-header-convertable {
       position: static;
     }
+
+    .rtsee-presentations-header-title {
+      padding: 0 $ai-large-screen-side-padding $rts-offset-md;
+
+      .rtsee-presentations-header-title-content {
+        h1 {
+          font-size: 28px;
+        }
+      }
+    }
+
+    .rtsee-presentation-room-block {
+      padding-bottom: $rts-offset-md * 2;
+      padding-left: $ai-large-screen-side-padding;
+    }
   }
 }

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

@@ -1,35 +1,66 @@
 @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;
+  color: $ai-text-color-primary;
+
+  .rtsee-presentation-category-header {
+    display: flex;
+    align-items: baseline;
+    gap: 12px;
+    padding: 0 $rts-offset-md;
+
+    .rtsee-presentation-category-name {
+      font-size: 18px;
+      font-weight: 600;
+      margin: 0;
+      letter-spacing: -0.2px;
+    }
+
+    .rtsee-presentation-category-description {
+      font-size: 13px;
+      color: $ai-text-color-secondary;
+    }
   }
-}
 
+  @media screen and (min-width: $rts-break-md) {
+    .rtsee-presentation-category-header {
+      padding: 0 $ai-large-screen-side-padding;
+    }
+  }
+}
 
 .rtsee-presentation-stories-list {
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
-  padding: $rts-offset-sm $rts-offset-xsm;
+  padding: $rts-offset-md;
+  display: flex;
+  gap: 16px;
+  scroll-behavior: smooth;
+
+  // Hide scrollbar
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 
   .rtsee-presentation-story-thumbnail-container {
-    display: inline-block;
-    width: $story-thumb-width;
-    vertical-align: top;
-    padding: $rts-offset-xsm;
+    flex: 0 0 $story-thumb-width;
     border-radius: $rts-default-border-radius;
+    background: $ai-panel-background-color;
     overflow: hidden;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    user-select: none;
+
+    //padding: $rts-offset-xsm;
 
     &: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);
@@ -41,17 +72,31 @@
     //}
 
     .rtsee-story-thumbnail {
+      border-radius: $ai-default-border-radius;
       overflow: hidden;
-      color: #334155;
+
+      &:hover {
+        .rtsee-story-thumbnail-image-container {
+          .rtsee-story-thumbnail-image {
+            transform: scale(1.03);
+          }
+        }
+      }
 
       .rtsee-story-thumbnail-image-container {
         position: relative;
-        padding-bottom: $story-thumb-image-padding;
-        background-size: cover;
-        background-position: center center;
-        background-repeat: no-repeat;
+        width: 100%;
+        aspect-ratio: 4 / 3;
         overflow: hidden;
-        border-radius: $rts-default-border-radius;
+        background: #222;
+
+        .rtsee-story-thumbnail-image {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          display: block;
+          transition: transform 0.3s ease;
+        }
 
         .rtsee-story-thumbnail-progress-bar-container {
           $rts-progress-bar-height: 5px;
@@ -80,21 +125,47 @@
       }
 
       .rtsee-story-thumbnail-body-container {
-        padding: $rts-offset-sm;
-
-        .rtsee-story-thumbnail-title-container {
-          .rtsee-story-thumbnail-title {
-            margin: 0 0 $rts-offset-sm 0;
-            white-space: normal;
-            color: #334155;
-            font-weight: 500;
-          }
+        padding: 10px 12px 12px;
+
+        .rtsee-story-thumbnail-title {
+          font-size: 13px;
+          font-weight: 500;
+          margin: 0 0 6px;
+          line-height: 1.3;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          line-clamp: 2;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          white-space: normal;
         }
 
-        .rtsee-story-thumbnail-info-container {
-          .rtsee-story-thumbnail-info-time-icon {
+        .rtsee-story-thumbnail-body-meta {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          margin-bottom: 6px;
+
+          .rtsee-story-thumbnail-time-container {
+            display: flex;
+            align-items: center;
+            gap: 4px;
             font-size: 11px;
-            color: #334155;
+            color: $ai-text-color-secondary;
+
+            .rtsee-story-thumbnail-info-time-icon {
+              opacity: 0.6;
+              font-size: 13px;
+            }
+          }
+
+          .rtsee-story-thumbnail-label-container {
+            font-size: 10px;
+            font-weight: 600;
+            color: $ai-icon-highlight-color;
+            background: $ai-icon-highlight-color-dim;
+            padding: 2px 6px;
+            border-radius: 4px;
           }
         }
       }
@@ -106,6 +177,10 @@
     display: block;
     clear: both;
   }
+
+  @media screen and (min-width: $rts-break-md) {
+    padding: $rts-offset-md $ai-large-screen-side-padding;
+  }
 }
 
 

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

@@ -20,4 +20,7 @@ $presentation-dashboard-ol-height: calc(100vh - $presentation-dashboard-preoccup
 
 $stories-player-height-dvh: calc(100dvh - $rts-bottom-nav-height);
 $stories-player-height-wide-screen-dvh: calc(100dvh - $presentation-dashboard-header-height);
-$presentation-dashboard-ol-height-dvh: calc(100dvh - $presentation-dashboard-preoccupied-height)
+$presentation-dashboard-ol-height-dvh: calc(100dvh - $presentation-dashboard-preoccupied-height);
+
+
+

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.87",
+  "version": "0.0.89",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -40,15 +40,15 @@
     "@angular/platform-browser-dynamic": "^20.1.2",
     "@angular/router": "^20.1.2",
     "@primeuix/themes": "^1.2.3",
-    "@rtsee/common": "^0.0.58",
-    "@rtsee/conference": "^0.0.59",
-    "@rtsee/core": "^0.0.102",
-    "@rtsee/events-dashboard": "^0.0.92",
-    "@rtsee/factory": "^0.0.101",
-    "@rtsee/messenger": "^0.0.92",
-    "@rtsee/presentation": "^0.0.91",
-    "@rtsee/signaling-client": "^0.0.105",
-    "@rtsee/utilities-ui": "^0.0.23",
+    "@rtsee/common": "^0.0.60",
+    "@rtsee/conference": "^0.0.61",
+    "@rtsee/core": "^0.0.104",
+    "@rtsee/events-dashboard": "^0.0.94",
+    "@rtsee/factory": "^0.0.103",
+    "@rtsee/messenger": "^0.0.94",
+    "@rtsee/presentation": "^0.0.93",
+    "@rtsee/signaling-client": "^0.0.107",
+    "@rtsee/utilities-ui": "^0.0.25",
     "@stripe/stripe-js": "^8.6.1",
     "@types/node": "~24.0.14",
     "dayjs": "^1.11.9",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4107b1c5904d0c2cd8667a09ed783f8a25514089"
+  "gitHead": "1b642ce33ceebb6a75cb755ad7bcf9335b15a43a"
 }