@apipass/containers 0.1.6-alpha.4

package/esm2015/configuration-page-content/configuration-page.component.js

@@ -0,0 +1,120 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { NgScrollbar } from 'ngx-scrollbar';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "ngx-scrollbar";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/icon";
+function ConfigurationPageComponent_div_3_mat_label_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-label");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.searchLabel);
+} }
+const _c0 = function (a0) { return { "label-input": a0 }; };
+function ConfigurationPageComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelementStart(1, "mat-form-field", 6);
+    i0.ɵɵtemplate(2, ConfigurationPageComponent_div_3_mat_label_2_Template, 2, 1, "mat-label", 7);
+    i0.ɵɵelementStart(3, "input", 8);
+    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(); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mat-icon", 9);
+    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(); });
+    i0.ɵɵtext(5, "search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx_r0.searchLabel));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.searchLabel);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
+} }
+const _c1 = function (a0) { return { "footer-paginator": a0 }; };
+const _c2 = function (a0) { return { "vertical-separate": a0 }; };
+const _c3 = ["*"];
+export class ConfigurationPageComponent {
+    constructor() {
+        this.searchTerm = '';
+        this.verticalSeparate = false;
+        this.footerPaginator = false;
+        this.hasSearch = true;
+        this.searchDebounceTime = 1000;
+        this.searchLabel = '';
+        this.txtQueryChanged = new Subject();
+        this.searchChanged = new EventEmitter();
+        this.searchClick = new EventEmitter();
+        this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => this.searchChanged.next(model));
+    }
+    searchTermChanged() {
+        this.txtQueryChanged.next(this.searchTerm);
+    }
+    searchIconClick() {
+        this.searchClick.next(this.searchTerm);
+    }
+}
+ConfigurationPageComponent.ɵfac = function ConfigurationPageComponent_Factory(t) { return new (t || ConfigurationPageComponent)(); };
+ConfigurationPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfigurationPageComponent, selectors: [["configuration-page-container"]], viewQuery: function ConfigurationPageComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵstaticViewQuery(NgScrollbar, true);
+    } if (rf & 2) {
+        var _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
+    } }, 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) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "ng-scrollbar", 1);
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵtemplate(3, ConfigurationPageComponent_div_3_Template, 6, 5, "div", 3);
+        i0.ɵɵelementStart(4, "div", 4);
+        i0.ɵɵprojection(5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1, ctx.footerPaginator));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("visibility", "hover");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.hasSearch);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
+    } }, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: ["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.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}"] });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfigurationPageComponent, [{
+        type: Component,
+        args: [{
+                selector: 'configuration-page-container',
+                templateUrl: 'configuration-page.component.html',
+                styleUrls: ['configuration-page.component.scss']
+            }]
+    }], function () { return []; }, { verticalSeparate: [{
+            type: Input
+        }], footerPaginator: [{
+            type: Input
+        }], hasSearch: [{
+            type: Input
+        }], searchDebounceTime: [{
+            type: Input
+        }], searchLabel: [{
+            type: Input
+        }], searchChanged: [{
+            type: Output
+        }], searchClick: [{
+            type: Output
+        }], scrollbarRef: [{
+            type: ViewChild,
+            args: [NgScrollbar, { static: true }]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7O0lDSXhELGlDQUErQjtJQUFBLFlBQWU7SUFBQSxpQkFBWTs7O0lBQTNCLGVBQWU7SUFBZix3Q0FBZTs7Ozs7SUFKbEQsOEJBQ0U7SUFBQSx5Q0FHRTtJQUFBLDZGQUErQjtJQUMvQixnQ0FJQTtJQUhPLDBOQUF3Qix1TUFBQTtJQUQvQixpQkFJQTtJQUFBLG1DQUFvRTtJQUE1QixxTUFBMkI7SUFBQyxzQkFBTTtJQUFBLGlCQUFXO0lBQ3ZGLGlCQUFpQjtJQUNuQixpQkFBTTs7O0lBVFksZUFBd0M7SUFBeEMsd0VBQXdDO0lBRTNDLGVBQW1CO0lBQW5CLHlDQUFtQjtJQUV2QixlQUF3QjtJQUF4QiwyQ0FBd0I7Ozs7O0FEQ3pDLE1BQU0sT0FBTywwQkFBMEI7SUFrQnJDO1FBaEJPLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFUCxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQix1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFDMUIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakMsb0JBQWUsR0FBb0IsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUV4QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0MsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBTXhELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUN2QixZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEVBQ3JDLG9CQUFvQixFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQy9CLENBQUM7SUFDSixDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDekMsQ0FBQzs7b0dBaENVLDBCQUEwQjsrREFBMUIsMEJBQTBCOzZCQWUxQixXQUFXOzs7Ozs7UUN6QnhCLDhCQUNFO1FBQUEsdUNBQ0U7UUFBQSw4QkFDRTtRQUFBLDJFQUNFO1FBWUYsOEJBQ0U7UUFBQSxrQkFBWTtRQUNkLGlCQUFNO1FBQ1IsaUJBQU07UUFDUixpQkFBZTtRQUNqQixpQkFBTTs7UUFyQm9DLHlFQUFpRDtRQUMzRSxlQUFzQjtRQUF0QixvQ0FBc0I7UUFFUCxlQUFpQjtRQUFqQixvQ0FBaUI7UUFhWCxlQUFtRDtRQUFuRCwwRUFBbUQ7O2tERE4zRSwwQkFBMEI7Y0FMdEMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLFdBQVcsRUFBRSxtQ0FBbUM7Z0JBQ2hELFNBQVMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDO2FBQ2pEO3NDQUtpQixnQkFBZ0I7a0JBQS9CLEtBQUs7WUFDVSxlQUFlO2tCQUE5QixLQUFLO1lBQ1UsU0FBUztrQkFBeEIsS0FBSztZQUNVLGtCQUFrQjtrQkFBakMsS0FBSztZQUNVLFdBQVc7a0JBQTFCLEtBQUs7WUFJVyxhQUFhO2tCQUE3QixNQUFNO1lBQ1UsV0FBVztrQkFBM0IsTUFBTTtZQUdBLFlBQVk7a0JBRGxCLFNBQVM7bUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nU2Nyb2xsYmFyfSBmcm9tICduZ3gtc2Nyb2xsYmFyJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2RlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWR9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50IHtcblxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyB2ZXJ0aWNhbFNlcGFyYXRlID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJQYWdpbmF0b3IgPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGhhc1NlYXJjaCA9IHRydWU7XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWFyY2hEZWJvdW5jZVRpbWUgPSAxMDAwO1xuICBASW5wdXQoKSBwdWJsaWMgc2VhcmNoTGFiZWwgPSAnJztcblxuICB0eHRRdWVyeUNoYW5nZWQ6IFN1YmplY3Q8c3RyaW5nPiA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKTtcblxuICBAT3V0cHV0KCkgcHVibGljIHNlYXJjaENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBzZWFyY2hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBWaWV3Q2hpbGQoTmdTY3JvbGxiYXIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBzY3JvbGxiYXJSZWY6IE5nU2Nyb2xsYmFyIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLnBpcGUoXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSkuc3Vic2NyaWJlKG1vZGVsID0+XG4gICAgICB0aGlzLnNlYXJjaENoYW5nZWQubmV4dChtb2RlbClcbiAgICApO1xuICB9XG5cbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLm5leHQodGhpcy5zZWFyY2hUZXJtKTtcbiAgfVxuXG4gIHB1YmxpYyBzZWFyY2hJY29uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hDbGljay5uZXh0KHRoaXMuc2VhcmNoVGVybSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImNvbmZpZ3VyYXRpb24tcGFnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2Zvb3Rlci1wYWdpbmF0b3InOiBmb290ZXJQYWdpbmF0b3J9XCI+XG4gIDxuZy1zY3JvbGxiYXIgW3Zpc2liaWxpdHldPVwiJ2hvdmVyJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsaXN0LWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImFwaXBhc3Mtc2VhcmNoLWlucHV0LXRleHQgc2VhcmNoLWlucHV0LWl0ZW0gc21hbGwtdGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2xhYmVsLWlucHV0Jzogc2VhcmNoTGFiZWx9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJmaWxsXCI+XG4gICAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cInNlYXJjaExhYmVsXCI+e3tzZWFyY2hMYWJlbH19PC9tYXQtbGFiZWw+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBjbGFzcz1cInNlYXJjaC1pbnB1dFwiXG4gICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGVybVwiXG4gICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlYXJjaFRlcm1DaGFuZ2VkKClcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwic2VhcmNoLWljb25cIiBtYXRTdWZmaXggKGNsaWNrKT1cInNlYXJjaEljb25DbGljaygpXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNvbnRlbnRcIiBbbmdDbGFzc109XCJ7J3ZlcnRpY2FsLXNlcGFyYXRlJzogdmVydGljYWxTZXBhcmF0ZX1cIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctc2Nyb2xsYmFyPlxuPC9kaXY+XG4iXX0=

package/esm2015/containers.module.js

@@ -0,0 +1,71 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CentralizedContainerComponent } from './centralized-container/centralized-container.component';
+import { ConfigurationPageComponent } from './configuration-page-content/configuration-page.component';
+import { NgScrollbarModule } from 'ngx-scrollbar';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { IconsModule } from '@apipass/icons';
+import { ButtonsModule } from '@apipass/buttons';
+import * as i0 from "@angular/core";
+export class ContainersModule {
+}
+ContainersModule.ɵmod = i0.ɵɵdefineNgModule({ type: ContainersModule });
+ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
+            CommonModule,
+            RouterModule,
+            TranslateModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
+        ConfigurationPageComponent], imports: [CommonModule,
+        RouterModule,
+        TranslateModule,
+        FormsModule,
+        ReactiveFormsModule,
+        IconsModule,
+        ButtonsModule,
+        NgScrollbarModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatInputModule], exports: [CentralizedContainerComponent,
+        ConfigurationPageComponent] }); })();
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContainersModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    TranslateModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    IconsModule,
+                    ButtonsModule,
+                    NgScrollbarModule,
+                    MatFormFieldModule,
+                    MatIconModule,
+                    MatInputModule
+                ],
+                declarations: [
+                    CentralizedContainerComponent,
+                    ConfigurationPageComponent
+                ],
+                exports: [
+                    CentralizedContainerComponent,
+                    ConfigurationPageComponent
+                ],
+                providers: []
+            }]
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxXQUFXLEVBQUUsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUNyRyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGtCQUFrQixDQUFDOztBQTBCL0MsTUFBTSxPQUFPLGdCQUFnQjs7b0RBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLG1CQUZoQixFQUFFLFlBckJKO1lBQ1AsWUFBWTtZQUNaLFlBQVk7WUFDWixlQUFlO1lBQ2YsV0FBVztZQUNYLG1CQUFtQjtZQUNuQixXQUFXO1lBQ1gsYUFBYTtZQUNiLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGNBQWM7U0FDZjt3RkFXVSxnQkFBZ0IsbUJBVHpCLDZCQUE2QjtRQUM3QiwwQkFBMEIsYUFkMUIsWUFBWTtRQUNaLFlBQVk7UUFDWixlQUFlO1FBQ2YsV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWMsYUFPZCw2QkFBNkI7UUFDN0IsMEJBQTBCO2tEQUlqQixnQkFBZ0I7Y0F4QjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLGVBQWU7b0JBQ2YsV0FBVztvQkFDWCxtQkFBbUI7b0JBQ25CLFdBQVc7b0JBQ1gsYUFBYTtvQkFDYixpQkFBaUI7b0JBQ2pCLGtCQUFrQjtvQkFDbEIsYUFBYTtvQkFDYixjQUFjO2lCQUNmO2dCQUNELFlBQVksRUFBRTtvQkFDWiw2QkFBNkI7b0JBQzdCLDBCQUEwQjtpQkFDM0I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLDZCQUE2QjtvQkFDN0IsMEJBQTBCO2lCQUMzQjtnQkFDRCxTQUFTLEVBQUUsRUFBRTthQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Um91dGVyTW9kdWxlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudH0gZnJvbSAnLi9jZW50cmFsaXplZC1jb250YWluZXIvY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0NvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50fSBmcm9tICcuL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHtOZ1Njcm9sbGJhck1vZHVsZX0gZnJvbSAnbmd4LXNjcm9sbGJhcic7XG5pbXBvcnQge01hdEZvcm1GaWVsZE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge01hdEljb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtJY29uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gICAgQnV0dG9uc01vZHVsZSxcbiAgICBOZ1Njcm9sbGJhck1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJzTW9kdWxlIHt9XG4iXX0=

