@smartbit4all/ng-client 1.1.14 → 1.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/smart-client/smart-component-api-client.mjs +8 -1
- package/esm2020/lib/view-context/smart-ui-action/ui-action-toolbar.component.mjs +29 -14
- package/fesm2015/smartbit4all-ng-client.mjs +46 -23
- package/fesm2015/smartbit4all-ng-client.mjs.map +1 -1
- package/fesm2020/smartbit4all-ng-client.mjs +45 -23
- package/fesm2020/smartbit4all-ng-client.mjs.map +1 -1
- package/lib/view-context/smart-ui-action/ui-action-toolbar.component.d.ts +8 -4
- package/package.json +1 -1
- package/smartbit4all-ng-client-1.1.16.tgz +0 -0
- package/smartbit4all-ng-client-1.1.14.tgz +0 -0
|
@@ -4,28 +4,28 @@ import { __awaiter, __decorate, __param } from 'tslib';
|
|
|
4
4
|
import { Subject, takeUntil, map, catchError, throwError, from } from 'rxjs';
|
|
5
5
|
import * as i1 from '@angular/common/http';
|
|
6
6
|
import { HttpHeaders, HttpContext, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i4 from '@angular/common';
|
|
8
8
|
import { isPlatformBrowser, DOCUMENT, DatePipe, CommonModule } from '@angular/common';
|
|
9
9
|
import * as i2 from '@angular/material/button';
|
|
10
10
|
import { MatButtonModule } from '@angular/material/button';
|
|
11
11
|
import * as i3 from '@angular/material/icon';
|
|
12
12
|
import { MatIconModule } from '@angular/material/icon';
|
|
13
13
|
import * as i3$1 from '@smartbit4all/navigation';
|
|
14
|
-
import * as i4 from '@smartbit4all/dialog';
|
|
14
|
+
import * as i4$1 from '@smartbit4all/dialog';
|
|
15
15
|
import { SmartdialogService, SmartdialogModule } from '@smartbit4all/dialog';
|
|
16
16
|
import { MatCommonModule } from '@angular/material/core';
|
|
17
17
|
import * as i4$2 from '@angular/material/expansion';
|
|
18
18
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
19
19
|
import { BrowserModule } from '@angular/platform-browser';
|
|
20
|
-
import * as
|
|
20
|
+
import * as i3$2 from '@smartbit4all/icon';
|
|
21
21
|
import { SmartIconModule } from '@smartbit4all/icon';
|
|
22
22
|
import * as i1$1 from '@angular/material/dialog';
|
|
23
23
|
import * as i2$1 from '@angular/router';
|
|
24
24
|
import { catchError as catchError$1, switchMap } from 'rxjs/operators';
|
|
25
|
-
import * as i3$
|
|
25
|
+
import * as i3$3 from '@angular/material/snack-bar';
|
|
26
26
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
27
27
|
import { Validators } from '@angular/forms';
|
|
28
|
-
import * as i5
|
|
28
|
+
import * as i5 from '@smartbit4all/form';
|
|
29
29
|
import { SmartFormWidgetType, SmartValidatorName, SmartFormWidgetDirection, SmartformModule } from '@smartbit4all/form';
|
|
30
30
|
import { SmartGridComponent } from '@smartbit4all/grid';
|
|
31
31
|
import { SmarttreeGenericService } from '@smartbit4all/tree';
|
|
@@ -1989,7 +1989,7 @@ class MessageDialogComponent {
|
|
|
1989
1989
|
}
|
|
1990
1990
|
}
|
|
1991
1991
|
MessageDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessageDialogComponent, deps: [{ token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1992
|
-
MessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MessageDialogComponent, selector: "app-message-dialog", ngImport: i0, template: "<div class=\"taskDialogContainer\" *ngIf=\"messageData\">\n\t<h2>\n\t\t{{ messageData.header }}\n\t</h2>\n\t<p>{{ messageData.text }}</p>\n\t<div class=\"buttonsContainer\">\n\t\t<button\n\t\t\t*ngFor=\"let option of messageData.options\"\n\t\t\tmat-button\n\t\t\tclass=\"taskDialogButton\"\n\t\t\t[ngClass]=\"getType(option)\"\n\t\t\tcolor=\"{{ getColor(option) }}\"\n\t\t\t(click)=\"onClick(option)\"\n\t\t>\n\t\t\t<mat-icon *ngIf=\"option.icon\">\n\t\t\t\t{{ option.icon }}\n\t\t\t</mat-icon>\n\t\t\t{{ option.label }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".taskDialogContainer{width:400px;display:flex;flex-direction:column;gap:.5rem}.spacer{flex:1}.buttonsContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.taskDialogButton{min-width:100px}h2,p{margin:0!important}\n"], components: [{ type: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type:
|
|
1992
|
+
MessageDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MessageDialogComponent, selector: "app-message-dialog", ngImport: i0, template: "<div class=\"taskDialogContainer\" *ngIf=\"messageData\">\n\t<h2>\n\t\t{{ messageData.header }}\n\t</h2>\n\t<p>{{ messageData.text }}</p>\n\t<div class=\"buttonsContainer\">\n\t\t<button\n\t\t\t*ngFor=\"let option of messageData.options\"\n\t\t\tmat-button\n\t\t\tclass=\"taskDialogButton\"\n\t\t\t[ngClass]=\"getType(option)\"\n\t\t\tcolor=\"{{ getColor(option) }}\"\n\t\t\t(click)=\"onClick(option)\"\n\t\t>\n\t\t\t<mat-icon *ngIf=\"option.icon\">\n\t\t\t\t{{ option.icon }}\n\t\t\t</mat-icon>\n\t\t\t{{ option.label }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".taskDialogContainer{width:400px;display:flex;flex-direction:column;gap:.5rem}.spacer{flex:1}.buttonsContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.taskDialogButton{min-width:100px}h2,p{margin:0!important}\n"], components: [{ type: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1993
1993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessageDialogComponent, decorators: [{
|
|
1994
1994
|
type: Component,
|
|
1995
1995
|
args: [{ selector: "app-message-dialog", template: "<div class=\"taskDialogContainer\" *ngIf=\"messageData\">\n\t<h2>\n\t\t{{ messageData.header }}\n\t</h2>\n\t<p>{{ messageData.text }}</p>\n\t<div class=\"buttonsContainer\">\n\t\t<button\n\t\t\t*ngFor=\"let option of messageData.options\"\n\t\t\tmat-button\n\t\t\tclass=\"taskDialogButton\"\n\t\t\t[ngClass]=\"getType(option)\"\n\t\t\tcolor=\"{{ getColor(option) }}\"\n\t\t\t(click)=\"onClick(option)\"\n\t\t>\n\t\t\t<mat-icon *ngIf=\"option.icon\">\n\t\t\t\t{{ option.icon }}\n\t\t\t</mat-icon>\n\t\t\t{{ option.label }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".taskDialogContainer{width:400px;display:flex;flex-direction:column;gap:.5rem}.spacer{flex:1}.buttonsContainer{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.taskDialogButton{min-width:100px}h2,p{margin:0!important}\n"] }]
|
|
@@ -2459,14 +2459,14 @@ class SmartViewContextService {
|
|
|
2459
2459
|
});
|
|
2460
2460
|
}
|
|
2461
2461
|
}
|
|
2462
|
-
SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: i3$1.SmartNavigationService }, { token: i4.SmartdialogService }, { token: ApiQueueService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2462
|
+
SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: i3$1.SmartNavigationService }, { token: i4$1.SmartdialogService }, { token: ApiQueueService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2463
2463
|
SmartViewContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, providedIn: 'root' });
|
|
2464
2464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, decorators: [{
|
|
2465
2465
|
type: Injectable,
|
|
2466
2466
|
args: [{
|
|
2467
2467
|
providedIn: 'root',
|
|
2468
2468
|
}]
|
|
2469
|
-
}], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: i3$1.SmartNavigationService }, { type: i4.SmartdialogService }, { type: ApiQueueService }]; } });
|
|
2469
|
+
}], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: i3$1.SmartNavigationService }, { type: i4$1.SmartdialogService }, { type: ApiQueueService }]; } });
|
|
2470
2470
|
const IS_ASYNC_PARAM_NAME = 'isAsync';
|
|
2471
2471
|
class ApiQueueService {
|
|
2472
2472
|
constructor() {
|
|
@@ -2777,7 +2777,7 @@ class SmartDevToolDialogComponent {
|
|
|
2777
2777
|
}
|
|
2778
2778
|
}
|
|
2779
2779
|
SmartDevToolDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartDevToolDialogComponent, deps: [{ token: SmartDevToolDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2780
|
-
SmartDevToolDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartDevToolDialogComponent, selector: "app-smart-dev-tool-dialog", ngImport: i0, template: "<div class=\"smartDevToolDialogContainer\">\n <div class=\"header\">\n <h2>Developer tool</h2>\n <button mat-icon-button title=\"close\" (click)=\"close()\">\n <smart-icon icon=\"close\"></smart-icon>\n </button>\n </div>\n <div class=\"requestsContainer\">\n <mat-accordion multi>\n <mat-expansion-panel\n class=\"requestCard\"\n [ngClass]=\"apiCall.responseStatus === 200 ? '' : 'hasError'\"\n *ngFor=\"let apiCall of descriptor?.apiCalls; let i = index\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"titlePanel\">\n <span class=\"date\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </span>\n <span class=\"urlText\">\n {{ apiCall.url }}\n </span>\n <div [ngClass]=\"apiCall.requestMethod\">\n {{ apiCall.requestMethod }}\n </div>\n <div [ngClass]=\"'statusCode-' + apiCall.responseStatus.toString()[0]\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n\n <div>\n <div class=\"table\">\n <div class=\"row\">\n <div class=\"mainCol heading\">Request</div>\n <div class=\"mainCol heading\">Response</div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.requestDate | smartDevToolDatePipe }}\n </div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestHeader\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseHeader\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status</div>\n <div class=\"data\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status text</div>\n <div class=\"data\">\n {{ apiCall.responseStatusText }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestBody\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseBody\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Session Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Local Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Cookies</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.sessionStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.sessionStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.sessionStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.localStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.localStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.localStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.cookies\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.cookies)\"\n ></pre>\n <div *ngIf=\"!apiCall.cookies\" class=\"data\">null</div>\n </div>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\n </mat-accordion>\n </div>\n <div class=\"buttonsContainer\">\n <button color=\"primary\" mat-raised-button (click)=\"copy()\">Copy</button>\n <button color=\"warn\" mat-raised-button (click)=\"clear()\">Clear</button>\n </div>\n</div>\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: i2.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: i4$1.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "smartDevToolDatePipe": SmartDevToolDatePipe } });
|
|
2780
|
+
SmartDevToolDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartDevToolDialogComponent, selector: "app-smart-dev-tool-dialog", ngImport: i0, template: "<div class=\"smartDevToolDialogContainer\">\n <div class=\"header\">\n <h2>Developer tool</h2>\n <button mat-icon-button title=\"close\" (click)=\"close()\">\n <smart-icon icon=\"close\"></smart-icon>\n </button>\n </div>\n <div class=\"requestsContainer\">\n <mat-accordion multi>\n <mat-expansion-panel\n class=\"requestCard\"\n [ngClass]=\"apiCall.responseStatus === 200 ? '' : 'hasError'\"\n *ngFor=\"let apiCall of descriptor?.apiCalls; let i = index\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"titlePanel\">\n <span class=\"date\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </span>\n <span class=\"urlText\">\n {{ apiCall.url }}\n </span>\n <div [ngClass]=\"apiCall.requestMethod\">\n {{ apiCall.requestMethod }}\n </div>\n <div [ngClass]=\"'statusCode-' + apiCall.responseStatus.toString()[0]\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n\n <div>\n <div class=\"table\">\n <div class=\"row\">\n <div class=\"mainCol heading\">Request</div>\n <div class=\"mainCol heading\">Response</div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.requestDate | smartDevToolDatePipe }}\n </div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestHeader\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseHeader\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status</div>\n <div class=\"data\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status text</div>\n <div class=\"data\">\n {{ apiCall.responseStatusText }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestBody\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseBody\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Session Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Local Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Cookies</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.sessionStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.sessionStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.sessionStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.localStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.localStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.localStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.cookies\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.cookies)\"\n ></pre>\n <div *ngIf=\"!apiCall.cookies\" class=\"data\">null</div>\n </div>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\n </mat-accordion>\n </div>\n <div class=\"buttonsContainer\">\n <button color=\"primary\" mat-raised-button (click)=\"copy()\">Copy</button>\n <button color=\"warn\" mat-raised-button (click)=\"clear()\">Clear</button>\n </div>\n</div>\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: i2.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: i3$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], directives: [{ type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "smartDevToolDatePipe": SmartDevToolDatePipe } });
|
|
2781
2781
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartDevToolDialogComponent, decorators: [{
|
|
2782
2782
|
type: Component,
|
|
2783
2783
|
args: [{ selector: 'app-smart-dev-tool-dialog', template: "<div class=\"smartDevToolDialogContainer\">\n <div class=\"header\">\n <h2>Developer tool</h2>\n <button mat-icon-button title=\"close\" (click)=\"close()\">\n <smart-icon icon=\"close\"></smart-icon>\n </button>\n </div>\n <div class=\"requestsContainer\">\n <mat-accordion multi>\n <mat-expansion-panel\n class=\"requestCard\"\n [ngClass]=\"apiCall.responseStatus === 200 ? '' : 'hasError'\"\n *ngFor=\"let apiCall of descriptor?.apiCalls; let i = index\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <div class=\"titlePanel\">\n <span class=\"date\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </span>\n <span class=\"urlText\">\n {{ apiCall.url }}\n </span>\n <div [ngClass]=\"apiCall.requestMethod\">\n {{ apiCall.requestMethod }}\n </div>\n <div [ngClass]=\"'statusCode-' + apiCall.responseStatus.toString()[0]\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </mat-panel-title>\n </mat-expansion-panel-header>\n\n <div>\n <div class=\"table\">\n <div class=\"row\">\n <div class=\"mainCol heading\">Request</div>\n <div class=\"mainCol heading\">Response</div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.requestDate | smartDevToolDatePipe }}\n </div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Date</div>\n <div class=\"data\">\n {{ apiCall.responseDate | smartDevToolDatePipe }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Headers</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestHeader\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseHeader\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseHeader)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseHeader\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status</div>\n <div class=\"data\">\n {{ apiCall.responseStatus }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\"></div>\n <div class=\"data\"></div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Status text</div>\n <div class=\"data\">\n {{ apiCall.responseStatusText }}\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Body</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.requestBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.requestBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.requestBody\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.responseBody\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.responseBody)\"\n ></pre>\n <div *ngIf=\"!apiCall.responseBody\" class=\"data\">null</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <div class=\"heading\">Session Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Local Storage</div>\n </div>\n <div class=\"mainCol\">\n <div class=\"heading\">Cookies</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.sessionStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.sessionStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.sessionStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.localStorage\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.localStorage)\"\n ></pre>\n <div *ngIf=\"!apiCall.localStorage\" class=\"data\">null</div>\n </div>\n <div class=\"mainCol\">\n <pre\n *ngIf=\"apiCall.cookies\"\n class=\"data\"\n [innerHTML]=\"getBody(apiCall.cookies)\"\n ></pre>\n <div *ngIf=\"!apiCall.cookies\" class=\"data\">null</div>\n </div>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\n </mat-accordion>\n </div>\n <div class=\"buttonsContainer\">\n <button color=\"primary\" mat-raised-button (click)=\"copy()\">Copy</button>\n <button color=\"warn\" mat-raised-button (click)=\"clear()\">Clear</button>\n </div>\n</div>\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"] }]
|
|
@@ -2832,7 +2832,7 @@ class SmartDevToolFloatingButtonComponent {
|
|
|
2832
2832
|
}
|
|
2833
2833
|
}
|
|
2834
2834
|
SmartDevToolFloatingButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartDevToolFloatingButtonComponent, deps: [{ token: SmartDevToolDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2835
|
-
SmartDevToolFloatingButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartDevToolFloatingButtonComponent, selector: "smart-session-dev-tool", ngImport: i0, template: "<button\n *ngIf=\"isShown\"\n mat-fab\n [color]=\"errorsCount.length ? 'warn' : 'accent'\"\n class=\"floatingButton\"\n extended\n title=\"devTool\"\n (click)=\"openDevToolDialog()\"\n>\n <smart-icon color=\"white\" icon=\"developer_mode\"></smart-icon>\n {{ errorsCount }}\n</button>\n", styles: [".floatingButton{position:fixed;right:2rem;bottom:2rem}.mat-icon.mat-white{color:#fff}\n"], components: [{ type: i2.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:
|
|
2835
|
+
SmartDevToolFloatingButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartDevToolFloatingButtonComponent, selector: "smart-session-dev-tool", ngImport: i0, template: "<button\n *ngIf=\"isShown\"\n mat-fab\n [color]=\"errorsCount.length ? 'warn' : 'accent'\"\n class=\"floatingButton\"\n extended\n title=\"devTool\"\n (click)=\"openDevToolDialog()\"\n>\n <smart-icon color=\"white\" icon=\"developer_mode\"></smart-icon>\n {{ errorsCount }}\n</button>\n", styles: [".floatingButton{position:fixed;right:2rem;bottom:2rem}.mat-icon.mat-white{color:#fff}\n"], components: [{ type: i2.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: i3$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2836
2836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartDevToolFloatingButtonComponent, decorators: [{
|
|
2837
2837
|
type: Component,
|
|
2838
2838
|
args: [{ selector: "smart-session-dev-tool", template: "<button\n *ngIf=\"isShown\"\n mat-fab\n [color]=\"errorsCount.length ? 'warn' : 'accent'\"\n class=\"floatingButton\"\n extended\n title=\"devTool\"\n (click)=\"openDevToolDialog()\"\n>\n <smart-icon color=\"white\" icon=\"developer_mode\"></smart-icon>\n {{ errorsCount }}\n</button>\n", styles: [".floatingButton{position:fixed;right:2rem;bottom:2rem}.mat-icon.mat-white{color:#fff}\n"] }]
|
|
@@ -2961,7 +2961,7 @@ class SmartSessionTimerComponent {
|
|
|
2961
2961
|
}
|
|
2962
2962
|
}
|
|
2963
2963
|
SmartSessionTimerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartSessionTimerComponent, deps: [{ token: SmartSessionTimerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2964
|
-
SmartSessionTimerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartSessionTimerComponent, selector: "smart-session-timer", providers: [SmartSessionTimerService], ngImport: i0, template: "<div class=\"smart-session-timer-container\">\n <span class=\"smart-session-timer\" *ngIf=\"timeInSeconds\">\n {{ formatTime(timeInSeconds!) }}\n </span>\n</div>\n", styles: [""], directives: [{ type:
|
|
2964
|
+
SmartSessionTimerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartSessionTimerComponent, selector: "smart-session-timer", providers: [SmartSessionTimerService], ngImport: i0, template: "<div class=\"smart-session-timer-container\">\n <span class=\"smart-session-timer\" *ngIf=\"timeInSeconds\">\n {{ formatTime(timeInSeconds!) }}\n </span>\n</div>\n", styles: [""], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2965
2965
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartSessionTimerComponent, decorators: [{
|
|
2966
2966
|
type: Component,
|
|
2967
2967
|
args: [{ selector: "smart-session-timer", providers: [SmartSessionTimerService], template: "<div class=\"smart-session-timer-container\">\n <span class=\"smart-session-timer\" *ngIf=\"timeInSeconds\">\n {{ formatTime(timeInSeconds!) }}\n </span>\n</div>\n", styles: [""] }]
|
|
@@ -3444,7 +3444,7 @@ class UiActionConfirmDialogComponent {
|
|
|
3444
3444
|
}
|
|
3445
3445
|
}
|
|
3446
3446
|
UiActionConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3447
|
-
UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.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:
|
|
3447
|
+
UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.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: i3$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] });
|
|
3448
3448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, decorators: [{
|
|
3449
3449
|
type: Component,
|
|
3450
3450
|
args: [{ selector: "app-ui-action-confirm-dialog", template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
|
|
@@ -3594,7 +3594,7 @@ class UiActionInputDialogComponent {
|
|
|
3594
3594
|
}
|
|
3595
3595
|
}
|
|
3596
3596
|
UiActionInputDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, deps: [{ token: UiActionInputDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3597
|
-
UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.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:
|
|
3597
|
+
UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.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: i3$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
|
|
3598
3598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, decorators: [{
|
|
3599
3599
|
type: Component,
|
|
3600
3600
|
args: [{ selector: 'smart-ui-action-input-dialog', template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
|
|
@@ -3790,26 +3790,31 @@ class UiActionService {
|
|
|
3790
3790
|
});
|
|
3791
3791
|
}
|
|
3792
3792
|
}
|
|
3793
|
-
UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: i3$
|
|
3793
|
+
UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: i3$3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3794
3794
|
UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, providedIn: 'root' });
|
|
3795
3795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, decorators: [{
|
|
3796
3796
|
type: Injectable,
|
|
3797
3797
|
args: [{
|
|
3798
3798
|
providedIn: 'root',
|
|
3799
3799
|
}]
|
|
3800
|
-
}], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: i3$
|
|
3800
|
+
}], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: i3$3.MatSnackBar }]; } });
|
|
3801
3801
|
|
|
3802
3802
|
class UiActionToolbarComponent {
|
|
3803
|
-
constructor(service,
|
|
3803
|
+
constructor(service, inject) {
|
|
3804
3804
|
this.service = service;
|
|
3805
|
-
this.
|
|
3805
|
+
this.inject = inject;
|
|
3806
3806
|
this._destroy$ = new Subject();
|
|
3807
3807
|
this.pressedButtonActive = true;
|
|
3808
|
-
|
|
3809
|
-
|
|
3810
|
-
|
|
3808
|
+
// Injects the basic UiActionDescriptorService provided by the AppModule
|
|
3809
|
+
this.manager = inject.get(UiActionDescriptorService);
|
|
3810
|
+
this.subscribeToLanguageChange();
|
|
3811
3811
|
}
|
|
3812
3812
|
ngOnInit() {
|
|
3813
|
+
// Overrides the basic UiActionDescriptorService with a custom one if there is one
|
|
3814
|
+
if (this.uiActionDescriptorService) {
|
|
3815
|
+
this.manager = this.uiActionDescriptorService;
|
|
3816
|
+
this.subscribeToLanguageChange();
|
|
3817
|
+
}
|
|
3813
3818
|
this.setUp();
|
|
3814
3819
|
}
|
|
3815
3820
|
ngOnChanges(changes) {
|
|
@@ -3822,6 +3827,15 @@ class UiActionToolbarComponent {
|
|
|
3822
3827
|
ngOnDestroy() {
|
|
3823
3828
|
this._destroy$.next();
|
|
3824
3829
|
}
|
|
3830
|
+
subscribeToLanguageChange() {
|
|
3831
|
+
var _a;
|
|
3832
|
+
(_a = this.languageChangedSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
3833
|
+
this.languageChangedSubscription = this.manager.languageChanged
|
|
3834
|
+
.pipe(takeUntil(this._destroy$))
|
|
3835
|
+
.subscribe(() => {
|
|
3836
|
+
this.setUp();
|
|
3837
|
+
});
|
|
3838
|
+
}
|
|
3825
3839
|
setUp() {
|
|
3826
3840
|
return __awaiter(this, void 0, void 0, function* () {
|
|
3827
3841
|
this.uiActionModelsWithDescriptions = yield Promise.all(this.uiActionModels.map((uiActionModel) => __awaiter(this, void 0, void 0, function* () {
|
|
@@ -3881,12 +3895,14 @@ class UiActionToolbarComponent {
|
|
|
3881
3895
|
((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.type) === UiActionButtonType.Fab);
|
|
3882
3896
|
}
|
|
3883
3897
|
}
|
|
3884
|
-
UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token:
|
|
3885
|
-
UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"uiActionButtonsContainer\">\n <button\n *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n mat-button\n [ngClass]=\"getType(uiActionModel)\"\n class=\"{{ uiActionModel.cssClass }}\"\n [color]=\"uiActionModel.descriptor?.color\"\n (click)=\"onActionClicked($event, uiActionModel)\"\n (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\n >\n <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n <ng-template #iconOnly>\n <smart-icon\n *ngIf=\"uiActionModel.descriptor?.icon\"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n <ng-template #text>\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n {{ uiActionModel.descriptor?.title }}\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Post\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"], components: [{ type: i2.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:
|
|
3898
|
+
UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
3899
|
+
UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels", uiActionDescriptorService: "uiActionDescriptorService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"uiActionButtonsContainer\">\n <button\n *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n mat-button\n [ngClass]=\"getType(uiActionModel)\"\n class=\"{{ uiActionModel.cssClass }}\"\n [color]=\"uiActionModel.descriptor?.color\"\n (click)=\"onActionClicked($event, uiActionModel)\"\n (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\n >\n <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n <ng-template #iconOnly>\n <smart-icon\n *ngIf=\"uiActionModel.descriptor?.icon\"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n <ng-template #text>\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n {{ uiActionModel.descriptor?.title }}\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Post\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"], components: [{ type: i2.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: i3$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3886
3900
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, decorators: [{
|
|
3887
3901
|
type: Component,
|
|
3888
3902
|
args: [{ selector: 'smart-ui-action-toolbar', template: "<div class=\"uiActionButtonsContainer\">\n <button\n *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n mat-button\n [ngClass]=\"getType(uiActionModel)\"\n class=\"{{ uiActionModel.cssClass }}\"\n [color]=\"uiActionModel.descriptor?.color\"\n (click)=\"onActionClicked($event, uiActionModel)\"\n (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\n >\n <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n <ng-template #iconOnly>\n <smart-icon\n *ngIf=\"uiActionModel.descriptor?.icon\"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n <ng-template #text>\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n {{ uiActionModel.descriptor?.title }}\n <smart-icon\n *ngIf=\"\n uiActionModel.descriptor?.icon &&\n uiActionModel.descriptor?.iconPosition === iconPosition().Post\n \"\n [icon]=\"uiActionModel.descriptor!.icon!\"\n [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n ></smart-icon>\n </ng-template>\n </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"] }]
|
|
3889
|
-
}], ctorParameters: function () { return [{ type: UiActionService }, { type:
|
|
3903
|
+
}], ctorParameters: function () { return [{ type: UiActionService }, { type: i0.Injector }]; }, propDecorators: { uiActionModels: [{
|
|
3904
|
+
type: Input
|
|
3905
|
+
}], uiActionDescriptorService: [{
|
|
3890
3906
|
type: Input
|
|
3891
3907
|
}] } });
|
|
3892
3908
|
|
|
@@ -4045,6 +4061,13 @@ let SmartComponentApiClient = class SmartComponentApiClient {
|
|
|
4045
4061
|
this.viewContext.unfollow(this.uuid);
|
|
4046
4062
|
}
|
|
4047
4063
|
this._uuid = uuid;
|
|
4064
|
+
if (uuid) {
|
|
4065
|
+
this.widgets.widgets.forEach((ref) => {
|
|
4066
|
+
if (ref instanceof SmartGridComponent) {
|
|
4067
|
+
ref.uuid = uuid;
|
|
4068
|
+
}
|
|
4069
|
+
});
|
|
4070
|
+
}
|
|
4048
4071
|
this.viewContext.follow(this._uuid, this.detectChange);
|
|
4049
4072
|
}
|
|
4050
4073
|
get model() {
|