@rtsee/ngx 0.0.92 → 0.0.93

package/dist/ngx/index.d.ts

@@ -12,10 +12,9 @@ import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeTag, IRTSeeChat, RT
 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, RTSeeRater } from '@rtsee/utilities-ui';
+import { RTSeeTag, RTSeeManageTags, RecursiveSelect, RTSeeTagGroup, RTSeeManageTagGroups, RTSeeEntityConfiguration, RTSeeManageEntityConfigurations, RTSeeEntity, RTSeeManageEntities, RTSeeRater, RTSeeForm } from '@rtsee/utilities-ui';
 import * as i44 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';
@@ -253,28 +252,11 @@ declare class EntitiesConfigurationsListComponent {
     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;
+declare class ManageEntityConfigurationComponent implements OnInit {
     manageEntityConfigurations: RTSeeManageEntityConfigurations;
-    constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
-    submit(): Promise<void>;
+    submit(): 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>;
 }
@@ -290,25 +272,11 @@ declare class EntitiesListComponent {
     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);
+declare class ManageEntityComponent implements OnInit {
+    manageEntities: RTSeeManageEntities;
     ngOnInit(): void;
-    submit(): Promise<void>;
-    configurationInputChanged(): void;
+    submit(): 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>;
 }
@@ -823,11 +791,20 @@ declare class PresentationHeaderComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationHeaderComponent, "rtsee-presentation-header", never, { "presentation": { "alias": "presentation"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class FormComponent {
+    form: RTSeeForm;
+    formSubmit: EventEmitter<RTSeeForm<any>>;
+    submit(): void;
+    onFieldChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "rtsee-form", never, { "form": { "alias": "form"; "required": false; }; }, { "formSubmit": "formSubmit"; }, never, ["*"], true, never>;
+}
+
 declare class RTSeeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, never, [typeof RTSeeAuthComponent, typeof VendorsComponent, typeof ForgotPasswordComponent, typeof SignInComponent, typeof SignUpComponent, typeof RtseeEventsDashboardSessionComponent, typeof EventThumbnailComponent, typeof ShaveDirective, typeof ContactsMultiselectComponent, typeof ManageChatComponent, typeof CallWidgetComponent, typeof WidgetDirective, typeof RtseeEventsDashboardClientComponent, typeof ResetPasswordComponent, typeof RtseeEventsDashboardClientThumbnailComponent, typeof RtseePeersListComponent, typeof ChatComponent, typeof MessageComponent, typeof MessagesListComponent, typeof ChatThumbnailComponent, typeof ChatInputComponent, typeof RtseeEventsDashboardComponent, typeof MessengerComponent, typeof RTSeeControlsComponent, typeof RTSeeContainerComponent, typeof RTSeeConferenceComponent, typeof RtseePeerComponent, typeof RtseeSoundbarComponent, typeof RtseeSettingsComponent, typeof MessengerHeaderComponent, typeof ChatsListComponent, typeof ProfileComponent, typeof MainMenuComponent, typeof MessageTimeAndStatusComponent, typeof PreloaderComponent, typeof SearchComponent, typeof PresentationComponent, typeof StoryPlayerComponent, typeof SlideComponent, typeof StoryThumbnailComponent, typeof PresentationHeaderComponent, typeof PaymentProductSnippetComponent, typeof i43.CommonModule, typeof i44.ReactiveFormsModule, typeof i45.AutosizeModule, typeof i46.InfiniteScrollModule, typeof i44.FormsModule, typeof i43.NgOptimizedImage, typeof i47.RouterLink, typeof i47.RouterLinkActive, typeof i48.NgxCaptchaModule], [typeof RTSeeConferenceComponent, typeof MessengerComponent, typeof RtseeEventsDashboardComponent, typeof RTSeeContainerComponent, typeof PresentationComponent, typeof RTSeeAuthComponent, typeof PaymentProductSnippetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RTSeeModule, never, [typeof RTSeeAuthComponent, typeof VendorsComponent, typeof ForgotPasswordComponent, typeof SignInComponent, typeof SignUpComponent, typeof RtseeEventsDashboardSessionComponent, typeof EventThumbnailComponent, typeof ShaveDirective, typeof ContactsMultiselectComponent, typeof ManageChatComponent, typeof CallWidgetComponent, typeof WidgetDirective, typeof RtseeEventsDashboardClientComponent, typeof ResetPasswordComponent, typeof RtseeEventsDashboardClientThumbnailComponent, typeof RtseePeersListComponent, typeof ChatComponent, typeof MessageComponent, typeof MessagesListComponent, typeof ChatThumbnailComponent, typeof ChatInputComponent, typeof RtseeEventsDashboardComponent, typeof MessengerComponent, typeof RTSeeControlsComponent, typeof RTSeeContainerComponent, typeof RTSeeConferenceComponent, typeof RtseePeerComponent, typeof RtseeSoundbarComponent, typeof RtseeSettingsComponent, typeof MessengerHeaderComponent, typeof ChatsListComponent, typeof ProfileComponent, typeof MainMenuComponent, typeof MessageTimeAndStatusComponent, typeof PreloaderComponent, typeof SearchComponent, typeof PresentationComponent, typeof StoryPlayerComponent, typeof SlideComponent, typeof StoryThumbnailComponent, typeof PresentationHeaderComponent, typeof PaymentProductSnippetComponent, typeof i43.CommonModule, typeof i44.ReactiveFormsModule, typeof i45.AutosizeModule, typeof i46.InfiniteScrollModule, typeof i44.FormsModule, typeof i43.NgOptimizedImage, typeof i47.RouterLink, typeof i47.RouterLinkActive, typeof i48.NgxCaptchaModule, typeof FormComponent], [typeof RTSeeConferenceComponent, typeof MessengerComponent, typeof RtseeEventsDashboardComponent, typeof RTSeeContainerComponent, typeof PresentationComponent, typeof RTSeeAuthComponent, typeof PaymentProductSnippetComponent, typeof FormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RTSeeModule>;
 }
 
-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 };
+export { EntitiesConfigurationsListComponent, EntitiesListComponent, FormComponent, 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, RTSeeTagForm, RTSeeTagGroupForm };

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

@@ -0,0 +1,99 @@
+@import "../common-variables";
+
+.rts-action-button {
+  width: 100%;
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    gap: $rts-offset-sm;
+    font-weight: 600;
+    font-family: inherit;
+    border-radius: $rts-default-border-radius;
+    padding: ($rts-offset-sm + $rts-offset-xsm) $rts-offset-lg;
+    transition:
+      transform 0.2s ease,
+      box-shadow 0.2s ease,
+      filter 0.2s ease;
+    border: none;
+    cursor: pointer;
+    width: 100%;
+    justify-content: center;
+
+    span {
+      margin: 0;
+    }
+
+    &.p-button-primary {
+      background: linear-gradient(
+          135deg,
+          $rts-rates-accent-purple 0%,
+          $rts-rates-accent-purple-light 100%
+      );
+      color: $rts-rates-text-primary;
+      box-shadow: 0 4px 16px rgba($rts-rates-accent-purple, 0.3);
+
+      &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba($rts-rates-accent-purple, 0.45);
+        background: linear-gradient(
+            135deg,
+            $rts-rates-accent-purple 0%,
+            $rts-rates-accent-purple-light 100%
+        );
+      }
+
+      &:active {
+        transform: translateY(0);
+      }
+    }
+
+    &.p-button-success {
+      background: linear-gradient(
+          135deg,
+          $rts-rates-success 0%,
+          color-mix(in srgb, $rts-rates-success 80%, black) 100%
+      );
+      color: $rts-rates-text-primary;
+      box-shadow: 0 4px 16px rgba($rts-rates-success, 0.3);
+
+      &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba($rts-rates-success, 0.45);
+      }
+
+      &:active {
+        transform: translateY(0);
+      }
+    }
+
+    &.p-button-danger {
+      background: linear-gradient(
+          135deg,
+          $rts-rates-danger 0%,
+          color-mix(in srgb, $rts-rates-danger 80%, black) 100%
+      );
+      color: $rts-rates-text-primary;
+      box-shadow: 0 4px 16px rgba($rts-rates-danger, 0.3);
+
+      &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba($rts-rates-danger, 0.45);
+      }
+
+      &:active {
+        transform: translateY(0);
+      }
+    }
+  }
+
+  @media screen and (min-width: $rts-break-sm) {
+    width: auto;
+
+    button {
+      width: auto;
+      justify-content: flex-start;
+    }
+  }
+
+}

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

