@apipass/containers 0.2.5-alpha.17 → 0.2.5-alpha.19

package/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BreadcrumbComponent {
+    icon: string;
+    items: any;
+    labelProperty: string;
+    itemClick: EventEmitter<{
+        index: number;
+        item: any;
+    }>;
+    eventClick(index: number, item: any): any;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDef<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<BreadcrumbComponent, "breadcrumb-component", never, { "icon": "icon"; "items": "items"; "labelProperty": "labelProperty"; }, { "itemClick": "itemClick"; }, never, never>;
+}

package/bundles/apipass-containers.umd.js

@@ -1,8 +1,8 @@
 (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('@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', '@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.icons, global.buttons));
-}(this, (function (exports, i0, i1, router, i5, i2, i3, i4, i6, rxjs, operators, icons, buttons) { 'use strict';
+    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) {
@@ -212,6 +212,81 @@
                 }] });
     })();
 
+    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() {
         }
@@ -228,11 +303,13 @@
                 i2.NgScrollbarModule,
                 i3.MatFormFieldModule,
                 i6.MatIconModule,
-                i4.MatInputModule
+                i4.MatInputModule,
+                i2$1.MatToolbarModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
-                ConfigurationPageComponent], imports: [i1.CommonModule,
+                ConfigurationPageComponent,
+                BreadcrumbComponent], imports: [i1.CommonModule,
                 router.RouterModule,
                 i5.FormsModule,
                 i5.ReactiveFormsModule,
@@ -241,8 +318,10 @@
                 i2.NgScrollbarModule,
                 i3.MatFormFieldModule,
                 i6.MatIconModule,
-                i4.MatInputModule], exports: [CentralizedContainerComponent,
-                ConfigurationPageComponent] });
+                i4.MatInputModule,
+                i2$1.MatToolbarModule], exports: [CentralizedContainerComponent,
+                ConfigurationPageComponent,
+                BreadcrumbComponent] });
     })();
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ContainersModule, [{
@@ -258,15 +337,18 @@
                             i2.NgScrollbarModule,
                             i3.MatFormFieldModule,
                             i6.MatIconModule,
-                            i4.MatInputModule
+                            i4.MatInputModule,
+                            i2$1.MatToolbarModule
                         ],
                         declarations: [
                             CentralizedContainerComponent,
-                            ConfigurationPageComponent
+                            ConfigurationPageComponent,
+                            BreadcrumbComponent
                         ],
                         exports: [
                             CentralizedContainerComponent,
-                            ConfigurationPageComponent
+                            ConfigurationPageComponent,
+                            BreadcrumbComponent
                         ],
                         providers: []
                     }]
@@ -285,6 +367,7 @@
             }
         });
     });
+    exports.BreadcrumbComponent = BreadcrumbComponent;
     exports.CentralizedContainerComponent = CentralizedContainerComponent;
     exports.ConfigurationPageComponent = ConfigurationPageComponent;
     exports.ContainersModule = ContainersModule;

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