package/esm2015/public-api.js

@@ -0,0 +1,5 @@
+export * from './containers.module';
+export * from './centralized-container/centralized-container.component';
+export * from './configuration-page-content/configuration-page.component';
+export * from 'ngx-scrollbar';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbnRhaW5lcnMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJ25neC1zY3JvbGxiYXInO1xuIl19

package/fesm2015/apipass-containers.js

@@ -0,0 +1,258 @@
+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, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { NgClass, NgIf, CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { DefaultValueAccessor, NgControlStatus, NgModel, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgScrollbar, NgScrollbarModule } from 'ngx-scrollbar';
+export * from 'ngx-scrollbar';
+import { MatFormField, MatSuffix, MatLabel, MatFormFieldModule } from '@angular/material/form-field';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { IconsModule } from '@apipass/icons';
+import { ButtonsModule } from '@apipass/buttons';
+
+function CentralizedContainerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 4);
+    ɵɵelementStart(1, "mat-form-field");
+    ɵɵelementStart(2, "input", 5);
+    ɵɵ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(); });
+    ɵɵelementEnd();
+    ɵɵelementStart(3, "mat-icon", 6);
+    ɵɵtext(4, "search");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵproperty("ngModel", ctx_r0.searchTerm);
+} }
+const _c0 = function (a0) { return { "centralized-container-zoom": a0 }; };
+const _c1 = ["*"];
+class CentralizedContainerComponent {
+    constructor() {
+        this.searchTerm = '';
+        this.hasSearch = true;
+        this.ignoreZoom = false;
+        this.searchChanged = new EventEmitter();
+    }
+    searchTermChanged() {
+        this.searchChanged.emit(this.searchTerm);
+    }
+}
+CentralizedContainerComponent.ɵfac = function CentralizedContainerComponent_Factory(t) { return new (t || CentralizedContainerComponent)(); };
+CentralizedContainerComponent.ɵcmp = ɵɵdefineComponent({ type: CentralizedContainerComponent, selectors: [["centralized-container"]], viewQuery: function CentralizedContainerComponent_Query(rf, ctx) { if (rf & 1) {
+        ɵɵstaticViewQuery(NgScrollbar, true);
+    } if (rf & 2) {
+        var _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
+    } }, 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) {
+        ɵɵprojectionDef();
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "ng-scrollbar", 1);
+        ɵɵelementStart(2, "div", 2);
+        ɵɵtemplate(3, CentralizedContainerComponent_div_3_Template, 5, 1, "div", 3);
+        ɵɵprojection(4);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0, !ctx.ignoreZoom));
+        ɵɵadvance(1);
+        ɵɵproperty("visibility", "hover");
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.hasSearch);
+    } }, 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)}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(CentralizedContainerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'centralized-container',
+                templateUrl: 'centralized-container.component.html',
+                styleUrls: ['centralized-container.component.scss']
+            }]
+    }], null, { hasSearch: [{
+            type: Input
+        }], ignoreZoom: [{
+            type: Input
+        }], searchChanged: [{
+            type: Output
+        }], scrollbarRef: [{
+            type: ViewChild,
+            args: [NgScrollbar, { static: true }]
+        }] }); })();
+
+function ConfigurationPageComponent_div_3_mat_label_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "mat-label");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext(2);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ctx_r1.searchLabel);
+} }
+const _c0$1 = function (a0) { return { "label-input": a0 }; };
+function ConfigurationPageComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 5);
+    ɵɵelementStart(1, "mat-form-field", 6);
+    ɵɵtemplate(2, ConfigurationPageComponent_div_3_mat_label_2_Template, 2, 1, "mat-label", 7);
+    ɵɵelementStart(3, "input", 8);
+    ɵɵ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(); });
+    ɵɵelementEnd();
+    ɵɵelementStart(4, "mat-icon", 9);
+    ɵɵlistener("click", function ConfigurationPageComponent_div_3_Template_mat_icon_click_4_listener() { ɵɵrestoreView(_r3); const ctx_r5 = ɵɵnextContext(); return ctx_r5.searchIconClick(); });
+    ɵɵtext(5, "search");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$1, ctx_r0.searchLabel));
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r0.searchLabel);
+    ɵɵadvance(1);
+    ɵɵproperty("ngModel", ctx_r0.searchTerm);
+} }
+const _c1$1 = function (a0) { return { "footer-paginator": a0 }; };
+const _c2 = function (a0) { return { "vertical-separate": a0 }; };
+const _c3 = ["*"];
+class ConfigurationPageComponent {
+    constructor() {
+        this.searchTerm = '';
+        this.verticalSeparate = false;
+        this.footerPaginator = false;
+        this.hasSearch = true;
+        this.searchDebounceTime = 1000;
+        this.searchLabel = '';
+        this.txtQueryChanged = new Subject();
+        this.searchChanged = new EventEmitter();
+        this.searchClick = new EventEmitter();
+        this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => this.searchChanged.next(model));
+    }
+    searchTermChanged() {
+        this.txtQueryChanged.next(this.searchTerm);
+    }
+    searchIconClick() {
+        this.searchClick.next(this.searchTerm);
+    }
+}
+ConfigurationPageComponent.ɵfac = function ConfigurationPageComponent_Factory(t) { return new (t || ConfigurationPageComponent)(); };
+ConfigurationPageComponent.ɵcmp = ɵɵdefineComponent({ type: ConfigurationPageComponent, selectors: [["configuration-page-container"]], viewQuery: function ConfigurationPageComponent_Query(rf, ctx) { if (rf & 1) {
+        ɵɵstaticViewQuery(NgScrollbar, true);
+    } if (rf & 2) {
+        var _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.scrollbarRef = _t.first);
+    } }, 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) {
+        ɵɵprojectionDef();
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "ng-scrollbar", 1);
+        ɵɵelementStart(2, "div", 2);
+        ɵɵtemplate(3, ConfigurationPageComponent_div_3_Template, 6, 5, "div", 3);
+        ɵɵelementStart(4, "div", 4);
+        ɵɵprojection(5);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c1$1, ctx.footerPaginator));
+        ɵɵadvance(1);
+        ɵɵproperty("visibility", "hover");
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.hasSearch);
+        ɵɵadvance(1);
+        ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
+    } }, directives: [NgClass, NgScrollbar, NgIf, MatFormField, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatIcon, MatSuffix, MatLabel], styles: ["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.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}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfigurationPageComponent, [{
+        type: Component,
+        args: [{
+                selector: 'configuration-page-container',
+                templateUrl: 'configuration-page.component.html',
+                styleUrls: ['configuration-page.component.scss']
+            }]
+    }], function () { return []; }, { verticalSeparate: [{
+            type: Input
+        }], footerPaginator: [{
+            type: Input
+        }], hasSearch: [{
+            type: Input
+        }], searchDebounceTime: [{
+            type: Input
+        }], searchLabel: [{
+            type: Input
+        }], searchChanged: [{
+            type: Output
+        }], searchClick: [{
+            type: Output
+        }], scrollbarRef: [{
+            type: ViewChild,
+            args: [NgScrollbar, { static: true }]
+        }] }); })();
+
+class ContainersModule {
+}
+ContainersModule.ɵmod = ɵɵdefineNgModule({ type: ContainersModule });
+ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
+            CommonModule,
+            RouterModule,
+            TranslateModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
+        ConfigurationPageComponent], imports: [CommonModule,
+        RouterModule,
+        TranslateModule,
+        FormsModule,
+        ReactiveFormsModule,
+        IconsModule,
+        ButtonsModule,
+        NgScrollbarModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatInputModule], exports: [CentralizedContainerComponent,
+        ConfigurationPageComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ContainersModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    TranslateModule,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    IconsModule,
+                    ButtonsModule,
+                    NgScrollbarModule,
+                    MatFormFieldModule,
+                    MatIconModule,
+                    MatInputModule
+                ],
+                declarations: [
+                    CentralizedContainerComponent,
+                    ConfigurationPageComponent
+                ],
+                exports: [
+                    CentralizedContainerComponent,
+                    ConfigurationPageComponent
+                ],
+                providers: []
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CentralizedContainerComponent, ConfigurationPageComponent, ContainersModule };
+//# sourceMappingURL=apipass-containers.js.map

