@smartbit4all/ng-client 3.1.26 → 3.1.27

package/fesm2020/smartbit4all-ng-client.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Input, ViewChild, forwardRef, EventEmitter, Output, Directive, HostListener, ViewContainerRef, ViewEncapsulation, ViewChildren, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
-import { Subject, takeUntil, startWith, map, distinctUntilChanged, catchError, throwError, from, lastValueFrom } from 'rxjs';
+import { Subject, takeUntil, startWith, map, distinctUntilChanged, throwError, from, catchError as catchError$1, lastValueFrom } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpContext, HttpParams, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import { HttpHeaders, HttpContext, HttpParams, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import * as i3$1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, DatePipe, CommonModule } from '@angular/common';
 import * as i3 from '@angular/material/button';
@@ -16,7 +16,7 @@ import * as i7 from '@angular/material/core';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatCommonModule } from '@angular/material/core';
 import * as i2$1 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
-import * as i4 from '@angular/material/expansion';
+import * as i2$6 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i20 from '@angular/forms';
 import { FormGroup, FormControl, Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -60,7 +60,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i2$4 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
-import { catchError as catchError$1, switchMap } from 'rxjs/operators';
+import { catchError, switchMap } from 'rxjs/operators';
 import * as i2$5 from '@angular/material/tree';
 import { MatTreeNestedDataSource, MatTreeModule } from '@angular/material/tree';
 import { NestedTreeControl } from '@angular/cdk/tree';
@@ -6723,362 +6723,6 @@ var SmartActionType;
  * Public API Surface of smartdialog
  */
 
-class SmartDevToolService {
-    constructor(cookieService) {
-        this.cookieService = cookieService;
-        this.smartDevToolName = 'smartDevTool';
-        this.isSmartDevToolActiveName = 'smartDevToolActive';
-        this.isActive = false;
-        this.smartDevToolHoursName = 'smartDevToolHours';
-        this.smartDevToolMaxName = 'smartDevToolMaxCalls';
-        this.hoursToSave = 1;
-        this.maxNumOfSavedCalls = 50;
-        this._destroy$ = new Subject();
-        this.descriptorChanged = new SmartSubject(this._destroy$);
-        this.newErrorsCount = 0;
-        this.newErrorsCountChanged = new SmartSubject(this._destroy$);
-        this.setUpLocalStorage();
-        let apiCallsFromLocalStorage = localStorage.getItem(this.smartDevToolName);
-        if (apiCallsFromLocalStorage) {
-            this.descriptor = JSON.parse(apiCallsFromLocalStorage);
-        }
-        else {
-            this.descriptor = { apiCalls: [] };
-            this.save();
-        }
-        window.addEventListener('storage', (event) => {
-            if (event.storageArea === localStorage) {
-                this.isActive = localStorage.getItem(this.isSmartDevToolActiveName) === 'true';
-                let hoursToSaveString = localStorage.getItem(this.smartDevToolHoursName);
-                if (hoursToSaveString) {
-                    this.hoursToSave = Number.parseInt(hoursToSaveString);
-                }
-                let maxNumOfSavedCalls = localStorage.getItem(this.smartDevToolMaxName);
-                if (maxNumOfSavedCalls) {
-                    this.maxNumOfSavedCalls = Number.parseInt(maxNumOfSavedCalls);
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    setUpLocalStorage() {
-        let keysOfLocalStorage = Object.keys(localStorage);
-        if (!keysOfLocalStorage.includes(this.isSmartDevToolActiveName)) {
-            localStorage.setItem(this.isSmartDevToolActiveName, 'true');
-        }
-    }
-    writeResponse(request, response, requestDate, responseDate) {
-        this.sanitizeByLength();
-        this.sanitizeByTime();
-        let requestHeader = this.createObject(request.headers.keys(), request.headers, false);
-        let responseHeader = this.createObject(response.headers.keys(), response.headers, false);
-        let _localStorage = this.createObject(Object.keys(localStorage).filter((key) => key !== this.smartDevToolName), localStorage, true);
-        let _sessionStorage = this.createObject(Object.keys(sessionStorage), sessionStorage, true);
-        let _cookies = this.cookieService.getAll();
-        this.descriptor.apiCalls = [
-            {
-                url: response.url,
-                requestBody: request.body,
-                requestHeader,
-                requestDate,
-                requestMethod: request.method,
-                responseBody: response.body ?? null,
-                responseHeader,
-                responseStatus: response.status,
-                responseStatusText: response.statusText,
-                responseDate,
-                localStorage: _localStorage,
-                sessionStorage: _sessionStorage,
-                cookies: _cookies,
-            },
-            ...this.descriptor.apiCalls,
-        ];
-        if (response.status !== 200) {
-            this.newErrorsCount++;
-            this.newErrorsCountChanged.next();
-        }
-        this.save();
-    }
-    clearErrors() {
-        this.newErrorsCount = 0;
-        this.newErrorsCountChanged.next();
-    }
-    createObject(keys, mapWithValues, useGetItem) {
-        let newObject = {};
-        keys.forEach((key) => {
-            if (useGetItem) {
-                newObject[key] = mapWithValues.getItem(key);
-            }
-            else {
-                newObject[key] = mapWithValues.get(key);
-            }
-        });
-        return newObject;
-    }
-    sanitizeByTime() {
-        let now = new Date();
-        this.descriptor.apiCalls = this.descriptor.apiCalls.filter((apiCall) => {
-            let hoursBetween;
-            if (typeof apiCall.requestDate === 'string') {
-                hoursBetween = Math.floor(Math.abs(now.getMilliseconds() - new Date(apiCall.requestDate).getMilliseconds()) / 36e5);
-            }
-            else {
-                hoursBetween = Math.floor(Math.abs(now.getMilliseconds() - apiCall.requestDate.getMilliseconds()) / 36e5);
-            }
-            return hoursBetween < this.hoursToSave;
-        });
-    }
-    sanitizeByLength() {
-        if (this.descriptor?.apiCalls && this.descriptor.apiCalls.length > this.maxNumOfSavedCalls) {
-            let length = this.descriptor.apiCalls.length;
-            this.descriptor.apiCalls.splice(this.maxNumOfSavedCalls - 1, length - this.maxNumOfSavedCalls);
-        }
-    }
-    save() {
-        try {
-            localStorage.setItem(this.smartDevToolName, JSON.stringify(this.descriptor));
-            this.descriptorChanged.next();
-        }
-        catch (error) {
-            // localStorage.setItem() throws a "QuotaExceededError" DOMException exception if the new value
-            // couldn't be set. (Setting could fail if, e.g., the user has disabled storage for the site,
-            // or if the quota has been exceeded.)
-            this.sanitizeByLength();
-            this.save();
-        }
-    }
-    clear() {
-        this.descriptor = {
-            apiCalls: [],
-        };
-        this.save();
-    }
-    getPureString() {
-        return localStorage.getItem(this.smartDevToolName);
-    }
-}
-SmartDevToolService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolService, deps: [{ token: SmartCookieService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartDevToolService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: SmartCookieService }]; } });
-class SmartDevToolDatePipe extends DatePipe {
-    transform(value, format = 'yyyy.MM.dd. H:mm:ss') {
-        return super.transform(value, format);
-    }
-}
-SmartDevToolDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
-SmartDevToolDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDatePipe, name: "smartDevToolDatePipe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'smartDevToolDatePipe',
-                }]
-        }] });
-
-class SmartDevToolDialogService extends SmartdialogService {
-    constructor(dialog, router, service) {
-        super(dialog, router);
-        this.service = service;
-        this.update = this.service.descriptorChanged;
-    }
-    handleAfterClosed(result) { }
-    openDialog() {
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: SmartDevToolDialogComponent,
-        };
-        this.createDialog(dialogData, SmartDevToolDialogComponent);
-    }
-    getData() {
-        return this.service.descriptor;
-    }
-    getPureString() {
-        return this.service.getPureString();
-    }
-    clear() {
-        this.service.clear();
-    }
-}
-SmartDevToolDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDialogService, deps: [{ token: i1$2.MatDialog }, { token: i2.Router }, { token: SmartDevToolService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartDevToolDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialog }, { type: i2.Router }, { type: SmartDevToolService }]; } });
-
-class SmartDevToolDialogComponent {
-    constructor(service) {
-        this.service = service;
-        this._destroy$ = new Subject();
-        this.descriptor = this.service.getData();
-        this.service.update.pipe(takeUntil(this._destroy$)).subscribe(() => {
-            this.descriptor = this.service.getData();
-        });
-        this.service.service.clearErrors();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-    }
-    clear() {
-        this.service.clear();
-    }
-    getBody(inp) {
-        return this.syntaxHighlight(inp);
-    }
-    syntaxHighlight(json) {
-        if (typeof json != 'string') {
-            json = JSON.stringify(json, undefined, 2);
-        }
-        json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-        return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
-            var cls = 'number';
-            if (/^"/.test(match)) {
-                if (/:$/.test(match)) {
-                    cls = 'key';
-                }
-                else {
-                    cls = 'string';
-                }
-            }
-            else if (/true|false/.test(match)) {
-                cls = 'boolean';
-            }
-            else if (/null/.test(match)) {
-                cls = 'null';
-            }
-            return '<span class="' + cls + '">' + match + '</span>';
-        });
-    }
-    copy() {
-        copyToClipboard({
-            value: this.service.getPureString(),
-        });
-    }
-    close() {
-        this.service.closeDialog();
-    }
-}
-SmartDevToolDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDialogComponent, deps: [{ token: SmartDevToolDialogService }], target: i0.ɵɵFactoryTarget.Component });
-SmartDevToolDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartDevToolDialogComponent, selector: "app-smart-dev-tool-dialog", ngImport: i0, template: "<div class=\"smartDevToolDialogContainer\">\r\n    <div class=\"header\">\r\n        <h2>Developer tool</h2>\r\n        <button mat-icon-button title=\"close\" (click)=\"close()\">\r\n            <smart-icon icon=\"close\"></smart-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"requestsContainer\">\r\n        <mat-accordion multi>\r\n            <mat-expansion-panel\r\n                class=\"requestCard\"\r\n                [ngClass]=\"apiCall.responseStatus === 200 ? '' : 'hasError'\"\r\n                *ngFor=\"let apiCall of descriptor?.apiCalls; let i = index\"\r\n            >\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        <div class=\"titlePanel\">\r\n                            <span class=\"date\">\r\n                                {{ apiCall.responseDate | smartDevToolDatePipe }}\r\n                            </span>\r\n                            <span class=\"urlText\">\r\n                                {{ apiCall.url }}\r\n                            </span>\r\n                            <div [ngClass]=\"apiCall.requestMethod\">\r\n                                {{ apiCall.requestMethod }}\r\n                            </div>\r\n                            <div [ngClass]=\"'statusCode-' + apiCall.responseStatus.toString()[0]\">\r\n                                {{ apiCall.responseStatus }}\r\n                            </div>\r\n                        </div>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <div>\r\n                    <div class=\"table\">\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol heading\">Request</div>\r\n                            <div class=\"mainCol heading\">Response</div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Date</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.requestDate | smartDevToolDatePipe }}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Date</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseDate | smartDevToolDatePipe }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Headers</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Headers</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.requestHeader\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.requestHeader)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.requestHeader\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.responseHeader\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.responseHeader)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.responseHeader\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\"></div>\r\n                                <div class=\"data\"></div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Status</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseStatus }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\"></div>\r\n                                <div class=\"data\"></div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Status text</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseStatusText }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Body</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Body</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.requestBody\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.requestBody)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.requestBody\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.responseBody\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.responseBody)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.responseBody\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Session Storage</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Local Storage</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Cookies</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.sessionStorage\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.sessionStorage)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.sessionStorage\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.localStorage\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.localStorage)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.localStorage\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.cookies\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.cookies)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.cookies\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </mat-expansion-panel>\r\n        </mat-accordion>\r\n    </div>\r\n    <div class=\"buttonsContainer\">\r\n        <button color=\"primary\" mat-raised-button (click)=\"copy()\">Copy</button>\r\n        <button color=\"warn\" mat-raised-button (click)=\"clear()\">Clear</button>\r\n    </div>\r\n</div>\r\n", styles: [".smartDevToolDialogContainer{display:flex;flex-direction:column;gap:1rem;width:78vw;height:90vh}.header{display:flex;flex-direction:row;justify-content:space-between}.requestsContainer{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:auto}.requestCard{background-color:var(--primary-lighter-color);padding:.5rem;border-radius:.5rem;display:flex;flex-direction:column}.table{display:flex;flex-direction:column;gap:.25rem}.row{display:flex;flex-direction:row;gap:1rem}.mainCol{flex:1;display:flex;flex-direction:row;gap:.5rem;overflow:auto}.heading{font-weight:700}.data{word-wrap:break-word}.buttonsContainer{display:flex;flex-direction:row;justify-content:space-between}pre{outline:1px solid #000;padding:5px;margin:5px}.string{color:green}.number{color:#ff8c00}.boolean{color:#00f}.null{color:#f0f}.key{color:red}@media only screen and (max-width: 1000px){.row{flex-direction:column;gap:.5rem}.mainCol{flex-direction:column;overflow-x:auto;overflow-y:visible;flex:auto}.requestCard h4{font-size:small;overflow:auto}.smartDevToolDialogContainer{width:calc(80vw - 3rem)}}.hasError{background-color:var(--warn-lighter-color)}.titlePanel{flex:1;display:flex;flex-direction:row;gap:1rem}.urlText{flex:1;text-decoration:underline}.PATCH{color:#d38042}.DELETE{color:#a41e22}.GET{color:#0f6ab4}.POST{color:#10a54a}.PUT{color:#c5862b}.HEAD{color:#ffd20f}.statusCode-2{color:#5fb442}.statusCode-3{color:#5970f6}.statusCode-4{color:#ec6762}.statusCode-5{color:#f2a63b}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "smartDevToolDatePipe": SmartDevToolDatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-smart-dev-tool-dialog', template: "<div class=\"smartDevToolDialogContainer\">\r\n    <div class=\"header\">\r\n        <h2>Developer tool</h2>\r\n        <button mat-icon-button title=\"close\" (click)=\"close()\">\r\n            <smart-icon icon=\"close\"></smart-icon>\r\n        </button>\r\n    </div>\r\n    <div class=\"requestsContainer\">\r\n        <mat-accordion multi>\r\n            <mat-expansion-panel\r\n                class=\"requestCard\"\r\n                [ngClass]=\"apiCall.responseStatus === 200 ? '' : 'hasError'\"\r\n                *ngFor=\"let apiCall of descriptor?.apiCalls; let i = index\"\r\n            >\r\n                <mat-expansion-panel-header>\r\n                    <mat-panel-title>\r\n                        <div class=\"titlePanel\">\r\n                            <span class=\"date\">\r\n                                {{ apiCall.responseDate | smartDevToolDatePipe }}\r\n                            </span>\r\n                            <span class=\"urlText\">\r\n                                {{ apiCall.url }}\r\n                            </span>\r\n                            <div [ngClass]=\"apiCall.requestMethod\">\r\n                                {{ apiCall.requestMethod }}\r\n                            </div>\r\n                            <div [ngClass]=\"'statusCode-' + apiCall.responseStatus.toString()[0]\">\r\n                                {{ apiCall.responseStatus }}\r\n                            </div>\r\n                        </div>\r\n                    </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <div>\r\n                    <div class=\"table\">\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol heading\">Request</div>\r\n                            <div class=\"mainCol heading\">Response</div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Date</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.requestDate | smartDevToolDatePipe }}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Date</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseDate | smartDevToolDatePipe }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Headers</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Headers</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.requestHeader\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.requestHeader)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.requestHeader\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.responseHeader\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.responseHeader)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.responseHeader\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\"></div>\r\n                                <div class=\"data\"></div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Status</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseStatus }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\"></div>\r\n                                <div class=\"data\"></div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Status text</div>\r\n                                <div class=\"data\">\r\n                                    {{ apiCall.responseStatusText }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Body</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Body</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.requestBody\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.requestBody)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.requestBody\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.responseBody\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.responseBody)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.responseBody\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Session Storage</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Local Storage</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <div class=\"heading\">Cookies</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.sessionStorage\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.sessionStorage)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.sessionStorage\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.localStorage\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.localStorage)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.localStorage\" class=\"data\">null</div>\r\n                            </div>\r\n                            <div class=\"mainCol\">\r\n                                <pre\r\n                                    *ngIf=\"apiCall.cookies\"\r\n                                    class=\"data\"\r\n                                    [innerHTML]=\"getBody(apiCall.cookies)\"\r\n                                ></pre>\r\n                                <div *ngIf=\"!apiCall.cookies\" class=\"data\">null</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </mat-expansion-panel>\r\n        </mat-accordion>\r\n    </div>\r\n    <div class=\"buttonsContainer\">\r\n        <button color=\"primary\" mat-raised-button (click)=\"copy()\">Copy</button>\r\n        <button color=\"warn\" mat-raised-button (click)=\"clear()\">Clear</button>\r\n    </div>\r\n</div>\r\n", styles: [".smartDevToolDialogContainer{display:flex;flex-direction:column;gap:1rem;width:78vw;height:90vh}.header{display:flex;flex-direction:row;justify-content:space-between}.requestsContainer{display:flex;flex-direction:column;gap:1rem;flex:1;overflow:auto}.requestCard{background-color:var(--primary-lighter-color);padding:.5rem;border-radius:.5rem;display:flex;flex-direction:column}.table{display:flex;flex-direction:column;gap:.25rem}.row{display:flex;flex-direction:row;gap:1rem}.mainCol{flex:1;display:flex;flex-direction:row;gap:.5rem;overflow:auto}.heading{font-weight:700}.data{word-wrap:break-word}.buttonsContainer{display:flex;flex-direction:row;justify-content:space-between}pre{outline:1px solid #000;padding:5px;margin:5px}.string{color:green}.number{color:#ff8c00}.boolean{color:#00f}.null{color:#f0f}.key{color:red}@media only screen and (max-width: 1000px){.row{flex-direction:column;gap:.5rem}.mainCol{flex-direction:column;overflow-x:auto;overflow-y:visible;flex:auto}.requestCard h4{font-size:small;overflow:auto}.smartDevToolDialogContainer{width:calc(80vw - 3rem)}}.hasError{background-color:var(--warn-lighter-color)}.titlePanel{flex:1;display:flex;flex-direction:row;gap:1rem}.urlText{flex:1;text-decoration:underline}.PATCH{color:#d38042}.DELETE{color:#a41e22}.GET{color:#0f6ab4}.POST{color:#10a54a}.PUT{color:#c5862b}.HEAD{color:#ffd20f}.statusCode-2{color:#5fb442}.statusCode-3{color:#5970f6}.statusCode-4{color:#ec6762}.statusCode-5{color:#f2a63b}\n"] }]
-        }], ctorParameters: function () { return [{ type: SmartDevToolDialogService }]; } });
-const copyToClipboard = async ({ target, message, value }) => {
-    try {
-        let copyValue = '';
-        if (!navigator.clipboard) {
-            throw new Error("Browser don't have support for native clipboard.");
-        }
-        if (target) {
-            const node = document.querySelector(target);
-            if (!node || !node.textContent) {
-                throw new Error('Element not found');
-            }
-            value = node.textContent;
-        }
-        if (value) {
-            copyValue = value;
-        }
-        await navigator.clipboard.writeText(copyValue);
-    }
-    catch (error) {
-        console.error(error.toString());
-    }
-};
-
-class SmartDevToolFloatingButtonComponent {
-    constructor(service) {
-        this.service = service;
-        this._destroy$ = new Subject();
-        this.adminKeyName = 'useDevTool';
-        this.isShown = false;
-        this.errorsCount = '';
-        this.service.service.newErrorsCountChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
-            this.errorsCount = `${this.service.service.newErrorsCount > 0 ? this.service.service.newErrorsCount : ''}`;
-        });
-        window.addEventListener('storage', (event) => {
-            if (event.storageArea === localStorage) {
-                if (Object.keys(localStorage).includes(this.adminKeyName)) {
-                    this.isShown = localStorage.getItem(this.adminKeyName) === 'true';
-                }
-            }
-        });
-        this.isShown = localStorage.getItem(this.adminKeyName) === 'true';
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-    }
-    openDevToolDialog() {
-        this.service.openDialog();
-    }
-}
-SmartDevToolFloatingButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolFloatingButtonComponent, deps: [{ token: SmartDevToolDialogService }], target: i0.ɵɵFactoryTarget.Component });
-SmartDevToolFloatingButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartDevToolFloatingButtonComponent, selector: "smart-session-dev-tool", ngImport: i0, template: "<button\r\n    *ngIf=\"isShown\"\r\n    mat-fab\r\n    [color]=\"errorsCount.length ? 'warn' : 'accent'\"\r\n    class=\"floatingButton\"\r\n    extended\r\n    title=\"devTool\"\r\n    (click)=\"openDevToolDialog()\"\r\n>\r\n    <smart-icon color=\"white\" icon=\"developer_mode\"></smart-icon>\r\n    {{ errorsCount }}\r\n</button>\r\n", styles: [".floatingButton{position:fixed;right:2rem;bottom:2rem}.mat-icon.mat-white{color:#fff}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolFloatingButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'smart-session-dev-tool', template: "<button\r\n    *ngIf=\"isShown\"\r\n    mat-fab\r\n    [color]=\"errorsCount.length ? 'warn' : 'accent'\"\r\n    class=\"floatingButton\"\r\n    extended\r\n    title=\"devTool\"\r\n    (click)=\"openDevToolDialog()\"\r\n>\r\n    <smart-icon color=\"white\" icon=\"developer_mode\"></smart-icon>\r\n    {{ errorsCount }}\r\n</button>\r\n", styles: [".floatingButton{position:fixed;right:2rem;bottom:2rem}.mat-icon.mat-white{color:#fff}\n"] }]
-        }], ctorParameters: function () { return [{ type: SmartDevToolDialogService }]; } });
-
-class SmartDevToolInterceptor {
-    constructor(service) {
-        this.service = service;
-    }
-    intercept(request, next) {
-        if (!this.service.isActive) {
-            return next.handle(request);
-        }
-        let requestDate = new Date();
-        return next.handle(request).pipe(map((event) => {
-            if (event.type === HttpEventType.Response) {
-                let responseDate = new Date();
-                this.service.writeResponse(request, event, requestDate, responseDate);
-            }
-            return event;
-        }));
-    }
-}
-SmartDevToolInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolInterceptor, deps: [{ token: SmartDevToolService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartDevToolInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: SmartDevToolService }]; } });
-class SmartDevToolErrorInterceptor {
-    constructor(service) {
-        this.service = service;
-    }
-    intercept(request, next) {
-        if (!this.service.isActive) {
-            return next.handle(request);
-        }
-        let requestDate = new Date();
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status !== 200) {
-                let responseDate = new Date();
-                this.service.writeResponse(request, error, requestDate, responseDate);
-            }
-            return throwError(error);
-        }));
-    }
-}
-SmartDevToolErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolErrorInterceptor, deps: [{ token: SmartDevToolService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartDevToolErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartDevToolErrorInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: SmartDevToolService }]; } });
-
 var SessionErrorBehaviour;
 (function (SessionErrorBehaviour) {
     SessionErrorBehaviour[SessionErrorBehaviour["REFRESH"] = 0] = "REFRESH";
@@ -7200,7 +6844,7 @@ class SmartErrorCatchingInterceptor {
         ];
     }
     intercept(request, next) {
-        return next.handle(request).pipe(catchError$1((error) => {
+        return next.handle(request).pipe(catchError((error) => {
             if (error.status === 400 && error.error.code) {
                 let sessionError = this.sessionErrorCodes.find((sessionError) => sessionError.code === error.error.code);
                 if (sessionError) {
@@ -7276,10 +6920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 class SmartSessionModule {
 }
 SmartSessionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartSessionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartSessionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartSessionModule, declarations: [SmartDevToolDialogComponent,
-        SmartDevToolFloatingButtonComponent,
-        SmartDevToolDatePipe,
-        SmartSessionTimerComponent], imports: [BrowserModule, MatCommonModule, MatExpansionModule, MatButtonModule, SmartIconModule], exports: [SmartDevToolFloatingButtonComponent, SmartSessionTimerComponent] });
+SmartSessionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartSessionModule, declarations: [SmartSessionTimerComponent], imports: [BrowserModule, MatCommonModule, MatExpansionModule, MatButtonModule, SmartIconModule], exports: [SmartSessionTimerComponent] });
 SmartSessionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartSessionModule, providers: [
         SmartCookieService,
         SmartSessionService,
@@ -7294,20 +6935,13 @@ SmartSessionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
             useClass: SmartHeaderMaintainerInterceptor,
             multi: true,
         },
-        { provide: HTTP_INTERCEPTORS, useClass: SmartDevToolInterceptor, multi: true },
-        { provide: HTTP_INTERCEPTORS, useClass: SmartDevToolErrorInterceptor, multi: true },
     ], imports: [[BrowserModule, MatCommonModule, MatExpansionModule, MatButtonModule, SmartIconModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartSessionModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SmartDevToolDialogComponent,
-                        SmartDevToolFloatingButtonComponent,
-                        SmartDevToolDatePipe,
-                        SmartSessionTimerComponent,
-                    ],
+                    declarations: [SmartSessionTimerComponent],
                     imports: [BrowserModule, MatCommonModule, MatExpansionModule, MatButtonModule, SmartIconModule],
-                    exports: [SmartDevToolFloatingButtonComponent, SmartSessionTimerComponent],
+                    exports: [SmartSessionTimerComponent],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     providers: [
                         SmartCookieService,
@@ -7323,8 +6957,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useClass: SmartHeaderMaintainerInterceptor,
                             multi: true,
                         },
-                        { provide: HTTP_INTERCEPTORS, useClass: SmartDevToolInterceptor, multi: true },
-                        { provide: HTTP_INTERCEPTORS, useClass: SmartDevToolErrorInterceptor, multi: true },
                     ],
                 }]
         }] });