@@ -1 +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 {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    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","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","NgModule"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(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("@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","@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.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){"use strict";function p(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 f=function(e){return{"centralized-container-zoom":e}},h=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 m(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)}}h.ɵfac=function(e){return new(e||h)},h.ɵcmp=n.ɵɵdefineComponent({type:h,selectors:[["centralized-container"]],viewQuery:function(e,t){var r;(1&e&&n.ɵɵstaticViewQuery(a.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,p,5,1,"div",3),n.ɵɵprojection(4),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(3,f,!t.ignoreZoom)),n.ɵɵadvance(1),n.ɵɵproperty("visibility","hover"),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.hasSearch))},directives:[t.NgClass,a.NgScrollbar,t.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 C=function(e){return{"label-input":e}};function M(e,t){if(1&e){var r=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",5),n.ɵɵelementStart(1,"mat-form-field",6),n.ɵɵtemplate(2,m,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,C,o.searchLabel)),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",o.searchLabel),n.ɵɵadvance(1),n.ɵɵproperty("ngModel",o.searchTerm)}}var b=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 s.Subject,this.searchChanged=new n.EventEmitter,this.searchClick=new n.EventEmitter,this.txtQueryChanged.pipe(g.debounceTime(this.searchDebounceTime),g.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(a.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,M,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,b,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,a.NgScrollbar,t.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix,i.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 x=function(){};x.ɵmod=n.ɵɵdefineNgModule({type:x}),x.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||x)},providers:[],imports:[[t.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,u.IconsModule,d.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(x,{declarations:[h,v],imports:[t.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,u.IconsModule,d.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule],exports:[h,v]}),Object.keys(a).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return a[n]}})})),e.CentralizedContainerComponent=h,e.ConfigurationPageComponent=v,e.ContainersModule=x,Object.defineProperty(e,"__esModule",{value:!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 b(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 x=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 _(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 P(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-toolbar",1),t.ɵɵtemplate(1,_,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,b,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,x,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:["[_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 O=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}();O.ɵfac=function(e){return new(e||O)},O.ɵcmp=t.ɵɵdefineComponent({type:O,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,P,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,O],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,O]}),Object.keys(a).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})})),e.BreadcrumbComponent=O,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 +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","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","declarations","exports"],"mappings":"kkCAGMA,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,mDA/BlBgB,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,g7EEoBrC,6CAAamC,iEAAAA,IAAgBC,UAFhB,GAAEC,QAAA,CApBJ,CACPC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,YACAC,EAAAA,cACAC,EAAAA,kBACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,oFAYSZ,EAAgB,CAAAa,aAAA,CATzB/C,EACAkB,GAA0BkB,QAAA,CAb1BC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,YACAC,EAAAA,oBACAC,EAAAA,YACAC,EAAAA,cACAC,EAAAA,kBACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,gBAAcE,QAAA,CAOdhD,EACAkB","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 {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    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"]}
+{"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":"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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","<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/containers.module.d.ts

@@ -1,16 +1,18 @@
 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 "@angular/forms";
-import * as i6 from "@apipass/icons";
-import * as i7 from "@apipass/buttons";
-import * as i8 from "ngx-scrollbar";
-import * as i9 from "@angular/material/form-field";
-import * as i10 from "@angular/material/icon";
-import * as i11 from "@angular/material/input";
+import * as i3 from "./breadcrumb/breadcrumb.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/router";
+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";
+import * as i13 from "@angular/material/toolbar";
 export declare class ContainersModule {
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ContainersModule, [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.IconsModule, typeof i7.ButtonsModule, typeof i8.NgScrollbarModule, typeof i9.MatFormFieldModule, typeof i10.MatIconModule, typeof i11.MatInputModule], [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ContainersModule, [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent, typeof i3.BreadcrumbComponent], [typeof i4.CommonModule, typeof i5.RouterModule, 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 i13.MatToolbarModule], [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent, typeof i3.BreadcrumbComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<ContainersModule>;
 }

package/esm2015/breadcrumb/breadcrumb.component.js

@@ -0,0 +1,68 @@
+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=

package/esm2015/containers.module.js

@@ -4,12 +4,14 @@ import { RouterModule } from '@angular/router';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CentralizedContainerComponent } from './centralized-container/centralized-container.component';
 import { ConfigurationPageComponent } from './configuration-page-content/configuration-page.component';
+import { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
 import { NgScrollbarModule } from 'ngx-scrollbar';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { IconsModule } from '@apipass/icons';
 import { ButtonsModule } from '@apipass/buttons';
+import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i0 from "@angular/core";
 export class ContainersModule {
 }
@@ -24,10 +26,12 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
             NgScrollbarModule,
             MatFormFieldModule,
             MatIconModule,
-            MatInputModule
+            MatInputModule,
+            MatToolbarModule
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
-        ConfigurationPageComponent], imports: [CommonModule,
+        ConfigurationPageComponent,
+        BreadcrumbComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -36,8 +40,10 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
         NgScrollbarModule,
         MatFormFieldModule,
         MatIconModule,
-        MatInputModule], exports: [CentralizedContainerComponent,
-        ConfigurationPageComponent] }); })();
+        MatInputModule,
+        MatToolbarModule], exports: [CentralizedContainerComponent,
+        ConfigurationPageComponent,
+        BreadcrumbComponent] }); })();
 /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ContainersModule, [{
         type: NgModule,
         args: [{
@@ -51,17 +57,20 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
                     NgScrollbarModule,
                     MatFormFieldModule,
                     MatIconModule,
-                    MatInputModule
+                    MatInputModule,
+                    MatToolbarModule
                 ],
                 declarations: [
                     CentralizedContainerComponent,
-                    ConfigurationPageComponent
+                    ConfigurationPageComponent,
+                    BreadcrumbComponent
                 ],
                 exports: [
                     CentralizedContainerComponent,
-                    ConfigurationPageComponent
+                    ConfigurationPageComponent,
+                    BreadcrumbComponent
                 ],
                 providers: []
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3RHLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBeUIvQyxNQUFNLE9BQU8sZ0JBQWdCOztvREFBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsbUJBRmhCLEVBQUUsWUFwQko7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixjQUFjO1NBQ2Y7d0ZBV1UsZ0JBQWdCLG1CQVR6Qiw2QkFBNkI7UUFDN0IsMEJBQTBCLGFBYjFCLFlBQVk7UUFDWixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWMsYUFPZCw2QkFBNkI7UUFDN0IsMEJBQTBCO2tEQUlqQixnQkFBZ0I7Y0F2QjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixXQUFXO29CQUNYLGFBQWE7b0JBQ2IsaUJBQWlCO29CQUNqQixrQkFBa0I7b0JBQ2xCLGFBQWE7b0JBQ2IsY0FBYztpQkFDZjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osNkJBQTZCO29CQUM3QiwwQkFBMEI7aUJBQzNCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCw2QkFBNkI7b0JBQzdCLDBCQUEwQjtpQkFDM0I7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudH0gZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7TmdTY3JvbGxiYXJNb2R1bGV9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gICAgQnV0dG9uc01vZHVsZSxcbiAgICBOZ1Njcm9sbGJhck1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJzTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3RHLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7O0FBMkIzRCxNQUFNLE9BQU8sZ0JBQWdCOztvREFBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsbUJBRmhCLEVBQUUsWUF2Qko7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZ0JBQWdCO1NBQ2pCO3dGQWFVLGdCQUFnQixtQkFYekIsNkJBQTZCO1FBQzdCLDBCQUEwQjtRQUMxQixtQkFBbUIsYUFmbkIsWUFBWTtRQUNaLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLFdBQVc7UUFDWCxhQUFhO1FBQ2IsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixhQUFhO1FBQ2IsY0FBYztRQUNkLGdCQUFnQixhQVFoQiw2QkFBNkI7UUFDN0IsMEJBQTBCO1FBQzFCLG1CQUFtQjtrREFJVixnQkFBZ0I7Y0ExQjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixXQUFXO29CQUNYLGFBQWE7b0JBQ2IsaUJBQWlCO29CQUNqQixrQkFBa0I7b0JBQ2xCLGFBQWE7b0JBQ2IsY0FBYztvQkFDZCxnQkFBZ0I7aUJBQ2pCO2dCQUNELFlBQVksRUFBRTtvQkFDWiw2QkFBNkI7b0JBQzdCLDBCQUEwQjtvQkFDMUIsbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsNkJBQTZCO29CQUM3QiwwQkFBMEI7b0JBQzFCLG1CQUFtQjtpQkFDcEI7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudH0gZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7QnJlYWRjcnVtYkNvbXBvbmVudH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50JztcbmltcG9ydCB7TmdTY3JvbGxiYXJNb2R1bGV9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucyc7XG5pbXBvcnQge01hdFRvb2xiYXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBJY29uc01vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIE5nU2Nyb2xsYmFyTW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdFRvb2xiYXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lcnNNb2R1bGUge31cbiJdfQ==

package/esm2015/public-api.js

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

package/fesm2015/apipass-containers.js

@@ -1,5 +1,5 @@
-import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵtext, ɵɵadvance, ɵɵproperty, EventEmitter, ɵɵdefineComponent, ɵɵstaticViewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵprojectionDef, ɵɵtemplate, ɵɵprojection, ɵɵpureFunction1, ɵsetClassMetadata, Component, Input, Output, ViewChild, ɵɵtextInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgClass, NgIf, CommonModule } from '@angular/common';
+import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵtext, ɵɵadvance, ɵɵproperty, EventEmitter, ɵɵdefineComponent, ɵɵstaticViewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵprojectionDef, ɵɵtemplate, ɵɵprojection, ɵɵpureFunction1, ɵsetClassMetadata, Component, Input, Output, ViewChild, ɵɵtextInterpolate, ɵɵtextInterpolate1, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { NgClass, NgIf, NgForOf, CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { DefaultValueAccessor, NgControlStatus, NgModel, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgScrollbar, NgScrollbarModule } from 'ngx-scrollbar';
@@ -9,6 +9,7 @@ import { MatInput, MatInputModule } from '@angular/material/input';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { Subject } from 'rxjs';
 import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
 import { IconsModule } from '@apipass/icons';
 import { ButtonsModule } from '@apipass/buttons';
 
@@ -192,6 +193,69 @@ ConfigurationPageComponent.ɵcmp = ɵɵdefineComponent({ type: ConfigurationPage
             args: [NgScrollbar, { static: true }]
         }] }); })();
 