@@ -2,3 +2,4 @@
 @import "./preloader";
 @import "./ordered-list";
 @import "./rating";
+@import "./action-buttons";

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

@@ -12,7 +12,7 @@
   .rtsee-story-details-cover {
     position: relative;
     background-size: cover;
-    background-position: center 20%;
+    background-position: center;
     background-repeat: no-repeat;
     display: flex;
     align-items: flex-end;
@@ -20,6 +20,40 @@
 
     // Mobile-first default
     min-height: 320px;
+
+    .rtsee-story-details-btn-close {
+      position: absolute;
+      top: 24px;
+      right: 24px;
+      z-index: 10;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: rgba(0, 0, 0, 0.4);
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      backdrop-filter: blur(8px);
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      transition:
+        transform 0.2s ease,
+        background-color 0.2s ease;
+
+      &:hover {
+        transform: scale(1.1);
+        background: rgba(0, 0, 0, 0.6);
+      }
+
+      &:active {
+        transform: scale(0.95);
+      }
+
+      span {
+        font-size: 1.1rem;
+      }
+    }
   }
 
   .rtsee-story-details-cover-overlay {
@@ -198,7 +232,8 @@
   .rtsee-story-details-cover-actions {
     display: flex;
     align-items: stretch;
-    margin-top: $rts-offset-md;
+    margin-top: -$rts-offset-md;
+    padding-bottom: $rts-offset-xl;
 
     // Mobile-first default
     flex-direction: column;
@@ -231,17 +266,6 @@
         box-shadow: 0 4px 12px rgba($rts-rates-accent-purple, 0.3);
       }
     }
