@apipass/containers 0.2.16 → 1.0.7

package/bundles/apipass-containers.umd.js

@@ -1,378 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), 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('@angular/material/toolbar'), require('@apipass/icons'), require('@apipass/buttons')) :
-    typeof define === 'function' && define.amd ? define('@apipass/containers', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'ngx-scrollbar', '@angular/material/form-field', '@angular/material/input', '@angular/material/icon', 'rxjs', 'rxjs/operators', '@angular/material/toolbar', '@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.ng.forms, global.i2, global.ng.material.formField, global.ng.material.input, global.ng.material.icon, global.rxjs, global.rxjs.operators, global.ng.material.toolbar, global.icons, global.buttons));
-}(this, (function (exports, i0, i1, router, i5, i2, i3, i4, i6, rxjs, operators, i2$1, 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: [".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 }]
-                }] });
-    })();
-
-    function BreadcrumbComponent_mat_toolbar_0_span_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "span");
-            i0.ɵɵelementStart(1, "a", 3);
-            i0.ɵɵlistener("click", function BreadcrumbComponent_mat_toolbar_0_span_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r5_1); var indx_r3 = ctx.index; var header_r2 = ctx.$implicit; var ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.eventClick(indx_r3, header_r2); });
-            i0.ɵɵtext(2);
-            i0.ɵɵelementStart(3, "mat-icon");
-            i0.ɵɵtext(4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var header_r2 = ctx.$implicit;
-            var ctx_r1 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("", header_r2[ctx_r1.labelProperty], " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.icon);
-        }
-    }
-    function BreadcrumbComponent_mat_toolbar_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-toolbar", 1);
-            i0.ɵɵtemplate(1, BreadcrumbComponent_mat_toolbar_0_span_1_Template, 5, 2, "span", 2);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r0.items);
-        }
-    }
-    var BreadcrumbComponent = /** @class */ (function () {
-        function BreadcrumbComponent() {
-            this.icon = 'keyboard_arrow_right';
-            this.items = [];
-            this.labelProperty = 'label';
-            this.itemClick = new i0.EventEmitter();
-        }
-        BreadcrumbComponent.prototype.eventClick = function (index, item) {
-            this.items.splice(index + 1, this.items.length - 1);
-            this.itemClick.emit({ index: index, item: item });
-        };
-        return BreadcrumbComponent;
-    }());
-    BreadcrumbComponent.ɵfac = function BreadcrumbComponent_Factory(t) { return new (t || BreadcrumbComponent)(); };
-    BreadcrumbComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbComponent, selectors: [["breadcrumb-component"]], inputs: { icon: "icon", items: "items", labelProperty: "labelProperty" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [["color", "primary", 4, "ngIf"], ["color", "primary"], [4, "ngFor", "ngForOf"], ["mat-button", "", 3, "click"]], template: function BreadcrumbComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, BreadcrumbComponent_mat_toolbar_0_Template, 2, 1, "mat-toolbar", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.items.length > 0);
-            }
-        }, directives: [i1.NgIf, i2$1.MatToolbar, i1.NgForOf, i6.MatIcon], styles: [".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"] });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(BreadcrumbComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'breadcrumb-component',
-                        templateUrl: 'breadcrumb.component.html',
-                        styleUrls: ['breadcrumb.component.scss']
-                    }]
-            }], function () { return []; }, { icon: [{
-                    type: i0.Input
-                }], items: [{
-                    type: i0.Input
-                }], labelProperty: [{
-                    type: i0.Input
-                }], itemClick: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    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,
-                i5.FormsModule,
-                i5.ReactiveFormsModule,
-                icons.IconsModule,
-                buttons.ButtonsModule,
-                i2.NgScrollbarModule,
-                i3.MatFormFieldModule,
-                i6.MatIconModule,
-                i4.MatInputModule,
-                i2$1.MatToolbarModule
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
-                ConfigurationPageComponent,
-                BreadcrumbComponent], imports: [i1.CommonModule,
-                router.RouterModule,
-                i5.FormsModule,
-                i5.ReactiveFormsModule,
-                icons.IconsModule,
-                buttons.ButtonsModule,
-                i2.NgScrollbarModule,
-                i3.MatFormFieldModule,
-                i6.MatIconModule,
-                i4.MatInputModule,
-                i2$1.MatToolbarModule], exports: [CentralizedContainerComponent,
-                ConfigurationPageComponent,
-                BreadcrumbComponent] });
-    })();
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(ContainersModule, [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i1.CommonModule,
-                            router.RouterModule,
-                            i5.FormsModule,
-                            i5.ReactiveFormsModule,
-                            icons.IconsModule,
-                            buttons.ButtonsModule,
-                            i2.NgScrollbarModule,
-                            i3.MatFormFieldModule,
-                            i6.MatIconModule,
-                            i4.MatInputModule,
-                            i2$1.MatToolbarModule
-                        ],
-                        declarations: [
-                            CentralizedContainerComponent,
-                            ConfigurationPageComponent,
-                            BreadcrumbComponent
-                        ],
-                        exports: [
-                            CentralizedContainerComponent,
-                            ConfigurationPageComponent,
-                            BreadcrumbComponent
-                        ],
-                        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.BreadcrumbComponent = BreadcrumbComponent;
-    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

@@ -1 +0,0 @@
-{"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/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.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","<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>","import {Component, EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n  selector: 'breadcrumb-component',\n  templateUrl: 'breadcrumb.component.html',\n  styleUrls: ['breadcrumb.component.scss']\n})\nexport class BreadcrumbComponent {\n\n  @Input() public icon = 'keyboard_arrow_right';\n  @Input() public items: any = [];\n  @Input() public labelProperty = 'label';\n  @Output() itemClick: EventEmitter<{ index: number, item: any }> = new EventEmitter();\n\n  public eventClick(index: number, item: any): any {\n    this.items.splice(index + 1, this.items.length - 1);\n    this.itemClick.emit({ index, item });\n  }\n\n  constructor(\n  ) { }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {CentralizedContainerComponent} from './centralized-container/centralized-container.component';\nimport {ConfigurationPageComponent} from './configuration-page-content/configuration-page.component';\nimport {BreadcrumbComponent} from './breadcrumb/breadcrumb.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';\nimport {MatToolbarModule} from '@angular/material/toolbar';\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FormsModule,\n    ReactiveFormsModule,\n    IconsModule,\n    ButtonsModule,\n    NgScrollbarModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatToolbarModule\n  ],\n  declarations: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent,\n    BreadcrumbComponent\n  ],\n  exports: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent,\n    BreadcrumbComponent\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","i0.ɵɵtextInterpolate1","CommonModule","RouterModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","MatToolbarModule","NgModule"],"mappings":";;;;;;;;;YAGMA,8BACE;YAAAA,sCACE;YAAAA,gCACA;YAD8BC,6NAAwB,0MAAA;YAAtDC,iBACA;YAAAF,mCAAwC;YAAAG,sBAAM;YAAAD,iBAAW;YAC3DA,iBAAiB;YACnBA,iBAAM;;;;YAH4BE,eAAwB;YAAxBC,2CAAwB;;;;;;QCFhE;YAOS,eAAU,GAAG,EAAE,CAAC;YAEP,cAAS,GAAG,IAAI,CAAC;YACjB,eAAU,GAAG,KAAK,CAAC;YAG5B,kBAAa,GAAG,IAAIC,eAAY,EAAU,CAAC;SASnD;QAJQ,yDAAiB,GAAjB;YACL,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1C;;;8GAfU,6BAA6B;sEAA7B,6BAA6B;;qCAU7BC,cAAW;;;;;;;;;gBDlBxBP,8BACE;gBAAAA,uCACE;gBAAAA,8BACE;gBAAAQ,8EACE;gBAKFC,kBAAY;gBACdP,iBAAM;gBACRA,iBAAe;gBACjBA,iBAAM;;;gBAZ6BG,qEAAuD;gBAC1ED,eAAsB;gBAAtBC,oCAAsB;gBAEPD,eAAiB;gBAAjBC,oCAAiB;;;;6BCKnC,6BAA6B;sBALzCK,YAAS;uBAAC;wBACT,QAAQ,EAAE,uBAAuB;wBACjC,WAAW,EAAE,sCAAsC;wBACnD,SAAS,EAAE,CAAC,sCAAsC,CAAC;qBACpD;wBAKiB,SAAS;0BAAxBC,QAAK;oBACU,UAAU;0BAAzBA,QAAK;oBAGC,aAAa;0BADnBC,SAAM;oBAIA,YAAY;0BADlBC,YAAS;2BAACN,cAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;YCXhCP,iCAA+B;YAAAG,YAAe;YAAAD,iBAAY;;;;YAA3BE,eAAe;YAAfU,wCAAe;;;;;;;YAJlDd,8BACE;YAAAA,yCAGE;YAAAQ,6FAA+B;YAC/BR,gCAIA;YAHOC,0NAAwB,uMAAA;YAD/BC,iBAIA;YAAAF,mCAAoE;YAA5BC,qMAA2B;YAACE,sBAAM;YAAAD,iBAAW;YACvFA,iBAAiB;YACnBA,iBAAM;;;;YATYE,eAAwC;YAAxCC,0EAAwC;YAE3CD,eAAmB;YAAnBC,yCAAmB;YAEvBD,eAAwB;YAAxBC,2CAAwB;;;;;;;QCmBvC;YAAA,iBAMC;YAtBM,eAAU,GAAG,EAAE,CAAC;YAEP,qBAAgB,GAAG,KAAK,CAAC;YACzB,oBAAe,GAAG,KAAK,CAAC;YACxB,cAAS,GAAG,IAAI,CAAC;YACjB,uBAAkB,GAAG,IAAI,CAAC;YAC1B,gBAAW,GAAG,EAAE,CAAC;YAEjC,oBAAe,GAAoB,IAAIU,YAAO,EAAU,CAAC;YAExC,kBAAa,GAAG,IAAIT,eAAY,EAAU,CAAC;YAC3C,gBAAW,GAAG,IAAIA,eAAY,EAAU,CAAC;YAMxD,IAAI,CAAC,eAAe,CAAC,IAAI,CACvBU,sBAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,EACrCC,8BAAoB,EAAE,CAAC,CAAC,SAAS,CAAC,UAAA,KAAK,IACvC,OAAA,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,GAAA,CAC/B,CAAC;SACH;QAEM,sDAAiB,GAAjB;YACL,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5C;QAEM,oDAAe,GAAf;YACL,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACxC;;;wGAhCU,0BAA0B;mEAA1B,0BAA0B;;qCAe1BV,cAAW;;;;;;;;;gBDzBxBP,8BACE;gBAAAA,uCACE;gBAAAA,8BACE;gBAAAQ,2EACE;gBAYFR,8BACE;gBAAAS,kBAAY;gBACdP,iBAAM;gBACRA,iBAAM;gBACRA,iBAAe;gBACjBA,iBAAM;;;gBArBoCG,2EAAiD;gBAC3ED,eAAsB;gBAAtBC,oCAAsB;gBAEPD,eAAiB;gBAAjBC,oCAAiB;gBAaXD,eAAmD;gBAAnDC,0EAAmD;;;;6BCN3E,0BAA0B;sBALtCK,YAAS;uBAAC;wBACT,QAAQ,EAAE,8BAA8B;wBACxC,WAAW,EAAE,mCAAmC;wBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;qBACjD;8CAKiB,gBAAgB;0BAA/BC,QAAK;oBACU,eAAe;0BAA9BA,QAAK;oBACU,SAAS;0BAAxBA,QAAK;oBACU,kBAAkB;0BAAjCA,QAAK;oBACU,WAAW;0BAA1BA,QAAK;oBAIW,aAAa;0BAA7BC,SAAM;oBACU,WAAW;0BAA3BA,SAAM;oBAGA,YAAY;0BADlBC,YAAS;2BAACN,cAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;;;YCxBtCP,4BACI;YAAAA,4BAAiD;YAAnCC,4QAAkC;YAACE,YAC7C;YAAAH,gCAAU;YAAAG,YAAQ;YAAAD,iBAAW;YACjCA,iBAAI;YACRA,iBAAO;;;;;YAH8CE,eAC7C;YAD6Cc,+DAC7C;YAAUd,eAAQ;YAARU,iCAAQ;;;;;YAH9Bd,sCACI;YAAAQ,oFACI;YAIRN,iBAAc;;;;YALJE,eAA8C;YAA9CC,sCAA8C;;;;QCkBtD;YAVgB,SAAI,GAAG,sBAAsB,CAAC;YAC9B,UAAK,GAAQ,EAAE,CAAC;YAChB,kBAAa,GAAG,OAAO,CAAC;YAC9B,cAAS,GAA+C,IAAIC,eAAY,EAAE,CAAC;SAQhF;QANE,wCAAU,GAAV,UAAW,KAAa,EAAE,IAAS;YACxC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACpD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;SACtC;;;0FAVU,mBAAmB;4DAAnB,mBAAmB;;gBDPhCE,oFACI;;;gBADSH,2CAAwB;;;;6BCOxB,mBAAmB;sBAL/BK,YAAS;uBAAC;wBACT,QAAQ,EAAE,sBAAsB;wBAChC,WAAW,EAAE,2BAA2B;wBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;qBACzC;8CAGiB,IAAI;0BAAnBC,QAAK;oBACU,KAAK;0BAApBA,QAAK;oBACU,aAAa;0BAA5BA,QAAK;oBACI,SAAS;0BAAlBC,SAAM;;;;;QC4BT;;;;wDAAa,gBAAgB;mHAAhB,gBAAgB,mBAFhB,EAAE,YAvBJ;gBACPO,eAAY;gBACZC,mBAAY;gBACZC,cAAW;gBACXC,sBAAmB;gBACnBC,iBAAW;gBACXC,qBAAa;gBACbC,oBAAiB;gBACjBC,qBAAkB;gBAClBC,gBAAa;gBACbC,iBAAc;gBACdC,qBAAgB;aACjB;;iFAaU,gBAAgB,mBAXzB,6BAA6B;gBAC7B,0BAA0B;gBAC1B,mBAAmB,aAfnBV,eAAY;gBACZC,mBAAY;gBACZC,cAAW;gBACXC,sBAAmB;gBACnBC,iBAAW;gBACXC,qBAAa;gBACbC,oBAAiB;gBACjBC,qBAAkB;gBAClBC,gBAAa;gBACbC,iBAAc;gBACdC,qBAAgB,aAQhB,6BAA6B;gBAC7B,0BAA0B;gBAC1B,mBAAmB;;;6BAIV,gBAAgB;sBA1B5BC,WAAQ;uBAAC;wBACR,OAAO,EAAE;4BACPX,eAAY;4BACZC,mBAAY;4BACZC,cAAW;4BACXC,sBAAmB;4BACnBC,iBAAW;4BACXC,qBAAa;4BACbC,oBAAiB;4BACjBC,qBAAkB;4BAClBC,gBAAa;4BACbC,iBAAc;4BACdC,qBAAgB;yBACjB;wBACD,YAAY,EAAE;4BACZ,6BAA6B;4BAC7B,0BAA0B;4BAC1B,mBAAmB;yBACpB;wBACD,OAAO,EAAE;4BACP,6BAA6B;4BAC7B,0BAA0B;4BAC1B,mBAAmB;yBACpB;wBACD,SAAS,EAAE,EAAE;qBACd;;;;ICvCD;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),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("@angular/material/toolbar"),require("@apipass/icons"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/containers",["exports","@angular/core","@angular/common","@angular/router","@angular/forms","ngx-scrollbar","@angular/material/form-field","@angular/material/input","@angular/material/icon","rxjs","rxjs/operators","@angular/material/toolbar","@apipass/icons","@apipass/buttons"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.containers={}),e.ng.core,e.ng.common,e.ng.router,e.ng.forms,e.i2,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.rxjs,e.rxjs.operators,e.ng.material.toolbar,e.icons,e.buttons)}(this,(function(e,t,n,r,o,a,i,c,l,s,g,u,d,p){"use strict";function m(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",4),t.ɵɵelementStart(1,"mat-form-field"),t.ɵɵelementStart(2,"input",5),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"mat-icon",6),t.ɵɵtext(4,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(2),t.ɵɵproperty("ngModel",o.searchTerm)}}var f=function(e){return{"centralized-container-zoom":e}},h=function(){function e(){this.searchTerm="",this.hasSearch=!0,this.ignoreZoom=!1,this.searchChanged=new t.EventEmitter}return e.prototype.searchTermChanged=function(){this.searchChanged.emit(this.searchTerm)},e}();function C(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-label"),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext(2);t.ɵɵadvance(1),t.ɵɵtextInterpolate(r.searchLabel)}}h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵdefineComponent({type:h,selectors:[["centralized-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.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,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,m,5,1,"div",3),t.ɵɵprojection(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,f,!n.ignoreZoom)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.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 x(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",5),t.ɵɵelementStart(1,"mat-form-field",6),t.ɵɵtemplate(2,C,2,1,"mat-label",7),t.ɵɵelementStart(3,"input",8),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(4,"mat-icon",9),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchIconClick()})),t.ɵɵtext(5,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,M,o.searchLabel)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",o.searchLabel),t.ɵɵadvance(1),t.ɵɵproperty("ngModel",o.searchTerm)}}var b=function(e){return{"footer-paginator":e}},v=function(e){return{"vertical-separate":e}},y=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 s.Subject,this.searchChanged=new t.EventEmitter,this.searchClick=new t.EventEmitter,this.txtQueryChanged.pipe(g.debounceTime(this.searchDebounceTime),g.distinctUntilChanged()).subscribe((function(t){return e.searchChanged.next(t)}))}return e.prototype.searchTermChanged=function(){this.txtQueryChanged.next(this.searchTerm)},e.prototype.searchIconClick=function(){this.searchClick.next(this.searchTerm)},e}();function P(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"span"),t.ɵɵelementStart(1,"a",3),t.ɵɵlistener("click",(function(){t.ɵɵrestoreView(r);var e=n.index,o=n.$implicit;return t.ɵɵnextContext(2).eventClick(e,o)})),t.ɵɵtext(2),t.ɵɵelementStart(3,"mat-icon"),t.ɵɵtext(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=n.$implicit,a=t.ɵɵnextContext(2);t.ɵɵadvance(2),t.ɵɵtextInterpolate1("",o[a.labelProperty]," "),t.ɵɵadvance(2),t.ɵɵtextInterpolate(a.icon)}}function O(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-toolbar",1),t.ɵɵtemplate(1,P,5,2,"span",2),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngForOf",r.items)}}y.ɵfac=function(e){return new(e||y)},y.ɵcmp=t.ɵɵdefineComponent({type:y,selectors:[["configuration-page-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.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,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,x,6,5,"div",3),t.ɵɵelementStart(4,"div",4),t.ɵɵprojection(5),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(4,b,n.footerPaginator)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch),t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(6,v,n.verticalSeparate)))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix,i.MatLabel],styles:[".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%]   .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%]   .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"]});var _=function(){function e(){this.icon="keyboard_arrow_right",this.items=[],this.labelProperty="label",this.itemClick=new t.EventEmitter}return e.prototype.eventClick=function(e,t){this.items.splice(e+1,this.items.length-1),this.itemClick.emit({index:e,item:t})},e}();_.ɵfac=function(e){return new(e||_)},_.ɵcmp=t.ɵɵdefineComponent({type:_,selectors:[["breadcrumb-component"]],inputs:{icon:"icon",items:"items",labelProperty:"labelProperty"},outputs:{itemClick:"itemClick"},decls:1,vars:1,consts:[["color","primary",4,"ngIf"],["color","primary"],[4,"ngFor","ngForOf"],["mat-button","",3,"click"]],template:function(e,n){1&e&&t.ɵɵtemplate(0,O,2,1,"mat-toolbar",0),2&e&&t.ɵɵproperty("ngIf",n.items.length>0)},directives:[n.NgIf,u.MatToolbar,n.NgForOf,l.MatIcon],styles:[".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"]});var S=function(){};S.ɵmod=t.ɵɵdefineNgModule({type:S}),S.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||S)},providers:[],imports:[[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(S,{declarations:[h,y,_],imports:[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule],exports:[h,y,_]}),Object.keys(a).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})})),e.BreadcrumbComponent=_,e.CentralizedContainerComponent=h,e.ConfigurationPageComponent=y,e.ContainersModule=S,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=apipass-containers.umd.min.js.map

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

