@apipass/containers 0.1.6-alpha.4

package/bundles/apipass-containers.umd.js

@@ -0,0 +1,298 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@ngx-translate/core'), require('@angular/forms'), require('ngx-scrollbar'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/icon'), require('rxjs'), require('rxjs/operators'), require('@apipass/icons'), require('@apipass/buttons')) :
+    typeof define === 'function' && define.amd ? define('@apipass/containers', ['exports', '@angular/core', '@angular/common', '@angular/router', '@ngx-translate/core', '@angular/forms', 'ngx-scrollbar', '@angular/material/form-field', '@angular/material/input', '@angular/material/icon', 'rxjs', 'rxjs/operators', '@apipass/icons', '@apipass/buttons'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.containers = {}), global.ng.core, global.ng.common, global.ng.router, global.core, global.ng.forms, global.i2, global.ng.material.formField, global.ng.material.input, global.ng.material.icon, global.rxjs, global.rxjs.operators, global.icons, global.buttons));
+}(this, (function (exports, i0, i1, router, core, i5, i2, i3, i4, i6, rxjs, operators, icons, buttons) { 'use strict';
+
+    function CentralizedContainerComponent_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r2_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 4);
+            i0.ɵɵelementStart(1, "mat-form-field");
+            i0.ɵɵelementStart(2, "input", 5);
+            i0.ɵɵlistener("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2_1); var ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.searchTerm = $event; })("ngModelChange", function CentralizedContainerComponent_div_3_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r2_1); var ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.searchTermChanged(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mat-icon", 6);
+            i0.ɵɵtext(4, "search");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
+        }
+    }
+    var _c0 = function (a0) { return { "centralized-container-zoom": a0 }; };
+    var _c1 = ["*"];
+    var CentralizedContainerComponent = /** @class */ (function () {
+        function CentralizedContainerComponent() {
+            this.searchTerm = '';
+            this.hasSearch = true;
+            this.ignoreZoom = false;
+            this.searchChanged = new i0.EventEmitter();
+        }
+        CentralizedContainerComponent.prototype.searchTermChanged = function () {
+            this.searchChanged.emit(this.searchTerm);
+        };
+        return CentralizedContainerComponent;
+    }());
+    CentralizedContainerComponent.ɵfac = function CentralizedContainerComponent_Factory(t) { return new (t || CentralizedContainerComponent)(); };
+    CentralizedContainerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CentralizedContainerComponent, selectors: [["centralized-container"]], viewQuery: function CentralizedContainerComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵstaticViewQuery(i2.NgScrollbar, true);
+            }
+            if (rf & 2) {
+                var _t;
+                i0.ɵɵqueryRefresh(_t = i0.ɵɵ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) {
+                i0.ɵɵprojectionDef();
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵelementStart(1, "ng-scrollbar", 1);
+                i0.ɵɵelementStart(2, "div", 2);
+                i0.ɵɵtemplate(3, CentralizedContainerComponent_div_3_Template, 5, 1, "div", 3);
+                i0.ɵɵprojection(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, !ctx.ignoreZoom));
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("visibility", "hover");
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.hasSearch);
+            }
+        }, 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)}"] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CentralizedContainerComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'centralized-container',
+                        templateUrl: 'centralized-container.component.html',
+                        styleUrls: ['centralized-container.component.scss']
+                    }]
+            }], null, { hasSearch: [{
+                    type: i0.Input
+                }], ignoreZoom: [{
+                    type: i0.Input
+                }], searchChanged: [{
+                    type: i0.Output
+                }], scrollbarRef: [{
+                    type: i0.ViewChild,
+                    args: [i2.NgScrollbar, { static: true }]
+                }] });
+    })();
+
+    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) {
+            var ctx_r1 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(ctx_r1.searchLabel);
+        }
+    }
+    var _c0$1 = function (a0) { return { "label-input": a0 }; };
+    function ConfigurationPageComponent_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r3_1 = 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_1); var ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.searchTerm = $event; })("ngModelChange", function ConfigurationPageComponent_div_3_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r3_1); var 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_1); var ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.searchIconClick(); });
+            i0.ɵɵtext(5, "search");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$1, ctx_r0.searchLabel));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.searchLabel);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
+        }
+    }
+    var _c1$1 = function (a0) { return { "footer-paginator": a0 }; };
+    var _c2 = function (a0) { return { "vertical-separate": a0 }; };
+    var _c3 = ["*"];
+    var ConfigurationPageComponent = /** @class */ (function () {
+        function ConfigurationPageComponent() {
+            var _this = this;
+            this.searchTerm = '';
+            this.verticalSeparate = false;
+            this.footerPaginator = false;
+            this.hasSearch = true;
+            this.searchDebounceTime = 1000;
+            this.searchLabel = '';
+            this.txtQueryChanged = new rxjs.Subject();
+            this.searchChanged = new i0.EventEmitter();
+            this.searchClick = new i0.EventEmitter();
+            this.txtQueryChanged.pipe(operators.debounceTime(this.searchDebounceTime), operators.distinctUntilChanged()).subscribe(function (model) { return _this.searchChanged.next(model); });
+        }
+        ConfigurationPageComponent.prototype.searchTermChanged = function () {
+            this.txtQueryChanged.next(this.searchTerm);
+        };
+        ConfigurationPageComponent.prototype.searchIconClick = function () {
+            this.searchClick.next(this.searchTerm);
+        };
+        return ConfigurationPageComponent;
+    }());
+    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(i2.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$1, 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: i0.Component,
+                args: [{
+                        selector: 'configuration-page-container',
+                        templateUrl: 'configuration-page.component.html',
+                        styleUrls: ['configuration-page.component.scss']
+                    }]
+            }], function () { return []; }, { verticalSeparate: [{
+                    type: i0.Input
+                }], footerPaginator: [{
+                    type: i0.Input
+                }], hasSearch: [{
+                    type: i0.Input
+                }], searchDebounceTime: [{
+                    type: i0.Input
+                }], searchLabel: [{
+                    type: i0.Input
+                }], searchChanged: [{
+                    type: i0.Output
+                }], searchClick: [{
+                    type: i0.Output
+                }], scrollbarRef: [{
+                    type: i0.ViewChild,
+                    args: [i2.NgScrollbar, { static: true }]
+                }] });
+    })();
+
+    var ContainersModule = /** @class */ (function () {
+        function ContainersModule() {
+        }
+        return ContainersModule;
+    }());
+    ContainersModule.ɵmod = i0.ɵɵdefineNgModule({ type: ContainersModule });
+    ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
+                i1.CommonModule,
+                router.RouterModule,
+                core.TranslateModule,
+                i5.FormsModule,
+                i5.ReactiveFormsModule,
+                icons.IconsModule,
+                buttons.ButtonsModule,
+                i2.NgScrollbarModule,
+                i3.MatFormFieldModule,
+                i6.MatIconModule,
+                i4.MatInputModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
+                ConfigurationPageComponent], imports: [i1.CommonModule,
+                router.RouterModule,
+                core.TranslateModule,
+                i5.FormsModule,
+                i5.ReactiveFormsModule,
+                icons.IconsModule,
+                buttons.ButtonsModule,
+                i2.NgScrollbarModule,
+                i3.MatFormFieldModule,
+                i6.MatIconModule,
+                i4.MatInputModule], exports: [CentralizedContainerComponent,
+                ConfigurationPageComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ContainersModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i1.CommonModule,
+                            router.RouterModule,
+                            core.TranslateModule,
+                            i5.FormsModule,
+                            i5.ReactiveFormsModule,
+                            icons.IconsModule,
+                            buttons.ButtonsModule,
+                            i2.NgScrollbarModule,
+                            i3.MatFormFieldModule,
+                            i6.MatIconModule,
+                            i4.MatInputModule
+                        ],
+                        declarations: [
+                            CentralizedContainerComponent,
+                            ConfigurationPageComponent
+                        ],
+                        exports: [
+                            CentralizedContainerComponent,
+                            ConfigurationPageComponent
+                        ],
+                        providers: []
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    Object.keys(i2).forEach(function (k) {
+        if (k !== 'default') Object.defineProperty(exports, k, {
+            enumerable: true,
+            get: function () {
+                return i2[k];
+            }
+        });
+    });
+    exports.CentralizedContainerComponent = CentralizedContainerComponent;
+    exports.ConfigurationPageComponent = ConfigurationPageComponent;
+    exports.ContainersModule = ContainersModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=apipass-containers.umd.js.map