-
-    .rtsee-story-details-close ::v-deep .p-button {
-      background: rgba(255, 255, 255, 0.06);
-      border: 1px solid $rts-rates-border-med;
-      color: $rts-rates-text-primary;
-
-      &:hover {
-        background: rgba(255, 255, 255, 0.1);
-        border-color: $rts-rates-border-bright;
-      }
-    }
   }
 
   /* ── CONTENT WRAPPER ──────────────────────────────────────── */

package/dist/ngx/src/lib/theme/rates/rater.scss

@@ -95,89 +95,6 @@
 
     // Mobile action stacking
     flex-direction: column;
-
-    p-button {
-      width: 100%;
-
-      button {
-        display: inline-flex;
-        align-items: center;
-        gap: $rts-offset-sm;
-        font-weight: 600;
-        font-family: inherit;
-        border-radius: $rts-default-border-radius;
-        padding: ($rts-offset-sm + $rts-offset-xsm) $rts-offset-lg;
-        transition:
-          transform 0.2s ease,
-          box-shadow 0.2s ease,
-          filter 0.2s ease;
-        border: none;
-        cursor: pointer;
-        width: 100%;
-        justify-content: center;
-
-        span {
-          margin: 0;
-        }
-
-        &.p-button-primary {
-          background: linear-gradient(
-            135deg,
-            $rts-rates-accent-purple 0%,
-            $rts-rates-accent-purple-light 100%
-          );
-          color: $rts-rates-text-primary;
-          box-shadow: 0 4px 16px rgba($rts-rates-accent-purple, 0.3);
-
-          &:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 6px 20px rgba($rts-rates-accent-purple, 0.45);
-          }
-
-          &:active {
-            transform: translateY(0);
-          }
-        }
-
-        &.p-button-success {
-          background: linear-gradient(
-            135deg,
-            $rts-rates-success 0%,
-            color-mix(in srgb, $rts-rates-success 80%, black) 100%
-          );
-          color: $rts-rates-text-primary;
-          box-shadow: 0 4px 16px rgba($rts-rates-success, 0.3);
-
-          &:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 6px 20px rgba($rts-rates-success, 0.45);
-          }
-
-          &:active {
-            transform: translateY(0);
-          }
-        }
-
-        &.p-button-danger {
-          background: linear-gradient(
-            135deg,
-            $rts-rates-danger 0%,
-            color-mix(in srgb, $rts-rates-danger 80%, black) 100%
-          );
-          color: $rts-rates-text-primary;
-          box-shadow: 0 4px 16px rgba($rts-rates-danger, 0.3);
-
-          &:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 6px 20px rgba($rts-rates-danger, 0.45);
-          }
-
-          &:active {
-            transform: translateY(0);
-          }
-        }
-      }
-    }
   }
 
   // Desktop tablet media overrides
@@ -187,15 +104,6 @@
     .rtsee-rater-actions {
       flex-direction: row;
       justify-content: flex-end;
-
-      p-button {
-        width: auto;
-
-        button {
-          width: auto;
-          justify-content: flex-start;
-        }
-      }
     }
   }
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.92",
+  "version": "0.0.93",
   "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.63",
-    "@rtsee/conference": "^0.0.64",
-    "@rtsee/core": "^0.0.107",
-    "@rtsee/events-dashboard": "^0.0.97",
-    "@rtsee/factory": "^0.0.106",
-    "@rtsee/messenger": "^0.0.97",
-    "@rtsee/presentation": "^0.0.96",
-    "@rtsee/signaling-client": "^0.0.110",
-    "@rtsee/utilities-ui": "^0.0.28",
+    "@rtsee/common": "^0.0.64",
+    "@rtsee/conference": "^0.0.65",
+    "@rtsee/core": "^0.0.108",
+    "@rtsee/events-dashboard": "^0.0.98",
+    "@rtsee/factory": "^0.0.107",
+    "@rtsee/messenger": "^0.0.98",
+    "@rtsee/presentation": "^0.0.97",
+    "@rtsee/signaling-client": "^0.0.111",
+    "@rtsee/utilities-ui": "^0.0.29",
     "@stripe/stripe-js": "^8.6.1",
     "@types/node": "~24.0.14",
     "dayjs": "^1.11.9",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ed78e51c5a985b2d846bd66cf188a0480632b695"
+  "gitHead": "08e0e0575808fdf49c61806630fcb87c932f0467"
 }