@@ -1 +0,0 @@
-{"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/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.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","i0.ɵɵtextInterpolate1","BreadcrumbComponent","icon","items","labelProperty","itemClick","eventClick","index","item","splice","length","inputs","outputs","decls","vars","consts","template","ContainersModule","providers","imports","CommonModule","RouterModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","MatToolbarModule","declarations","exports"],"mappings":"2pCAGMA,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,kBACEA,EAAAA,eAAAA,EAAAA,QAAAA,GAA8BC,EAAAA,WAAAA,iBAAAA,SAAAA,GAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,WAAAA,IAAAA,CAAwB,iBAAA,WAAA,OAAAC,EAAAC,cAAAC,GAAAF,EAAAG,gBAAAC,uBAAtDC,EAAAA,eACAP,EAAAA,eAAAA,EAAAA,WAAAA,GAAwCQ,EAAAA,OAAAA,EAAAA,UAAMD,EAAAA,eAChDA,EAAAA,eACFA,EAAAA,+CAHkCE,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,UAAAA,EAAAA,oFCFxC,SAAAC,IAOSC,KAAAC,WAAa,GAEJD,KAAAE,WAAY,EACZF,KAAAG,YAAa,EAGtBH,KAAAI,cAAgB,IAAIC,EAAAA,oBAKpBN,EAAAO,UAAAZ,kBAAA,WACLM,KAAKI,cAAcG,KAAKP,KAAKC,2CCfvBb,EAAAA,eAAAA,EAAAA,aAA+BQ,EAAAA,OAAAA,GAAeD,EAAAA,8CAAfE,EAAAA,UAAAA,GAAAW,EAAAA,kBAAAA,EAAAA,+CDC5BT,qCAAAA,EAA6BU,UAAA,CAAA,CAAA,0BAAAC,UAAA,SAAAC,EAAAC,mCAU7BC,EAAAA,aAAW,ueDlBxBzB,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,eAAAA,GACEA,EAAAA,eAAAA,EAAAA,MAAAA,GACE0B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,MAAAA,GAMAC,EAAAA,aAAAA,GACFpB,EAAAA,eACFA,EAAAA,eACFA,EAAAA,sBAZmCG,EAAAA,WAAAA,UAAAA,EAAAA,gBAAAA,EAAAA,GAAAA,EAAAA,aACnBD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,aAAAA,SAEeD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,OAAAA,EAAAA,25CEAzBV,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,iBAAAA,GAGE0B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,YAAAA,GACA1B,EAAAA,eAAAA,EAAAA,QAAAA,GACOC,EAAAA,WAAAA,iBAAAA,SAAAA,GAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,WAAAA,IAAAA,CAAwB,iBAAA,WAAA,OAAAC,EAAAC,cAAAyB,GAAA1B,EAAAG,gBAAAC,uBAD/BC,EAAAA,eAIAP,EAAAA,eAAAA,EAAAA,WAAAA,GAAwCC,EAAAA,WAAAA,SAAAA,WAAAA,OAAAA,EAAAA,cAAAA,GAAAA,EAAAA,gBAAAA,qBAA4BO,EAAAA,OAAAA,EAAAA,UAAMD,EAAAA,eAC5EA,EAAAA,eACFA,EAAAA,+CATkBE,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,UAAAA,EAAAA,gBAAAA,EAAAA,EAAAA,EAAAA,cAEHD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,OAAAA,EAAAA,aAEJD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,UAAAA,EAAAA,uHCmBf,SAAAmB,IAAA,IAAAC,EAAAlB,KAhBOA,KAAAC,WAAa,GAEJD,KAAAmB,kBAAmB,EACnBnB,KAAAoB,iBAAkB,EAClBpB,KAAAE,WAAY,EACZF,KAAAqB,mBAAqB,IACrBrB,KAAAsB,YAAc,GAE9BtB,KAAAuB,gBAAmC,IAAIC,EAAAA,QAEtBxB,KAAAI,cAAgB,IAAIC,EAAAA,aACpBL,KAAAyB,YAAc,IAAIpB,EAAAA,aAMjCL,KAAKuB,gBAAgBG,KACnBC,EAAAA,aAAa3B,KAAKqB,oBAClBO,EAAAA,wBAAwBC,WAAU,SAAAC,GAClC,OAAAZ,EAAKd,cAAc2B,KAAKD,aAIrBb,EAAAX,UAAAZ,kBAAA,WACLM,KAAKuB,gBAAgBQ,KAAK/B,KAAKC,aAG1BgB,EAAAX,UAAA0B,gBAAA,WACLhC,KAAKyB,YAAYM,KAAK/B,KAAKC,qECxC3Bb,EAAAA,eAAAA,EAAAA,QACIA,EAAAA,eAAAA,EAAAA,IAAAA,GAAcC,EAAAA,WAAAA,SAAAA,WAAAA,EAAAA,cAAAA,GAAAA,IAAAA,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,UAAAA,OAAAA,EAAAA,cAAAA,GAAAA,WAAAA,EAAAA,MAAmCO,EAAAA,OAAAA,GAC7CR,EAAAA,eAAAA,EAAAA,YAAUQ,EAAAA,OAAAA,GAAQD,EAAAA,eACtBA,EAAAA,eACJA,EAAAA,8DAHqDE,EAAAA,UAAAA,GAAAoC,EAAAA,mBAAAA,GAAAA,EAAAA,EAAAA,eAAAA,KACnCpC,EAAAA,UAAAA,GAAAW,EAAAA,kBAAAA,EAAAA,gCAHtBpB,EAAAA,eAAAA,EAAAA,cAAAA,GACI0B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,OAAAA,GAKJnB,EAAAA,6CALUE,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,UAAAA,EAAAA,yCDSGmB,qCAAAA,EAA0BR,UAAA,CAAA,CAAA,iCAAAC,UAAA,SAAAC,EAAAC,mCAe1BC,EAAAA,aAAW,myBDzBxBzB,EAAAA,eAAAA,EAAAA,MAAAA,GACEA,EAAAA,eAAAA,EAAAA,eAAAA,GACEA,EAAAA,eAAAA,EAAAA,MAAAA,GACE0B,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,MAAAA,GAaA1B,EAAAA,eAAAA,EAAAA,MAAAA,GACE2B,EAAAA,aAAAA,GACFpB,EAAAA,eACFA,EAAAA,eACFA,EAAAA,eACFA,EAAAA,sBArB0CG,EAAAA,WAAAA,UAAAA,EAAAA,gBAAAA,EAAAA,EAAAA,EAAAA,kBAC1BD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,aAAAA,SAEeD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,OAAAA,EAAAA,WAaMD,EAAAA,UAAAA,GAAAC,EAAAA,WAAAA,UAAAA,EAAAA,gBAAAA,EAAAA,EAAAA,EAAAA,2wDGGnC,SAAAoC,IAVgBlC,KAAAmC,KAAO,uBACPnC,KAAAoC,MAAa,GACbpC,KAAAqC,cAAgB,QACtBrC,KAAAsC,UAAwD,IAAIjC,EAAAA,oBAE/D6B,EAAA5B,UAAAiC,WAAA,SAAWC,EAAeC,GAC/BzC,KAAKoC,MAAMM,OAAOF,EAAQ,EAAGxC,KAAKoC,MAAMO,OAAS,GACjD3C,KAAKsC,UAAU/B,KAAK,CAAEiC,MAAKA,EAAEC,KAAIA,2CATxBP,qCAAAA,EAAmBzB,UAAA,CAAA,CAAA,yBAAAmC,OAAA,CAAAT,KAAA,OAAAC,MAAA,QAAAC,cAAA,iBAAAQ,QAAA,CAAAP,UAAA,aAAAQ,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,QAAA,UAAA,EAAA,QAAA,CAAA,QAAA,WAAA,CAAA,EAAA,QAAA,WAAA,CAAA,aAAA,GAAA,EAAA,UAAAC,SAAA,SAAAtC,EAAAC,QDPhCE,EAAAA,WAAAA,EAAAA,EAAAA,EAAAA,EAAAA,cAAAA,QAAahB,EAAAA,WAAAA,OAAAA,EAAAA,MAAAA,OAAAA,iREwCb,6CAAaoD,iEAAAA,IAAgBC,UAFhB,GAAEC,QAAA,CAvBJ,CACPC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,YACAC,EAAAA,cACAC,EAAAA,kBACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,sFAcSb,EAAgB,CAAAc,aAAA,CAXzBjE,EACAkB,EACAiB,GAAmBkB,QAAA,CAfnBC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,YACAC,EAAAA,cACAC,EAAAA,kBACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,eACAC,EAAAA,kBAAgBE,QAAA,CAQhBlE,EACAkB,EACAiB","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","<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>","import {Component, EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n  selector: 'breadcrumb-component',\n  templateUrl: 'breadcrumb.component.html',\n  styleUrls: ['breadcrumb.component.scss']\n})\nexport class BreadcrumbComponent {\n\n  @Input() public icon = 'keyboard_arrow_right';\n  @Input() public items: any = [];\n  @Input() public labelProperty = 'label';\n  @Output() itemClick: EventEmitter<{ index: number, item: any }> = new EventEmitter();\n\n  public eventClick(index: number, item: any): any {\n    this.items.splice(index + 1, this.items.length - 1);\n    this.itemClick.emit({ index, item });\n  }\n\n  constructor(\n  ) { }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {CentralizedContainerComponent} from './centralized-container/centralized-container.component';\nimport {ConfigurationPageComponent} from './configuration-page-content/configuration-page.component';\nimport {BreadcrumbComponent} from './breadcrumb/breadcrumb.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';\nimport {MatToolbarModule} from '@angular/material/toolbar';\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule,\n    FormsModule,\n    ReactiveFormsModule,\n    IconsModule,\n    ButtonsModule,\n    NgScrollbarModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatToolbarModule\n  ],\n  declarations: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent,\n    BreadcrumbComponent\n  ],\n  exports: [\n    CentralizedContainerComponent,\n    ConfigurationPageComponent,\n    BreadcrumbComponent\n  ],\n  providers: []\n})\nexport class ContainersModule {}\n"]}

