@rtsee/ngx 0.0.109 → 0.0.111

package/dist/ngx/fesm2022/rtsee-ngx.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Input, Component, ViewChild, EventEmitter, Output, forwardRef, Directive, DOCUMENT, HostListener, Inject, ChangeDetectionStrategy, output, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { Injectable, Input, Component, ViewChild, EventEmitter, Output, forwardRef, Directive, HostListener, reflectComponentType, DOCUMENT, Inject, ChangeDetectionStrategy, output, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import * as i2$1 from '@angular/common';
 import { NgClass, NgIf, NgForOf, DatePipe, NgComponentOutlet, SlicePipe, JsonPipe, DOCUMENT as DOCUMENT$1, NgStyle, CommonModule, NgOptimizedImage } from '@angular/common';
 import * as i1 from '@angular/forms';
@@ -17,8 +17,8 @@ import * as i2 from '@angular/router';
 import { RouterLink, RouterLinkActive, NavigationEnd } from '@angular/router';
 import { Divider } from 'primeng/divider';
 import * as i1$1 from '@angular/common/http';
-import { RTSeeChatMemberRoles, RTSeeIllustratorEvents, RTSeeChatTypes, OzzyTaskStatus } from '@rtsee/common';
-import { sanitizeImageUrl, ManageAgentForm, RTSeeForm, RTSeeFormFieldRadioGroup, RTSeeFormField, RTSeeFormFieldImageUploader, RTSeeRater } from '@rtsee/utilities-ui';
+import { RTSeeChatMemberRoles, RTSeeIllustratorEvents, RTSeeChatTypes, OzzyTaskStatus, getStoryTranslatorLanguage, STORY_TRANSLATOR_LANGUAGES } from '@rtsee/common';
+import { sanitizeImageUrl, ManageAgentForm, RTSeeForm, RTSeeFormFieldRadioGroup, RTSeeFormField, RTSeeFormFieldImageUploader, fetchImageBlob, RTSeeRater } from '@rtsee/utilities-ui';
 import { InputText } from 'primeng/inputtext';
 import { InputGroup } from 'primeng/inputgroup';
 import { Textarea } from 'primeng/textarea';
@@ -28,6 +28,7 @@ import { InputNumber } from 'primeng/inputnumber';
 import * as i1$2 from 'primeng/autocomplete';
 import { AutoCompleteModule } from 'primeng/autocomplete';
 import { ImageCropperComponent } from 'ngx-image-cropper';
+import { Tooltip } from 'primeng/tooltip';
 import { Fieldset } from 'primeng/fieldset';
 import { DatePicker } from 'primeng/datepicker';
 import { RTSeeManageChatInfo, RTSeeChatEvents, OzzyClientTaskEvents, OzzyWorkflowClientEvents, RTSeeMentionAutocomplete, RTSeeWorkflowAutocomplete } from '@rtsee/messenger';
@@ -54,7 +55,6 @@ import { Listbox } from 'primeng/listbox';
 import { RTSeeRoutesList } from '@rtsee/factory';
 import { Avatar } from 'primeng/avatar';
 import { Image } from 'primeng/image';
-import { Tooltip } from 'primeng/tooltip';
 import { PanelMenu } from 'primeng/panelmenu';
 import { Menu } from 'primeng/menu';
 import { Password } from 'primeng/password';
@@ -675,15 +675,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
             }] } });
 
 class RTSeeImageUploaderComponent {
-    constructor(elementRef) {
+    constructor(elementRef, cdr) {
         this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.onUploaderChanged = () => this.cdr.markForCheck();
         this.submittingFromPainting = false;
     }
     ngOnInit() {
         this.attachEventHandlers();
     }
+    ngOnDestroy() {
+        this.imageUploader?.off('changed', this.onUploaderChanged);
+    }
     attachEventHandlers() {
         this.imageUploader.on('completed', this.onImagesUploaded.bind(this));
+        this.imageUploader.on('changed', this.onUploaderChanged);
+    }
+    get optimizeTooltip() {
+        if (this.imageUploader.optimizing) {
+            return 'Optimizing…';
+        }
+        const base = `Optimize (curr size: ${this.imageUploader.currentImageSizeMb}mb)`;
+        return this.imageUploader.optimizationError
+            ? `${base} - last attempt failed: ${this.imageUploader.optimizationError}`
+            : base;
+    }
+    async onOptimizeClicked(event) {
+        // The preview container opens the uploader on click
+        event.stopPropagation();
+        event.preventDefault();
+        const optimizedUrl = await this.imageUploader.optimizeCurrentImage();
+        if (optimizedUrl) {
+            // The optimized url is already propagated to the form field (`completed`) - persist it
+            setTimeout(() => this.submitParentForm(), 50);
+        }
     }
     onNextButtonClicked() {
         this.imageUploader.onNextClicked();
@@ -764,8 +789,11 @@ class RTSeeImageUploaderComponent {
                     return;
                 }
             }
-            // 2. Programmatic RTSeeForm submit
-            if (this.imageUploader.form && typeof this.imageUploader.form.submit === 'function') {
+            // 2. Custom submit hook, then programmatic RTSeeForm submit
+            if (this.imageUploader.onSubmitForm) {
+                this.imageUploader.onSubmitForm();
+            }
+            else if (this.imageUploader.form && typeof this.imageUploader.form.submit === 'function') {
                 this.imageUploader.form.submit();
             }
         }
@@ -773,13 +801,13 @@ class RTSeeImageUploaderComponent {
             console.warn('[RTSeeImageUploaderComponent] submitParentForm error:', e);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeImageUploaderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeImageUploaderComponent, isStandalone: true, selector: "rtsee-image-uploader", inputs: { imageUploader: "imageUploader" }, viewQueries: [{ propertyName: "cropperComponent", first: true, predicate: RTSeeCropperComponent, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-image-uploader\">\n  @if (!imageUploader.awaitsUploadOrCrop) {\n    <div class=\"rtsee-image-uploader-image\"\n         (click)=\"imageUploader.init()\"\n    >\n      @if (imageUploader.uploadedPhotoPreview) {\n        <img [src]=\"imageUploader.uploadedPhotoPreview\"\n             class=\"rtsee-image-uploader-preview-image\"\n             alt=\"uploaded_photo\"\n        >\n      }\n      @if (!imageUploader.uploadedPhotoPreview) {\n        <div class=\"rtsee-preloader-image-placeholder\">\n          <span class=\"material-icons-outlined rtsee-upload-icon\">cloud_upload</span>\n          <span class=\"rtsee-upload-text\">Tap to upload image</span>\n        </div>\n      }\n      <div class=\"rtsee-image-uploader-illustrator-btn\"\n           (click)=\"onPaintingIconClicked($event)\"\n           title=\"Apply illustration from NanoBanana Illustrator\"\n      >\n        <p-button icon=\"pi pi-palette\" severity=\"help\" [rounded]=\"true\"></p-button>\n      </div>\n      <div class=\"rtsee-image-uploader-image-change-btn\">\n        <p-button icon=\"pi pi-pencil\" severity=\"info\"></p-button>\n      </div>\n    </div>\n  }\n\n  @if (imageUploader.awaitsUploadOrCrop) {\n    <rtsee-uploader [uploader]=\"imageUploader.uploader\"\n                    [hidden]=\"imageUploader.cropper?.activeImage\"\n    ></rtsee-uploader>\n\n    @if (imageUploader.cropper?.activeImage) {\n      <rtsee-cropper [cropper]=\"imageUploader.cropper\"\n                     (nextClicked)=\"onNextButtonClicked()\"\n      ></rtsee-cropper>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: RTSeeUploaderComponent, selector: "rtsee-uploader", inputs: ["uploader"] }, { kind: "component", type: RTSeeCropperComponent, selector: "rtsee-cropper", inputs: ["cropper"], outputs: ["nextClicked"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeImageUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeImageUploaderComponent, isStandalone: true, selector: "rtsee-image-uploader", inputs: { imageUploader: "imageUploader" }, viewQueries: [{ propertyName: "cropperComponent", first: true, predicate: RTSeeCropperComponent, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-image-uploader\">\n  @if (!imageUploader.awaitsUploadOrCrop) {\n    <div class=\"rtsee-image-uploader-image\"\n         (click)=\"imageUploader.init()\"\n    >\n      @if (imageUploader.uploadedPhotoPreview) {\n        <img [src]=\"imageUploader.uploadedPhotoPreview\"\n             class=\"rtsee-image-uploader-preview-image\"\n             alt=\"uploaded_photo\"\n        >\n      }\n      @if (!imageUploader.uploadedPhotoPreview) {\n        <div class=\"rtsee-preloader-image-placeholder\">\n          <span class=\"material-icons-outlined rtsee-upload-icon\">cloud_upload</span>\n          <span class=\"rtsee-upload-text\">Tap to upload image</span>\n        </div>\n      }\n      <div class=\"rtsee-image-uploader-illustrator-btn\"\n           (click)=\"onPaintingIconClicked($event)\"\n           title=\"Apply illustration from NanoBanana Illustrator\"\n      >\n        <p-button icon=\"pi pi-palette\" severity=\"help\" [rounded]=\"true\"></p-button>\n      </div>\n      <div class=\"rtsee-image-uploader-image-change-btn\"\n           [class.rtsee-shifted]=\"imageUploader.needsOptimization\"\n      >\n        <p-button icon=\"pi pi-pencil\" severity=\"info\"></p-button>\n      </div>\n      @if (imageUploader.needsOptimization) {\n        <div class=\"rtsee-image-uploader-optimize-btn\"\n             id=\"rtsee-image-uploader-optimize-btn\"\n             [class.rtsee-optimizing]=\"imageUploader.optimizing\"\n             [pTooltip]=\"optimizeTooltip\"\n             tooltipPosition=\"top\"\n             (click)=\"onOptimizeClicked($event)\"\n        >\n          <p-button [icon]=\"imageUploader.optimizing ? 'pi pi-spin pi-spinner' : 'pi pi-exclamation-triangle'\"\n                    severity=\"warn\"\n                    [rounded]=\"true\"\n                    [disabled]=\"imageUploader.optimizing\"\n                    [attr.aria-label]=\"optimizeTooltip\"\n          ></p-button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (imageUploader.awaitsUploadOrCrop) {\n    <rtsee-uploader [uploader]=\"imageUploader.uploader\"\n                    [hidden]=\"imageUploader.cropper?.activeImage\"\n    ></rtsee-uploader>\n\n    @if (imageUploader.cropper?.activeImage) {\n      <rtsee-cropper [cropper]=\"imageUploader.cropper\"\n                     (nextClicked)=\"onNextButtonClicked()\"\n      ></rtsee-cropper>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: RTSeeUploaderComponent, selector: "rtsee-uploader", inputs: ["uploader"] }, { kind: "component", type: RTSeeCropperComponent, selector: "rtsee-cropper", inputs: ["cropper"], outputs: ["nextClicked"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeImageUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-image-uploader', imports: [RTSeeUploaderComponent, RTSeeCropperComponent, Button], template: "<div class=\"rtsee-image-uploader\">\n  @if (!imageUploader.awaitsUploadOrCrop) {\n    <div class=\"rtsee-image-uploader-image\"\n         (click)=\"imageUploader.init()\"\n    >\n      @if (imageUploader.uploadedPhotoPreview) {\n        <img [src]=\"imageUploader.uploadedPhotoPreview\"\n             class=\"rtsee-image-uploader-preview-image\"\n             alt=\"uploaded_photo\"\n        >\n      }\n      @if (!imageUploader.uploadedPhotoPreview) {\n        <div class=\"rtsee-preloader-image-placeholder\">\n          <span class=\"material-icons-outlined rtsee-upload-icon\">cloud_upload</span>\n          <span class=\"rtsee-upload-text\">Tap to upload image</span>\n        </div>\n      }\n      <div class=\"rtsee-image-uploader-illustrator-btn\"\n           (click)=\"onPaintingIconClicked($event)\"\n           title=\"Apply illustration from NanoBanana Illustrator\"\n      >\n        <p-button icon=\"pi pi-palette\" severity=\"help\" [rounded]=\"true\"></p-button>\n      </div>\n      <div class=\"rtsee-image-uploader-image-change-btn\">\n        <p-button icon=\"pi pi-pencil\" severity=\"info\"></p-button>\n      </div>\n    </div>\n  }\n\n  @if (imageUploader.awaitsUploadOrCrop) {\n    <rtsee-uploader [uploader]=\"imageUploader.uploader\"\n                    [hidden]=\"imageUploader.cropper?.activeImage\"\n    ></rtsee-uploader>\n\n    @if (imageUploader.cropper?.activeImage) {\n      <rtsee-cropper [cropper]=\"imageUploader.cropper\"\n                     (nextClicked)=\"onNextButtonClicked()\"\n      ></rtsee-cropper>\n    }\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cropperComponent: [{
+            args: [{ selector: 'rtsee-image-uploader', imports: [RTSeeUploaderComponent, RTSeeCropperComponent, Button, Tooltip], template: "<div class=\"rtsee-image-uploader\">\n  @if (!imageUploader.awaitsUploadOrCrop) {\n    <div class=\"rtsee-image-uploader-image\"\n         (click)=\"imageUploader.init()\"\n    >\n      @if (imageUploader.uploadedPhotoPreview) {\n        <img [src]=\"imageUploader.uploadedPhotoPreview\"\n             class=\"rtsee-image-uploader-preview-image\"\n             alt=\"uploaded_photo\"\n        >\n      }\n      @if (!imageUploader.uploadedPhotoPreview) {\n        <div class=\"rtsee-preloader-image-placeholder\">\n          <span class=\"material-icons-outlined rtsee-upload-icon\">cloud_upload</span>\n          <span class=\"rtsee-upload-text\">Tap to upload image</span>\n        </div>\n      }\n      <div class=\"rtsee-image-uploader-illustrator-btn\"\n           (click)=\"onPaintingIconClicked($event)\"\n           title=\"Apply illustration from NanoBanana Illustrator\"\n      >\n        <p-button icon=\"pi pi-palette\" severity=\"help\" [rounded]=\"true\"></p-button>\n      </div>\n      <div class=\"rtsee-image-uploader-image-change-btn\"\n           [class.rtsee-shifted]=\"imageUploader.needsOptimization\"\n      >\n        <p-button icon=\"pi pi-pencil\" severity=\"info\"></p-button>\n      </div>\n      @if (imageUploader.needsOptimization) {\n        <div class=\"rtsee-image-uploader-optimize-btn\"\n             id=\"rtsee-image-uploader-optimize-btn\"\n             [class.rtsee-optimizing]=\"imageUploader.optimizing\"\n             [pTooltip]=\"optimizeTooltip\"\n             tooltipPosition=\"top\"\n             (click)=\"onOptimizeClicked($event)\"\n        >\n          <p-button [icon]=\"imageUploader.optimizing ? 'pi pi-spin pi-spinner' : 'pi pi-exclamation-triangle'\"\n                    severity=\"warn\"\n                    [rounded]=\"true\"\n                    [disabled]=\"imageUploader.optimizing\"\n                    [attr.aria-label]=\"optimizeTooltip\"\n          ></p-button>\n        </div>\n      }\n    </div>\n  }\n\n  @if (imageUploader.awaitsUploadOrCrop) {\n    <rtsee-uploader [uploader]=\"imageUploader.uploader\"\n                    [hidden]=\"imageUploader.cropper?.activeImage\"\n    ></rtsee-uploader>\n\n    @if (imageUploader.cropper?.activeImage) {\n      <rtsee-cropper [cropper]=\"imageUploader.cropper\"\n                     (nextClicked)=\"onNextButtonClicked()\"\n      ></rtsee-cropper>\n    }\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { cropperComponent: [{
                 type: ViewChild,
                 args: [RTSeeCropperComponent]
             }], imageUploader: [{
@@ -1861,10 +1889,54 @@ class MediaWidgetComponent {
         this.visibleImages = [];
         this.hiddenCount = 0;
         this.showAll = false;
+        this.downloadingUrl = null;
         this.MAX_GRID = 4;
     }
     ngOnInit() {
         this.updateVisibleImages();
+        this.notifyRequestedGeneration();
+    }
+    ngOnChanges(changes) {
+        // e.g. downsized versions got attached to the message images
+        if (changes['message'] && !changes['message'].firstChange) {
+            this.updateVisibleImages();
+        }
+    }
+    /** Downsized version for rendering, the original otherwise */
+    previewUrl(img) {
+        return img.smallVersionUrl || img.url;
+    }
+    async downloadOriginal(event, img) {
+        event.stopPropagation();
+        event.preventDefault();
+        if (typeof window === 'undefined' || !img?.url || this.downloadingUrl) {
+            return;
+        }
+        this.downloadingUrl = img.url;
+        try {
+            const blob = await fetchImageBlob(img.url);
+            const objectUrl = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = objectUrl;
+            link.download = this.getDownloadFileName(img, blob);
+            document.body.appendChild(link);
+            link.click();
+            link.remove();
+            setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);
+        }
+        catch (e) {
+            // CORS / network failure - let the browser open the original instead
+            console.warn('[MediaWidget] Blob download failed, opening original image:', e);
+            window.open(img.url, '_blank', 'noopener');
+        }
+        finally {
+            this.downloadingUrl = null;
+        }
+    }
+    getDownloadFileName(img, blob) {
+        const extension = blob.type?.split('/')[1]?.split('+')[0] || 'png';
+        const base = (img.name || img.id || 'image').replace(/[^\w.-]+/g, '-');
+        return base.includes('.') ? base : `${base}.${extension}`;
     }
     get hasVideo() {
         return !!this.message.video;
@@ -1925,6 +1997,8 @@ class MediaWidgetComponent {
             this.visibleImages = all.slice(0, this.MAX_GRID);
             this.hiddenCount = all.length - this.MAX_GRID;
         }
+    }
+    notifyRequestedGeneration() {
         const reqId = this.message?.data?.requestId;
         if (reqId && this.visibleImages.length > 0 && typeof window !== 'undefined') {
             window.dispatchEvent(new CustomEvent(RTSeeIllustratorEvents.REQUESTED_GENERATION_SUCCEED, {
@@ -1938,11 +2012,11 @@ class MediaWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MediaWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MediaWidgetComponent, isStandalone: true, selector: "rtsee-media-widget", inputs: { message: "message", messenger: "messenger", chat: "chat", showCost: "showCost" }, ngImport: i0, template: "<div class=\"rts-media-widget\">\n  <!-- Video player -->\n  @if (message.video) {\n    <div class=\"rts-media-video\">\n      <video\n        controls\n        playsinline\n        preload=\"metadata\"\n        [src]=\"message.video.url\"\n        class=\"rts-video-player\"\n      >\n        Your browser does not support video playback.\n      </video>\n    </div>\n  }\n\n  <!-- Image grid -->\n  @if (hasImages) {\n    <div class=\"rts-media-images\" [ngClass]=\"gridClass\">\n      @for (img of visibleImages; track img.url) {\n        <div class=\"rts-media-image-wrapper\">\n          <img [src]=\"img.url\" [alt]=\"img.name\" class=\"rts-media-image\" loading=\"lazy\" />\n          <div class=\"rts-media-image-actions\">\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-paint\"\n              title=\"Send image to Illustrator (Review & Iterate)\"\n              (click)=\"sendToIllustrator($event, img)\"\n            >\n              <i class=\"pi pi-palette\"></i>\n              <span>+ paint</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-context\"\n              title=\"Add image to Illustrator context references\"\n              (click)=\"addToContext($event, img)\"\n            >\n              <i class=\"pi pi-plus\"></i>\n              <span>+ context</span>\n            </button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Show more / less toggle -->\n  @if (hiddenCount > 0 || showAll) {\n    <button class=\"rts-media-toggle\" (click)=\"toggleShowAll()\">\n      {{ showAll ? 'Show less' : 'Show ' + hiddenCount + ' more' }}\n    </button>\n  }\n\n  <!-- Cost display (optional, disabled when nested inside agentic widget) -->\n  @if (showCost && message.cost) {\n    <div class=\"rts-media-cost\">\n      <rtsee-cost-display [cost]=\"message.cost\"></rtsee-cost-display>\n    </div>\n  }\n</div>\n", styles: [".rts-media-widget{max-width:100%}.rts-media-video{border-radius:8px;overflow:hidden;margin-bottom:6px}.rts-video-player{width:100%;max-height:360px;border-radius:8px;background:#000;display:block}.rts-media-images{display:grid;gap:4px;border-radius:8px;overflow:hidden;margin-bottom:4px}.rts-media-grid-1{grid-template-columns:1fr}.rts-media-grid-2{grid-template-columns:1fr 1fr}.rts-media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rts-media-image-wrapper{position:relative;overflow:hidden;border-radius:6px;background:var(--rts-bg-secondary, #1e1e2e)}.rts-media-image-actions{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px}.rts-media-btn-paint{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9d5ff;border:1px solid rgba(168,85,247,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-paint i{font-size:11px;color:#c084fc}.rts-media-btn-paint span{line-height:1}.rts-media-btn-paint:hover{background:#9333eae6;color:#fff;border-color:#a855f7;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #a855f773}.rts-media-btn-paint:hover i{color:#fff}.rts-media-btn-paint:active{transform:translateY(0) scale(.98)}.rts-media-btn-context{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bae6fd;border:1px solid rgba(56,189,248,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-context i{font-size:11px;color:#38bdf8}.rts-media-btn-context span{line-height:1}.rts-media-btn-context:hover{background:#0ea5e9e6;color:#fff;border-color:#38bdf8;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #38bdf873}.rts-media-btn-context:hover i{color:#fff}.rts-media-btn-context:active{transform:translateY(0) scale(.98)}.rts-media-image{width:100%;height:auto;max-height:280px;object-fit:cover;display:block;transition:transform .2s ease;cursor:pointer}.rts-media-image:hover{transform:scale(1.02)}.rts-media-grid-1 .rts-media-image{max-height:400px;object-fit:contain}.rts-media-toggle{display:block;width:100%;padding:6px 0;border:none;background:none;color:var(--rts-agent-accent, #8b5cf6);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:opacity .15s ease}.rts-media-toggle:hover{opacity:.8}.rts-media-cost{display:flex;justify-content:flex-end;padding-top:4px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CostDisplayComponent, selector: "rtsee-cost-display", inputs: ["cost"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MediaWidgetComponent, isStandalone: true, selector: "rtsee-media-widget", inputs: { message: "message", messenger: "messenger", chat: "chat", showCost: "showCost" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"rts-media-widget\">\n  <!-- Video player -->\n  @if (message.video) {\n    <div class=\"rts-media-video\">\n      <video\n        controls\n        playsinline\n        preload=\"metadata\"\n        [src]=\"message.video.url\"\n        class=\"rts-video-player\"\n      >\n        Your browser does not support video playback.\n      </video>\n    </div>\n  }\n\n  <!-- Image grid -->\n  @if (hasImages) {\n    <div class=\"rts-media-images\" [ngClass]=\"gridClass\">\n      @for (img of visibleImages; track img.id || img.url) {\n        <div class=\"rts-media-image-wrapper\">\n          <img [src]=\"previewUrl(img)\" [alt]=\"img.name\" class=\"rts-media-image\" loading=\"lazy\" />\n          <button\n            type=\"button\"\n            class=\"rts-media-btn-download\"\n            [class.rts-downloading]=\"downloadingUrl === img.url\"\n            title=\"Download original image\"\n            aria-label=\"Download original image\"\n            (click)=\"downloadOriginal($event, img)\"\n          >\n            <i class=\"pi\" [ngClass]=\"downloadingUrl === img.url ? 'pi-spin pi-spinner' : 'pi-download'\"></i>\n          </button>\n          <div class=\"rts-media-image-actions\">\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-paint\"\n              title=\"Send image to Illustrator (Review & Iterate)\"\n              (click)=\"sendToIllustrator($event, img)\"\n            >\n              <i class=\"pi pi-palette\"></i>\n              <span>+ paint</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-context\"\n              title=\"Add image to Illustrator context references\"\n              (click)=\"addToContext($event, img)\"\n            >\n              <i class=\"pi pi-plus\"></i>\n              <span>+ context</span>\n            </button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Show more / less toggle -->\n  @if (hiddenCount > 0 || showAll) {\n    <button class=\"rts-media-toggle\" (click)=\"toggleShowAll()\">\n      {{ showAll ? 'Show less' : 'Show ' + hiddenCount + ' more' }}\n    </button>\n  }\n\n  <!-- Cost display (optional, disabled when nested inside agentic widget) -->\n  @if (showCost && message.cost) {\n    <div class=\"rts-media-cost\">\n      <rtsee-cost-display [cost]=\"message.cost\"></rtsee-cost-display>\n    </div>\n  }\n</div>\n", styles: [".rts-media-widget{max-width:100%}.rts-media-video{border-radius:8px;overflow:hidden;margin-bottom:6px}.rts-video-player{width:100%;max-height:360px;border-radius:8px;background:#000;display:block}.rts-media-images{display:grid;gap:4px;border-radius:8px;overflow:hidden;margin-bottom:4px}.rts-media-grid-1{grid-template-columns:1fr}.rts-media-grid-2{grid-template-columns:1fr 1fr}.rts-media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rts-media-image-wrapper{position:relative;overflow:hidden;border-radius:6px;background:var(--rts-bg-secondary, #1e1e2e)}.rts-media-image-actions{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px}.rts-media-btn-paint{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9d5ff;border:1px solid rgba(168,85,247,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-paint i{font-size:11px;color:#c084fc}.rts-media-btn-paint span{line-height:1}.rts-media-btn-paint:hover{background:#9333eae6;color:#fff;border-color:#a855f7;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #a855f773}.rts-media-btn-paint:hover i{color:#fff}.rts-media-btn-paint:active{transform:translateY(0) scale(.98)}.rts-media-btn-context{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bae6fd;border:1px solid rgba(56,189,248,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-context i{font-size:11px;color:#38bdf8}.rts-media-btn-context span{line-height:1}.rts-media-btn-context:hover{background:#0ea5e9e6;color:#fff;border-color:#38bdf8;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #38bdf873}.rts-media-btn-context:hover i{color:#fff}.rts-media-btn-context:active{transform:translateY(0) scale(.98)}.rts-media-btn-download{position:absolute;left:8px;bottom:8px;z-index:5;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d1fae5;border:1px solid rgba(52,211,153,.45);border-radius:50%;cursor:pointer;opacity:.85;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-download i{font-size:12px;color:#34d399}.rts-media-btn-download:hover{opacity:1;background:#10b981e6;border-color:#34d399;transform:translateY(-1px) scale(1.08);box-shadow:0 4px 12px #34d39973}.rts-media-btn-download:hover i{color:#fff}.rts-media-btn-download:active{transform:translateY(0) scale(.96)}.rts-media-btn-download.rts-downloading{cursor:progress;opacity:1}.rts-media-image{width:100%;height:auto;max-height:280px;object-fit:cover;display:block;transition:transform .2s ease;cursor:pointer}.rts-media-image:hover{transform:scale(1.02)}.rts-media-grid-1 .rts-media-image{max-height:400px;object-fit:contain}.rts-media-toggle{display:block;width:100%;padding:6px 0;border:none;background:none;color:var(--rts-agent-accent, #8b5cf6);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:opacity .15s ease}.rts-media-toggle:hover{opacity:.8}.rts-media-cost{display:flex;justify-content:flex-end;padding-top:4px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CostDisplayComponent, selector: "rtsee-cost-display", inputs: ["cost"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MediaWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-media-widget', standalone: true, imports: [NgClass, CostDisplayComponent], template: "<div class=\"rts-media-widget\">\n  <!-- Video player -->\n  @if (message.video) {\n    <div class=\"rts-media-video\">\n      <video\n        controls\n        playsinline\n        preload=\"metadata\"\n        [src]=\"message.video.url\"\n        class=\"rts-video-player\"\n      >\n        Your browser does not support video playback.\n      </video>\n    </div>\n  }\n\n  <!-- Image grid -->\n  @if (hasImages) {\n    <div class=\"rts-media-images\" [ngClass]=\"gridClass\">\n      @for (img of visibleImages; track img.url) {\n        <div class=\"rts-media-image-wrapper\">\n          <img [src]=\"img.url\" [alt]=\"img.name\" class=\"rts-media-image\" loading=\"lazy\" />\n          <div class=\"rts-media-image-actions\">\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-paint\"\n              title=\"Send image to Illustrator (Review & Iterate)\"\n              (click)=\"sendToIllustrator($event, img)\"\n            >\n              <i class=\"pi pi-palette\"></i>\n              <span>+ paint</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-context\"\n              title=\"Add image to Illustrator context references\"\n              (click)=\"addToContext($event, img)\"\n            >\n              <i class=\"pi pi-plus\"></i>\n              <span>+ context</span>\n            </button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Show more / less toggle -->\n  @if (hiddenCount > 0 || showAll) {\n    <button class=\"rts-media-toggle\" (click)=\"toggleShowAll()\">\n      {{ showAll ? 'Show less' : 'Show ' + hiddenCount + ' more' }}\n    </button>\n  }\n\n  <!-- Cost display (optional, disabled when nested inside agentic widget) -->\n  @if (showCost && message.cost) {\n    <div class=\"rts-media-cost\">\n      <rtsee-cost-display [cost]=\"message.cost\"></rtsee-cost-display>\n    </div>\n  }\n</div>\n", styles: [".rts-media-widget{max-width:100%}.rts-media-video{border-radius:8px;overflow:hidden;margin-bottom:6px}.rts-video-player{width:100%;max-height:360px;border-radius:8px;background:#000;display:block}.rts-media-images{display:grid;gap:4px;border-radius:8px;overflow:hidden;margin-bottom:4px}.rts-media-grid-1{grid-template-columns:1fr}.rts-media-grid-2{grid-template-columns:1fr 1fr}.rts-media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rts-media-image-wrapper{position:relative;overflow:hidden;border-radius:6px;background:var(--rts-bg-secondary, #1e1e2e)}.rts-media-image-actions{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px}.rts-media-btn-paint{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9d5ff;border:1px solid rgba(168,85,247,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-paint i{font-size:11px;color:#c084fc}.rts-media-btn-paint span{line-height:1}.rts-media-btn-paint:hover{background:#9333eae6;color:#fff;border-color:#a855f7;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #a855f773}.rts-media-btn-paint:hover i{color:#fff}.rts-media-btn-paint:active{transform:translateY(0) scale(.98)}.rts-media-btn-context{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bae6fd;border:1px solid rgba(56,189,248,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-context i{font-size:11px;color:#38bdf8}.rts-media-btn-context span{line-height:1}.rts-media-btn-context:hover{background:#0ea5e9e6;color:#fff;border-color:#38bdf8;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #38bdf873}.rts-media-btn-context:hover i{color:#fff}.rts-media-btn-context:active{transform:translateY(0) scale(.98)}.rts-media-image{width:100%;height:auto;max-height:280px;object-fit:cover;display:block;transition:transform .2s ease;cursor:pointer}.rts-media-image:hover{transform:scale(1.02)}.rts-media-grid-1 .rts-media-image{max-height:400px;object-fit:contain}.rts-media-toggle{display:block;width:100%;padding:6px 0;border:none;background:none;color:var(--rts-agent-accent, #8b5cf6);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:opacity .15s ease}.rts-media-toggle:hover{opacity:.8}.rts-media-cost{display:flex;justify-content:flex-end;padding-top:4px}\n"] }]
+            args: [{ selector: 'rtsee-media-widget', standalone: true, imports: [NgClass, CostDisplayComponent], template: "<div class=\"rts-media-widget\">\n  <!-- Video player -->\n  @if (message.video) {\n    <div class=\"rts-media-video\">\n      <video\n        controls\n        playsinline\n        preload=\"metadata\"\n        [src]=\"message.video.url\"\n        class=\"rts-video-player\"\n      >\n        Your browser does not support video playback.\n      </video>\n    </div>\n  }\n\n  <!-- Image grid -->\n  @if (hasImages) {\n    <div class=\"rts-media-images\" [ngClass]=\"gridClass\">\n      @for (img of visibleImages; track img.id || img.url) {\n        <div class=\"rts-media-image-wrapper\">\n          <img [src]=\"previewUrl(img)\" [alt]=\"img.name\" class=\"rts-media-image\" loading=\"lazy\" />\n          <button\n            type=\"button\"\n            class=\"rts-media-btn-download\"\n            [class.rts-downloading]=\"downloadingUrl === img.url\"\n            title=\"Download original image\"\n            aria-label=\"Download original image\"\n            (click)=\"downloadOriginal($event, img)\"\n          >\n            <i class=\"pi\" [ngClass]=\"downloadingUrl === img.url ? 'pi-spin pi-spinner' : 'pi-download'\"></i>\n          </button>\n          <div class=\"rts-media-image-actions\">\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-paint\"\n              title=\"Send image to Illustrator (Review & Iterate)\"\n              (click)=\"sendToIllustrator($event, img)\"\n            >\n              <i class=\"pi pi-palette\"></i>\n              <span>+ paint</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"rts-media-btn-context\"\n              title=\"Add image to Illustrator context references\"\n              (click)=\"addToContext($event, img)\"\n            >\n              <i class=\"pi pi-plus\"></i>\n              <span>+ context</span>\n            </button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Show more / less toggle -->\n  @if (hiddenCount > 0 || showAll) {\n    <button class=\"rts-media-toggle\" (click)=\"toggleShowAll()\">\n      {{ showAll ? 'Show less' : 'Show ' + hiddenCount + ' more' }}\n    </button>\n  }\n\n  <!-- Cost display (optional, disabled when nested inside agentic widget) -->\n  @if (showCost && message.cost) {\n    <div class=\"rts-media-cost\">\n      <rtsee-cost-display [cost]=\"message.cost\"></rtsee-cost-display>\n    </div>\n  }\n</div>\n", styles: [".rts-media-widget{max-width:100%}.rts-media-video{border-radius:8px;overflow:hidden;margin-bottom:6px}.rts-video-player{width:100%;max-height:360px;border-radius:8px;background:#000;display:block}.rts-media-images{display:grid;gap:4px;border-radius:8px;overflow:hidden;margin-bottom:4px}.rts-media-grid-1{grid-template-columns:1fr}.rts-media-grid-2{grid-template-columns:1fr 1fr}.rts-media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.rts-media-image-wrapper{position:relative;overflow:hidden;border-radius:6px;background:var(--rts-bg-secondary, #1e1e2e)}.rts-media-image-actions{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px}.rts-media-btn-paint{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9d5ff;border:1px solid rgba(168,85,247,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-paint i{font-size:11px;color:#c084fc}.rts-media-btn-paint span{line-height:1}.rts-media-btn-paint:hover{background:#9333eae6;color:#fff;border-color:#a855f7;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #a855f773}.rts-media-btn-paint:hover i{color:#fff}.rts-media-btn-paint:active{transform:translateY(0) scale(.98)}.rts-media-btn-context{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bae6fd;border:1px solid rgba(56,189,248,.45);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-context i{font-size:11px;color:#38bdf8}.rts-media-btn-context span{line-height:1}.rts-media-btn-context:hover{background:#0ea5e9e6;color:#fff;border-color:#38bdf8;transform:translateY(-1px) scale(1.04);box-shadow:0 4px 12px #38bdf873}.rts-media-btn-context:hover i{color:#fff}.rts-media-btn-context:active{transform:translateY(0) scale(.98)}.rts-media-btn-download{position:absolute;left:8px;bottom:8px;z-index:5;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#12121cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d1fae5;border:1px solid rgba(52,211,153,.45);border-radius:50%;cursor:pointer;opacity:.85;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000080}.rts-media-btn-download i{font-size:12px;color:#34d399}.rts-media-btn-download:hover{opacity:1;background:#10b981e6;border-color:#34d399;transform:translateY(-1px) scale(1.08);box-shadow:0 4px 12px #34d39973}.rts-media-btn-download:hover i{color:#fff}.rts-media-btn-download:active{transform:translateY(0) scale(.96)}.rts-media-btn-download.rts-downloading{cursor:progress;opacity:1}.rts-media-image{width:100%;height:auto;max-height:280px;object-fit:cover;display:block;transition:transform .2s ease;cursor:pointer}.rts-media-image:hover{transform:scale(1.02)}.rts-media-grid-1 .rts-media-image{max-height:400px;object-fit:contain}.rts-media-toggle{display:block;width:100%;padding:6px 0;border:none;background:none;color:var(--rts-agent-accent, #8b5cf6);font-size:12px;font-weight:500;cursor:pointer;text-align:center;transition:opacity .15s ease}.rts-media-toggle:hover{opacity:.8}.rts-media-cost{display:flex;justify-content:flex-end;padding-top:4px}\n"] }]
         }], propDecorators: { message: [{
                 type: Input
             }], messenger: [{
@@ -2308,12 +2382,16 @@ class StorytellerStoryLinkStepComponent {
     get storyUrl() {
         return this.story.storyId ? `/story/${this.story.storyId}` : '';
     }
+    get kicker() {
+        const language = this.story.language ? getStoryTranslatorLanguage(this.story.language) : undefined;
+        return language ? `Translated to ${language.nativeName}` : 'Your story is ready';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StorytellerStoryLinkStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StorytellerStoryLinkStepComponent, isStandalone: true, selector: "rtsee-storyteller-story-link-step", inputs: { step: "step", workflow: "workflow", chat: "chat", messenger: "messenger" }, ngImport: i0, template: "@if (storyUrl) {\n  <a class=\"rts-story-link-card\" [href]=\"storyUrl\" target=\"_blank\" rel=\"noopener\">\n    <div class=\"rts-story-link-icon\">\uD83D\uDCD6</div>\n    <div class=\"rts-story-link-body\">\n      <span class=\"rts-story-link-kicker\">Your story is ready</span>\n      <span class=\"rts-story-link-title\">{{ story.name || 'Open story' }}</span>\n      @if (story.description) {\n        <span class=\"rts-story-link-description\">{{ story.description }}</span>\n      }\n      @if (story.slidesCount) {\n        <span class=\"rts-story-link-meta\">{{ story.slidesCount }} slides</span>\n      }\n    </div>\n    <span class=\"rts-story-link-arrow pi pi-arrow-right\"></span>\n  </a>\n} @else {\n  <div class=\"rts-storyteller-hint\">The story link will appear here once the story is created.</div>\n}\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StorytellerStoryLinkStepComponent, isStandalone: true, selector: "rtsee-storyteller-story-link-step", inputs: { step: "step", workflow: "workflow", chat: "chat", messenger: "messenger" }, ngImport: i0, template: "@if (storyUrl) {\n  <a class=\"rts-story-link-card\" [href]=\"storyUrl\" target=\"_blank\" rel=\"noopener\">\n    <div class=\"rts-story-link-icon\">\uD83D\uDCD6</div>\n    <div class=\"rts-story-link-body\">\n      <span class=\"rts-story-link-kicker\">{{ kicker }}</span>\n      <span class=\"rts-story-link-title\">{{ story.name || 'Open story' }}</span>\n      @if (story.description) {\n        <span class=\"rts-story-link-description\">{{ story.description }}</span>\n      }\n      @if (story.slidesCount) {\n        <span class=\"rts-story-link-meta\">{{ story.slidesCount }} slides</span>\n      }\n    </div>\n    <span class=\"rts-story-link-arrow pi pi-arrow-right\"></span>\n  </a>\n} @else {\n  <div class=\"rts-storyteller-hint\">The story link will appear here once the story is created.</div>\n}\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StorytellerStoryLinkStepComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-storyteller-story-link-step', standalone: true, template: "@if (storyUrl) {\n  <a class=\"rts-story-link-card\" [href]=\"storyUrl\" target=\"_blank\" rel=\"noopener\">\n    <div class=\"rts-story-link-icon\">\uD83D\uDCD6</div>\n    <div class=\"rts-story-link-body\">\n      <span class=\"rts-story-link-kicker\">Your story is ready</span>\n      <span class=\"rts-story-link-title\">{{ story.name || 'Open story' }}</span>\n      @if (story.description) {\n        <span class=\"rts-story-link-description\">{{ story.description }}</span>\n      }\n      @if (story.slidesCount) {\n        <span class=\"rts-story-link-meta\">{{ story.slidesCount }} slides</span>\n      }\n    </div>\n    <span class=\"rts-story-link-arrow pi pi-arrow-right\"></span>\n  </a>\n} @else {\n  <div class=\"rts-storyteller-hint\">The story link will appear here once the story is created.</div>\n}\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n"] }]
+            args: [{ selector: 'rtsee-storyteller-story-link-step', standalone: true, template: "@if (storyUrl) {\n  <a class=\"rts-story-link-card\" [href]=\"storyUrl\" target=\"_blank\" rel=\"noopener\">\n    <div class=\"rts-story-link-icon\">\uD83D\uDCD6</div>\n    <div class=\"rts-story-link-body\">\n      <span class=\"rts-story-link-kicker\">{{ kicker }}</span>\n      <span class=\"rts-story-link-title\">{{ story.name || 'Open story' }}</span>\n      @if (story.description) {\n        <span class=\"rts-story-link-description\">{{ story.description }}</span>\n      }\n      @if (story.slidesCount) {\n        <span class=\"rts-story-link-meta\">{{ story.slidesCount }} slides</span>\n      }\n    </div>\n    <span class=\"rts-story-link-arrow pi pi-arrow-right\"></span>\n  </a>\n} @else {\n  <div class=\"rts-storyteller-hint\">The story link will appear here once the story is created.</div>\n}\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n"] }]
         }], propDecorators: { step: [{
                 type: Input
             }], workflow: [{
@@ -2324,6 +2402,232 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 type: Input
             }] } });
 
+const SEARCH_DEBOUNCE_MS = 250;
+/**
+ * Story Translator step 1: pick a story (autocomplete by name) and the target language.
+ */
+class StoryTranslatorFormStepComponent {
+    constructor(cdr, host) {
+        this.cdr = cdr;
+        this.host = host;
+        this.languages = STORY_TRANSLATOR_LANGUAGES;
+        this.form = new FormGroup({
+            /* eslint-disable */
+            storyQuery: new FormControl(''),
+            storyId: new FormControl('', Validators.required),
+            language: new FormControl('', Validators.required),
+            agentId: new FormControl('', Validators.required),
+            /* eslint-enable */
+        });
+        this.selectedStory = null;
+        this.suggestions = [];
+        this.suggestionsOpened = false;
+        this.highlightedIndex = 0;
+        this.searchInProgress = false;
+        this.searchError = null;
+        this.searchTimer = null;
+        this.searchRequestId = 0;
+        this.onChangedBound = () => this.onWorkflowChanged();
+    }
+    get agents() {
+        return (this.chat?.members || []).filter((m) => m.isAgent);
+    }
+    get readonly() {
+        return !this.step?.isActive || !!this.workflow?.submitInProgress;
+    }
+    get canCancel() {
+        return !!this.workflow?.isDraft && !this.workflow?.submitInProgress && !!this.messenger;
+    }
+    get selectedLanguage() {
+        return this.languages.find((l) => l.code === this.form.get('language')?.value);
+    }
+    ngOnInit() {
+        this.workflow?.on(OzzyWorkflowClientEvents.CHANGED, this.onChangedBound);
+        const agents = this.agents;
+        if (agents.length === 1) {
+            this.form.get('agentId')?.setValue(agents[0].id);
+        }
+        this.syncWithStep();
+    }
+    ngOnDestroy() {
+        this.workflow?.off(OzzyWorkflowClientEvents.CHANGED, this.onChangedBound);
+        this.clearSearchTimer();
+    }
+    onStoryFocus() {
+        if (this.readonly) {
+            return;
+        }
+        this.suggestionsOpened = true;
+        if (!this.suggestions.length) {
+            this.scheduleSearch(0);
+        }
+    }
+    onStoryInput() {
+        // typing invalidates the previous selection
+        if (this.selectedStory) {
+            this.selectedStory = null;
+            this.form.get('storyId')?.setValue('');
+        }
+        this.suggestionsOpened = true;
+        this.scheduleSearch(SEARCH_DEBOUNCE_MS);
+    }
+    onStoryKeydown(event) {
+        if (!this.suggestionsOpened || !this.suggestions.length) {
+            if (event.key === 'ArrowDown') {
+                this.suggestionsOpened = true;
+                this.scheduleSearch(0);
+            }
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.highlightedIndex = (this.highlightedIndex + 1) % this.suggestions.length;
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.highlightedIndex = (this.highlightedIndex - 1 + this.suggestions.length) % this.suggestions.length;
+                break;
+            case 'Enter':
+                event.preventDefault();
+                this.selectStory(this.suggestions[this.highlightedIndex]);
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.suggestionsOpened = false;
+                break;
+        }
+    }
+    selectStory(story) {
+        if (!story || this.readonly) {
+            return;
+        }
+        this.selectedStory = story;
+        this.form.patchValue({ storyId: story.id, storyQuery: story.name }, { emitEvent: false });
+        this.form.get('storyId')?.markAsTouched();
+        this.suggestionsOpened = false;
+    }
+    clearStory() {
+        if (this.readonly) {
+            return;
+        }
+        this.selectedStory = null;
+        this.form.patchValue({ storyId: '', storyQuery: '' }, { emitEvent: false });
+        this.suggestionsOpened = true;
+        this.scheduleSearch(0);
+        setTimeout(() => this.storyInput?.nativeElement.focus());
+    }
+    onDocumentMouseDown(event) {
+        if (this.suggestionsOpened && !this.host.nativeElement.contains(event.target)) {
+            this.suggestionsOpened = false;
+        }
+    }
+    submit() {
+        if (this.readonly) {
+            return;
+        }
+        if (this.form.invalid || !this.selectedStory) {
+            this.form.markAllAsTouched();
+            return;
+        }
+        void this.workflow.submitStep({
+            storyId: this.selectedStory.id,
+            storyName: this.selectedStory.name,
+            language: this.form.get('language')?.value,
+            agentId: this.form.get('agentId')?.value,
+        });
+    }
+    cancel() {
+        if (!this.canCancel) {
+            return;
+        }
+        this.messenger?.discardDraftWorkflow(this.workflow);
+    }
+    isInvalid(name) {
+        const control = this.form.get(name);
+        return !!control && control.invalid && control.touched;
+    }
+    scheduleSearch(delay) {
+        this.clearSearchTimer();
+        this.searchTimer = setTimeout(() => void this.search(), delay);
+    }
+    clearSearchTimer() {
+        if (this.searchTimer) {
+            clearTimeout(this.searchTimer);
+            this.searchTimer = null;
+        }
+    }
+    async search() {
+        if (!this.messenger) {
+            return;
+        }
+        const requestId = ++this.searchRequestId;
+        const query = this.form.get('storyQuery')?.value || '';
+        this.searchInProgress = true;
+        this.searchError = null;
+        this.cdr.markForCheck();
+        try {
+            const stories = await this.messenger.ozzy.searchStories(query);
+            if (requestId !== this.searchRequestId) {
+                return;
+            }
+            this.suggestions = stories;
+            this.highlightedIndex = 0;
+        }
+        catch (e) {
+            if (requestId !== this.searchRequestId) {
+                return;
+            }
+            this.suggestions = [];
+            this.searchError = e?.friendlyMessage || e?.message || 'Failed to load stories.';
+        }
+        finally {
+            if (requestId === this.searchRequestId) {
+                this.searchInProgress = false;
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    onWorkflowChanged() {
+        this.syncWithStep();
+        this.cdr.detectChanges();
+    }
+    syncWithStep() {
+        const output = this.step?.output;
+        if (output?.storyId) {
+            this.selectedStory = { id: output.storyId, name: output.storyName || output.storyId };
+            this.form.patchValue({ storyId: output.storyId, storyQuery: output.storyName || '', language: output.language, agentId: output.agentId }, { emitEvent: false });
+        }
+        if (this.readonly) {
+            this.suggestionsOpened = false;
+            this.form.disable({ emitEvent: false });
+        }
+        else {
+            this.form.enable({ emitEvent: false });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryTranslatorFormStepComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: StoryTranslatorFormStepComponent, isStandalone: true, selector: "rtsee-story-translator-form-step", inputs: { step: "step", workflow: "workflow", chat: "chat", messenger: "messenger" }, host: { listeners: { "document:mousedown": "onDocumentMouseDown($event)" } }, viewQueries: [{ propertyName: "storyInput", first: true, predicate: ["storyInput"], descendants: true }], ngImport: i0, template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-translator-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-translator-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-translator-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Translate to</span>\n    <div class=\"rts-storyteller-select-wrap\">\n      <select class=\"rts-storyteller-input rts-storyteller-select\"\n              [class.rts-storyteller-invalid]=\"isInvalid('language')\"\n              formControlName=\"language\"\n              id=\"story-translator-language-{{ step.id }}\"\n      >\n        <option value=\"\" disabled>Select a language</option>\n        @for (language of languages; track language.code) {\n          <option [value]=\"language.code\">{{ language.nativeName }}</option>\n        }\n      </select>\n      <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n    </div>\n  </label>\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-translator-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-translator-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length\"\n              id=\"story-translator-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Translating\u2026\n        } @else {\n          \uD83C\uDF10 Translate{{ selectedLanguage ? ' to ' + selectedLanguage.nativeName : '' }}\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StoryTranslatorFormStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rtsee-story-translator-form-step', standalone: true, imports: [ReactiveFormsModule], template: "<form class=\"rts-storyteller-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\" autocomplete=\"off\">\n  <div class=\"rts-storyteller-field\">\n    <label class=\"rts-storyteller-label\" for=\"story-translator-story-{{ step.id }}\">Story</label>\n    <div class=\"rts-st-autocomplete\">\n      <span class=\"rts-st-autocomplete-icon pi\" [class.pi-search]=\"!searchInProgress\" [class.pi-spin]=\"searchInProgress\" [class.pi-spinner]=\"searchInProgress\"></span>\n      <input #storyInput\n             class=\"rts-storyteller-input rts-st-autocomplete-input\"\n             [class.rts-storyteller-invalid]=\"isInvalid('storyId')\"\n             [class.rts-st-autocomplete-selected]=\"!!selectedStory\"\n             formControlName=\"storyQuery\"\n             type=\"text\"\n             role=\"combobox\"\n             aria-autocomplete=\"list\"\n             [attr.aria-expanded]=\"suggestionsOpened\"\n             placeholder=\"Search stories by name\u2026\"\n             id=\"story-translator-story-{{ step.id }}\"\n             (focus)=\"onStoryFocus()\"\n             (input)=\"onStoryInput()\"\n             (keydown)=\"onStoryKeydown($event)\"\n      />\n      @if (selectedStory && !readonly) {\n        <button type=\"button\"\n                class=\"rts-st-autocomplete-clear pi pi-times\"\n                aria-label=\"Clear story\"\n                id=\"story-translator-clear-{{ step.id }}\"\n                (click)=\"clearStory()\"\n        ></button>\n      }\n\n      @if (suggestionsOpened && !readonly) {\n        <ul class=\"rts-st-autocomplete-panel\" role=\"listbox\">\n          @if (searchError) {\n            <li class=\"rts-st-autocomplete-empty rts-st-autocomplete-error\">{{ searchError }}</li>\n          } @else if (!suggestions.length && !searchInProgress) {\n            <li class=\"rts-st-autocomplete-empty\">No stories found</li>\n          }\n          @for (story of suggestions; track story.id; let i = $index) {\n            <li class=\"rts-st-autocomplete-option\"\n                role=\"option\"\n                [class.rts-st-autocomplete-option-active]=\"i === highlightedIndex\"\n                [attr.aria-selected]=\"story.id === selectedStory?.id\"\n                (mouseenter)=\"highlightedIndex = i\"\n                (mousedown)=\"$event.preventDefault(); selectStory(story)\"\n            >\n              @if (story.imageUrl) {\n                <img class=\"rts-st-autocomplete-thumb\" [src]=\"story.imageUrl\" [alt]=\"story.name\" loading=\"lazy\" />\n              } @else {\n                <span class=\"rts-st-autocomplete-thumb rts-st-autocomplete-thumb-empty\">\uD83D\uDCD6</span>\n              }\n              <span class=\"rts-st-autocomplete-option-body\">\n                <span class=\"rts-st-autocomplete-option-name\">{{ story.name }}</span>\n                @if (story.totalSlides) {\n                  <span class=\"rts-st-autocomplete-option-meta\">{{ story.totalSlides }} slides</span>\n                }\n              </span>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Translate to</span>\n    <div class=\"rts-storyteller-select-wrap\">\n      <select class=\"rts-storyteller-input rts-storyteller-select\"\n              [class.rts-storyteller-invalid]=\"isInvalid('language')\"\n              formControlName=\"language\"\n              id=\"story-translator-language-{{ step.id }}\"\n      >\n        <option value=\"\" disabled>Select a language</option>\n        @for (language of languages; track language.code) {\n          <option [value]=\"language.code\">{{ language.nativeName }}</option>\n        }\n      </select>\n      <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n    </div>\n  </label>\n\n  <label class=\"rts-storyteller-field\">\n    <span class=\"rts-storyteller-label\">Agent</span>\n    @if (agents.length) {\n      <div class=\"rts-storyteller-select-wrap\">\n        <select class=\"rts-storyteller-input rts-storyteller-select\"\n                [class.rts-storyteller-invalid]=\"isInvalid('agentId')\"\n                formControlName=\"agentId\"\n                id=\"story-translator-agent-{{ step.id }}\"\n        >\n          <option value=\"\" disabled>Select an agent</option>\n          @for (agent of agents; track agent.id) {\n            <option [value]=\"agent.id\">\n              {{ agent.name }}{{ agent.agentConfiguration?.model?.model ? ' \u00B7 ' + agent.agentConfiguration?.model?.model : '' }}\n            </option>\n          }\n        </select>\n        <span class=\"rts-storyteller-select-caret pi pi-chevron-down\"></span>\n      </div>\n    } @else {\n      <div class=\"rts-storyteller-hint\">There are no agentic members in this chat. Add an agent to continue.</div>\n    }\n  </label>\n\n  @if (workflow.submitError) {\n    <div class=\"rts-storyteller-error\">{{ workflow.submitError }}</div>\n  }\n\n  @if (step.isActive) {\n    <div class=\"rts-storyteller-actions rts-st-translator-actions\">\n      @if (canCancel) {\n        <button class=\"rts-st-cancel\"\n                type=\"button\"\n                id=\"story-translator-cancel-{{ step.id }}\"\n                (click)=\"cancel()\"\n        >Cancel</button>\n      }\n      <button class=\"rts-storyteller-submit\"\n              type=\"submit\"\n              [disabled]=\"workflow.submitInProgress || !agents.length\"\n              id=\"story-translator-submit-{{ step.id }}\"\n      >\n        @if (workflow.submitInProgress) {\n          <span class=\"rts-storyteller-spinner\"></span> Translating\u2026\n        } @else {\n          \uD83C\uDF10 Translate{{ selectedLanguage ? ' to ' + selectedLanguage.nativeName : '' }}\n        }\n      </button>\n    </div>\n  }\n</form>\n", styles: [":host{display:block;--rts-st-accent: #8b5cf6;--rts-st-accent-2: #6366f1}.rts-storyteller-form{display:flex;flex-direction:column;gap:12px}.rts-storyteller-field{display:flex;flex-direction:column;gap:5px}.rts-storyteller-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-counter{font-weight:500;letter-spacing:0;text-transform:none}.rts-storyteller-input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-primary, rgba(127, 127, 160, .06));color:var(--rts-text-primary);font:inherit;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.rts-storyteller-input:focus{border-color:var(--rts-st-accent);box-shadow:0 0 0 3px #8b5cf62e}.rts-storyteller-input:disabled{opacity:.75;cursor:default}.rts-storyteller-input.rts-storyteller-invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e1f}.rts-storyteller-textarea{min-height:80px;resize:vertical;line-height:1.5}.rts-storyteller-textarea-lg{min-height:160px;max-height:480px}.rts-storyteller-select-wrap{position:relative}.rts-storyteller-select{appearance:none;padding-right:32px;cursor:pointer}.rts-storyteller-select-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-hint{font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-storyteller-error{padding:6px 10px;border-radius:6px;font-size:12px;color:#f43f5e;background:#f43f5e14;border:1px solid rgba(244,63,94,.25)}.rts-storyteller-actions{display:flex;justify-content:flex-end}.rts-storyteller-submit{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent) 60%,#a78bfa);background-size:160% 160%;box-shadow:0 4px 14px -4px #6366f199;transition:transform .15s ease,box-shadow .15s ease,background-position .4s ease}.rts-storyteller-submit:hover:not(:disabled){transform:translateY(-1px);background-position:100% 0;box-shadow:0 6px 18px -4px #6366f1bf}.rts-storyteller-submit:disabled{opacity:.6;cursor:default;box-shadow:none}.rts-storyteller-spinner{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rts-st-spin .8s linear infinite}.rts-story-link-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(139,92,246,.3);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:rts-st-pop .4s cubic-bezier(.2,.9,.3,1.3)}.rts-story-link-card:hover{transform:translateY(-2px);border-color:var(--rts-st-accent);box-shadow:0 10px 28px -12px #8b5cf699}.rts-story-link-card:hover .rts-story-link-arrow{transform:translate(3px)}.rts-story-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;font-size:20px;background:linear-gradient(135deg,var(--rts-st-accent-2),var(--rts-st-accent))}.rts-story-link-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rts-story-link-kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rts-st-accent)}.rts-story-link-title{font-size:15px;font-weight:600;color:var(--rts-text-primary)}.rts-story-link-description{font-size:12px;color:var(--rts-text-secondary, #8a8fa3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rts-story-link-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-story-link-arrow{color:var(--rts-st-accent);transition:transform .2s ease}@keyframes rts-st-spin{to{transform:rotate(360deg)}}@keyframes rts-st-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}\n", ".rts-st-autocomplete{position:relative}.rts-st-autocomplete-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-input{padding-left:32px;padding-right:32px}.rts-st-autocomplete-input.rts-st-autocomplete-selected{font-weight:600}.rts-st-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:50%;font-size:10px;cursor:pointer;color:var(--rts-text-secondary, #8a8fa3);background:transparent;transition:background .15s ease,color .15s ease}.rts-st-autocomplete-clear:hover{color:var(--rts-text-primary);background:#8b5cf626}.rts-st-autocomplete-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;border-radius:10px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:var(--rts-bg-secondary, var(--rts-bg-primary, #1d1f2b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 32px -12px #00000073;animation:rts-st-panel-in .14s ease-out}.rts-st-autocomplete-option{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:background .12s ease}.rts-st-autocomplete-option.rts-st-autocomplete-option-active{background:linear-gradient(135deg,#6366f129,#8b5cf61a)}.rts-st-autocomplete-option[aria-selected=true] .rts-st-autocomplete-option-name{color:var(--rts-st-accent)}.rts-st-autocomplete-thumb{flex-shrink:0;width:30px;height:30px;border-radius:7px;object-fit:cover}.rts-st-autocomplete-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:15px;background:#8b5cf624}.rts-st-autocomplete-option-body{display:flex;flex-direction:column;min-width:0}.rts-st-autocomplete-option-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:var(--rts-text-primary)}.rts-st-autocomplete-option-meta{font-size:11px;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-empty{padding:8px;font-size:12px;font-style:italic;color:var(--rts-text-secondary, #8a8fa3)}.rts-st-autocomplete-error{font-style:normal;color:#f43f5e}.rts-st-translator-actions{gap:8px}.rts-st-cancel{padding:8px 16px;border-radius:9px;border:1px solid var(--rts-border-dim, rgba(120, 120, 160, .25));background:transparent;color:var(--rts-text-secondary, #8a8fa3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.rts-st-cancel:hover{color:var(--rts-text-primary);border-color:#f43f5e73;background:#f43f5e0f}@keyframes rts-st-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { step: [{
+                type: Input
+            }], workflow: [{
+                type: Input
+            }], chat: [{
+                type: Input
+            }], messenger: [{
+                type: Input
+            }], storyInput: [{
+                type: ViewChild,
+                args: ['storyInput']
+            }], onDocumentMouseDown: [{
+                type: HostListener,
+                args: ['document:mousedown', ['$event']]
+            }] } });
+
 /**
  * Registry of the components which render workflow steps inside the rts-workflow widget.
  */
@@ -2333,6 +2637,7 @@ class WorkflowStepsService {
             { name: 'workflow-task-step', component: WorkflowTaskStepComponent },
             { name: 'storyteller-form-step', component: StorytellerFormStepComponent },
             { name: 'storyteller-story-link-step', component: StorytellerStoryLinkStepComponent },
+            { name: 'story-translator-form-step', component: StoryTranslatorFormStepComponent },
         ];
     }
     register(widget) {
@@ -2508,8 +2813,22 @@ class MessageComponent {
         this.widgetsService = widgetsService;
         this.componentFactoryResolver = componentFactoryResolver;
         this.timeFormatService = timeFormatService;
+        this.widgetRef = null;
+        this.widgetHasMessageInput = false;
     }
     ngOnInit() { }
+    ngOnChanges(changes) {
+        // The message instance can be replaced (e.g. images got downsized versions) - forward it to the widget
+        if (changes['message'] && !changes['message'].firstChange && this.widgetRef) {
+            if (this.widgetHasMessageInput) {
+                this.widgetRef.setInput('message', this.message);
+            }
+            else {
+                this.widgetRef.instance.message = this.message;
+                this.widgetRef.changeDetectorRef.markForCheck();
+            }
+        }
+    }
     ngAfterViewInit() {
         /* eslint-disable */
         if (this.message.widget) {
@@ -2525,11 +2844,13 @@ class MessageComponent {
             componentRef.instance.messenger = this.messenger;
             componentRef.instance.chat = this.chat;
             componentRef.changeDetectorRef.detectChanges();
+            this.widgetRef = componentRef;
+            this.widgetHasMessageInput = !!reflectComponentType(widget)?.inputs.some((input) => input.propName === 'message');
         }
         /* eslint-enable */
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MessageComponent, deps: [{ token: MessageWidgetsService }, { token: i0.ComponentFactoryResolver }, { token: TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MessageComponent, isStandalone: true, selector: "rtsee-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rts-message-container\" #rtsMessageContainer\n     [ngClass]=\"{'rts-message-from-me': message.from.id === messenger.clientId}\"\n>\n  <div class=\"rts-messenger-message\">\n    @if (message.widget) {\n      <ng-template widgetHost></ng-template>\n    }\n    @if (!message.widget) {\n      <p class=\"rts-messenger-message-text\"\n      >{{ message.text }}</p>\n    }\n    <div class=\"rts-messenger-message-info\" #rtsMessageInfo>\n     <rtsee-message-time-and-status [message]=\"message\"\n                                    [inChat]=\"true\"\n                                    [hideStatus]=\"message.from.id !== messenger.clientId\"\n     ></rtsee-message-time-and-status>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MessageTimeAndStatusComponent, selector: "rtsee-message-time-and-status", inputs: ["message", "hideStatus", "inChat"] }, { kind: "directive", type: WidgetDirective, selector: "[widgetHost]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MessageComponent, isStandalone: true, selector: "rtsee-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"rts-message-container\" #rtsMessageContainer\n     [ngClass]=\"{'rts-message-from-me': message.from.id === messenger.clientId}\"\n>\n  <div class=\"rts-messenger-message\">\n    @if (message.widget) {\n      <ng-template widgetHost></ng-template>\n    }\n    @if (!message.widget) {\n      <p class=\"rts-messenger-message-text\"\n      >{{ message.text }}</p>\n    }\n    <div class=\"rts-messenger-message-info\" #rtsMessageInfo>\n     <rtsee-message-time-and-status [message]=\"message\"\n                                    [inChat]=\"true\"\n                                    [hideStatus]=\"message.from.id !== messenger.clientId\"\n     ></rtsee-message-time-and-status>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MessageTimeAndStatusComponent, selector: "rtsee-message-time-and-status", inputs: ["message", "hideStatus", "inChat"] }, { kind: "directive", type: WidgetDirective, selector: "[widgetHost]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
@@ -5869,7 +6190,7 @@ class SignInComponent {
         this.rememberField.enable();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignInComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignInComponent, isStandalone: true, selector: "rtsee-sign-in", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\" >\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n  <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n      <label for=\"remember\" class=\"ml-2\">\n        <span>\n          {{authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </span>\n      </label>\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-deep-blue-sm-medium\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"rtsee-form-label\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Create one!</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignInComponent, isStandalone: true, selector: "rtsee-sign-in", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n    <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container auth-options\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n        <label for=\"remember\" class=\"auth-checkbox-label\">\n          {{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </label>\n      </div>\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-link\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"auth-footer\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-link\"\n    >Create one!</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignInComponent, decorators: [{
             type: Component,
@@ -5885,7 +6206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         Checkbox,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\" >\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n  <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n      <label for=\"remember\" class=\"ml-2\">\n        <span>\n          {{authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </span>\n      </label>\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-deep-blue-sm-medium\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"rtsee-form-label\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Create one!</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_FORM_HEADER] }}</h2>\n    <p class=\"auth-title-description\">{{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.SIGN_IN_TEXT_SUBHEADER] }}</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signInForm\" (ngSubmit)=\"login()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup >\n        <p-floatlabel variant=\"on\">\n          <input id=\"user-email\"\n                 pInputText\n                 [formControl]=\"usernameField\"\n          />\n          <label for=\"user-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!usernameField.valid && usernameField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is invalid</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"user-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n          />\n          <label for=\"user-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (serverSideError) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >{{serverSideError}}</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container auth-options\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"remember\" [binary]=\"true\" [formControl]=\"rememberField\" />\n        <label for=\"remember\" class=\"auth-checkbox-label\">\n          {{ authService.rtseeAuth.labels[RTSeeTextLabelKeys.REMEMBER_ME_CHECKBOX_LABEL] }}\n        </label>\n      </div>\n      <a href=\"#\"\n         [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.FORGOT_PASSWORD)\"\n         class=\"auth-link\"\n      >Forgot password?</a>\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign In\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n  <p class=\"auth-footer\">\n    <span>Don't have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_UP)\"\n       class=\"auth-link\"\n    >Create one!</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class UtilsService {
@@ -6003,7 +6324,7 @@ class SignUpComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignUpComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignUpComponent, isStandalone: true, selector: "rtsee-sign-up", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Personal Account Registration</h2>\n  <p class=\"auth-title-description\">Create your personal account to view stories</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n      <label for=\"terms\" class=\"ml-2\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-deep-blue-sm-medium\">terms of use</a></label>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SignUpComponent, isStandalone: true, selector: "rtsee-sign-up", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Personal Account Registration</h2>\n    <p class=\"auth-title-description\">Create your personal account to view stories</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n        <label for=\"terms\" class=\"auth-checkbox-label\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-link\">terms of use</a></label>\n      </div>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SignUpComponent, decorators: [{
             type: Component,
@@ -6019,7 +6340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         Checkbox,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Personal Account Registration</h2>\n  <p class=\"auth-title-description\">Create your personal account to view stories</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n      <label for=\"terms\" class=\"ml-2\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-deep-blue-sm-medium\">terms of use</a></label>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Personal Account Registration</h2>\n    <p class=\"auth-title-description\">Create your personal account to view stories</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"signUpForm\" (ngSubmit)=\"signUp()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"sign-up-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"sign-up-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"sign-up-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordField.invalid && passwordField.touched) || (signUpForm.hasError('confirmPassword') && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"sign-up-password\">Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordField.hasError('required') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n      @if (passwordField.hasError('minlength') && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password must be at least 6 characters long</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmationField\"\n                      [feedback]=\"false\"\n                      [styleClass]=\"(passwordConfirmationField.invalid && passwordConfirmationField.touched) || (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (passwordConfirmationField.hasError('required') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (passwordConfirmationField.hasError('minlength') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation must be at least 6 characters long</p-message>\n      }\n      @if (signUpForm.hasError('confirmPassword') && passwordConfirmationField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n    <div class=\"rtsee-form-field-container\">\n      <div class=\"auth-checkbox\">\n        <p-checkbox inputId=\"terms\" [binary]=\"true\" [formControl]=\"termsField\" />\n        <label for=\"terms\" class=\"auth-checkbox-label\">I agree to the&nbsp;<a href=\"#\" [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.PRIVACY_POLICY)\" class=\"auth-link\">terms of use</a></label>\n      </div>\n      @if (termsField.hasError('required') && termsField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >You must accept the terms and conditions</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Sign Up\"\n                [disabled]=\"loadInProgress\"\n      />\n      @if (loadInProgress) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Already have an account?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class ForgotPasswordComponent {
@@ -6072,7 +6393,7 @@ class ForgotPasswordComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ForgotPasswordComponent, isStandalone: true, selector: "rtsee-forgot-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Recovery</h2>\n  <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ForgotPasswordComponent, isStandalone: true, selector: "rtsee-forgot-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Recovery</h2>\n    <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
@@ -6086,7 +6407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         FloatLabel,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Recovery</h2>\n  <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-deep-blue-sm-medium\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Recovery</h2>\n    <p class=\"auth-title-description\">Enter your email address to receive password reset instructions</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"emailForm\" (ngSubmit)=\"submitEmail()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <input id=\"forgot-password-email\"\n                 pInputText\n                 [formControl]=\"emailField\"\n                 [class.p-invalid]=\"emailField.invalid && emailField.touched\"\n          />\n          <label for=\"forgot-password-email\">Email</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (emailField.hasError('required') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Email is required</p-message>\n      }\n      @if (emailField.hasError('email') && emailField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Please enter a valid email address</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Send\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 var FormErrorKey;
@@ -6201,7 +6522,7 @@ class ResetPasswordComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ResetPasswordComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ResetPasswordComponent, isStandalone: true, selector: "rtsee-reset-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Reset</h2>\n  <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\" class=\"auth-deep-blue-sm-medium\">Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ResetPasswordComponent, isStandalone: true, selector: "rtsee-reset-password", ngImport: i0, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Reset</h2>\n    <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "component", type: Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "toggleMask", "inputStyleClass", "styleClass", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "tabindex", "appendTo"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "component", type: ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ResetPasswordComponent, decorators: [{
             type: Component,
@@ -6214,16 +6535,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         FloatLabel,
                         Message,
                         ProgressSpinner,
-                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container\">\n  <img [ngSrc]=\"authConfiguration.appLogo\"\n       alt=\"Company Logo\"\n       class=\"auth-logo\"\n       height=\"37\"\n       width=\"37\"\n  />\n  <h2 class=\"auth-title\">Password Reset</h2>\n  <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"rtsee-form-label\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\" class=\"auth-deep-blue-sm-medium\">Sign In</a>\n  </p>\n</div>\n" }]
+                        RouterLink,
+                    ], standalone: true, template: "<div class=\"auth-container rtsee-form-container rts-glass-card\">\n  <div class=\"auth-header\">\n    <img [ngSrc]=\"authConfiguration.appLogo\"\n         alt=\"Company Logo\"\n         class=\"auth-logo\"\n         height=\"37\"\n         width=\"37\"\n    />\n    <h2 class=\"auth-title\">Password Reset</h2>\n    <p class=\"auth-title-description\">Please enter a new password for your account.</p>\n  </div>\n\n  <form class=\"auth-form rtsee-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"resetPassword()\">\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"new-password\"\n                      [formControl]=\"passwordField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordField.invalid && passwordField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"new-password\">New Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordField.valid && passwordField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password is required</p-message>\n      }\n    </div>\n    <div class=\"rtsee-form-field-container\">\n      <p-inputgroup>\n        <p-floatlabel variant=\"on\">\n          <p-password id=\"confirm-password\"\n                      [formControl]=\"passwordConfirmField\"\n                      [feedback]=\"false\"\n                      [class]=\"(passwordConfirmField.invalid && passwordConfirmField.touched) || (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) ? 'p-invalid' : ''\"\n          />\n          <label for=\"confirm-password\">Confirm Password</label>\n        </p-floatlabel>\n      </p-inputgroup>\n      @if (!passwordConfirmField.valid && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Password confirmation is required</p-message>\n      }\n      @if (resetPasswordForm.hasError(FormErrorKey.passwordsMismatch) && passwordConfirmField.touched) {\n        <p-message class=\"rtsee-form-field-error-message\"\n                   severity=\"error\"\n                   variant=\"simple\"\n                   size=\"small\"\n        >Passwords do not match</p-message>\n      }\n    </div>\n\n    @if (successMessage) {\n      <p-message class=\"rtsee-form-success-message\"\n                 severity=\"success\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ successMessage }}</p-message>\n    }\n\n    @if (errorMessage) {\n      <p-message class=\"rtsee-form-error-message\"\n                 severity=\"error\"\n                 variant=\"simple\"\n                 size=\"small\"\n      >{{ errorMessage }}</p-message>\n    }\n\n    <div class=\"rtsee-form-submit-container\">\n      <p-button type=\"submit\"\n                label=\"Reset Password\"\n                [disabled]=\"isLoading\"\n      />\n      @if (isLoading) {\n        <p-progress-spinner class=\"rtsee-progress-spinner rtsee-progress-spinner-sm\"></p-progress-spinner>\n      }\n    </div>\n  </form>\n\n  <p class=\"auth-footer\">\n    <span>Remember your password?</span>\n    <span>&nbsp;</span>\n    <a href=\"#\"\n       [routerLink]=\"authConfiguration.getRoutePathSplit(AuthEndpointsKeys.SIGN_IN)\"\n       class=\"auth-link\"\n    >Sign In</a>\n  </p>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: RTSeeAuthService }] });
 
 class PrivacyPolicyComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrivacyPolicyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrivacyPolicyComponent, isStandalone: true, selector: "rtsee-privacy-policy", ngImport: i0, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <div class=\"flex justify-content-center align-items-center\">\n                    <h1>Terms of Use & Privacy Policy</h1>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.privacy-policy-container .policy-card{max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.privacy-policy-container .policy-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.privacy-policy-container .header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;overflow:hidden}.privacy-policy-container .header-section:before{content:\"\";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>');opacity:.3}.privacy-policy-container .header-section .header-content{position:relative;z-index:1}.privacy-policy-container .header-section h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-policy-container .content-section{padding:3rem}.privacy-policy-container .content-section .info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none;border-radius:15px;box-shadow:0 5px 15px #2196f31a;margin-bottom:2rem}.privacy-policy-container .content-section .info-banner .p-message-content{padding:1.5rem}.privacy-policy-container .content-section .info-banner .p-message-content .last-updated{font-size:1.1rem;font-weight:600;color:#1976d2;margin-bottom:1rem}.privacy-policy-container .content-section .info-banner .p-message-content p{color:#424242;line-height:1.6;margin:0}.privacy-policy-container .content-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;position:relative}.privacy-policy-container .content-section h2:before{content:\"\";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.privacy-policy-container .content-section h3{color:#34495e;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid #667eea;background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);padding:.75rem 1rem;border-radius:0 8px 8px 0}.privacy-policy-container .content-section p{color:#555;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.privacy-policy-container .content-section ul{margin:1rem 0 2rem;padding-left:0}.privacy-policy-container .content-section ul li{color:#555;line-height:1.6;margin-bottom:.75rem;padding-left:2rem;position:relative;font-size:1rem}.privacy-policy-container .content-section ul li:before{content:\"\\25b6\";position:absolute;left:0;color:#667eea;font-size:.8rem;top:.2rem}.privacy-policy-container .content-section ul li strong{color:#2c3e50;font-weight:600}.privacy-policy-container .content-section .contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:2rem;margin-top:3rem;border:1px solid #dee2e6;box-shadow:0 5px 15px #0000000d}.privacy-policy-container .content-section .contact-section h2{color:#2c3e50;margin-top:0;border-bottom:3px solid #28a745}.privacy-policy-container .content-section .contact-section h2:before{background:linear-gradient(90deg,#28a745,#20c997)}.privacy-policy-container .content-section .contact-section ul li:before{color:#28a745}.privacy-policy-container .content-section .footer-section{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.privacy-policy-container .content-section .footer-section p{color:#6c757d;font-style:italic;font-size:.9rem;margin:0}@media (max-width: 768px){.privacy-policy-container{padding:1rem .5rem}.privacy-policy-container .policy-card{border-radius:15px}.privacy-policy-container .header-section{padding:1.5rem}.privacy-policy-container .header-section h1{font-size:2rem}.privacy-policy-container .content-section{padding:2rem 1.5rem}.privacy-policy-container .content-section h2{font-size:1.5rem}.privacy-policy-container .content-section h3{font-size:1.2rem}}@media (max-width: 480px){.privacy-policy-container .header-section h1{font-size:1.8rem}.privacy-policy-container .content-section{padding:1.5rem 1rem}.privacy-policy-container .content-section h2{font-size:1.3rem}.privacy-policy-container .content-section h3{font-size:1.1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrivacyPolicyComponent, isStandalone: true, selector: "rtsee-privacy-policy", ngImport: i0, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card rts-glass-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <h1>Terms of Use & Privacy Policy</h1>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$2.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrivacyPolicyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rtsee-privacy-policy', imports: [ButtonModule, MessageModule], standalone: true, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <div class=\"flex justify-content-center align-items-center\">\n                    <h1>Terms of Use & Privacy Policy</h1>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n", styles: ["@charset \"UTF-8\";.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.privacy-policy-container .policy-card{max-width:1000px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.privacy-policy-container .policy-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.privacy-policy-container .header-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;overflow:hidden}.privacy-policy-container .header-section:before{content:\"\";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>');opacity:.3}.privacy-policy-container .header-section .header-content{position:relative;z-index:1}.privacy-policy-container .header-section h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-policy-container .content-section{padding:3rem}.privacy-policy-container .content-section .info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none;border-radius:15px;box-shadow:0 5px 15px #2196f31a;margin-bottom:2rem}.privacy-policy-container .content-section .info-banner .p-message-content{padding:1.5rem}.privacy-policy-container .content-section .info-banner .p-message-content .last-updated{font-size:1.1rem;font-weight:600;color:#1976d2;margin-bottom:1rem}.privacy-policy-container .content-section .info-banner .p-message-content p{color:#424242;line-height:1.6;margin:0}.privacy-policy-container .content-section h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #667eea;position:relative}.privacy-policy-container .content-section h2:before{content:\"\";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.privacy-policy-container .content-section h3{color:#34495e;font-size:1.3rem;font-weight:600;margin:2rem 0 1rem;padding-left:1rem;border-left:4px solid #667eea;background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);padding:.75rem 1rem;border-radius:0 8px 8px 0}.privacy-policy-container .content-section p{color:#555;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.privacy-policy-container .content-section ul{margin:1rem 0 2rem;padding-left:0}.privacy-policy-container .content-section ul li{color:#555;line-height:1.6;margin-bottom:.75rem;padding-left:2rem;position:relative;font-size:1rem}.privacy-policy-container .content-section ul li:before{content:\"\\25b6\";position:absolute;left:0;color:#667eea;font-size:.8rem;top:.2rem}.privacy-policy-container .content-section ul li strong{color:#2c3e50;font-weight:600}.privacy-policy-container .content-section .contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:2rem;margin-top:3rem;border:1px solid #dee2e6;box-shadow:0 5px 15px #0000000d}.privacy-policy-container .content-section .contact-section h2{color:#2c3e50;margin-top:0;border-bottom:3px solid #28a745}.privacy-policy-container .content-section .contact-section h2:before{background:linear-gradient(90deg,#28a745,#20c997)}.privacy-policy-container .content-section .contact-section ul li:before{color:#28a745}.privacy-policy-container .content-section .footer-section{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #e9ecef}.privacy-policy-container .content-section .footer-section p{color:#6c757d;font-style:italic;font-size:.9rem;margin:0}@media (max-width: 768px){.privacy-policy-container{padding:1rem .5rem}.privacy-policy-container .policy-card{border-radius:15px}.privacy-policy-container .header-section{padding:1.5rem}.privacy-policy-container .header-section h1{font-size:2rem}.privacy-policy-container .content-section{padding:2rem 1.5rem}.privacy-policy-container .content-section h2{font-size:1.5rem}.privacy-policy-container .content-section h3{font-size:1.2rem}}@media (max-width: 480px){.privacy-policy-container .header-section h1{font-size:1.8rem}.privacy-policy-container .content-section{padding:1.5rem 1rem}.privacy-policy-container .content-section h2{font-size:1.3rem}.privacy-policy-container .content-section h3{font-size:1.1rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}\n"] }]
+            args: [{ selector: 'rtsee-privacy-policy', imports: [ButtonModule, MessageModule], standalone: true, template: "<div class=\"privacy-policy-container\">\n    <div class=\"policy-card rts-glass-card\">\n        <div class=\"header-section\">\n            <div class=\"header-content\">\n                <h1>Terms of Use & Privacy Policy</h1>\n            </div>\n        </div>\n\n        <div class=\"content-section\">\n            <p-message severity=\"info\" [closable]=\"false\" class=\"info-banner\">\n                <ng-template pTemplate>\n                    <div class=\"p-message-content\">\n                        <p class=\"last-updated\"><strong>Last Updated:</strong> December 2024</p>\n                        <p>By using our services, you agree to the terms and conditions outlined in this document. Please read this Privacy Policy and Terms of Use carefully before using our platform.</p>\n                    </div>\n                </ng-template>\n            </p-message>\n\n            <h2>1. Acceptance of Terms</h2>\n            <p>By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>\n\n            <h2>2. Privacy Policy</h2>\n\n            <h3>2.1 Information We Collect</h3>\n            <p>We collect information you provide directly to us, such as when you create an account, use our services, or contact us for support. This may include:</p>\n            <ul>\n                <li><strong>Personal Information:</strong> Name, email address, phone number, and other contact details</li>\n                <li><strong>Account Information:</strong> Username, password, and profile information</li>\n                <li><strong>Usage Data:</strong> Information about how you use our services, including pages visited, time spent, and features used</li>\n                <li><strong>Device Information:</strong> IP address, browser type, operating system, and device identifiers</li>\n                <li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience</li>\n            </ul>\n\n            <h3>2.2 How We Use Your Information</h3>\n            <p>We use the information we collect to:</p>\n            <ul>\n                <li>Provide, maintain, and improve our services</li>\n                <li>Process transactions and send related information</li>\n                <li>Send technical notices, updates, security alerts, and support messages</li>\n                <li>Respond to your comments, questions, and requests</li>\n                <li>Monitor and analyze trends, usage, and activities</li>\n                <li>Personalize and improve your experience</li>\n                <li>Detect, investigate, and prevent fraudulent transactions and other illegal activities</li>\n            </ul>\n\n            <h3>2.3 Information Sharing and Disclosure</h3>\n            <p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except in the following circumstances:</p>\n            <ul>\n                <li><strong>Service Providers:</strong> We may share information with trusted third-party service providers who assist us in operating our platform</li>\n                <li><strong>Legal Requirements:</strong> We may disclose information when required by law or to protect our rights and safety</li>\n                <li><strong>Business Transfers:</strong> In connection with any merger, sale of assets, or acquisition of all or a portion of our business</li>\n                <li><strong>Consent:</strong> We may share information with your explicit consent</li>\n            </ul>\n\n            <h3>2.4 Data Security</h3>\n            <p>We implement appropriate technical and organizational security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet or electronic storage is 100% secure.</p>\n\n            <h3>2.5 Data Retention</h3>\n            <p>We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this privacy policy, unless a longer retention period is required or permitted by law.</p>\n\n            <h3>2.6 Your Rights</h3>\n            <p>Depending on your location, you may have certain rights regarding your personal information, including:</p>\n            <ul>\n                <li>The right to access and receive a copy of your personal information</li>\n                <li>The right to rectify or update your personal information</li>\n                <li>The right to erase your personal information</li>\n                <li>The right to restrict or object to the processing of your personal information</li>\n                <li>The right to data portability</li>\n                <li>The right to withdraw consent at any time</li>\n            </ul>\n\n            <h2>3. Terms of Service</h2>\n\n            <h3>3.1 User Accounts</h3>\n            <p>To access certain features of our service, you may be required to create an account. You are responsible for:</p>\n            <ul>\n                <li>Maintaining the confidentiality of your account credentials</li>\n                <li>All activities that occur under your account</li>\n                <li>Notifying us immediately of any unauthorized use of your account</li>\n                <li>Providing accurate and up-to-date information</li>\n            </ul>\n\n            <h3>3.2 Acceptable Use</h3>\n            <p>You agree not to use our service for any unlawful purpose or any purpose prohibited under this clause. You may not use our service in any manner that could damage, disable, overburden, or impair our servers or networks.</p>\n\n            <h3>3.3 Prohibited Activities</h3>\n            <p>The following activities are prohibited:</p>\n            <ul>\n                <li>Violating any applicable laws or regulations</li>\n                <li>Transmitting or procuring the sending of any unsolicited or unauthorized advertising</li>\n                <li>Attempting to gain unauthorized access to any portion of our service</li>\n                <li>Interfering with or disrupting the service or servers connected to the service</li>\n                <li>Using any automated system to access the service for any purpose</li>\n                <li>Impersonating any person or entity or misrepresenting your affiliation with a person or entity</li>\n            </ul>\n\n            <h3>3.4 Intellectual Property</h3>\n            <p>The service and its original content, features, and functionality are and will remain the exclusive property of our company and its licensors. The service is protected by copyright, trademark, and other laws.</p>\n\n            <h3>3.5 Termination</h3>\n            <p>We may terminate or suspend your account and bar access to the service immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever, including without limitation if you breach the Terms.</p>\n\n            <h3>3.6 Disclaimer</h3>\n            <p>The information on this service is provided on an \"as is\" basis. To the fullest extent permitted by law, this company excludes all representations, warranties, conditions and terms relating to our service and the use of this service.</p>\n\n            <h3>3.7 Limitation of Liability</h3>\n            <p>In no event shall our company, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential, or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your use of the service.</p>\n\n            <h2>4. Cookies and Tracking Technologies</h2>\n            <p>We use cookies and similar tracking technologies to track activity on our service and hold certain information. Cookies are files with a small amount of data which may include an anonymous unique identifier. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.</p>\n\n            <h2>5. Third-Party Services</h2>\n            <p>Our service may contain links to third-party websites or services that are not owned or controlled by us. We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party websites or services.</p>\n\n            <h2>6. Children's Privacy</h2>\n            <p>Our service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us.</p>\n\n            <h2>7. International Data Transfers</h2>\n            <p>Your information may be transferred to and processed in countries other than your own. We ensure that such transfers comply with applicable data protection laws and implement appropriate safeguards to protect your personal information.</p>\n\n            <h2>8. Changes to This Policy</h2>\n            <p>We reserve the right to update or change our Privacy Policy and Terms of Use at any time. We will notify you of any changes by posting the new Privacy Policy and Terms of Use on this page and updating the \"Last Updated\" date.</p>\n\n            <div class=\"contact-section\">\n                <h2>9. Contact Information</h2>\n                <p>If you have any questions about this Privacy Policy and Terms of Use, please contact us:</p>\n                <ul>\n                    <li><strong>Email:</strong> [Your Email Address]</li>\n                    <li><strong>Address:</strong> [Your Company Address]</li>\n                    <li><strong>Phone:</strong> [Your Contact Number]</li>\n                </ul>\n            </div>\n\n            <div class=\"footer-section\">\n                <p>This document was last updated on December 2024</p>\n            </div>\n        </div>\n    </div>\n</div>\n\n" }]
         }] });
 
 class RTSeeAuthComponent {
@@ -6250,7 +6572,7 @@ class RTSeeAuthComponent {
         this.authService.init(this.auth);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeAuthComponent, deps: [{ token: RTSeeAuthService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeAuthComponent, isStandalone: true, selector: "rtsee-auth", inputs: { auth: "auth" }, ngImport: i0, template: "<div class=\"rtsee-auth\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: SignInComponent, selector: "rtsee-sign-in" }, { kind: "component", type: SignUpComponent, selector: "rtsee-sign-up" }, { kind: "component", type: ForgotPasswordComponent, selector: "rtsee-forgot-password" }, { kind: "component", type: ResetPasswordComponent, selector: "rtsee-reset-password" }, { kind: "component", type: PrivacyPolicyComponent, selector: "rtsee-privacy-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: RTSeeAuthComponent, isStandalone: true, selector: "rtsee-auth", inputs: { auth: "auth" }, ngImport: i0, template: "<div class=\"rtsee-auth rts-theme-dark\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n", dependencies: [{ kind: "component", type: SignInComponent, selector: "rtsee-sign-in" }, { kind: "component", type: SignUpComponent, selector: "rtsee-sign-up" }, { kind: "component", type: ForgotPasswordComponent, selector: "rtsee-forgot-password" }, { kind: "component", type: ResetPasswordComponent, selector: "rtsee-reset-password" }, { kind: "component", type: PrivacyPolicyComponent, selector: "rtsee-privacy-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: RTSeeAuthComponent, decorators: [{
             type: Component,
@@ -6260,7 +6582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         ForgotPasswordComponent,
                         ResetPasswordComponent,
                         PrivacyPolicyComponent,
-                    ], standalone: true, template: "<div class=\"rtsee-auth\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"rtsee-auth rts-theme-dark\">\n  @if (authService.rtseeAuth) {\n    @if (activeComponent === 'sign-in') {\n      <rtsee-sign-in></rtsee-sign-in>\n    }\n    @if (activeComponent === 'sign-up') {\n      <rtsee-sign-up></rtsee-sign-up>\n    }\n    @if (activeComponent === 'forgot-password') {\n      <rtsee-forgot-password></rtsee-forgot-password>\n    }\n    @if (activeComponent === 'reset-password') {\n      <rtsee-reset-password></rtsee-reset-password>\n    }\n    @if (activeComponent === 'privacy-policy') {\n      <rtsee-privacy-policy></rtsee-privacy-policy>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: RTSeeAuthService }], propDecorators: { auth: [{
                 type: Input
             }] } });