http-request-manager 18.4.2 → 18.4.4

package/fesm2022/http-request-manager.mjs

@@ -4028,7 +4028,7 @@ class OIDCClient {
     }
 }
 
-class StateRequestService extends HTTPManagerStateService {
+class StateRequestServiceDemo extends HTTPManagerStateService {
     constructor() {
         super(ApiRequest.adapt({
             server: 'https://oidc.example.com',
@@ -4109,10 +4109,10 @@ class StateRequestService extends HTTPManagerStateService {
         console.log('deleteData', sampleOptions);
         this.deleteRecord(sampleOptions);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestServiceDemo, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestServiceDemo, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StateRequestServiceDemo, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4122,23 +4122,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class RequestManagerWsDemoComponent {
     constructor() {
         this.httpManagerService = inject(HTTPManagerService);
-        this.stateRequestService = inject(StateRequestService);
+        this.stateRequestServiceDemo = inject(StateRequestServiceDemo);
         this.fb = inject(FormBuilder);
-        this.user$ = this.stateRequestService.user$;
-        this.users$ = this.stateRequestService.userList$;
-        this.attempts$ = this.stateRequestService.attempts$;
-        this.nextRetry$ = this.stateRequestService.nextRetry$;
-        this.connectionStatus$ = this.stateRequestService.status$;
+        this.user$ = this.stateRequestServiceDemo.user$;
+        this.users$ = this.stateRequestServiceDemo.userList$;
+        this.attempts$ = this.stateRequestServiceDemo.attempts$;
+        this.nextRetry$ = this.stateRequestServiceDemo.nextRetry$;
+        this.connectionStatus$ = this.stateRequestServiceDemo.status$;
         this.messages = this.fb.group({
             toUser: this.fb.control(null, Validators.required),
             content: this.fb.control(null, Validators.required),
         });
-        this.data$ = this.stateRequestService.data$;
+        this.data$ = this.stateRequestServiceDemo.data$;
         this.fromMe = (user, fromUser) => {
             return user === fromUser;
         };
-        this.communicationMessages$ = this.stateRequestService.communicationMessages$;
-        this.latestCommunicationMessages$ = this.stateRequestService.latestCommunicationMessages$;
+        this.communicationMessages$ = this.stateRequestServiceDemo.communicationMessages$;
+        this.latestCommunicationMessages$ = this.stateRequestServiceDemo.latestCommunicationMessages$;
         this.chat$ = combineLatest([this.user$, this.communicationMessages$])
             .pipe(map$1(([user, messages]) => ({ user, messages })), map$1(obj => {
             if (!obj.user)
@@ -4185,14 +4185,14 @@ class RequestManagerWsDemoComponent {
         return this.toUser.valid;
     }
     ngOnInit() {
-        this.stateRequestService.updateConnection(this.server, this.wsServer, this.jwtToken);
-        this.stateRequestService.getData();
+        this.stateRequestServiceDemo.updateConnection(this.server, this.wsServer, this.jwtToken);
+        this.stateRequestServiceDemo.getData();
     }
     onGetData() {
-        this.stateRequestService.getData();
+        this.stateRequestServiceDemo.getData();
     }
     onAddData() {
-        this.stateRequestService.addData();
+        this.stateRequestServiceDemo.addData();
     }
     onUpdateData(data) {
         const num = RandomNumber(1000, 9999);
@@ -4203,14 +4203,14 @@ class RequestManagerWsDemoComponent {
             "email": "mikeboni@hotmail.com",
             "first_name": "mike"
         };
-        this.stateRequestService.updateData(newData);
+        this.stateRequestServiceDemo.updateData(newData);
     }
     onSendMessage() {
         this.messages.markAllAsTouched();
         if (this.messages.invalid)
             return;
         const message = ChannelMessage.adapt(this.messages.value);
-        this.stateRequestService.sendMessage(message);
+        this.stateRequestServiceDemo.sendMessage(message);
         this.content.reset();
     }
     onSendAlert() {
@@ -4218,12 +4218,12 @@ class RequestManagerWsDemoComponent {
         if (this.messages.invalid)
             return;
         const message = ChannelMessage.adapt({ ...this.messages.value, type: CommunicationType.ALERT });
-        this.stateRequestService.sendMessage(message);
+        this.stateRequestServiceDemo.sendMessage(message);
         this.content.reset();
     }
     onRemoveData(data) {
         const lastRec = data[data.length - 1];
-        this.stateRequestService.deleteData(lastRec);
+        this.stateRequestServiceDemo.deleteData(lastRec);
     }
     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: "14.0.0", version: "18.2.14", type: RequestManagerWsDemoComponent, selector: "app-request-manager-ws-demo", inputs: { server: "server", wsServer: "wsServer", jwtToken: "jwtToken" }, 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    <span *ngIf=\"(connectionStatus$ | async) as connected; else NOT_CONNECTED\">\n      WS -\n      <span style=\"color: green;\">Connected</span>\n    </span>\n    <ng-template #NOT_CONNECTED>\n      <span style=\"color: red;\">Disconnected {{ attempts$ | async }} - {{ nextRetry$ |async }}</span>\n    </ng-template>\n  </h2>\n\n  <div>\n\n    <div *ngIf=\"(user$ | async) as userInfo\">\n      <mat-toolbar>\n        <div style=\"display: flex; flex:1\">\n          <div style=\"flex:1\">{{ userInfo.name }}</div>\n          <div>({{ userInfo.username }})</div>\n        </div>\n      </mat-toolbar>\n    </div>\n\n    <mat-tab-group animationDuration=\"0ms\">\n\n      <mat-tab label=\"WS - Data Control\">\n\n        <div *ngIf=\"(data$ | async) as data\" style=\"margin: 1rem; display: flex; gap: 1rem; flex-direction: column;\">\n\n          <div *ngIf=\"(users$ |async) as users\">\n            <mat-chip-set>\n              <mat-chip *ngFor=\"let user of users\">\n                {{ user.name }}\n              </mat-chip>\n            </mat-chip-set>\n          </div>\n\n          <div style=\"display: flex; gap: 1rem; margin-bottom: 1rem;\">\n            <button mat-stroked-button (click)=\"onGetData()\">Get Data</button>\n            <button mat-stroked-button color=\"accent\" (click)=\"onUpdateData(data)\">Update Data</button>\n            <button mat-stroked-button color=\"warn\" (click)=\"onRemoveData(data)\">Remove Data</button>\n            <button mat-stroked-button color=\"primary\" (click)=\"onAddData()\">Add Data</button>\n          </div>\n\n          <div style=\"display: flex; gap: 1rem; flex-direction: column;\">\n            <div>{{ data | json }}</div>\n            <h2>{{ data.length }}</h2>\n          </div>\n\n        </div>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Messaging\">\n\n        <div *ngIf=\"(data$ | async) as data\" style=\"margin: 1rem; display: flex; gap: 1rem; flex-direction: column;\">\n\n          <div *ngIf=\"(user$ | async) as userInfo\">\n\n            <div  *ngIf=\"(users$ | async) as users\">\n\n              <div style=\"display: flex; gap: 1rem\">\n\n                <div style=\"flex:1\" [formGroup]=\"messages\">\n                  <div style=\"display:flex\">\n                    <mat-form-field style=\"flex:1\" appearance=\"outline\">\n                      <mat-label>Users</mat-label>\n                      <mat-select formControlName=\"toUser\">\n                        <mat-option value=\"allChannels\" #selectedUser>\n                          All Users\n                        </mat-option>\n                        <mat-option *ngFor=\"let user of users\" [value]=\"user\">\n                          {{ user.username }}\n                        </mat-option>\n                      </mat-select>\n                    </mat-form-field>\n                  </div>\n                  <div style=\"display:flex\">\n                    <mat-form-field style=\"flex:1\" appearance=\"outline\">\n                      <mat-label>Send a Message</mat-label>\n                      <textarea\n                        matInput placeholder=\"Ex. It makes me feel...\"\n                        formControlName=\"content\"\n                        (keydown.enter)=\"onSendMessage(); $event.preventDefault()\"\n                        [disabled]=\"!isValid\"\n                      ></textarea>\n                    </mat-form-field>\n                  </div>\n                  <div style=\"display:flex; gap: .5rem;\">\n                    <div style=\"flex:1\"></div>\n                    <button mat-stroked-button (click)=\"onSendMessage()\" color=\"warn\">\n                      Send Alert\n                    </button>\n                    <button mat-stroked-button (click)=\"onSendAlert()\">\n                      Send Message\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <div *ngIf=\"(chat$ | async) as chat\" style=\"border: thin gray solid; padding: 1rem; margin-top: 1rem;\">\n                <!-- <app-messenger-chat\n                  [user]=\"chat.user\"\n                  [messages]=\"chat.messages\"\n                ></app-messenger-chat> -->\n              </div>\n\n            </div>\n\n          </div>\n\n        </div>\n\n      </mat-tab>\n\n      <mat-tab label=\"WS - Custom Channel Messaging\" [disabled]=\"true\">\n        WS - Custom Channel Messaging\n      </mat-tab>\n\n    </mat-tab-group>\n  </div>\n\n</div>\n\n\n<div style=\"margin: 1rem;\">\n  <h3>\n    user: {{ user$ | async | json}}\n  </h3>\n\n  <h3>\n    users: {{ users$ | async | json}}\n  </h3>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i4$1.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: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i8$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i8$1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }] }); }