@apipass/containers 0.2.15 → 1.0.0
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/README.md +33 -33
- package/assets/css/buttons.scss +118 -118
- package/assets/css/colors.scss +31 -31
- package/assets/css/fonts.scss +24 -24
- package/assets/css/inputs.scss +197 -197
- package/assets/css/pt_sans.scss +143 -143
- package/assets/css/spacing.scss +28 -28
- package/assets/css/texts.scss +18 -18
- package/assets/css/toaster.scss +286 -286
- package/breadcrumb/breadcrumb.component.d.ts +15 -15
- package/centralized-container/centralized-container.component.d.ts +13 -13
- package/configuration-page-content/configuration-page.component.d.ts +21 -21
- package/containers.module.d.ts +19 -18
- package/{esm2015/apipass-containers.js → esm2020/apipass-containers.mjs} +4 -4
- package/esm2020/breadcrumb/breadcrumb.component.mjs +32 -0
- package/esm2020/centralized-container/centralized-container.component.mjs +36 -0
- package/esm2020/configuration-page-content/configuration-page.component.mjs +55 -0
- package/esm2020/containers.module.mjs +74 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +6 -6
- package/fesm2015/apipass-containers.mjs +187 -0
- package/fesm2015/apipass-containers.mjs.map +1 -0
- package/fesm2020/apipass-containers.mjs +187 -0
- package/fesm2020/apipass-containers.mjs.map +1 -0
- package/{apipass-containers.d.ts → index.d.ts} +5 -5
- package/package.json +33 -23
- package/public-api.d.ts +5 -5
- package/bundles/apipass-containers.umd.js +0 -378
- package/bundles/apipass-containers.umd.js.map +0 -1
- package/bundles/apipass-containers.umd.min.js +0 -2
- package/bundles/apipass-containers.umd.min.js.map +0 -1
- package/esm2015/breadcrumb/breadcrumb.component.js +0 -68
- package/esm2015/centralized-container/centralized-container.component.js +0 -80
- package/esm2015/configuration-page-content/configuration-page.component.js +0 -120
- package/esm2015/containers.module.js +0 -76
- package/fesm2015/apipass-containers.js +0 -325
- package/fesm2015/apipass-containers.js.map +0 -1
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import { NgScrollbar } from 'ngx-scrollbar';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "ngx-scrollbar";
|
|
6
|
-
import * as i3 from "@angular/material/form-field";
|
|
7
|
-
import * as i4 from "@angular/material/input";
|
|
8
|
-
import * as i5 from "@angular/forms";
|
|
9
|
-
import * as i6 from "@angular/material/icon";
|
|
10
|
-
function CentralizedContainerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
11
|
-
const _r2 = i0.ɵɵgetCurrentView();
|
|
12
|
-
i0.ɵɵelementStart(0, "div", 4);
|
|
13
|
-
i0.ɵɵelementStart(1, "mat-form-field");
|
|
14
|
-
i0.ɵɵelementStart(2, "input", 5);
|
|
15
|
-
i0.ɵɵlistener("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.searchTerm = $event; })("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.searchTermChanged(); });
|
|
16
|
-
i0.ɵɵelementEnd();
|
|
17
|
-
i0.ɵɵelementStart(3, "mat-icon", 6);
|
|
18
|
-
i0.ɵɵtext(4, "search");
|
|
19
|
-
i0.ɵɵelementEnd();
|
|
20
|
-
i0.ɵɵelementEnd();
|
|
21
|
-
i0.ɵɵelementEnd();
|
|
22
|
-
} if (rf & 2) {
|
|
23
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
24
|
-
i0.ɵɵadvance(2);
|
|
25
|
-
i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
|
|
26
|
-
} }
|
|
27
|
-
const _c0 = function (a0) { return { "centralized-container-zoom": a0 }; };
|
|
28
|
-
const _c1 = ["*"];
|
|
29
|
-
export class CentralizedContainerComponent {
|
|
30
|
-
constructor() {
|
|
31
|
-
this.searchTerm = '';
|
|
32
|
-
this.hasSearch = true;
|
|
33
|
-
this.ignoreZoom = false;
|
|
34
|
-
this.searchChanged = new EventEmitter();
|
|
35
|
-
}
|
|
36
|
-
searchTermChanged() {
|
|
37
|
-
this.searchChanged.emit(this.searchTerm);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
CentralizedContainerComponent.ɵfac = function CentralizedContainerComponent_Factory(t) { return new (t || CentralizedContainerComponent)(); };
|
|
41
|
-
CentralizedContainerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CentralizedContainerComponent, selectors: [["centralized-container"]], viewQuery: function CentralizedContainerComponent_Query(rf, ctx) { if (rf & 1) {
|
|
42
|
-
i0.ɵɵstaticViewQuery(NgScrollbar, true);
|
|
43
|
-
} if (rf & 2) {
|
|
44
|
-
var _t;
|
|
45
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
|
|
46
|
-
} }, inputs: { hasSearch: "hasSearch", ignoreZoom: "ignoreZoom" }, outputs: { searchChanged: "searchChanged" }, ngContentSelectors: _c1, decls: 5, vars: 5, consts: [[1, "centralized-container", 3, "ngClass"], [3, "visibility"], [1, "list-content"], ["class", "list-search", 4, "ngIf"], [1, "list-search"], ["matInput", "", "type", "search", 3, "ngModel", "ngModelChange"], ["matSuffix", "", 1, "search-icon"]], template: function CentralizedContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
47
|
-
i0.ɵɵprojectionDef();
|
|
48
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
49
|
-
i0.ɵɵelementStart(1, "ng-scrollbar", 1);
|
|
50
|
-
i0.ɵɵelementStart(2, "div", 2);
|
|
51
|
-
i0.ɵɵtemplate(3, CentralizedContainerComponent_div_3_Template, 5, 1, "div", 3);
|
|
52
|
-
i0.ɵɵprojection(4);
|
|
53
|
-
i0.ɵɵelementEnd();
|
|
54
|
-
i0.ɵɵelementEnd();
|
|
55
|
-
i0.ɵɵelementEnd();
|
|
56
|
-
} if (rf & 2) {
|
|
57
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, !ctx.ignoreZoom));
|
|
58
|
-
i0.ɵɵadvance(1);
|
|
59
|
-
i0.ɵɵproperty("visibility", "hover");
|
|
60
|
-
i0.ɵɵadvance(2);
|
|
61
|
-
i0.ɵɵproperty("ngIf", ctx.hasSearch);
|
|
62
|
-
} }, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix], styles: [".centralized-container[_ngcontent-%COMP%]{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom[_ngcontent-%COMP%]{font-size:62.5%}.centralized-container[_ngcontent-%COMP%] > ng-scrollbar[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 25px 25px}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{font-size:1.4em;place-self:flex-end;position:absolute;width:21%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{font-size:1.8rem;opacity:.5}[_nghost-%COMP%] .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}"] });
|
|
63
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(CentralizedContainerComponent, [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{
|
|
66
|
-
selector: 'centralized-container',
|
|
67
|
-
templateUrl: 'centralized-container.component.html',
|
|
68
|
-
styleUrls: ['centralized-container.component.scss']
|
|
69
|
-
}]
|
|
70
|
-
}], null, { hasSearch: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], ignoreZoom: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], searchChanged: [{
|
|
75
|
-
type: Output
|
|
76
|
-
}], scrollbarRef: [{
|
|
77
|
-
type: ViewChild,
|
|
78
|
-
args: [NgScrollbar, { static: true }]
|
|
79
|
-
}] }); })();
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0lDRXBDLDhCQUNFO0lBQUEsc0NBQ0U7SUFBQSxnQ0FDQTtJQUQ4Qiw2TkFBd0IsME1BQUE7SUFBdEQsaUJBQ0E7SUFBQSxtQ0FBd0M7SUFBQSxzQkFBTTtJQUFBLGlCQUFXO0lBQzNELGlCQUFpQjtJQUNuQixpQkFBTTs7O0lBSDRCLGVBQXdCO0lBQXhCLDJDQUF3Qjs7OztBREdoRSxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBT1MsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVQLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUc1QixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FTbkQ7SUFKUSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7OzBHQWZVLDZCQUE2QjtrRUFBN0IsNkJBQTZCOzZCQVU3QixXQUFXOzs7Ozs7UUNsQnhCLDhCQUNFO1FBQUEsdUNBQ0U7UUFBQSw4QkFDRTtRQUFBLDhFQUNFO1FBS0Ysa0JBQVk7UUFDZCxpQkFBTTtRQUNSLGlCQUFlO1FBQ2pCLGlCQUFNOztRQVo2QixxRUFBdUQ7UUFDMUUsZUFBc0I7UUFBdEIsb0NBQXNCO1FBRVAsZUFBaUI7UUFBakIsb0NBQWlCOztrRERLbkMsNkJBQTZCO2NBTHpDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxXQUFXLEVBQUUsc0NBQXNDO2dCQUNuRCxTQUFTLEVBQUUsQ0FBQyxzQ0FBc0MsQ0FBQzthQUNwRDtnQkFLaUIsU0FBUztrQkFBeEIsS0FBSztZQUNVLFVBQVU7a0JBQXpCLEtBQUs7WUFHQyxhQUFhO2tCQURuQixNQUFNO1lBSUEsWUFBWTtrQkFEbEIsU0FBUzttQkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdTY3JvbGxiYXJ9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZW50cmFsaXplZC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJ2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgcHVibGljIHNlYXJjaFRlcm0gPSAnJztcblxuICBASW5wdXQoKSBwdWJsaWMgaGFzU2VhcmNoID0gdHJ1ZTtcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHNlYXJjaENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAVmlld0NoaWxkKE5nU2Nyb2xsYmFyLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgc2VhcmNoVGVybUNoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hDaGFuZ2VkLmVtaXQodGhpcy5zZWFyY2hUZXJtKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2VudHJhbGl6ZWQtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydjZW50cmFsaXplZC1jb250YWluZXItem9vbSc6ICFpZ25vcmVab29tfVwiPlxuICA8bmctc2Nyb2xsYmFyIFt2aXNpYmlsaXR5XT1cIidob3ZlcidcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibGlzdC1zZWFyY2hcIiAqbmdJZj1cImhhc1NlYXJjaFwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIiAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2hUZXJtQ2hhbmdlZCgpXCIgLz5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzZWFyY2gtaWNvblwiIG1hdFN1ZmZpeD5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctc2Nyb2xsYmFyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import { NgScrollbar } from 'ngx-scrollbar';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "ngx-scrollbar";
|
|
8
|
-
import * as i3 from "@angular/material/form-field";
|
|
9
|
-
import * as i4 from "@angular/material/input";
|
|
10
|
-
import * as i5 from "@angular/forms";
|
|
11
|
-
import * as i6 from "@angular/material/icon";
|
|
12
|
-
function ConfigurationPageComponent_div_3_mat_label_2_Template(rf, ctx) { if (rf & 1) {
|
|
13
|
-
i0.ɵɵelementStart(0, "mat-label");
|
|
14
|
-
i0.ɵɵtext(1);
|
|
15
|
-
i0.ɵɵelementEnd();
|
|
16
|
-
} if (rf & 2) {
|
|
17
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
18
|
-
i0.ɵɵadvance(1);
|
|
19
|
-
i0.ɵɵtextInterpolate(ctx_r1.searchLabel);
|
|
20
|
-
} }
|
|
21
|
-
const _c0 = function (a0) { return { "label-input": a0 }; };
|
|
22
|
-
function ConfigurationPageComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
23
|
-
const _r3 = i0.ɵɵgetCurrentView();
|
|
24
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
25
|
-
i0.ɵɵelementStart(1, "mat-form-field", 6);
|
|
26
|
-
i0.ɵɵtemplate(2, ConfigurationPageComponent_div_3_mat_label_2_Template, 2, 1, "mat-label", 7);
|
|
27
|
-
i0.ɵɵelementStart(3, "input", 8);
|
|
28
|
-
i0.ɵɵlistener("ngModelChange", function ConfigurationPageComponent_div_3_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.searchTerm = $event; })("ngModelChange", function ConfigurationPageComponent_div_3_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.searchTermChanged(); });
|
|
29
|
-
i0.ɵɵelementEnd();
|
|
30
|
-
i0.ɵɵelementStart(4, "mat-icon", 9);
|
|
31
|
-
i0.ɵɵlistener("click", function ConfigurationPageComponent_div_3_Template_mat_icon_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.searchIconClick(); });
|
|
32
|
-
i0.ɵɵtext(5, "search");
|
|
33
|
-
i0.ɵɵelementEnd();
|
|
34
|
-
i0.ɵɵelementEnd();
|
|
35
|
-
i0.ɵɵelementEnd();
|
|
36
|
-
} if (rf & 2) {
|
|
37
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
38
|
-
i0.ɵɵadvance(1);
|
|
39
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx_r0.searchLabel));
|
|
40
|
-
i0.ɵɵadvance(1);
|
|
41
|
-
i0.ɵɵproperty("ngIf", ctx_r0.searchLabel);
|
|
42
|
-
i0.ɵɵadvance(1);
|
|
43
|
-
i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
|
|
44
|
-
} }
|
|
45
|
-
const _c1 = function (a0) { return { "footer-paginator": a0 }; };
|
|
46
|
-
const _c2 = function (a0) { return { "vertical-separate": a0 }; };
|
|
47
|
-
const _c3 = ["*"];
|
|
48
|
-
export class ConfigurationPageComponent {
|
|
49
|
-
constructor() {
|
|
50
|
-
this.searchTerm = '';
|
|
51
|
-
this.verticalSeparate = false;
|
|
52
|
-
this.footerPaginator = false;
|
|
53
|
-
this.hasSearch = true;
|
|
54
|
-
this.searchDebounceTime = 1000;
|
|
55
|
-
this.searchLabel = '';
|
|
56
|
-
this.txtQueryChanged = new Subject();
|
|
57
|
-
this.searchChanged = new EventEmitter();
|
|
58
|
-
this.searchClick = new EventEmitter();
|
|
59
|
-
this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => this.searchChanged.next(model));
|
|
60
|
-
}
|
|
61
|
-
searchTermChanged() {
|
|
62
|
-
this.txtQueryChanged.next(this.searchTerm);
|
|
63
|
-
}
|
|
64
|
-
searchIconClick() {
|
|
65
|
-
this.searchClick.next(this.searchTerm);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
ConfigurationPageComponent.ɵfac = function ConfigurationPageComponent_Factory(t) { return new (t || ConfigurationPageComponent)(); };
|
|
69
|
-
ConfigurationPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfigurationPageComponent, selectors: [["configuration-page-container"]], viewQuery: function ConfigurationPageComponent_Query(rf, ctx) { if (rf & 1) {
|
|
70
|
-
i0.ɵɵstaticViewQuery(NgScrollbar, true);
|
|
71
|
-
} if (rf & 2) {
|
|
72
|
-
var _t;
|
|
73
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
|
|
74
|
-
} }, inputs: { verticalSeparate: "verticalSeparate", footerPaginator: "footerPaginator", hasSearch: "hasSearch", searchDebounceTime: "searchDebounceTime", searchLabel: "searchLabel" }, outputs: { searchChanged: "searchChanged", searchClick: "searchClick" }, ngContentSelectors: _c3, decls: 6, vars: 8, consts: [[1, "configuration-page-container", 3, "ngClass"], [3, "visibility"], [1, "list-content"], ["class", "list-search", 4, "ngIf"], [1, "container-content", 3, "ngClass"], [1, "list-search"], ["appearance", "fill", 1, "apipass-search-input-text", "search-input-item", "small-text", 3, "ngClass"], [4, "ngIf"], ["matInput", "", "type", "search", 1, "search-input", 3, "ngModel", "ngModelChange"], ["matSuffix", "", 1, "search-icon", 3, "click"]], template: function ConfigurationPageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
75
|
-
i0.ɵɵprojectionDef();
|
|
76
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
77
|
-
i0.ɵɵelementStart(1, "ng-scrollbar", 1);
|
|
78
|
-
i0.ɵɵelementStart(2, "div", 2);
|
|
79
|
-
i0.ɵɵtemplate(3, ConfigurationPageComponent_div_3_Template, 6, 5, "div", 3);
|
|
80
|
-
i0.ɵɵelementStart(4, "div", 4);
|
|
81
|
-
i0.ɵɵprojection(5);
|
|
82
|
-
i0.ɵɵelementEnd();
|
|
83
|
-
i0.ɵɵelementEnd();
|
|
84
|
-
i0.ɵɵelementEnd();
|
|
85
|
-
i0.ɵɵelementEnd();
|
|
86
|
-
} if (rf & 2) {
|
|
87
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1, ctx.footerPaginator));
|
|
88
|
-
i0.ɵɵadvance(1);
|
|
89
|
-
i0.ɵɵproperty("visibility", "hover");
|
|
90
|
-
i0.ɵɵadvance(2);
|
|
91
|
-
i0.ɵɵproperty("ngIf", ctx.hasSearch);
|
|
92
|
-
i0.ɵɵadvance(1);
|
|
93
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
|
|
94
|
-
} }, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: [".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"] });
|
|
95
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfigurationPageComponent, [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
selector: 'configuration-page-container',
|
|
99
|
-
templateUrl: 'configuration-page.component.html',
|
|
100
|
-
styleUrls: ['configuration-page.component.scss']
|
|
101
|
-
}]
|
|
102
|
-
}], function () { return []; }, { verticalSeparate: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], footerPaginator: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], hasSearch: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}], searchDebounceTime: [{
|
|
109
|
-
type: Input
|
|
110
|
-
}], searchLabel: [{
|
|
111
|
-
type: Input
|
|
112
|
-
}], searchChanged: [{
|
|
113
|
-
type: Output
|
|
114
|
-
}], searchClick: [{
|
|
115
|
-
type: Output
|
|
116
|
-
}], scrollbarRef: [{
|
|
117
|
-
type: ViewChild,
|
|
118
|
-
args: [NgScrollbar, { static: true }]
|
|
119
|
-
}] }); })();
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7O0lDSXhELGlDQUErQjtJQUFBLFlBQWU7SUFBQSxpQkFBWTs7O0lBQTNCLGVBQWU7SUFBZix3Q0FBZTs7Ozs7SUFKbEQsOEJBQ0U7SUFBQSx5Q0FHRTtJQUFBLDZGQUErQjtJQUMvQixnQ0FJQTtJQUhPLDBOQUF3Qix1TUFBQTtJQUQvQixpQkFJQTtJQUFBLG1DQUFvRTtJQUE1QixxTUFBMkI7SUFBQyxzQkFBTTtJQUFBLGlCQUFXO0lBQ3ZGLGlCQUFpQjtJQUNuQixpQkFBTTs7O0lBVFksZUFBd0M7SUFBeEMsd0VBQXdDO0lBRTNDLGVBQW1CO0lBQW5CLHlDQUFtQjtJQUV2QixlQUF3QjtJQUF4QiwyQ0FBd0I7Ozs7O0FEQ3pDLE1BQU0sT0FBTywwQkFBMEI7SUFrQnJDO1FBaEJPLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFUCxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQix1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakMsb0JBQWUsR0FBb0IsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUV4QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0MsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBTXhELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUN2QixZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEVBQ3JDLG9CQUFvQixFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQy9CLENBQUM7SUFDSixDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDekMsQ0FBQzs7b0dBaENVLDBCQUEwQjsrREFBMUIsMEJBQTBCOzZCQWUxQixXQUFXOzs7Ozs7UUN6QnhCLDhCQUNFO1FBQUEsdUNBQ0U7UUFBQSw4QkFDRTtRQUFBLDJFQUNFO1FBWUYsOEJBQ0U7UUFBQSxrQkFBWTtRQUNkLGlCQUFNO1FBQ1IsaUJBQU07UUFDUixpQkFBZTtRQUNqQixpQkFBTTs7UUFyQm9DLHlFQUFpRDtRQUMzRSxlQUFzQjtRQUF0QixvQ0FBc0I7UUFFUCxlQUFpQjtRQUFqQixvQ0FBaUI7UUFhWCxlQUFtRDtRQUFuRCwwRUFBbUQ7O2tERE4zRSwwQkFBMEI7Y0FMdEMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLFdBQVcsRUFBRSxtQ0FBbUM7Z0JBQ2hELFNBQVMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDO2FBQ2pEO3NDQUtpQixnQkFBZ0I7a0JBQS9CLEtBQUs7WUFDVSxlQUFlO2tCQUE5QixLQUFLO1lBQ1UsU0FBUztrQkFBeEIsS0FBSztZQUNVLGtCQUFrQjtrQkFBakMsS0FBSztZQUNVLFdBQVc7a0JBQTFCLEtBQUs7WUFJVyxhQUFhO2tCQUE3QixNQUFNO1lBQ1UsV0FBVztrQkFBM0IsTUFBTTtZQUdBLFlBQVk7a0JBRGxCLFNBQVM7bUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nU2Nyb2xsYmFyfSBmcm9tICduZ3gtc2Nyb2xsYmFyJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2RlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWR9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50IHtcblxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyB2ZXJ0aWNhbFNlcGFyYXRlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJQYWdpbmF0b3IgPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGhhc1NlYXJjaCA9IHRydWU7XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWFyY2hEZWJvdW5jZVRpbWUgPSAxMDAwO1xuICBASW5wdXQoKSBwdWJsaWMgc2VhcmNoTGFiZWwgPSAnJztcblxuICB0eHRRdWVyeUNoYW5nZWQ6IFN1YmplY3Q8c3RyaW5nPiA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcblxuICBAT3V0cHV0KCkgcHVibGljIHNlYXJjaENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBzZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBWaWV3Q2hpbGQoTmdTY3JvbGxiYXIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBzY3JvbGxiYXJSZWY6IE5nU2Nyb2xsYmFyIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLnBpcGUoXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSkuc3Vic2NyaWJlKG1vZGVsID0+XG4gICAgICB0aGlzLnNlYXJjaENoYW5nZWQubmV4dChtb2RlbClcbiAgICApO1xuICB9XG5cbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLm5leHQodGhpcy5zZWFyY2hUZXJtKTtcbiAgfVxuXG4gIHB1YmxpYyBzZWFyY2hJY29uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hDbGljay5uZXh0KHRoaXMuc2VhcmNoVGVybSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImNvbmZpZ3VyYXRpb24tcGFnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2Zvb3Rlci1wYWdpbmF0b3InOiBmb290ZXJQYWdpbmF0b3J9XCI+XG4gIDxuZy1zY3JvbGxiYXIgW3Zpc2liaWxpdHldPVwiJ2hvdmVyJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsaXN0LWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImFwaXBhc3Mtc2VhcmNoLWlucHV0LXRleHQgc2VhcmNoLWlucHV0LWl0ZW0gc21hbGwtdGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2xhYmVsLWlucHV0Jzogc2VhcmNoTGFiZWx9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cInNlYXJjaExhYmVsXCI+e3tzZWFyY2hMYWJlbH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBjbGFzcz1cInNlYXJjaC1pbnB1dFwiXG4gICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGVybVwiXG4gICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlYXJjaFRlcm1DaGFuZ2VkKClcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwic2VhcmNoLWljb25cIiBtYXRTdWZmaXggKGNsaWNrKT1cInNlYXJjaEljb25DbGljaygpXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNvbnRlbnRcIiBbbmdDbGFzc109XCJ7J3ZlcnRpY2FsLXNlcGFyYXRlJzogdmVydGljYWxTZXBhcmF0ZX1cIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctc2Nyb2xsYmFyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { RouterModule } from '@angular/router';
|
|
4
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
-
import { CentralizedContainerComponent } from './centralized-container/centralized-container.component';
|
|
6
|
-
import { ConfigurationPageComponent } from './configuration-page-content/configuration-page.component';
|
|
7
|
-
import { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
|
|
8
|
-
import { NgScrollbarModule } from 'ngx-scrollbar';
|
|
9
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
10
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
11
|
-
import { MatInputModule } from '@angular/material/input';
|
|
12
|
-
import { IconsModule } from '@apipass/icons';
|
|
13
|
-
import { ButtonsModule } from '@apipass/buttons';
|
|
14
|
-
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
15
|
-
import * as i0 from "@angular/core";
|
|
16
|
-
export class ContainersModule {
|
|
17
|
-
}
|
|
18
|
-
ContainersModule.ɵmod = i0.ɵɵdefineNgModule({ type: ContainersModule });
|
|
19
|
-
ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
|
|
20
|
-
CommonModule,
|
|
21
|
-
RouterModule,
|
|
22
|
-
FormsModule,
|
|
23
|
-
ReactiveFormsModule,
|
|
24
|
-
IconsModule,
|
|
25
|
-
ButtonsModule,
|
|
26
|
-
NgScrollbarModule,
|
|
27
|
-
MatFormFieldModule,
|
|
28
|
-
MatIconModule,
|
|
29
|
-
MatInputModule,
|
|
30
|
-
MatToolbarModule
|
|
31
|
-
]] });
|
|
32
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
|
|
33
|
-
ConfigurationPageComponent,
|
|
34
|
-
BreadcrumbComponent], imports: [CommonModule,
|
|
35
|
-
RouterModule,
|
|
36
|
-
FormsModule,
|
|
37
|
-
ReactiveFormsModule,
|
|
38
|
-
IconsModule,
|
|
39
|
-
ButtonsModule,
|
|
40
|
-
NgScrollbarModule,
|
|
41
|
-
MatFormFieldModule,
|
|
42
|
-
MatIconModule,
|
|
43
|
-
MatInputModule,
|
|
44
|
-
MatToolbarModule], exports: [CentralizedContainerComponent,
|
|
45
|
-
ConfigurationPageComponent,
|
|
46
|
-
BreadcrumbComponent] }); })();
|
|
47
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContainersModule, [{
|
|
48
|
-
type: NgModule,
|
|
49
|
-
args: [{
|
|
50
|
-
imports: [
|
|
51
|
-
CommonModule,
|
|
52
|
-
RouterModule,
|
|
53
|
-
FormsModule,
|
|
54
|
-
ReactiveFormsModule,
|
|
55
|
-
IconsModule,
|
|
56
|
-
ButtonsModule,
|
|
57
|
-
NgScrollbarModule,
|
|
58
|
-
MatFormFieldModule,
|
|
59
|
-
MatIconModule,
|
|
60
|
-
MatInputModule,
|
|
61
|
-
MatToolbarModule
|
|
62
|
-
],
|
|
63
|
-
declarations: [
|
|
64
|
-
CentralizedContainerComponent,
|
|
65
|
-
ConfigurationPageComponent,
|
|
66
|
-
BreadcrumbComponent
|
|
67
|
-
],
|
|
68
|
-
exports: [
|
|
69
|
-
CentralizedContainerComponent,
|
|
70
|
-
ConfigurationPageComponent,
|
|
71
|
-
BreadcrumbComponent
|
|
72
|
-
],
|
|
73
|
-
providers: []
|
|
74
|
-
}]
|
|
75
|
-
}], null, null); })();
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3RHLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7O0FBMkIzRCxNQUFNLE9BQU8sZ0JBQWdCOztvREFBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsbUJBRmhCLEVBQUUsWUF2Qko7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZ0JBQWdCO1NBQ2pCO3dGQWFVLGdCQUFnQixtQkFYekIsNkJBQTZCO1FBQzdCLDBCQUEwQjtRQUMxQixtQkFBbUIsYUFmbkIsWUFBWTtRQUNaLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxhQUFhO1FBQ2IsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsY0FBYztRQUNkLGdCQUFnQixhQVFoQiw2QkFBNkI7UUFDN0IsMEJBQTBCO1FBQzFCLG1CQUFtQjtrREFJVixnQkFBZ0I7Y0ExQjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixXQUFXO29CQUNYLGFBQWE7b0JBQ2IsaUJBQWlCO29CQUNqQixrQkFBa0I7b0JBQ2xCLGFBQWE7b0JBQ2IsY0FBYztvQkFDZCxnQkFBZ0I7aUJBQ2pCO2dCQUNELFlBQVksRUFBRTtvQkFDWiw2QkFBNkI7b0JBQzdCLDBCQUEwQjtvQkFDMUIsbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsNkJBQTZCO29CQUM3QiwwQkFBMEI7b0JBQzFCLG1CQUFtQjtpQkFDcEI7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudH0gZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7QnJlYWRjcnVtYkNvbXBvbmVudH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50JztcbmltcG9ydCB7TmdTY3JvbGxiYXJNb2R1bGV9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucyc7XG5pbXBvcnQge01hdFRvb2xiYXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBJY29uc01vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIE5nU2Nyb2xsYmFyTW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdFRvb2xiYXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lcnNNb2R1bGUge31cbiJdfQ==
|
|
@@ -1,325 +0,0 @@
|
|
|
1
|
-
import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵtext, ɵɵadvance, ɵɵproperty, EventEmitter, ɵɵdefineComponent, ɵɵstaticViewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵprojectionDef, ɵɵtemplate, ɵɵprojection, ɵɵpureFunction1, ɵsetClassMetadata, Component, Input, Output, ViewChild, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
|
|
2
|
-
import { NgClass, NgIf, NgForOf, CommonModule } from '@angular/common';
|
|
3
|
-
import { RouterModule } from '@angular/router';
|
|
4
|
-
import { DefaultValueAccessor, NgControlStatus, NgModel, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
-
import { NgScrollbar, NgScrollbarModule } from 'ngx-scrollbar';
|
|
6
|
-
export * from 'ngx-scrollbar';
|
|
7
|
-
import { MatFormField, MatSuffix, MatLabel, MatFormFieldModule } from '@angular/material/form-field';
|
|
8
|
-
import { MatInput, MatInputModule } from '@angular/material/input';
|
|
9
|
-
import { MatIcon, MatIconModule } from '@angular/material/icon';
|
|
10
|
-
import { Subject } from 'rxjs';
|
|
11
|
-
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
12
|
-
import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
|
|
13
|
-
import { IconsModule } from '@apipass/icons';
|
|
14
|
-
import { ButtonsModule } from '@apipass/buttons';
|
|
15
|
-
|
|
16
|
-
function CentralizedContainerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
-
const _r2 = ɵɵgetCurrentView();
|
|
18
|
-
ɵɵelementStart(0, "div", 4);
|
|
19
|
-
ɵɵelementStart(1, "mat-form-field");
|
|
20
|
-
ɵɵelementStart(2, "input", 5);
|
|
21
|
-
ɵɵlistener("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener($event) { ɵɵrestoreView(_r2); const ctx_r1 = ɵɵnextContext(); return ctx_r1.searchTerm = $event; })("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener() { ɵɵrestoreView(_r2); const ctx_r3 = ɵɵnextContext(); return ctx_r3.searchTermChanged(); });
|
|
22
|
-
ɵɵelementEnd();
|
|
23
|
-
ɵɵelementStart(3, "mat-icon", 6);
|
|
24
|
-
ɵɵtext(4, "search");
|
|
25
|
-
ɵɵelementEnd();
|
|
26
|
-
ɵɵelementEnd();
|
|
27
|
-
ɵɵelementEnd();
|
|
28
|
-
} if (rf & 2) {
|
|
29
|
-
const ctx_r0 = ɵɵnextContext();
|
|
30
|
-
ɵɵadvance(2);
|
|
31
|
-
ɵɵproperty("ngModel", ctx_r0.searchTerm);
|
|
32
|
-
} }
|
|
33
|
-
const _c0 = function (a0) { return { "centralized-container-zoom": a0 }; };
|
|
34
|
-
const _c1 = ["*"];
|
|
35
|
-
class CentralizedContainerComponent {
|
|
36
|
-
constructor() {
|
|
37
|
-
this.searchTerm = '';
|
|
38
|
-
this.hasSearch = true;
|
|
39
|
-
this.ignoreZoom = false;
|
|
40
|
-
this.searchChanged = new EventEmitter();
|
|
41
|
-
}
|
|
42
|
-
searchTermChanged() {
|
|
43
|
-
this.searchChanged.emit(this.searchTerm);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
CentralizedContainerComponent.ɵfac = function CentralizedContainerComponent_Factory(t) { return new (t || CentralizedContainerComponent)(); };
|
|
47
|
-
CentralizedContainerComponent.ɵcmp = ɵɵdefineComponent({ type: CentralizedContainerComponent, selectors: [["centralized-container"]], viewQuery: function CentralizedContainerComponent_Query(rf, ctx) { if (rf & 1) {
|
|
48
|
-
ɵɵstaticViewQuery(NgScrollbar, true);
|
|
49
|
-
} if (rf & 2) {
|
|
50
|
-
var _t;
|
|
51
|
-
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
|
|
52
|
-
} }, inputs: { hasSearch: "hasSearch", ignoreZoom: "ignoreZoom" }, outputs: { searchChanged: "searchChanged" }, ngContentSelectors: _c1, decls: 5, vars: 5, consts: [[1, "centralized-container", 3, "ngClass"], [3, "visibility"], [1, "list-content"], ["class", "list-search", 4, "ngIf"], [1, "list-search"], ["matInput", "", "type", "search", 3, "ngModel", "ngModelChange"], ["matSuffix", "", 1, "search-icon"]], template: function CentralizedContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
53
|
-
ɵɵprojectionDef();
|
|
54
|
-
ɵɵelementStart(0, "div", 0);
|
|
55
|
-
ɵɵelementStart(1, "ng-scrollbar", 1);
|
|
56
|
-
ɵɵelementStart(2, "div", 2);
|
|
57
|
-
ɵɵtemplate(3, CentralizedContainerComponent_div_3_Template, 5, 1, "div", 3);
|
|
58
|
-
ɵɵprojection(4);
|
|
59
|
-
ɵɵelementEnd();
|
|
60
|
-
ɵɵelementEnd();
|
|
61
|
-
ɵɵelementEnd();
|
|
62
|
-
} if (rf & 2) {
|
|
63
|
-
ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0, !ctx.ignoreZoom));
|
|
64
|
-
ɵɵadvance(1);
|
|
65
|
-
ɵɵproperty("visibility", "hover");
|
|
66
|
-
ɵɵadvance(2);
|
|
67
|
-
ɵɵproperty("ngIf", ctx.hasSearch);
|
|
68
|
-
} }, directives: [NgClass, NgScrollbar, NgIf, MatFormField, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatIcon, MatSuffix], styles: [".centralized-container[_ngcontent-%COMP%]{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom[_ngcontent-%COMP%]{font-size:62.5%}.centralized-container[_ngcontent-%COMP%] > ng-scrollbar[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 25px 25px}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{font-size:1.4em;place-self:flex-end;position:absolute;width:21%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{font-size:1.8rem;opacity:.5}[_nghost-%COMP%] .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}"] });
|
|
69
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(CentralizedContainerComponent, [{
|
|
70
|
-
type: Component,
|
|
71
|
-
args: [{
|
|
72
|
-
selector: 'centralized-container',
|
|
73
|
-
templateUrl: 'centralized-container.component.html',
|
|
74
|
-
styleUrls: ['centralized-container.component.scss']
|
|
75
|
-
}]
|
|
76
|
-
}], null, { hasSearch: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}], ignoreZoom: [{
|
|
79
|
-
type: Input
|
|
80
|
-
}], searchChanged: [{
|
|
81
|
-
type: Output
|
|
82
|
-
}], scrollbarRef: [{
|
|
83
|
-
type: ViewChild,
|
|
84
|
-
args: [NgScrollbar, { static: true }]
|
|
85
|
-
}] }); })();
|
|
86
|
-
|
|
87
|
-
function ConfigurationPageComponent_div_3_mat_label_2_Template(rf, ctx) { if (rf & 1) {
|
|
88
|
-
ɵɵelementStart(0, "mat-label");
|
|
89
|
-
ɵɵtext(1);
|
|
90
|
-
ɵɵelementEnd();
|
|
91
|
-
} if (rf & 2) {
|
|
92
|
-
const ctx_r1 = ɵɵnextContext(2);
|
|
93
|
-
ɵɵadvance(1);
|
|
94
|
-
ɵɵtextInterpolate(ctx_r1.searchLabel);
|
|
95
|
-
} }
|
|
96
|
-
const _c0$1 = function (a0) { return { "label-input": a0 }; };
|
|
97
|
-
function ConfigurationPageComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
98
|
-
const _r3 = ɵɵgetCurrentView();
|
|
99
|
-
ɵɵelementStart(0, "div", 5);
|
|
100
|
-
ɵɵelementStart(1, "mat-form-field", 6);
|
|
101
|
-
ɵɵtemplate(2, ConfigurationPageComponent_div_3_mat_label_2_Template, 2, 1, "mat-label", 7);
|
|
102
|
-
ɵɵelementStart(3, "input", 8);
|
|
103
|
-
ɵɵlistener("ngModelChange", function ConfigurationPageComponent_div_3_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(); return ctx_r2.searchTerm = $event; })("ngModelChange", function ConfigurationPageComponent_div_3_Template_input_ngModelChange_3_listener() { ɵɵrestoreView(_r3); const ctx_r4 = ɵɵnextContext(); return ctx_r4.searchTermChanged(); });
|
|
104
|
-
ɵɵelementEnd();
|
|
105
|
-
ɵɵelementStart(4, "mat-icon", 9);
|
|
106
|
-
ɵɵlistener("click", function ConfigurationPageComponent_div_3_Template_mat_icon_click_4_listener() { ɵɵrestoreView(_r3); const ctx_r5 = ɵɵnextContext(); return ctx_r5.searchIconClick(); });
|
|
107
|
-
ɵɵtext(5, "search");
|
|
108
|
-
ɵɵelementEnd();
|
|
109
|
-
ɵɵelementEnd();
|
|
110
|
-
ɵɵelementEnd();
|
|
111
|
-
} if (rf & 2) {
|
|
112
|
-
const ctx_r0 = ɵɵnextContext();
|
|
113
|
-
ɵɵadvance(1);
|
|
114
|
-
ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$1, ctx_r0.searchLabel));
|
|
115
|
-
ɵɵadvance(1);
|
|
116
|
-
ɵɵproperty("ngIf", ctx_r0.searchLabel);
|
|
117
|
-
ɵɵadvance(1);
|
|
118
|
-
ɵɵproperty("ngModel", ctx_r0.searchTerm);
|
|
119
|
-
} }
|
|
120
|
-
const _c1$1 = function (a0) { return { "footer-paginator": a0 }; };
|
|
121
|
-
const _c2 = function (a0) { return { "vertical-separate": a0 }; };
|
|
122
|
-
const _c3 = ["*"];
|
|
123
|
-
class ConfigurationPageComponent {
|
|
124
|
-
constructor() {
|
|
125
|
-
this.searchTerm = '';
|
|
126
|
-
this.verticalSeparate = false;
|
|
127
|
-
this.footerPaginator = false;
|
|
128
|
-
this.hasSearch = true;
|
|
129
|
-
this.searchDebounceTime = 1000;
|
|
130
|
-
this.searchLabel = '';
|
|
131
|
-
this.txtQueryChanged = new Subject();
|
|
132
|
-
this.searchChanged = new EventEmitter();
|
|
133
|
-
this.searchClick = new EventEmitter();
|
|
134
|
-
this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => this.searchChanged.next(model));
|
|
135
|
-
}
|
|
136
|
-
searchTermChanged() {
|
|
137
|
-
this.txtQueryChanged.next(this.searchTerm);
|
|
138
|
-
}
|
|
139
|
-
searchIconClick() {
|
|
140
|
-
this.searchClick.next(this.searchTerm);
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
ConfigurationPageComponent.ɵfac = function ConfigurationPageComponent_Factory(t) { return new (t || ConfigurationPageComponent)(); };
|
|
144
|
-
ConfigurationPageComponent.ɵcmp = ɵɵdefineComponent({ type: ConfigurationPageComponent, selectors: [["configuration-page-container"]], viewQuery: function ConfigurationPageComponent_Query(rf, ctx) { if (rf & 1) {
|
|
145
|
-
ɵɵstaticViewQuery(NgScrollbar, true);
|
|
146
|
-
} if (rf & 2) {
|
|
147
|
-
var _t;
|
|
148
|
-
ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
|
|
149
|
-
} }, inputs: { verticalSeparate: "verticalSeparate", footerPaginator: "footerPaginator", hasSearch: "hasSearch", searchDebounceTime: "searchDebounceTime", searchLabel: "searchLabel" }, outputs: { searchChanged: "searchChanged", searchClick: "searchClick" }, ngContentSelectors: _c3, decls: 6, vars: 8, consts: [[1, "configuration-page-container", 3, "ngClass"], [3, "visibility"], [1, "list-content"], ["class", "list-search", 4, "ngIf"], [1, "container-content", 3, "ngClass"], [1, "list-search"], ["appearance", "fill", 1, "apipass-search-input-text", "search-input-item", "small-text", 3, "ngClass"], [4, "ngIf"], ["matInput", "", "type", "search", 1, "search-input", 3, "ngModel", "ngModelChange"], ["matSuffix", "", 1, "search-icon", 3, "click"]], template: function ConfigurationPageComponent_Template(rf, ctx) { if (rf & 1) {
|
|
150
|
-
ɵɵprojectionDef();
|
|
151
|
-
ɵɵelementStart(0, "div", 0);
|
|
152
|
-
ɵɵelementStart(1, "ng-scrollbar", 1);
|
|
153
|
-
ɵɵelementStart(2, "div", 2);
|
|
154
|
-
ɵɵtemplate(3, ConfigurationPageComponent_div_3_Template, 6, 5, "div", 3);
|
|
155
|
-
ɵɵelementStart(4, "div", 4);
|
|
156
|
-
ɵɵprojection(5);
|
|
157
|
-
ɵɵelementEnd();
|
|
158
|
-
ɵɵelementEnd();
|
|
159
|
-
ɵɵelementEnd();
|
|
160
|
-
ɵɵelementEnd();
|
|
161
|
-
} if (rf & 2) {
|
|
162
|
-
ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c1$1, ctx.footerPaginator));
|
|
163
|
-
ɵɵadvance(1);
|
|
164
|
-
ɵɵproperty("visibility", "hover");
|
|
165
|
-
ɵɵadvance(2);
|
|
166
|
-
ɵɵproperty("ngIf", ctx.hasSearch);
|
|
167
|
-
ɵɵadvance(1);
|
|
168
|
-
ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
|
|
169
|
-
} }, directives: [NgClass, NgScrollbar, NgIf, MatFormField, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatIcon, MatSuffix, MatLabel], styles: [".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"] });
|
|
170
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfigurationPageComponent, [{
|
|
171
|
-
type: Component,
|
|
172
|
-
args: [{
|
|
173
|
-
selector: 'configuration-page-container',
|
|
174
|
-
templateUrl: 'configuration-page.component.html',
|
|
175
|
-
styleUrls: ['configuration-page.component.scss']
|
|
176
|
-
}]
|
|
177
|
-
}], function () { return []; }, { verticalSeparate: [{
|
|
178
|
-
type: Input
|
|
179
|
-
}], footerPaginator: [{
|
|
180
|
-
type: Input
|
|
181
|
-
}], hasSearch: [{
|
|
182
|
-
type: Input
|
|
183
|
-
}], searchDebounceTime: [{
|
|
184
|
-
type: Input
|
|
185
|
-
}], searchLabel: [{
|
|
186
|
-
type: Input
|
|
187
|
-
}], searchChanged: [{
|
|
188
|
-
type: Output
|
|
189
|
-
}], searchClick: [{
|
|
190
|
-
type: Output
|
|
191
|
-
}], scrollbarRef: [{
|
|
192
|
-
type: ViewChild,
|
|
193
|
-
args: [NgScrollbar, { static: true }]
|
|
194
|
-
}] }); })();
|
|
195
|
-
|
|
196
|
-
function BreadcrumbComponent_mat_toolbar_0_span_1_Template(rf, ctx) { if (rf & 1) {
|
|
197
|
-
const _r5 = ɵɵgetCurrentView();
|
|
198
|
-
ɵɵelementStart(0, "span");
|
|
199
|
-
ɵɵelementStart(1, "a", 3);
|
|
200
|
-
ɵɵlistener("click", function BreadcrumbComponent_mat_toolbar_0_span_1_Template_a_click_1_listener() { ɵɵrestoreView(_r5); const indx_r3 = ctx.index; const header_r2 = ctx.$implicit; const ctx_r4 = ɵɵnextContext(2); return ctx_r4.eventClick(indx_r3, header_r2); });
|
|
201
|
-
ɵɵtext(2);
|
|
202
|
-
ɵɵelementStart(3, "mat-icon");
|
|
203
|
-
ɵɵtext(4);
|
|
204
|
-
ɵɵelementEnd();
|
|
205
|
-
ɵɵelementEnd();
|
|
206
|
-
ɵɵelementEnd();
|
|
207
|
-
} if (rf & 2) {
|
|
208
|
-
const header_r2 = ctx.$implicit;
|
|
209
|
-
const ctx_r1 = ɵɵnextContext(2);
|
|
210
|
-
ɵɵadvance(2);
|
|
211
|
-
ɵɵtextInterpolate1("", header_r2[ctx_r1.labelProperty], " ");
|
|
212
|
-
ɵɵadvance(2);
|
|
213
|
-
ɵɵtextInterpolate(ctx_r1.icon);
|
|
214
|
-
} }
|
|
215
|
-
function BreadcrumbComponent_mat_toolbar_0_Template(rf, ctx) { if (rf & 1) {
|
|
216
|
-
ɵɵelementStart(0, "mat-toolbar", 1);
|
|
217
|
-
ɵɵtemplate(1, BreadcrumbComponent_mat_toolbar_0_span_1_Template, 5, 2, "span", 2);
|
|
218
|
-
ɵɵelementEnd();
|
|
219
|
-
} if (rf & 2) {
|
|
220
|
-
const ctx_r0 = ɵɵnextContext();
|
|
221
|
-
ɵɵadvance(1);
|
|
222
|
-
ɵɵproperty("ngForOf", ctx_r0.items);
|
|
223
|
-
} }
|
|
224
|
-
class BreadcrumbComponent {
|
|
225
|
-
constructor() {
|
|
226
|
-
this.icon = 'keyboard_arrow_right';
|
|
227
|
-
this.items = [];
|
|
228
|
-
this.labelProperty = 'label';
|
|
229
|
-
this.itemClick = new EventEmitter();
|
|
230
|
-
}
|
|
231
|
-
eventClick(index, item) {
|
|
232
|
-
this.items.splice(index + 1, this.items.length - 1);
|
|
233
|
-
this.itemClick.emit({ index, item });
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
BreadcrumbComponent.ɵfac = function BreadcrumbComponent_Factory(t) { return new (t || BreadcrumbComponent)(); };
|
|
237
|
-
BreadcrumbComponent.ɵcmp = ɵɵdefineComponent({ type: BreadcrumbComponent, selectors: [["breadcrumb-component"]], inputs: { icon: "icon", items: "items", labelProperty: "labelProperty" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [["color", "primary", 4, "ngIf"], ["color", "primary"], [4, "ngFor", "ngForOf"], ["mat-button", "", 3, "click"]], template: function BreadcrumbComponent_Template(rf, ctx) { if (rf & 1) {
|
|
238
|
-
ɵɵtemplate(0, BreadcrumbComponent_mat_toolbar_0_Template, 2, 1, "mat-toolbar", 0);
|
|
239
|
-
} if (rf & 2) {
|
|
240
|
-
ɵɵproperty("ngIf", ctx.items.length > 0);
|
|
241
|
-
} }, directives: [NgIf, MatToolbar, NgForOf, MatIcon], styles: [".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"] });
|
|
242
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(BreadcrumbComponent, [{
|
|
243
|
-
type: Component,
|
|
244
|
-
args: [{
|
|
245
|
-
selector: 'breadcrumb-component',
|
|
246
|
-
templateUrl: 'breadcrumb.component.html',
|
|
247
|
-
styleUrls: ['breadcrumb.component.scss']
|
|
248
|
-
}]
|
|
249
|
-
}], function () { return []; }, { icon: [{
|
|
250
|
-
type: Input
|
|
251
|
-
}], items: [{
|
|
252
|
-
type: Input
|
|
253
|
-
}], labelProperty: [{
|
|
254
|
-
type: Input
|
|
255
|
-
}], itemClick: [{
|
|
256
|
-
type: Output
|
|
257
|
-
}] }); })();
|
|
258
|
-
|
|
259
|
-
class ContainersModule {
|
|
260
|
-
}
|
|
261
|
-
ContainersModule.ɵmod = ɵɵdefineNgModule({ type: ContainersModule });
|
|
262
|
-
ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
|
|
263
|
-
CommonModule,
|
|
264
|
-
RouterModule,
|
|
265
|
-
FormsModule,
|
|
266
|
-
ReactiveFormsModule,
|
|
267
|
-
IconsModule,
|
|
268
|
-
ButtonsModule,
|
|
269
|
-
NgScrollbarModule,
|
|
270
|
-
MatFormFieldModule,
|
|
271
|
-
MatIconModule,
|
|
272
|
-
MatInputModule,
|
|
273
|
-
MatToolbarModule
|
|
274
|
-
]] });
|
|
275
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
|
|
276
|
-
ConfigurationPageComponent,
|
|
277
|
-
BreadcrumbComponent], imports: [CommonModule,
|
|
278
|
-
RouterModule,
|
|
279
|
-
FormsModule,
|
|
280
|
-
ReactiveFormsModule,
|
|
281
|
-
IconsModule,
|
|
282
|
-
ButtonsModule,
|
|
283
|
-
NgScrollbarModule,
|
|
284
|
-
MatFormFieldModule,
|
|
285
|
-
MatIconModule,
|
|
286
|
-
MatInputModule,
|
|
287
|
-
MatToolbarModule], exports: [CentralizedContainerComponent,
|
|
288
|
-
ConfigurationPageComponent,
|
|
289
|
-
BreadcrumbComponent] }); })();
|
|
290
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ContainersModule, [{
|
|
291
|
-
type: NgModule,
|
|
292
|
-
args: [{
|
|
293
|
-
imports: [
|
|
294
|
-
CommonModule,
|
|
295
|
-
RouterModule,
|
|
296
|
-
FormsModule,
|
|
297
|
-
ReactiveFormsModule,
|
|
298
|
-
IconsModule,
|
|
299
|
-
ButtonsModule,
|
|
300
|
-
NgScrollbarModule,
|
|
301
|
-
MatFormFieldModule,
|
|
302
|
-
MatIconModule,
|
|
303
|
-
MatInputModule,
|
|
304
|
-
MatToolbarModule
|
|
305
|
-
],
|
|
306
|
-
declarations: [
|
|
307
|
-
CentralizedContainerComponent,
|
|
308
|
-
ConfigurationPageComponent,
|
|
309
|
-
BreadcrumbComponent
|
|
310
|
-
],
|
|
311
|
-
exports: [
|
|
312
|
-
CentralizedContainerComponent,
|
|
313
|
-
ConfigurationPageComponent,
|
|
314
|
-
BreadcrumbComponent
|
|
315
|
-
],
|
|
316
|
-
providers: []
|
|
317
|
-
}]
|
|
318
|
-
}], null, null); })();
|
|
319
|
-
|
|
320
|
-
/**
|
|
321
|
-
* Generated bundle index. Do not edit.
|
|
322
|
-
*/
|
|
323
|
-
|
|
324
|
-
export { BreadcrumbComponent, CentralizedContainerComponent, ConfigurationPageComponent, ContainersModule };
|
|
325
|
-
//# sourceMappingURL=apipass-containers.js.map
|