package/bundles/apipass-containers.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-containers.umd.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","EventEmitter","NgScrollbar","i0.ɵɵtemplate","i0.ɵɵprojection","Component","Input","Output","ViewChild","i0.ɵɵtextInterpolate","Subject","debounceTime","distinctUntilChanged","CommonModule","RouterModule","TranslateModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","NgModule"],"mappings":"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"}

package/bundles/apipass-containers.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@ngx-translate/core"),require("@angular/forms"),require("ngx-scrollbar"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators"),require("@apipass/icons"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/containers",["exports","@angular/core","@angular/common","@angular/router","@ngx-translate/core","@angular/forms","ngx-scrollbar","@angular/material/form-field","@angular/material/input","@angular/material/icon","rxjs","rxjs/operators","@apipass/icons","@apipass/buttons"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.containers={}),e.ng.core,e.ng.common,e.ng.router,e.core,e.ng.forms,e.i2,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.rxjs,e.rxjs.operators,e.icons,e.buttons)}(this,(function(e,n,t,r,o,a,i,c,l,s,g,u,d,p){"use strict";function f(e,t){if(1&e){var r=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",4),n.ɵɵelementStart(1,"mat-form-field"),n.ɵɵelementStart(2,"input",5),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTermChanged()})),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"mat-icon",6),n.ɵɵtext(4,"search"),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(2),n.ɵɵproperty("ngModel",o.searchTerm)}}var h=function(e){return{"centralized-container-zoom":e}},m=function(){function e(){this.searchTerm="",this.hasSearch=!0,this.ignoreZoom=!1,this.searchChanged=new n.EventEmitter}return e.prototype.searchTermChanged=function(){this.searchChanged.emit(this.searchTerm)},e}();function C(e,t){if(1&e&&(n.ɵɵelementStart(0,"mat-label"),n.ɵɵtext(1),n.ɵɵelementEnd()),2&e){var r=n.ɵɵnextContext(2);n.ɵɵadvance(1),n.ɵɵtextInterpolate(r.searchLabel)}}m.ɵfac=function(e){return new(e||m)},m.ɵcmp=n.ɵɵdefineComponent({type:m,selectors:[["centralized-container"]],viewQuery:function(e,t){var r;(1&e&&n.ɵɵstaticViewQuery(i.NgScrollbar,!0),2&e)&&(n.ɵɵqueryRefresh(r=n.ɵɵloadQuery())&&(t.scrollbarRef=r.first))},inputs:{hasSearch:"hasSearch",ignoreZoom:"ignoreZoom"},outputs:{searchChanged:"searchChanged"},ngContentSelectors:["*"],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(e,t){1&e&&(n.ɵɵprojectionDef(),n.ɵɵelementStart(0,"div",0),n.ɵɵelementStart(1,"ng-scrollbar",1),n.ɵɵelementStart(2,"div",2),n.ɵɵtemplate(3,f,5,1,"div",3),n.ɵɵprojection(4),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(3,h,!t.ignoreZoom)),n.ɵɵadvance(1),n.ɵɵproperty("visibility","hover"),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.hasSearch))},directives:[t.NgClass,i.NgScrollbar,t.NgIf,c.MatFormField,l.MatInput,a.DefaultValueAccessor,a.NgControlStatus,a.NgModel,s.MatIcon,c.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)}"]});var M=function(e){return{"label-input":e}};function b(e,t){if(1&e){var r=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",5),n.ɵɵelementStart(1,"mat-form-field",6),n.ɵɵtemplate(2,C,2,1,"mat-label",7),n.ɵɵelementStart(3,"input",8),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTermChanged()})),n.ɵɵelementEnd(),n.ɵɵelementStart(4,"mat-icon",9),n.ɵɵlistener("click",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchIconClick()})),n.ɵɵtext(5,"search"),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(3,M,o.searchLabel)),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",o.searchLabel),n.ɵɵadvance(1),n.ɵɵproperty("ngModel",o.searchTerm)}}var x=function(e){return{"footer-paginator":e}},y=function(e){return{"vertical-separate":e}},v=function(){function e(){var e=this;this.searchTerm="",this.verticalSeparate=!1,this.footerPaginator=!1,this.hasSearch=!0,this.searchDebounceTime=1e3,this.searchLabel="",this.txtQueryChanged=new g.Subject,this.searchChanged=new n.EventEmitter,this.searchClick=new n.EventEmitter,this.txtQueryChanged.pipe(u.debounceTime(this.searchDebounceTime),u.distinctUntilChanged()).subscribe((function(n){return e.searchChanged.next(n)}))}return e.prototype.searchTermChanged=function(){this.txtQueryChanged.next(this.searchTerm)},e.prototype.searchIconClick=function(){this.searchClick.next(this.searchTerm)},e}();v.ɵfac=function(e){return new(e||v)},v.ɵcmp=n.ɵɵdefineComponent({type:v,selectors:[["configuration-page-container"]],viewQuery:function(e,t){var r;(1&e&&n.ɵɵstaticViewQuery(i.NgScrollbar,!0),2&e)&&(n.ɵɵqueryRefresh(r=n.ɵɵloadQuery())&&(t.scrollbarRef=r.first))},inputs:{verticalSeparate:"verticalSeparate",footerPaginator:"footerPaginator",hasSearch:"hasSearch",searchDebounceTime:"searchDebounceTime",searchLabel:"searchLabel"},outputs:{searchChanged:"searchChanged",searchClick:"searchClick"},ngContentSelectors:["*"],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(e,t){1&e&&(n.ɵɵprojectionDef(),n.ɵɵelementStart(0,"div",0),n.ɵɵelementStart(1,"ng-scrollbar",1),n.ɵɵelementStart(2,"div",2),n.ɵɵtemplate(3,b,6,5,"div",3),n.ɵɵelementStart(4,"div",4),n.ɵɵprojection(5),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(4,x,t.footerPaginator)),n.ɵɵadvance(1),n.ɵɵproperty("visibility","hover"),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.hasSearch),n.ɵɵadvance(1),n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(6,y,t.verticalSeparate)))},directives:[t.NgClass,i.NgScrollbar,t.NgIf,c.MatFormField,l.MatInput,a.DefaultValueAccessor,a.NgControlStatus,a.NgModel,s.MatIcon,c.MatSuffix,c.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}"]});var _=function(){};_.ɵmod=n.ɵɵdefineNgModule({type:_}),_.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||_)},providers:[],imports:[[t.CommonModule,r.RouterModule,o.TranslateModule,a.FormsModule,a.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,i.NgScrollbarModule,c.MatFormFieldModule,s.MatIconModule,l.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(_,{declarations:[m,v],imports:[t.CommonModule,r.RouterModule,o.TranslateModule,a.FormsModule,a.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,i.NgScrollbarModule,c.MatFormFieldModule,s.MatIconModule,l.MatInputModule],exports:[m,v]}),Object.keys(i).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return i[n]}})})),e.CentralizedContainerComponent=m,e.ConfigurationPageComponent=v,e.ContainersModule=_,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=apipass-containers.umd.min.js.map