@@ -7429,7 +7061,7 @@ class SmartViewContextInterceptor {
             }
             catch (error) { }
         }
-        return next.handle(request).pipe(catchError((error) => {
+        return next.handle(request).pipe(catchError$1((error) => {
             if (error.status === 409 &&
                 (error.error.code || error.error.message)) {
                 this.openErrorDialog(error.error);
@@ -9768,7 +9400,7 @@ class ExpandableSectionComponent {
     }
 }
 ExpandableSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExpandableSectionComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component });
-ExpandableSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n    <mat-expansion-panel\r\n        [expanded]=\"data.isExpanded\"\r\n        (opened)=\"onStateChange(true)\"\r\n        (closed)=\"onStateChange(false)\"\r\n    >\r\n        <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n            <ng-template #headerComponent></ng-template>\r\n        </mat-expansion-panel-header>\r\n        <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n            <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n            <div class=\"btn-container\" *ngIf=\"data.button\">\r\n                <button\r\n                    *ngIf=\"data.button.type === type().BUTTON\"\r\n                    class=\"btn\"\r\n                    (click)=\"action(data.button, $event)\"\r\n                    mat-stroked-button\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                    {{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <button\r\n                    *ngIf=\"data.button.type === type().MENU\"\r\n                    mat-button\r\n                    [matMenuTriggerFor]=\"menu\"\r\n                    (click)=\"$event.stopPropagation()\"\r\n                    color=\"{{ data.button.color }}\"\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon\r\n                    >{{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                    <button\r\n                        *ngFor=\"let button of data.button.menuItemButtons\"\r\n                        (click)=\"customButtonClicked($event, button, data.index)\"\r\n                        mat-menu-item\r\n                    >\r\n                        <smart-icon\r\n                            *ngIf=\"\r\n                                button.icon &&\r\n                                (!button.iconPosition || button.iconPosition === position().PRE)\r\n                            \"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon\r\n                        >{{ button.label }}\r\n                        <smart-icon\r\n                            *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon>\r\n                    </button>\r\n                </mat-menu>\r\n            </div>\r\n        </mat-expansion-panel-header>\r\n        <ng-template #renderComponent></ng-template>\r\n    </mat-expansion-panel>\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], components: [{ type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+ExpandableSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n    <mat-expansion-panel\r\n        [expanded]=\"data.isExpanded\"\r\n        (opened)=\"onStateChange(true)\"\r\n        (closed)=\"onStateChange(false)\"\r\n    >\r\n        <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n            <ng-template #headerComponent></ng-template>\r\n        </mat-expansion-panel-header>\r\n        <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n            <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n            <div class=\"btn-container\" *ngIf=\"data.button\">\r\n                <button\r\n                    *ngIf=\"data.button.type === type().BUTTON\"\r\n                    class=\"btn\"\r\n                    (click)=\"action(data.button, $event)\"\r\n                    mat-stroked-button\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                    {{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <button\r\n                    *ngIf=\"data.button.type === type().MENU\"\r\n                    mat-button\r\n                    [matMenuTriggerFor]=\"menu\"\r\n                    (click)=\"$event.stopPropagation()\"\r\n                    color=\"{{ data.button.color }}\"\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon\r\n                    >{{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                    <button\r\n                        *ngFor=\"let button of data.button.menuItemButtons\"\r\n                        (click)=\"customButtonClicked($event, button, data.index)\"\r\n                        mat-menu-item\r\n                    >\r\n                        <smart-icon\r\n                            *ngIf=\"\r\n                                button.icon &&\r\n                                (!button.iconPosition || button.iconPosition === position().PRE)\r\n                            \"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon\r\n                        >{{ button.label }}\r\n                        <smart-icon\r\n                            *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon>\r\n                    </button>\r\n                </mat-menu>\r\n            </div>\r\n        </mat-expansion-panel-header>\r\n        <ng-template #renderComponent></ng-template>\r\n    </mat-expansion-panel>\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], components: [{ type: i2$6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2$6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExpandableSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-expandable-section', template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n    <mat-expansion-panel\r\n        [expanded]=\"data.isExpanded\"\r\n        (opened)=\"onStateChange(true)\"\r\n        (closed)=\"onStateChange(false)\"\r\n    >\r\n        <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n            <ng-template #headerComponent></ng-template>\r\n        </mat-expansion-panel-header>\r\n        <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n            <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n            <div class=\"btn-container\" *ngIf=\"data.button\">\r\n                <button\r\n                    *ngIf=\"data.button.type === type().BUTTON\"\r\n                    class=\"btn\"\r\n                    (click)=\"action(data.button, $event)\"\r\n                    mat-stroked-button\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                    {{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <button\r\n                    *ngIf=\"data.button.type === type().MENU\"\r\n                    mat-button\r\n                    [matMenuTriggerFor]=\"menu\"\r\n                    (click)=\"$event.stopPropagation()\"\r\n                    color=\"{{ data.button.color }}\"\r\n                >\r\n                    <smart-icon\r\n                        *ngIf=\"\r\n                            data.button.icon &&\r\n                            (!data.button.iconPosition ||\r\n                                data.button.iconPosition === position().PRE)\r\n                        \"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon\r\n                    >{{ data.button.label }}\r\n                    <smart-icon\r\n                        *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n                        [icon]=\"data.button.icon\"\r\n                    ></smart-icon>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                    <button\r\n                        *ngFor=\"let button of data.button.menuItemButtons\"\r\n                        (click)=\"customButtonClicked($event, button, data.index)\"\r\n                        mat-menu-item\r\n                    >\r\n                        <smart-icon\r\n                            *ngIf=\"\r\n                                button.icon &&\r\n                                (!button.iconPosition || button.iconPosition === position().PRE)\r\n                            \"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon\r\n                        >{{ button.label }}\r\n                        <smart-icon\r\n                            *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n                            [icon]=\"button.icon\"\r\n                        ></smart-icon>\r\n                    </button>\r\n                </mat-menu>\r\n            </div>\r\n        </mat-expansion-panel-header>\r\n        <ng-template #renderComponent></ng-template>\r\n    </mat-expansion-panel>\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"] }]
@@ -13052,5 +12684,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridColumnContentType, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, ImageResource, LayoutDirection, Link, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridColumnContentType, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, ImageResource, LayoutDirection, Link, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map