package/fesm2015/apipass-containers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-containers.js","sources":["../../../projects/containers/src/centralized-container/centralized-container.component.html","../../../projects/containers/src/centralized-container/centralized-container.component.ts","../../../projects/containers/src/configuration-page-content/configuration-page.component.html","../../../projects/containers/src/configuration-page-content/configuration-page.component.ts","../../../projects/containers/src/containers.module.ts","../../../projects/containers/src/apipass-containers.ts"],"sourcesContent":["<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field>\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n        </mat-form-field>\n      </div>\n      <ng-content></ng-content>\n    </div>\n  </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\n\n@Component({\n  selector: 'centralized-container',\n  templateUrl: 'centralized-container.component.html',\n  styleUrls: ['centralized-container.component.scss']\n})\nexport class CentralizedContainerComponent {\n\n  public searchTerm = '';\n\n  @Input() public hasSearch = true;\n  @Input() public ignoreZoom = false;\n\n  @Output()\n  public searchChanged = new EventEmitter<string>();\n\n  @ViewChild(NgScrollbar, { static: true })\n  public scrollbarRef: NgScrollbar | undefined;\n\n  public searchTermChanged(): void {\n    this.searchChanged.emit(this.searchTerm);\n  }\n\n}\n","<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n                        [ngClass]=\"{'label-input': searchLabel}\"\n                        appearance=\"fill\">\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n          <input matInput type=\"search\" class=\"search-input\"\n                 [(ngModel)]=\"searchTerm\"\n                 (ngModelChange)=\"searchTermChanged()\"\n          />\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\nimport {Subject} from 'rxjs';\nimport {debounceTime, distinctUntilChanged} from 'rxjs/operators';\n\n@Component({\n  selector: 'configuration-page-container',\n  templateUrl: 'configuration-page.component.html',\n  styleUrls: ['configuration-page.component.scss']\n})\nexport class ConfigurationPageComponent {\n\n  public searchTerm = '';\n\n  @Input() public verticalSeparate = false;\n  @Input() public footerPaginator = false;\n  @Input() public hasSearch = true;\n  @Input() public searchDebounceTime = 1000;\n  @Input() public searchLabel = '';\n\n  txtQueryChanged: Subject<string> = new Subject<string>();\n\n  @Output() public searchChanged = new EventEmitter<string>();\n  @Output() public searchClick = new EventEmitter<string>();\n\n  @ViewChild(NgScrollbar, { static: true })\n  public scrollbarRef: NgScrollbar | undefined;\n\n  constructor() {\n    this.txtQueryChanged.pipe(\n      debounceTime(this.searchDebounceTime),\n      distinctUntilChanged()).subscribe(model =>\n      this.searchChanged.next(model)\n    );\n  }\n\n  public searchTermChanged(): void {\n    this.txtQueryChanged.next(this.searchTerm);\n  }\n\n  public searchIconClick(): void {\n    this.searchClick.next(this.searchTerm);\n  }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {TranslateModule} from '@ngx-translate/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {CentralizedContainerComponent} from './centralized-container/centralized-container.component';\nimport {ConfigurationPageComponent} from './configuration-page-content/configuration-page.component';\nimport {NgScrollbarModule} from 'ngx-scrollbar';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {IconsModule} from '@apipass/icons';\nimport {ButtonsModule} from '@apipass/buttons';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    TranslateModule,\n    FormsModule,\n    ReactiveFormsModule,\n    IconsModule,\n    ButtonsModule,\n    NgScrollbarModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule\n  ],\n  declarations: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent\n  ],\n  exports: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent\n  ],\n  providers: []\n})\nexport class ContainersModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0.ɵɵelementStart","i0.ɵɵlistener","i0.ɵɵelementEnd","i0.ɵɵtext","i0.ɵɵadvance","i0.ɵɵproperty","i0.ɵɵtemplate","i0.ɵɵprojection","i0.ɵɵtextInterpolate"],"mappings":"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"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@apipass/containers",
+  "version": "0.1.6-alpha.4",
+  "peerDependencies": {
+    "@angular/animations": "^10.0.11",
+    "@angular/cdk": "^10.1.3",
+    "@angular/common": "^10.0.11",
+    "@angular/core": "^10.0.11",
+    "@angular/forms": "^10.0.11"
+  },
+  "dependencies": {
+    "@apipass/icons": "0.1.9",
+    "@apipass/buttons": "0.1.9",
+    "@angular/material": "^10.1.3",
+    "ngx-scrollbar": "^7.3.0",
+    "@ngx-translate/core": "^13.0.0",
+    "tslib": "2.0.0"
+  },
+  "main": "bundles/apipass-containers.umd.js",
+  "module": "fesm2015/apipass-containers.js",
+  "es2015": "fesm2015/apipass-containers.js",
+  "esm2015": "esm2015/apipass-containers.js",
+  "fesm2015": "fesm2015/apipass-containers.js",
+  "typings": "apipass-containers.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './containers.module';
+export * from './centralized-container/centralized-container.component';
+export * from './configuration-page-content/configuration-page.component';
+export * from 'ngx-scrollbar';