http-request-manager 18.15.25 → 18.15.29

package/fesm2022/http-request-manager.mjs

@@ -942,6 +942,39 @@ class QueryParamsTrackerOptionsModel {
     }
 }
 
+class StreamConfigModel {
+    constructor(streamType = StreamType.AI_STREAMING, totalHeader = 'X-Total-Count') {
+        this.streamType = streamType;
+        this.totalHeader = totalHeader;
+    }
+    static adapt(item) {
+        return new StreamConfigModel(item?.streamType, item?.totalHeader);
+    }
+}
+
+class StreamProgressModel {
+    constructor(received = 0, total, percent = 0, stage = 'connecting') {
+        this.received = received;
+        this.total = total;
+        this.percent = percent;
+        this.stage = stage;
+    }
+    static adapt(item) {
+        return new StreamProgressModel(item?.received, item?.total, item?.percent, item?.stage);
+    }
+}
+
+class StreamOutputModel {
+    constructor(data = [], progress = new StreamProgressModel(), endpoint) {
+        this.data = data;
+        this.progress = progress;
+        this.endpoint = endpoint;
+    }
+    static adapt(item) {
+        return new StreamOutputModel(Array.isArray(item?.data) ? item.data : [], item?.progress ? StreamProgressModel.adapt(item.progress) : new StreamProgressModel(), item?.endpoint);
+    }
+}
+
 /**
  * Stateful processor for managing streaming data and events
  */
@@ -951,7 +984,7 @@ class StreamingProcessor {
         this.contentType = '';
         this.maxBufferSize = 10 * 1024 * 1024; // 10MB limit
         this.lastParsedLength = 0; // Track parsed position to avoid duplicates
-        this.streamConfig = config || { streamType: StreamType.AI_STREAMING };
+        this.streamConfig = config || new StreamConfigModel(StreamType.AI_STREAMING);
     }
     /**
      * Process HTTP events and extract streaming data with progress
@@ -984,16 +1017,16 @@ class StreamingProcessor {
                     const percent = total
                         ? Math.round((received / total) * 100)
                         : 0;
-                    const progress = {
+                    const progress = StreamProgressModel.adapt({
                         received,
                         total,
                         percent,
                         stage: 'streaming'
-                    };
-                    return {
+                    });
+                    return StreamOutputModel.adapt({
                         data: newItems.length > 0 ? newItems : [],
                         progress
-                    };
+                    });
                 }
                 return null;
             case HttpEventType.Response:
@@ -1002,15 +1035,15 @@ class StreamingProcessor {
                     const parsedData = this.parseBuffer();
                     // Calculate final progress
                     const received = this.totalFromHeader ? parsedData.length : event.loaded;
-                    const progress = {
+                    const progress = StreamProgressModel.adapt({
                         received,
                         percent: 100,
                         stage: 'complete'
-                    };
-                    return {
+                    });
+                    return StreamOutputModel.adapt({
                         data: parsedData.length > 0 ? parsedData : [],
                         progress
-                    };
+                    });
                 }
                 return null;
             default:
@@ -1318,23 +1351,23 @@ function isNdjsonFormat(buffer) {
  */
 // Stream with JSON format
 function streamJSON() {
-    return requestStreaming({ streamType: StreamType.JSON });
+    return requestStreaming(StreamConfigModel.adapt({ streamType: StreamType.JSON }));
 }
 // Stream with NDJSON format
 function streamNDJSON() {
-    return requestStreaming({ streamType: StreamType.NDJSON });
+    return requestStreaming(StreamConfigModel.adapt({ streamType: StreamType.NDJSON }));
 }
 // Stream AI responses
 function streamAI() {
-    return requestStreaming({ streamType: StreamType.AI_STREAMING });
+    return requestStreaming(StreamConfigModel.adapt({ streamType: StreamType.AI_STREAMING }));
 }
 // Stream Server-Sent Events
 function streamEvents() {
-    return requestStreaming({ streamType: StreamType.EVENT_STREAM });
+    return requestStreaming(StreamConfigModel.adapt({ streamType: StreamType.EVENT_STREAM }));
 }
 // Auto-detect streaming format
 function streamAuto() {
-    return requestStreaming({ streamType: StreamType.AUTO });
+    return requestStreaming(StreamConfigModel.adapt({ streamType: StreamType.AUTO }));
 }
 
 class ChannelInfo {
@@ -2936,12 +2969,12 @@ class RequestService extends WebsocketService {
         this.isPending$ = this.isPending.asObservable();
         this.progress = new BehaviorSubject(0);
         this.progress$ = this.progress.asObservable();
-        this.streamProgress = new BehaviorSubject({
+        this.streamProgress = new BehaviorSubject(StreamProgressModel.adapt({
             received: 0,
             total: undefined,
             percent: 0,
             stage: 'connecting'
-        });
+        }));
         this.streamProgress$ = this.streamProgress.asObservable();
     }
     // Implementation
@@ -2957,7 +2990,7 @@ class RequestService extends WebsocketService {
                 reportProgress: true
             }).pipe(
             // tap(data => console.log('STREAM DATA', data)),
-            requestStreaming({ streamType: options.streamType || StreamType.NDJSON, totalHeader: 'X-Total-Count' }), this.requestStreaming(options), this.handleFinalize())
+            requestStreaming(StreamConfigModel.adapt({ streamType: options.streamType || StreamType.NDJSON, totalHeader: 'X-Total-Count' })), this.requestStreaming(options), this.handleFinalize())
             : this.http.get(urlPath, headers).pipe(this.request(options));
     }
     createRecordRequest(options, data) {
@@ -2970,7 +3003,7 @@ class RequestService extends WebsocketService {
                 observe: 'events',
                 responseType: 'text',
                 reportProgress: true
-            }).pipe(requestStreaming({ streamType: options.streamType || StreamType.NDJSON, totalHeader: 'X-Total-Count' }), this.requestStreaming(options), this.handleFinalize())
+            }).pipe(requestStreaming(StreamConfigModel.adapt({ streamType: options.streamType || StreamType.NDJSON, totalHeader: 'X-Total-Count' })), this.requestStreaming(options), this.handleFinalize())
             : this.http.post(urlPath, data, headers).pipe(this.request(options));
     }
     updateRecordRequest(options, data) {
@@ -4249,7 +4282,7 @@ class RequestSignalsService extends WebsocketService {
                 observe: 'events',
                 responseType: 'text',
                 reportProgress: true
-            }).pipe(requestStreaming({ streamType: options.streamType || StreamType.AI_STREAMING }), this.requestStreamingOperator(options), this.handleFinalize())
+            }).pipe(requestStreaming(StreamConfigModel.adapt({ streamType: options.streamType || StreamType.AI_STREAMING })), this.requestStreamingOperator(options), this.handleFinalize())
             : this.http.get(urlPath, headers).pipe(this.request(options), this.handleFinalize());
     }
     // Implementation