+function BreadcrumbComponent_mat_toolbar_0_span_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "span");
+    ɵɵelementStart(1, "a", 3);
+    ɵɵlistener("click", function BreadcrumbComponent_mat_toolbar_0_span_1_Template_a_click_1_listener() { ɵɵrestoreView(_r5); const indx_r3 = ctx.index; const header_r2 = ctx.$implicit; const ctx_r4 = ɵɵnextContext(2); return ctx_r4.eventClick(indx_r3, header_r2); });
+    ɵɵtext(2);
+    ɵɵelementStart(3, "mat-icon");
+    ɵɵtext(4);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const header_r2 = ctx.$implicit;
+    const ctx_r1 = ɵɵnextContext(2);
+    ɵɵadvance(2);
+    ɵɵtextInterpolate1("", header_r2[ctx_r1.labelProperty], " ");
+    ɵɵadvance(2);
+    ɵɵtextInterpolate(ctx_r1.icon);
+} }
+function BreadcrumbComponent_mat_toolbar_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "mat-toolbar", 1);
+    ɵɵtemplate(1, BreadcrumbComponent_mat_toolbar_0_span_1_Template, 5, 2, "span", 2);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", ctx_r0.items);
+} }
+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 = ɵɵ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) {
+        ɵɵtemplate(0, BreadcrumbComponent_mat_toolbar_0_Template, 2, 1, "mat-toolbar", 0);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.items.length > 0);
+    } }, directives: [NgIf, MatToolbar, NgForOf, MatIcon], styles: [".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"] });
+/*@__PURE__*/ (function () { ɵ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
+        }] }); })();
+
 class ContainersModule {
 }
 ContainersModule.ɵmod = ɵɵdefineNgModule({ type: ContainersModule });