package/bundles/apipass-containers.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["i0.ɵɵelementStart","i0.ɵɵlistener","i0","ɵɵrestoreView","_r2_1","ɵɵnextContext","searchTermChanged","i0.ɵɵelementEnd","i0.ɵɵtext","i0.ɵɵadvance","i0.ɵɵproperty","CentralizedContainerComponent","this","searchTerm","hasSearch","ignoreZoom","searchChanged","EventEmitter","prototype","emit","i0.ɵɵtextInterpolate","selectors","viewQuery","rf","ctx","NgScrollbar","i0.ɵɵtemplate","i0.ɵɵprojection","_r3_1","ConfigurationPageComponent","_this","verticalSeparate","footerPaginator","searchDebounceTime","searchLabel","txtQueryChanged","Subject","searchClick","pipe","debounceTime","distinctUntilChanged","subscribe","model","next","searchIconClick","ContainersModule","providers","imports","CommonModule","RouterModule","TranslateModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","declarations","exports"],"mappings":"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","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"]}

package/centralized-container/centralized-container.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { NgScrollbar } from 'ngx-scrollbar';
+import * as i0 from "@angular/core";
+export declare class CentralizedContainerComponent {
+    searchTerm: string;
+    hasSearch: boolean;
+    ignoreZoom: boolean;
+    searchChanged: EventEmitter<string>;
+    scrollbarRef: NgScrollbar | undefined;
+    searchTermChanged(): void;
+    static ɵfac: i0.ɵɵFactoryDef<CentralizedContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<CentralizedContainerComponent, "centralized-container", never, { "hasSearch": "hasSearch"; "ignoreZoom": "ignoreZoom"; }, { "searchChanged": "searchChanged"; }, never, ["*"]>;
+}