@@ -4263,7 +4296,7 @@ class RequestSignalsService extends WebsocketService {
                 observe: 'events',
                 responseType: 'text',
                 reportProgress: true
-            }).pipe(requestStreaming({ streamType: options.streamType || StreamType.AI_STREAMING }), this.requestStreamingOperator(options), this.handleFinalize())
+            }).pipe(requestStreaming(StreamConfigModel.adapt({ streamType: options.streamType || StreamType.AI_STREAMING })), this.requestStreamingOperator(options), this.handleFinalize())
             : this.http.post(urlPath, data, headers).pipe(this.request(options), this.handleFinalize());
     }
     updateRecordRequest(options, data) {
@@ -5083,6 +5116,39 @@ class OperationResultModel {
     }
 }
 
+class StreamEventMetadataModel {
+    constructor(timestamp = new Date(), streamType = StreamType.AI_STREAMING, contentLength) {
+        this.timestamp = timestamp;
+        this.streamType = streamType;
+        this.contentLength = contentLength;
+    }
+    static adapt(item) {
+        return new StreamEventMetadataModel(item?.timestamp, item?.streamType, item?.contentLength);
+    }
+}
+
+class StreamEventModel {
+    constructor(type = 'data', data = null, metadata) {
+        this.type = type;
+        this.data = data;
+        this.metadata = metadata;
+    }
+    static adapt(item) {
+        return new StreamEventModel(item?.type, item?.data, item?.metadata ? StreamEventMetadataModel.adapt(item.metadata) : undefined);
+    }
+}
+
+class ParsingResultModel {
+    constructor(success = false, data, error) {
+        this.success = success;
+        this.data = data;
+        this.error = error;
+    }
+    static adapt(item) {
+        return new ParsingResultModel(item?.success, Array.isArray(item?.data) ? item.data : undefined, item?.error);
+    }
+}
+
 class ObjectMergerService {
     constructor(configOptions) {
         this.configOptions = configOptions;
@@ -6452,53 +6518,40 @@ class QueryParamsTrackerService {
             sessionStorage.removeItem(TRACKER_SESSION_INIT_KEY);
         }
     }
-    clearPath(pathKey) {
-        this.deletePathFromStore(pathKey);
-    }
-    deletePathFromStore(pathKey) {
-        this.localStorageManager.store$(TRACKER_STORE_NAME)
-            .pipe(take(1))
-            .subscribe((storedState) => {
-            if (!storedState?.paths?.[pathKey])
-                return;
-            const updatedPaths = { ...storedState.paths };
-            delete updatedPaths[pathKey];
-            const updatedState = { ...storedState, paths: updatedPaths };
-            this.localStorageManager.updateStore({ name: TRACKER_STORE_NAME, data: updatedState });
-            if (this.stateRestored && this.state.paths[pathKey]) {
-                delete this.state.paths[pathKey];
-            }
-        });
+    clearTrackingForPath(pathKey) {
+        this.ensureStateRestored();
+        if (this.state.paths[pathKey]) {
+            delete this.state.paths[pathKey];
+            this.persistState();
+        }
     }
     checkRequestOptions(requestOptions = [], options = {}) {
         this.ensureStateRestored();
-        return this.ready$.pipe(filter(ready => ready === true), take(1), map(() => {
-            const normalized = this.normalizeRequestOptions(requestOptions);
-            if (!normalized.pathKey)
-                return false;
-            this.cleanupExpiredEntries();
-            if (!normalized.hasQuery) {
-                const pathState = this.ensurePathState(normalized.pathKey);
-                const pathSeenBefore = pathState.consumedValuesByKey.hasOwnProperty('__path_seen__');
-                if (!pathSeenBefore) {
-                    pathState.consumedValuesByKey['__path_seen__'] = ['true'];
-                    this.persistState();
-                }
-                return !pathSeenBefore;
-            }
-            if (options.mode === 'exact') {
-                return this.checkExact(normalized, options);
+        if (!this.ready$.value) {
+            return true;
+        }
+        const normalized = this.normalizeRequestOptions(requestOptions);
+        if (!normalized.pathKey)
+            return false;
+        this.cleanupExpiredEntries();
+        if (!normalized.hasQuery) {
+            const pathState = this.ensurePathState(normalized.pathKey);
+            const pathSeenBefore = Object.keys(pathState.consumedValuesByKey).length > 0;
+            if (!pathSeenBefore) {
+                this.persistState();
             }
-            return this.checkVariation(normalized, options);
-        }));
+            return !pathSeenBefore;
+        }
+        if (options.mode === 'exact') {
+            return this.checkExact(normalized, options);
+        }
+        return this.checkVariation(normalized, options);
     }
     matchesPath(requestOptions = [], expectedPathOptions = []) {
         this.ensureStateRestored();
-        return this.ready$.pipe(filter(ready => ready === true), take(1), map(() => {
-            const requestPath = this.normalizeRequestOptions(requestOptions).pathKey;
-            const expectedPath = this.normalizeRequestOptions(expectedPathOptions).pathKey;
-            return Boolean(requestPath) && requestPath === expectedPath;
-        }));
+        const requestPath = this.normalizeRequestOptions(requestOptions).pathKey;
+        const expectedPath = this.normalizeRequestOptions(expectedPathOptions).pathKey;
+        return Boolean(requestPath) && requestPath === expectedPath;
     }
     checkExact(normalized, options) {
         const pathState = this.ensurePathState(normalized.pathKey);
@@ -8398,7 +8451,7 @@ class HTTPManagerStateService extends ComponentStore {
                 }
             }
             if (Array.isArray(pathArray) && pathArray.length > 0) {
-                this.queryParamsTrackerService.clearPath(pathArray.join('/'));
+                this.queryParamsTrackerService.clearTrackingForPath(pathArray.join('/'));
                 this._requestCachePaths.delete(tableName);
             }
             if (!storeData)
@@ -8536,10 +8589,10 @@ class HTTPManagerStateService extends ComponentStore {
     }
     checkTrackerAllowsRequest(tableName, path, options, storeData) {
         if (options && 'watchParams' in options) {
-            return this.queryParamsTrackerService.checkRequestOptions(path, {
+            return of(this.queryParamsTrackerService.checkRequestOptions(path, {
                 watchParams: options.watchParams,
                 watchExpiresAt: options?.watchExpiresAt,
-            });
+            }));
         }
         const normalized = this.trackerNormalizePath(path);
         const ignoreQueryParams = Array.isArray(options?.ignoreQueryParams) ? options.ignoreQueryParams : [];
@@ -11995,11 +12048,11 @@ class RequestManagerWsDemoComponent {
         this.stateService.updateConnection(this.server, this.wsServer, this.jwtToken, this.user, this.path);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestManagerWsDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestManagerWsDemoComponent, selector: "app-request-manager-ws-demo", inputs: { server: "server", wsServer: "wsServer", jwtToken: "jwtToken", user: "user", path: "path" }, ngImport: i0, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if ((isPending$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i3$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WsDataControlComponent, selector: "app-ws-data-control", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsMessagingComponent, selector: "app-ws-messaging", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsNotificationsComponent, selector: "app-ws-notifications", inputs: ["server", "wsServer", "jwtToken", "user"] }, { kind: "component", type: WsAiMessagingComponent, selector: "app-ws-ai-messaging" }, { kind: "component", type: WsChatsComponent, selector: "app-ws-chats" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestManagerWsDemoComponent, selector: "app-request-manager-ws-demo", inputs: { server: "server", wsServer: "wsServer", jwtToken: "jwtToken", user: "user", path: "path" }, ngImport: i0, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n", styles: [""], dependencies: [{ kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i8$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i3$2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: WsDataControlComponent, selector: "app-ws-data-control", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsMessagingComponent, selector: "app-ws-messaging", inputs: ["server", "wsServer", "jwtToken", "user", "path"] }, { kind: "component", type: WsNotificationsComponent, selector: "app-ws-notifications", inputs: ["server", "wsServer", "jwtToken", "user"] }, { kind: "component", type: WsAiMessagingComponent, selector: "app-ws-ai-messaging" }, { kind: "component", type: WsChatsComponent, selector: "app-ws-chats" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestManagerWsDemoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-request-manager-ws-demo', standalone: false, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if ((isPending$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n" }]
+            args: [{ selector: 'app-request-manager-ws-demo', standalone: false, template: "<div style=\"margin: 2rem;\">\n\n  <h2 style=\"display: flex;\">\n    <span style=\"flex:1\">HTTP Request State Manager - Websockets</span>\n    @if ((connectionStatus$ | async); as connected) {\n      <span>\n        WS -\n        <span style=\"color: green;\">Connected</span>\n      </span>\n    } @else {\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    }\n  </h2>\n\n  <div>\n\n    @if ((user$ | async); as userInfo) {\n      <div>\n        <mat-toolbar>\n          <div style=\"display: flex; flex:1\">\n            <div style=\"flex:1\">{{ userInfo.name }}</div>\n            <div>({{ userInfo.ldap }})</div>\n          </div>\n        </mat-toolbar>\n      </div>\n    }\n\n    @if (!(connectionStatus$ | async)) {\n      <div>\n        <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n      </div>\n    }\n\n    <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"1\">\n\n      <mat-tab label=\"WS - Data Control\">\n        <!-- DATA CONTROL -->\n        <app-ws-data-control\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-data-control>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n        <!-- MESSAGING -->\n        <app-ws-messaging\n          [server]=\"server\"\n          [wsServer]=\"wsServer\"\n          [jwtToken]=\"jwtToken\"\n          [user]=\"user\"\n          [path]=\"path\"\n        ></app-ws-messaging>\n\n    </mat-tab>\n\n    <mat-tab label=\"WS - Notifications\">\n      <!-- WS - Notifications -->\n      <app-ws-notifications\n        [server]=\"server\"\n        [wsServer]=\"wsServer\"\n        [jwtToken]=\"jwtToken\"\n        [user]=\"user\"\n      ></app-ws-notifications>\n    </mat-tab>\n\n    <mat-tab label=\"WS - Chats\" [disabled]=\"true\">\n      <!-- WS - Chats -->\n      <app-ws-chats></app-ws-chats>\n    </mat-tab>\n\n    <mat-tab label=\"WS - AI Messaging\" [disabled]=\"true\">\n      <!-- WS - AI Messaging -->\n      <app-ws-ai-messaging></app-ws-ai-messaging>\n    </mat-tab>\n\n  </mat-tab-group>\n</div>\n\n</div>\n\n" }]
         }], propDecorators: { server: [{
                 type: Input
             }], wsServer: [{
@@ -13212,5 +13265,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApiRequest, AppService, AsymmetricalEncryptionService, BatchOptions, BatchResult, CONFIG_SETTINGS_TOKEN, ChannelType, ConfigHTTPOptions, ConfigOptions, DataType, DatabaseDataDemoComponent, DatabaseManagerService, DatabaseStorage, DbService, ErrorDisplaySettings, GlobalStoreOptions, HTTPManagerService, HTTPManagerSignalsService, HTTPManagerStateService, HeadersService, HttpRequestManagerModule, HttpRequestServicesDemoComponent, InvalidFileInfoModel, LocalStorageDemoComponent, LocalStorageManagerService, LocalStorageOptions, LocalStorageSignalsDemoComponent, LocalStorageSignalsManagerService, LoggerService, NormalizedRequestOptionsModel, NotificationMessage, OperationResultModel, PathQueryService, PathTrackerStateModel, PublicMessage, QueryParamsTrackerOptionsModel, QueryTrackerStateModel, Random, RandomHSLColor, RandomHexColor, RandomNumber, RandomNumbers, RandomNumbersUnique, RandomPaletteColor, RandomSignature, RandomStr, RandomVisibleColor, RequestErrorInterceptor, RequestHeadersInterceptor, RequestManagerDemoComponent, RequestManagerStateDemoComponent, RequestOptions, RequestService, RequestSignalsService, RetryOptions, SettingOptions, StateMessage, StateOperationResult, StateStorageOptions, StorageData, StorageOption, StorageType, StoreStateManagerService, StoreStateManagerSignalsService, StoreStateSignalsDemoComponent, StreamType, SymmetricalEncryptionService, TableSchemaDef, UUID, UUID_STR, UploadDemoComponent, UploadValidationErrorModel, UserData, UtilsService, WSOptions, WebSocketMessageService, WithCredentialsInterceptor, calculateBatchProgress, countdown, createChannelName, delayedRetry, isErrorState, isPendingState, isSuccessState, requestPolling, requestStreaming, streamAI, streamAuto, streamEvents, streamJSON, streamNDJSON };
+export { ApiRequest, AppService, AsymmetricalEncryptionService, BatchOptions, BatchResult, CONFIG_SETTINGS_TOKEN, ChannelType, ConfigHTTPOptions, ConfigOptions, DataType, DatabaseDataDemoComponent, DatabaseManagerService, DatabaseStorage, DbService, ErrorDisplaySettings, GlobalStoreOptions, HTTPManagerService, HTTPManagerSignalsService, HTTPManagerStateService, HeadersService, HttpRequestManagerModule, HttpRequestServicesDemoComponent, InvalidFileInfoModel, LocalStorageDemoComponent, LocalStorageManagerService, LocalStorageOptions, LocalStorageSignalsDemoComponent, LocalStorageSignalsManagerService, LoggerService, NormalizedRequestOptionsModel, NotificationMessage, OperationResultModel, ParsingResultModel, PathQueryService, PathTrackerStateModel, PublicMessage, QueryParamsTrackerOptionsModel, QueryTrackerStateModel, Random, RandomHSLColor, RandomHexColor, RandomNumber, RandomNumbers, RandomNumbersUnique, RandomPaletteColor, RandomSignature, RandomStr, RandomVisibleColor, RequestErrorInterceptor, RequestHeadersInterceptor, RequestManagerDemoComponent, RequestManagerStateDemoComponent, RequestOptions, RequestService, RequestSignalsService, RetryOptions, SettingOptions, StateMessage, StateOperationResult, StateStorageOptions, StorageData, StorageOption, StorageType, StoreStateManagerService, StoreStateManagerSignalsService, StoreStateSignalsDemoComponent, StreamConfigModel, StreamEventMetadataModel, StreamEventModel, StreamOutputModel, StreamProgressModel, StreamType, SymmetricalEncryptionService, TableSchemaDef, UUID, UUID_STR, UploadDemoComponent, UploadValidationErrorModel, UserData, UtilsService, WSOptions, WebSocketMessageService, WithCredentialsInterceptor, calculateBatchProgress, countdown, createChannelName, delayedRetry, isErrorState, isPendingState, isSuccessState, requestPolling, requestStreaming, streamAI, streamAuto, streamEvents, streamJSON, streamNDJSON };
 //# sourceMappingURL=http-request-manager.mjs.map