@rtsee/ngx 0.0.106 → 0.0.107

package/dist/ngx/index.d.ts

@@ -178,13 +178,19 @@ declare class PresentationComponent {
  * Rendering only, the orchestration lives in RTSeeInteractiveStoryEditorVm.
  */
 declare class InteractiveStoryEditorComponent implements OnInit, OnDestroy {
+    private readonly cdr;
     vm: RTSeeInteractiveStoryEditorVm;
     /** set to false when the vm is initialized by the host */
     autoInit: boolean;
     readonly sections: typeof RTSeeStoryEditorSection;
     readonly illustrator: RTSeeIllustrator;
+    readonly slideUpdatingIds: Set<string>;
+    private onIllustratorChanged;
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    isSlideUpdating(id: string): boolean;
+    applyReviewedImageToSlide(event: Event, slide: IRTSeeStorySlide): Promise<void>;
     submitDetails(): void;
     submitAuthor(): void;
     submitNewAuthor(): void;
@@ -202,18 +208,26 @@ type AnyElementsEditor = RTSeeStoryElementsEditor<any, any>;
  * (characters / artifacts / locations) and the expanded edit form.
  * All the logic lives in RTSeeStoryElementsEditor.
  */
-declare class StoryElementsSectionComponent {
+declare class StoryElementsSectionComponent implements OnDestroy {
+    private readonly cdr;
     editor: AnyElementsEditor;
     title: string;
     icon: string;
     collapsed: boolean;
     canDetach: boolean;
     toggled: EventEmitter<void>;
+    private _illustrator?;
+    private onIllustratorChanged;
+    set illustrator(val: RTSeeIllustrator | undefined);
+    get illustrator(): RTSeeIllustrator | undefined;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    applyReviewedImageToItem(event: Event, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): Promise<void>;
     submit(): void;
     addToIllustrator(event: Event, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): void;
     trackById(index: number, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StoryElementsSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StoryElementsSectionComponent, "rtsee-story-elements-section", never, { "editor": { "alias": "editor"; "required": true; }; "title": { "alias": "title"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "canDetach": { "alias": "canDetach"; "required": false; }; }, { "toggled": "toggled"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryElementsSectionComponent, "rtsee-story-elements-section", never, { "editor": { "alias": "editor"; "required": true; }; "title": { "alias": "title"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "canDetach": { "alias": "canDetach"; "required": false; }; "illustrator": { "alias": "illustrator"; "required": false; }; }, { "toggled": "toggled"; }, never, never, true, never>;
 }
 
 declare class IllustratorComponent implements OnInit, OnDestroy {

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

@@ -835,3 +835,57 @@ $illustrator-accent-glow: rgba(168, 85, 247, 0.35);
     font-size: 0.78rem;
   }
 }
+
+// Button to quickly apply reviewed image from Illustrator directly to thumbnails
+.rtsee-ise-btn-quick-apply {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #10b981;
+  border: 1px solid rgba(255, 255, 255, 0.45);
+  color: #ffffff;
+  border-radius: 50%;
+  width: 26px;
+  height: 26px;
+  min-width: 26px;
+  min-height: 26px;
+  padding: 0;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 10px rgba(16, 185, 129, 0.5);
+  z-index: 3;
+  animation: rtsee-pop-in 0.25s ease-out;
+
+  &:hover:not(:disabled) {
+    background: #059669;
+    border-color: #ffffff;
+    transform: scale(1.15);
+    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5), 0 0 14px rgba(16, 185, 129, 0.7);
+  }
+
+  &:active:not(:disabled) {
+    transform: scale(0.95);
+  }
+
+  &:disabled {
+    opacity: 0.65;
+    cursor: wait;
+  }
+
+  i {
+    font-size: 0.75rem;
+    font-weight: 800;
+  }
+}
+
+@keyframes rtsee-pop-in {
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.106",
+  "version": "0.0.107",
   "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.77",
-    "@rtsee/conference": "^0.0.78",
-    "@rtsee/core": "^0.0.121",
-    "@rtsee/events-dashboard": "^0.0.111",
-    "@rtsee/factory": "^0.0.120",
-    "@rtsee/messenger": "^0.0.111",
-    "@rtsee/presentation": "^0.0.110",
-    "@rtsee/signaling-client": "^0.0.124",
-    "@rtsee/utilities-ui": "^0.0.42",
+    "@rtsee/common": "^0.0.78",
+    "@rtsee/conference": "^0.0.79",
+    "@rtsee/core": "^0.0.122",
+    "@rtsee/events-dashboard": "^0.0.112",
+    "@rtsee/factory": "^0.0.121",
+    "@rtsee/messenger": "^0.0.112",
+    "@rtsee/presentation": "^0.0.111",
+    "@rtsee/signaling-client": "^0.0.125",
+    "@rtsee/utilities-ui": "^0.0.43",
     "@stripe/stripe-js": "^8.6.1",
     "@types/gtag.js": "^0.0.20",
     "@types/node": "~24.0.14",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9356d4ce9d6ed8749f09d7e70e60ea9c8593d36f"
+  "gitHead": "c1b8716a064376c3640d09099d6c498311b22aba"
 }