@@ -205,10 +269,12 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
             NgScrollbarModule,
             MatFormFieldModule,
             MatIconModule,
-            MatInputModule
+            MatInputModule,
+            MatToolbarModule
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
-        ConfigurationPageComponent], imports: [CommonModule,
+        ConfigurationPageComponent,
+        BreadcrumbComponent], imports: [CommonModule,
         RouterModule,
         FormsModule,
         ReactiveFormsModule,
@@ -217,8 +283,10 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
         NgScrollbarModule,
         MatFormFieldModule,
         MatIconModule,
-        MatInputModule], exports: [CentralizedContainerComponent,
-        ConfigurationPageComponent] }); })();
+        MatInputModule,
+        MatToolbarModule], exports: [CentralizedContainerComponent,
+        ConfigurationPageComponent,
+        BreadcrumbComponent] }); })();
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ContainersModule, [{
         type: NgModule,
         args: [{
@@ -232,15 +300,18 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
                     NgScrollbarModule,
                     MatFormFieldModule,
                     MatIconModule,
-                    MatInputModule
+                    MatInputModule,
+                    MatToolbarModule
                 ],
                 declarations: [
                     CentralizedContainerComponent,
-                    ConfigurationPageComponent
+                    ConfigurationPageComponent,
+                    BreadcrumbComponent
                 ],
                 exports: [
                     CentralizedContainerComponent,
-                    ConfigurationPageComponent
+                    ConfigurationPageComponent,
+                    BreadcrumbComponent
                 ],
                 providers: []
             }]
@@ -250,5 +321,5 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
  * Generated bundle index. Do not edit.
  */
 
-export { CentralizedContainerComponent, ConfigurationPageComponent, ContainersModule };
+export { BreadcrumbComponent, CentralizedContainerComponent, ConfigurationPageComponent, ContainersModule };
 //# sourceMappingURL=apipass-containers.js.map

package/fesm2015/apipass-containers.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/containers",
-  "version": "0.2.5-alpha.17",
+  "version": "0.2.5-alpha.19",
   "peerDependencies": {
     "@angular/animations": "^10.0.11",
     "@angular/cdk": "^10.1.3",

package/public-api.d.ts

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