package/esm2015/breadcrumb/breadcrumb.component.js

@@ -1,68 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/toolbar";
-import * as i3 from "@angular/material/icon";
-function BreadcrumbComponent_mat_toolbar_0_span_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelementStart(1, "a", 3);
-    i0.ɵɵlistener("click", function BreadcrumbComponent_mat_toolbar_0_span_1_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r5); const indx_r3 = ctx.index; const header_r2 = ctx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.eventClick(indx_r3, header_r2); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "mat-icon");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const header_r2 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", header_r2[ctx_r1.labelProperty], " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.icon);
-} }
-function BreadcrumbComponent_mat_toolbar_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-toolbar", 1);
-    i0.ɵɵtemplate(1, BreadcrumbComponent_mat_toolbar_0_span_1_Template, 5, 2, "span", 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.items);
-} }
-export class BreadcrumbComponent {
-    constructor() {
-        this.icon = 'keyboard_arrow_right';
-        this.items = [];
-        this.labelProperty = 'label';
-        this.itemClick = new EventEmitter();
-    }
-    eventClick(index, item) {
-        this.items.splice(index + 1, this.items.length - 1);
-        this.itemClick.emit({ index, item });
-    }
-}
-BreadcrumbComponent.ɵfac = function BreadcrumbComponent_Factory(t) { return new (t || BreadcrumbComponent)(); };
-BreadcrumbComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbComponent, selectors: [["breadcrumb-component"]], inputs: { icon: "icon", items: "items", labelProperty: "labelProperty" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [["color", "primary", 4, "ngIf"], ["color", "primary"], [4, "ngFor", "ngForOf"], ["mat-button", "", 3, "click"]], template: function BreadcrumbComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, BreadcrumbComponent_mat_toolbar_0_Template, 2, 1, "mat-toolbar", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.items.length > 0);
-    } }, directives: [i1.NgIf, i2.MatToolbar, i1.NgForOf, i3.MatIcon], styles: [".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"] });
-/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(BreadcrumbComponent, [{
-        type: Component,
-        args: [{
-                selector: 'breadcrumb-component',
-                templateUrl: 'breadcrumb.component.html',
-                styleUrls: ['breadcrumb.component.scss']
-            }]
-    }], function () { return []; }, { icon: [{
-            type: Input
-        }], items: [{
-            type: Input
-        }], labelProperty: [{
-            type: Input
-        }], itemClick: [{
-            type: Output
-        }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDakUsNEJBQ0k7SUFBQSw0QkFBaUQ7SUFBbkMsZ1JBQWtDO0lBQUMsWUFDN0M7SUFBQSxnQ0FBVTtJQUFBLFlBQVE7SUFBQSxpQkFBVztJQUNqQyxpQkFBSTtJQUNSLGlCQUFPOzs7O0lBSDhDLGVBQzdDO0lBRDZDLCtEQUM3QztJQUFVLGVBQVE7SUFBUixpQ0FBUTs7O0lBSDlCLHNDQUNJO0lBQUEsb0ZBQ0k7SUFJUixpQkFBYzs7O0lBTEosZUFBOEM7SUFBOUMsc0NBQThDOztBRE14RCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCO1FBVmdCLFNBQUksR0FBRyxzQkFBc0IsQ0FBQztRQUM5QixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGtCQUFhLEdBQUcsT0FBTyxDQUFDO1FBQzlCLGNBQVMsR0FBK0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVFqRixDQUFDO0lBTkUsVUFBVSxDQUFDLEtBQWEsRUFBRSxJQUFTO1FBQ3hDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDOztzRkFWVSxtQkFBbUI7d0RBQW5CLG1CQUFtQjtRQ1BoQyxvRkFDSTs7UUFEUywyQ0FBd0I7O2tERE94QixtQkFBbUI7Y0FML0IsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLFdBQVcsRUFBRSwyQkFBMkI7Z0JBQ3hDLFNBQVMsRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQ3pDO3NDQUdpQixJQUFJO2tCQUFuQixLQUFLO1lBQ1UsS0FBSztrQkFBcEIsS0FBSztZQUNVLGFBQWE7a0JBQTVCLEtBQUs7WUFDSSxTQUFTO2tCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JyZWFkY3J1bWItY29tcG9uZW50JyxcbiAgdGVtcGxhdGVVcmw6ICdicmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgaWNvbiA9ICdrZXlib2FyZF9hcnJvd19yaWdodCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpdGVtczogYW55ID0gW107XG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbFByb3BlcnR5ID0gJ2xhYmVsJztcbiAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPHsgaW5kZXg6IG51bWJlciwgaXRlbTogYW55IH0+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBldmVudENsaWNrKGluZGV4OiBudW1iZXIsIGl0ZW06IGFueSk6IGFueSB7XG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXggKyAxLCB0aGlzLml0ZW1zLmxlbmd0aCAtIDEpO1xuICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoeyBpbmRleCwgaXRlbSB9KTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICApIHsgfVxuXG59XG4iLCI8bWF0LXRvb2xiYXIgKm5nSWY9XCJpdGVtcy5sZW5ndGggPiAwXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPHNwYW4gKm5nRm9yPVwibGV0IGhlYWRlciBvZiBpdGVtczsgbGV0IGluZHggPSBpbmRleFwiPlxuICAgICAgICA8YSBtYXQtYnV0dG9uIChjbGljayk9XCJldmVudENsaWNrKGluZHgsIGhlYWRlcilcIj57e2hlYWRlcltsYWJlbFByb3BlcnR5XX19XG4gICAgICAgICAgICA8bWF0LWljb24+e3tpY29ufX08L21hdC1pY29uPlxuICAgICAgICA8L2E+XG4gICAgPC9zcGFuPlxuPC9tYXQtdG9vbGJhcj4iXX0=