package/configuration-page-content/configuration-page.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { NgScrollbar } from 'ngx-scrollbar';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ConfigurationPageComponent {
+    searchTerm: string;
+    verticalSeparate: boolean;
+    footerPaginator: boolean;
+    hasSearch: boolean;
+    searchDebounceTime: number;
+    searchLabel: string;
+    txtQueryChanged: Subject<string>;
+    searchChanged: EventEmitter<string>;
+    searchClick: EventEmitter<string>;
+    scrollbarRef: NgScrollbar | undefined;
+    constructor();
+    searchTermChanged(): void;
+    searchIconClick(): void;
+    static ɵfac: i0.ɵɵFactoryDef<ConfigurationPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ConfigurationPageComponent, "configuration-page-container", never, { "verticalSeparate": "verticalSeparate"; "footerPaginator": "footerPaginator"; "hasSearch": "hasSearch"; "searchDebounceTime": "searchDebounceTime"; "searchLabel": "searchLabel"; }, { "searchChanged": "searchChanged"; "searchClick": "searchClick"; }, never, ["*"]>;
+}

package/containers.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./centralized-container/centralized-container.component";
+import * as i2 from "./configuration-page-content/configuration-page.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "@angular/forms";
+import * as i7 from "@apipass/icons";
+import * as i8 from "@apipass/buttons";
+import * as i9 from "ngx-scrollbar";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/icon";
+import * as i12 from "@angular/material/input";
+export declare class ContainersModule {
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ContainersModule, [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.TranslateModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.IconsModule, typeof i8.ButtonsModule, typeof i9.NgScrollbarModule, typeof i10.MatFormFieldModule, typeof i11.MatIconModule, typeof i12.MatInputModule], [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDef<ContainersModule>;
+}

package/esm2015/apipass-containers.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpcGFzcy1jb250YWluZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYXBpcGFzcy1jb250YWluZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2015/centralized-container/centralized-container.component.js

@@ -0,0 +1,80 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { NgScrollbar } from 'ngx-scrollbar';
+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 CentralizedContainerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelementStart(1, "mat-form-field");
+    i0.ɵɵelementStart(2, "input", 5);
+    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(); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mat-icon", 6);
+    i0.ɵɵtext(4, "search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r0.searchTerm);
+} }
+const _c0 = function (a0) { return { "centralized-container-zoom": a0 }; };
+const _c1 = ["*"];
+export 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 = i0.ɵɵdefineComponent({ type: CentralizedContainerComponent, selectors: [["centralized-container"]], viewQuery: function CentralizedContainerComponent_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: { 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) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵelementStart(1, "ng-scrollbar", 1);
+        i0.ɵɵelementStart(2, "div", 2);
+        i0.ɵɵtemplate(3, CentralizedContainerComponent_div_3_Template, 5, 1, "div", 3);
+        i0.ɵɵprojection(4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, !ctx.ignoreZoom));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("visibility", "hover");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.hasSearch);
+    } }, 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)}"] });
+/*@__PURE__*/ (function () { i0.ɵ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 }]
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7O0lDRXBDLDhCQUNFO0lBQUEsc0NBQ0U7SUFBQSxnQ0FDQTtJQUQ4Qiw2TkFBd0IsME1BQUE7SUFBdEQsaUJBQ0E7SUFBQSxtQ0FBd0M7SUFBQSxzQkFBTTtJQUFBLGlCQUFXO0lBQzNELGlCQUFpQjtJQUNuQixpQkFBTTs7O0lBSDRCLGVBQXdCO0lBQXhCLDJDQUF3Qjs7OztBREdoRSxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBT1MsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVQLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUc1QixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FTbkQ7SUFKUSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7OzBHQWZVLDZCQUE2QjtrRUFBN0IsNkJBQTZCOzZCQVU3QixXQUFXOzs7Ozs7UUNsQnhCLDhCQUNFO1FBQUEsdUNBQ0U7UUFBQSw4QkFDRTtRQUFBLDhFQUNFO1FBS0Ysa0JBQVk7UUFDZCxpQkFBTTtRQUNSLGlCQUFlO1FBQ2pCLGlCQUFNOztRQVo2QixxRUFBdUQ7UUFDMUUsZUFBc0I7UUFBdEIsb0NBQXNCO1FBRVAsZUFBaUI7UUFBakIsb0NBQWlCOztrRERLbkMsNkJBQTZCO2NBTHpDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxXQUFXLEVBQUUsc0NBQXNDO2dCQUNuRCxTQUFTLEVBQUUsQ0FBQyxzQ0FBc0MsQ0FBQzthQUNwRDtnQkFLaUIsU0FBUztrQkFBeEIsS0FBSztZQUNVLFVBQVU7a0JBQXpCLEtBQUs7WUFHQyxhQUFhO2tCQURuQixNQUFNO1lBSUEsWUFBWTtrQkFEbEIsU0FBUzttQkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdTY3JvbGxiYXJ9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZW50cmFsaXplZC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJ2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgcHVibGljIHNlYXJjaFRlcm0gPSAnJztcblxuICBASW5wdXQoKSBwdWJsaWMgaGFzU2VhcmNoID0gdHJ1ZTtcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHNlYXJjaENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAVmlld0NoaWxkKE5nU2Nyb2xsYmFyLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgc2VhcmNoVGVybUNoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hDaGFuZ2VkLmVtaXQodGhpcy5zZWFyY2hUZXJtKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2VudHJhbGl6ZWQtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydjZW50cmFsaXplZC1jb250YWluZXItem9vbSc6ICFpZ25vcmVab29tfVwiPlxuICA8bmctc2Nyb2xsYmFyIFt2aXNpYmlsaXR5XT1cIidob3ZlcidcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibGlzdC1zZWFyY2hcIiAqbmdJZj1cImhhc1NlYXJjaFwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIiAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2hUZXJtQ2hhbmdlZCgpXCIgLz5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzZWFyY2gtaWNvblwiIG1hdFN1ZmZpeD5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctc2Nyb2xsYmFyPlxuPC9kaXY+XG4iXX0=