@apipass/containers 1.0.7 → 1.0.9

package/fesm2022/apipass-containers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-containers.mjs","sources":["../../../projects/containers/src/centralized-container/centralized-container.component.ts","../../../projects/containers/src/centralized-container/centralized-container.component.html","../../../projects/containers/src/configuration-page-content/configuration-page.component.ts","../../../projects/containers/src/configuration-page-content/configuration-page.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.component.ts","../../../projects/containers/src/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/containers.module.ts","../../../projects/containers/src/apipass-containers.ts"],"sourcesContent":["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=\"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'\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 => { 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","<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 } 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 = new EventEmitter<{ index: number, item: any }>()\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}\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 { 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":["i2","i3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAKa,6BAA6B,CAAA;IAEjC,UAAU,GAAG,EAAE,CAAA;IAEN,SAAS,GAAG,IAAI,CAAA;IAChB,UAAU,GAAG,KAAK,CAAA;AAG3B,IAAA,aAAa,GAAG,IAAI,YAAY,EAAU,CAAA;AAG1C,IAAA,YAAY,CAAyB;IAErC,iBAAiB,GAAA;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KACzC;uGAfU,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAA7B,6BAA6B,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAU7B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBxB,0iBAaA,EAAA,MAAA,EAAA,CAAA,syBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDLa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EAAA,0iBAAA,EAAA,MAAA,EAAA,CAAA,syBAAA,CAAA,EAAA,CAAA;8BAQjB,SAAS,EAAA,CAAA;sBAAxB,KAAK;gBACU,UAAU,EAAA,CAAA;sBAAzB,KAAK;gBAGC,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAIA,YAAY,EAAA,CAAA;sBADlB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AEb1C,MAKa,0BAA0B,CAAA;IAE9B,UAAU,GAAG,EAAE,CAAA;IAEN,gBAAgB,GAAG,KAAK,CAAA;IACxB,eAAe,GAAG,KAAK,CAAA;IACvB,SAAS,GAAG,IAAI,CAAA;IAChB,kBAAkB,GAAG,IAAI,CAAA;IACzB,WAAW,GAAG,EAAE,CAAA;AAEhC,IAAA,eAAe,GAAoB,IAAI,OAAO,EAAU,CAAA;AAEvC,IAAA,aAAa,GAAG,IAAI,YAAY,EAAU,CAAA;AAC1C,IAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAA;AAGlD,IAAA,YAAY,CAAyB;AAE5C,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,EACrC,oBAAoB,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,IAAM,EAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,EAAE,CAC9E,CAAA;KACF;IAEM,iBAAiB,GAAA;QACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC3C;IAEM,eAAe,GAAA;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KACvC;uGA/BU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAA1B,0BAA0B,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAe1B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBxB,0/BAsBA,EAAA,MAAA,EAAA,CAAA,o/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDZa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,0/BAAA,EAAA,MAAA,EAAA,CAAA,o/BAAA,CAAA,EAAA,CAAA;0EAQxB,gBAAgB,EAAA,CAAA;sBAA/B,KAAK;gBACU,eAAe,EAAA,CAAA;sBAA9B,KAAK;gBACU,SAAS,EAAA,CAAA;sBAAxB,KAAK;gBACU,kBAAkB,EAAA,CAAA;sBAAjC,KAAK;gBACU,WAAW,EAAA,CAAA;sBAA1B,KAAK;gBAIW,aAAa,EAAA,CAAA;sBAA7B,MAAM;gBACU,WAAW,EAAA,CAAA;sBAA3B,MAAM;gBAGA,YAAY,EAAA,CAAA;sBADlB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AEvB1C,MAKa,mBAAmB,CAAA;IAEd,IAAI,GAAG,sBAAsB,CAAA;IAC7B,KAAK,GAAQ,EAAE,CAAA;IACf,aAAa,GAAG,OAAO,CAAA;AAC7B,IAAA,SAAS,GAAG,IAAI,YAAY,EAAgC,CAAA;IAE/D,UAAU,CAAE,KAAa,EAAE,IAAS,EAAA;AACzC,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;KACrC;uGAVU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2KCPhC,qSAMc,EAAA,MAAA,EAAA,CAAA,iJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDCD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,qSAAA,EAAA,MAAA,EAAA,CAAA,iJAAA,CAAA,EAAA,CAAA;8BAMhB,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,KAAK,EAAA,CAAA;sBAApB,KAAK;gBACU,aAAa,EAAA,CAAA;sBAA5B,KAAK;gBACI,SAAS,EAAA,CAAA;sBAAlB,MAAM;;;AEET,MA0Ba,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAXzB,6BAA6B;YAC7B,0BAA0B;AAC1B,YAAA,mBAAmB,aAfnB,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,WAAW;YACX,aAAa;YACb,iBAAiB;YACjB,kBAAkB;YAClB,aAAa;YACb,cAAc;AACd,YAAA,gBAAgB,aAQhB,6BAA6B;YAC7B,0BAA0B;YAC1B,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAIV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAxBzB,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,WAAW;YACX,aAAa;YACb,iBAAiB;YACjB,kBAAkB;YAClB,aAAa;YACb,cAAc;YACd,gBAAgB,CAAA,EAAA,CAAA,CAAA;;2FAcP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBA1B5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,WAAW;wBACX,aAAa;wBACb,iBAAiB;wBACjB,kBAAkB;wBAClB,aAAa;wBACb,cAAc;wBACd,gBAAgB;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,6BAA6B;wBAC7B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,6BAA6B;wBAC7B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA;AACD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACvCD;;AAEG;;;;"}

package/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@apipass/containers" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@apipass/containers" />
+export * from './public-api';

package/package.json

@@ -1,26 +1,22 @@
 {
   "name": "@apipass/containers",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "peerDependencies": {
-    "@angular/animations": "15.0.3",
-    "@angular/cdk": "15.0.3",
-    "@angular/common": "15.0.3",
-    "@angular/core": "15.0.3",
-    "@angular/forms": "15.0.3",
-    "@angular/material": "15.0.3"
+    "@angular/animations": "16.0.2",
+    "@angular/cdk": "16.0.1",
+    "@angular/common": "16.0.2",
+    "@angular/core": "16.0.2",
+    "@angular/forms": "16.0.2",
+    "@angular/material": "16.0.1"
   },
   "dependencies": {
-    "@apipass/icons": "1.0.7",
-    "@apipass/buttons": "1.0.7",
+    "@apipass/icons": "1.0.8",
+    "@apipass/buttons": "1.0.8",
     "ngx-scrollbar": "11.0.0",
-    "@ngx-translate/core": "14.0.0",
-    "tslib": "2.5.0"
+    "@ngx-translate/core": "15.0.0",
+    "tslib": "2.5.2"
   },
-  "module": "fesm2015/apipass-containers.mjs",
-  "es2020": "fesm2020/apipass-containers.mjs",
-  "esm2020": "esm2020/apipass-containers.mjs",
-  "fesm2020": "fesm2020/apipass-containers.mjs",
-  "fesm2015": "fesm2015/apipass-containers.mjs",
+  "module": "fesm2022/apipass-containers.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -28,11 +24,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/apipass-containers.mjs",
-      "es2020": "./fesm2020/apipass-containers.mjs",
-      "es2015": "./fesm2015/apipass-containers.mjs",
-      "node": "./fesm2015/apipass-containers.mjs",
-      "default": "./fesm2020/apipass-containers.mjs"
+      "esm2022": "./esm2022/apipass-containers.mjs",
+      "esm": "./esm2022/apipass-containers.mjs",
+      "default": "./fesm2022/apipass-containers.mjs"
     }
   },
   "sideEffects": false

package/public-api.d.ts

@@ -1,5 +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';
+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';

package/esm2020/breadcrumb/breadcrumb.component.mjs

@@ -1,32 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/toolbar";
-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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BreadcrumbComponent, selector: "breadcrumb-component", inputs: { icon: "icon", items: "items", labelProperty: "labelProperty" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\r\n    <span *ngFor=\"let header of items; let indx = index\">\r\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\r\n            <mat-icon>{{icon}}</mat-icon>\r\n        </a>\r\n    </span>\r\n</mat-toolbar>", styles: [".mat-toolbar.mat-primary{background:rgba(0,0,0,0);height:45px;font-size:16px}a{color:#000;cursor:pointer}mat-icon{vertical-align:text-bottom}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'breadcrumb-component', template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\r\n    <span *ngFor=\"let header of items; let indx = index\">\r\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\r\n            <mat-icon>{{icon}}</mat-icon>\r\n        </a>\r\n    </span>\r\n</mat-toolbar>", styles: [".mat-toolbar.mat-primary{background:rgba(0,0,0,0);height:45px;font-size:16px}a{color:#000;cursor:pointer}mat-icon{vertical-align:text-bottom}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], labelProperty: [{
-                type: Input
-            }], itemClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7O0FBT3RFLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFNa0IsU0FBSSxHQUFHLHNCQUFzQixDQUFBO1FBQzdCLFVBQUssR0FBUSxFQUFFLENBQUE7UUFDZixrQkFBYSxHQUFHLE9BQU8sQ0FBQTtRQUM3QixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWdDLENBQUE7S0FNdkU7SUFKUSxVQUFVLENBQUUsS0FBYSxFQUFFLElBQVM7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNuRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQ3RDLENBQUM7O2dIQVRVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDJLQ1BoQyxpVEFNYzsyRkRDRCxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUtoQixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdicmVhZGNydW1iLWNvbXBvbmVudCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdicmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgaWNvbiA9ICdrZXlib2FyZF9hcnJvd19yaWdodCdcclxuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IGFueSA9IFtdXHJcbiAgQElucHV0KCkgcHVibGljIGxhYmVsUHJvcGVydHkgPSAnbGFiZWwnXHJcbiAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpbmRleDogbnVtYmVyLCBpdGVtOiBhbnkgfT4oKVxyXG5cclxuICBwdWJsaWMgZXZlbnRDbGljayAoaW5kZXg6IG51bWJlciwgaXRlbTogYW55KTogYW55IHtcclxuICAgIHRoaXMuaXRlbXMuc3BsaWNlKGluZGV4ICsgMSwgdGhpcy5pdGVtcy5sZW5ndGggLSAxKVxyXG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh7IGluZGV4LCBpdGVtIH0pXHJcbiAgfVxufVxyXG4iLCI8bWF0LXRvb2xiYXIgKm5nSWY9XCJpdGVtcy5sZW5ndGggPiAwXCIgY29sb3I9XCJwcmltYXJ5XCI+XHJcbiAgICA8c3BhbiAqbmdGb3I9XCJsZXQgaGVhZGVyIG9mIGl0ZW1zOyBsZXQgaW5keCA9IGluZGV4XCI+XHJcbiAgICAgICAgPGEgbWF0LWJ1dHRvbiAoY2xpY2spPVwiZXZlbnRDbGljayhpbmR4LCBoZWFkZXIpXCI+e3toZWFkZXJbbGFiZWxQcm9wZXJ0eV19fVxyXG4gICAgICAgICAgICA8bWF0LWljb24+e3tpY29ufX08L21hdC1pY29uPlxyXG4gICAgICAgIDwvYT5cclxuICAgIDwvc3Bhbj5cclxuPC9tYXQtdG9vbGJhcj4iXX0=

package/esm2020/centralized-container/centralized-container.component.mjs

@@ -1,36 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { NgScrollbar } from 'ngx-scrollbar';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "ngx-scrollbar";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/input";
-export class CentralizedContainerComponent {
-    constructor() {
-        this.searchTerm = '';
-        this.hasSearch = true;
-        this.ignoreZoom = false;
-        this.searchChanged = new EventEmitter();
-    }
-    searchTermChanged() {
-        this.searchChanged.emit(this.searchTerm);
-    }
-}
-CentralizedContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CentralizedContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CentralizedContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: CentralizedContainerComponent, selector: "centralized-container", inputs: { hasSearch: "hasSearch", ignoreZoom: "ignoreZoom" }, outputs: { searchChanged: "searchChanged" }, viewQueries: [{ propertyName: "scrollbarRef", first: true, predicate: NgScrollbar, descendants: true, static: true }], ngImport: i0, template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field>\r\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\r\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".centralized-container{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom{font-size:62.5%}.centralized-container>ng-scrollbar{width:100%}.centralized-container .list-content{display:flex;flex-direction:column;height:100%;padding:30px 25px 25px;box-sizing:border-box}.centralized-container .list-content .list-search{position:absolute;place-self:flex-end;width:21%;font-size:1.4em}.centralized-container .list-content .list-search mat-form-field{width:100%}.centralized-container .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem}:host ::ng-deep .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CentralizedContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'centralized-container', template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field>\r\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\r\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".centralized-container{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom{font-size:62.5%}.centralized-container>ng-scrollbar{width:100%}.centralized-container .list-content{display:flex;flex-direction:column;height:100%;padding:30px 25px 25px;box-sizing:border-box}.centralized-container .list-content .list-search{position:absolute;place-self:flex-end;width:21%;font-size:1.4em}.centralized-container .list-content .list-search mat-form-field{width:100%}.centralized-container .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem}:host ::ng-deep .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}\n"] }]
-        }], propDecorators: { hasSearch: [{
-                type: Input
-            }], ignoreZoom: [{
-                type: Input
-            }], searchChanged: [{
-                type: Output
-            }], scrollbarRef: [{
-                type: ViewChild,
-                args: [NgScrollbar, { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7Ozs7OztBQU8zQyxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBTVMsZUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUVOLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFDaEIsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUczQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7S0FRbEQ7SUFIUSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzFDLENBQUM7OzBIQWRVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHNOQVM3QixXQUFXLDhEQ2pCeEIsb2tCQWFBOzJGRExhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBT2pCLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFHQyxhQUFhO3NCQURuQixNQUFNO2dCQUlBLFlBQVk7c0JBRGxCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBOZ1Njcm9sbGJhciB9IGZyb20gJ25neC1zY3JvbGxiYXInXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NlbnRyYWxpemVkLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQge1xuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBoYXNTZWFyY2ggPSB0cnVlXHJcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZVxyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgc2VhcmNoQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXHJcblxyXG4gIEBWaWV3Q2hpbGQoTmdTY3JvbGxiYXIsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgcHVibGljIHNjcm9sbGJhclJlZjogTmdTY3JvbGxiYXIgfCB1bmRlZmluZWRcclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkICgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VhcmNoQ2hhbmdlZC5lbWl0KHRoaXMuc2VhcmNoVGVybSlcclxuICB9XG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjZW50cmFsaXplZC1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2NlbnRyYWxpemVkLWNvbnRhaW5lci16b29tJzogIWlnbm9yZVpvb219XCI+XHJcbiAgPG5nLXNjcm9sbGJhciBbdmlzaWJpbGl0eV09XCInaG92ZXInXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIiAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2hUZXJtQ2hhbmdlZCgpXCIgLz5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInNlYXJjaC1pY29uXCIgbWF0U3VmZml4PnNlYXJjaDwvbWF0LWljb24+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctc2Nyb2xsYmFyPlxyXG48L2Rpdj5cclxuIl19

package/esm2020/configuration-page-content/configuration-page.component.mjs

@@ -1,55 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { NgScrollbar } from 'ngx-scrollbar';
-import { Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "ngx-scrollbar";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/input";
-export class ConfigurationPageComponent {
-    constructor() {
-        this.searchTerm = '';
-        this.verticalSeparate = false;
-        this.footerPaginator = false;
-        this.hasSearch = true;
-        this.searchDebounceTime = 1000;
-        this.searchLabel = '';
-        this.txtQueryChanged = new Subject();
-        this.searchChanged = new EventEmitter();
-        this.searchClick = new EventEmitter();
-        this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => { this.searchChanged.next(model); });
-    }
-    searchTermChanged() {
-        this.txtQueryChanged.next(this.searchTerm);
-    }
-    searchIconClick() {
-        this.searchClick.next(this.searchTerm);
-    }
-}
-ConfigurationPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfigurationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: ConfigurationPageComponent, selector: "configuration-page-container", inputs: { verticalSeparate: "verticalSeparate", footerPaginator: "footerPaginator", hasSearch: "hasSearch", searchDebounceTime: "searchDebounceTime", searchLabel: "searchLabel" }, outputs: { searchChanged: "searchChanged", searchClick: "searchClick" }, viewQueries: [{ propertyName: "scrollbarRef", first: true, predicate: NgScrollbar, descendants: true, static: true }], ngImport: i0, template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\r\n                        [ngClass]=\"{'label-input': searchLabel}\"\r\n                        appearance=\"fill\">\r\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\r\n          <input matInput type=\"search\" class=\"search-input\"\r\n                 [(ngModel)]=\"searchTerm\"\r\n                 (ngModelChange)=\"searchTermChanged()\"\r\n          />\r\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".configuration-page-container{display:flex;height:100%;border:1px solid var(--color-tertiary)}.configuration-page-container.footer-paginator{height:calc(100% - 50px)}.configuration-page-container ng-scrollbar{width:100%}.configuration-page-container ng-scrollbar .ng-scroll-content{height:100%}.configuration-page-container ng-scrollbar .list-content{width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.configuration-page-container ng-scrollbar .list-content .list-search{padding-top:15px;padding-right:15px;place-self:flex-end;width:30%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field{width:100%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem;cursor:pointer}.configuration-page-container .container-content{width:100%;height:100%}.configuration-page-container .container-content.vertical-separate{display:flex;flex-direction:column;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfigurationPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'configuration-page-container', template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\r\n                        [ngClass]=\"{'label-input': searchLabel}\"\r\n                        appearance=\"fill\">\r\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\r\n          <input matInput type=\"search\" class=\"search-input\"\r\n                 [(ngModel)]=\"searchTerm\"\r\n                 (ngModelChange)=\"searchTermChanged()\"\r\n          />\r\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".configuration-page-container{display:flex;height:100%;border:1px solid var(--color-tertiary)}.configuration-page-container.footer-paginator{height:calc(100% - 50px)}.configuration-page-container ng-scrollbar{width:100%}.configuration-page-container ng-scrollbar .ng-scroll-content{height:100%}.configuration-page-container ng-scrollbar .list-content{width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.configuration-page-container ng-scrollbar .list-content .list-search{padding-top:15px;padding-right:15px;place-self:flex-end;width:30%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field{width:100%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem;cursor:pointer}.configuration-page-container .container-content{width:100%;height:100%}.configuration-page-container .container-content.vertical-separate{display:flex;flex-direction:column;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { verticalSeparate: [{
-                type: Input
-            }], footerPaginator: [{
-                type: Input
-            }], hasSearch: [{
-                type: Input
-            }], searchDebounceTime: [{
-                type: Input
-            }], searchLabel: [{
-                type: Input
-            }], searchChanged: [{
-                type: Output
-            }], searchClick: [{
-                type: Output
-            }], scrollbarRef: [{
-                type: ViewChild,
-                args: [NgScrollbar, { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzlCLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTs7Ozs7Ozs7QUFPbkUsTUFBTSxPQUFPLDBCQUEwQjtJQWlCckM7UUFoQk8sZUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUVOLHFCQUFnQixHQUFHLEtBQUssQ0FBQTtRQUN4QixvQkFBZSxHQUFHLEtBQUssQ0FBQTtRQUN2QixjQUFTLEdBQUcsSUFBSSxDQUFBO1FBQ2hCLHVCQUFrQixHQUFHLElBQUksQ0FBQTtRQUN6QixnQkFBVyxHQUFHLEVBQUUsQ0FBQTtRQUVoQyxvQkFBZSxHQUFvQixJQUFJLE9BQU8sRUFBVSxDQUFBO1FBRXZDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtRQUMxQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7UUFNdkQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQ3ZCLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFDckMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBLENBQUMsQ0FBQyxDQUM5RSxDQUFBO0lBQ0gsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ3hDLENBQUM7O3VIQTlCVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwrV0FjMUIsV0FBVyw4REN4QnhCLHNpQ0FzQkE7MkZEWmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDhCQUE4QjswRUFPeEIsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFJVyxhQUFhO3NCQUE3QixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU07Z0JBR0EsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IE5nU2Nyb2xsYmFyIH0gZnJvbSAnbmd4LXNjcm9sbGJhcidcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnXHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQge1xuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyB2ZXJ0aWNhbFNlcGFyYXRlID0gZmFsc2VcclxuICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyUGFnaW5hdG9yID0gZmFsc2VcclxuICBASW5wdXQoKSBwdWJsaWMgaGFzU2VhcmNoID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWFyY2hEZWJvdW5jZVRpbWUgPSAxMDAwXHJcbiAgQElucHV0KCkgcHVibGljIHNlYXJjaExhYmVsID0gJydcclxuXHJcbiAgdHh0UXVlcnlDaGFuZ2VkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KClcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBzZWFyY2hDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcclxuICBAT3V0cHV0KCkgcHVibGljIHNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcclxuXHJcbiAgQFZpZXdDaGlsZChOZ1Njcm9sbGJhciwgeyBzdGF0aWM6IHRydWUgfSlcclxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZFxyXG5cclxuICBjb25zdHJ1Y3RvciAoKSB7XHJcbiAgICB0aGlzLnR4dFF1ZXJ5Q2hhbmdlZC5waXBlKFxyXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxyXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKS5zdWJzY3JpYmUobW9kZWwgPT4geyB0aGlzLnNlYXJjaENoYW5nZWQubmV4dChtb2RlbCkgfVxyXG4gICAgKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkICgpOiB2b2lkIHtcclxuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLm5leHQodGhpcy5zZWFyY2hUZXJtKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaEljb25DbGljayAoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaENsaWNrLm5leHQodGhpcy5zZWFyY2hUZXJtKVxyXG4gIH1cbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbmZpZ3VyYXRpb24tcGFnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2Zvb3Rlci1wYWdpbmF0b3InOiBmb290ZXJQYWdpbmF0b3J9XCI+XHJcbiAgPG5nLXNjcm9sbGJhciBbdmlzaWJpbGl0eV09XCInaG92ZXInXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiYXBpcGFzcy1zZWFyY2gtaW5wdXQtdGV4dCBzZWFyY2gtaW5wdXQtaXRlbSBzbWFsbC10ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydsYWJlbC1pbnB1dCc6IHNlYXJjaExhYmVsfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwic2VhcmNoTGFiZWxcIj57e3NlYXJjaExhYmVsfX08L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwic2VhcmNoXCIgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIlxyXG4gICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGVybVwiXHJcbiAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VhcmNoVGVybUNoYW5nZWQoKVwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwic2VhcmNoLWljb25cIiBtYXRTdWZmaXggKGNsaWNrKT1cInNlYXJjaEljb25DbGljaygpXCI+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItY29udGVudFwiIFtuZ0NsYXNzXT1cInsndmVydGljYWwtc2VwYXJhdGUnOiB2ZXJ0aWNhbFNlcGFyYXRlfVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLXNjcm9sbGJhcj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/containers.module.mjs

@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-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 {
-}
-ContainersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ContainersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, declarations: [CentralizedContainerComponent,
-        ConfigurationPageComponent,
-        BreadcrumbComponent], imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        IconsModule,
-        ButtonsModule,
-        NgScrollbarModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatToolbarModule], exports: [CentralizedContainerComponent,
-        ConfigurationPageComponent,
-        BreadcrumbComponent] });
-ContainersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        IconsModule,
-        ButtonsModule,
-        NgScrollbarModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatToolbarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        IconsModule,
-                        ButtonsModule,
-                        NgScrollbarModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatToolbarModule
-                    ],
-                    declarations: [
-                        CentralizedContainerComponent,
-                        ConfigurationPageComponent,
-                        BreadcrumbComponent
-                    ],
-                    exports: [
-                        CentralizedContainerComponent,
-                        ConfigurationPageComponent,
-                        BreadcrumbComponent
-                    ],
-                    providers: []
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBQ3ZHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFBO0FBQ3RHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7O0FBMkI1RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBWHpCLDZCQUE2QjtRQUM3QiwwQkFBMEI7UUFDMUIsbUJBQW1CLGFBZm5CLFlBQVk7UUFDWixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWM7UUFDZCxnQkFBZ0IsYUFRaEIsNkJBQTZCO1FBQzdCLDBCQUEwQjtRQUMxQixtQkFBbUI7OEdBSVYsZ0JBQWdCLFlBeEJ6QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGFBQWE7UUFDYixpQkFBaUI7UUFDakIsa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixjQUFjO1FBQ2QsZ0JBQWdCOzJGQWNQLGdCQUFnQjtrQkExQjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osNkJBQTZCO3dCQUM3QiwwQkFBMEI7d0JBQzFCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDZCQUE2Qjt3QkFDN0IsMEJBQTBCO3dCQUMxQixtQkFBbUI7cUJBQ3BCO29CQUNELFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcidcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3JtcydcclxuaW1wb3J0IHsgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50J1xyXG5pbXBvcnQgeyBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY29uZmlndXJhdGlvbi1wYWdlLWNvbnRlbnQvY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgTmdTY3JvbGxiYXJNb2R1bGUgfSBmcm9tICduZ3gtc2Nyb2xsYmFyJ1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJ1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCdcclxuaW1wb3J0IHsgSWNvbnNNb2R1bGUgfSBmcm9tICdAYXBpcGFzcy9pY29ucydcclxuaW1wb3J0IHsgQnV0dG9uc01vZHVsZSB9IGZyb20gJ0BhcGlwYXNzL2J1dHRvbnMnXHJcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJ1xyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIEljb25zTW9kdWxlLFxyXG4gICAgQnV0dG9uc01vZHVsZSxcclxuICAgIE5nU2Nyb2xsYmFyTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdElucHV0TW9kdWxlLFxyXG4gICAgTWF0VG9vbGJhck1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIENvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50LFxyXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXHJcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudCxcclxuICAgIEJyZWFkY3J1bWJDb21wb25lbnRcclxuICBdLFxyXG4gIHByb3ZpZGVyczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRhaW5lcnNNb2R1bGUge31cclxuIl19

package/fesm2015/apipass-containers.mjs

@@ -1,186 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import * as i2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from 'ngx-scrollbar';
-import { NgScrollbar, NgScrollbarModule } from 'ngx-scrollbar';
-export * from 'ngx-scrollbar';
-import * as i4 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i6 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import { Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import * as i3$1 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { IconsModule } from '@apipass/icons';
-import { ButtonsModule } from '@apipass/buttons';
-
-class CentralizedContainerComponent {
-    constructor() {
-        this.searchTerm = '';
-        this.hasSearch = true;
-        this.ignoreZoom = false;
-        this.searchChanged = new EventEmitter();
-    }
-    searchTermChanged() {
-        this.searchChanged.emit(this.searchTerm);
-    }
-}
-CentralizedContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CentralizedContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CentralizedContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: CentralizedContainerComponent, selector: "centralized-container", inputs: { hasSearch: "hasSearch", ignoreZoom: "ignoreZoom" }, outputs: { searchChanged: "searchChanged" }, viewQueries: [{ propertyName: "scrollbarRef", first: true, predicate: NgScrollbar, descendants: true, static: true }], ngImport: i0, template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field>\r\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\r\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".centralized-container{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom{font-size:62.5%}.centralized-container>ng-scrollbar{width:100%}.centralized-container .list-content{display:flex;flex-direction:column;height:100%;padding:30px 25px 25px;box-sizing:border-box}.centralized-container .list-content .list-search{position:absolute;place-self:flex-end;width:21%;font-size:1.4em}.centralized-container .list-content .list-search mat-form-field{width:100%}.centralized-container .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem}:host ::ng-deep .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CentralizedContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'centralized-container', template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field>\r\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\r\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".centralized-container{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom{font-size:62.5%}.centralized-container>ng-scrollbar{width:100%}.centralized-container .list-content{display:flex;flex-direction:column;height:100%;padding:30px 25px 25px;box-sizing:border-box}.centralized-container .list-content .list-search{position:absolute;place-self:flex-end;width:21%;font-size:1.4em}.centralized-container .list-content .list-search mat-form-field{width:100%}.centralized-container .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem}:host ::ng-deep .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}\n"] }]
-        }], propDecorators: { hasSearch: [{
-                type: Input
-            }], ignoreZoom: [{
-                type: Input
-            }], searchChanged: [{
-                type: Output
-            }], scrollbarRef: [{
-                type: ViewChild,
-                args: [NgScrollbar, { static: true }]
-            }] } });
-
-class ConfigurationPageComponent {
-    constructor() {
-        this.searchTerm = '';
-        this.verticalSeparate = false;
-        this.footerPaginator = false;
-        this.hasSearch = true;
-        this.searchDebounceTime = 1000;
-        this.searchLabel = '';
-        this.txtQueryChanged = new Subject();
-        this.searchChanged = new EventEmitter();
-        this.searchClick = new EventEmitter();
-        this.txtQueryChanged.pipe(debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(model => { this.searchChanged.next(model); });
-    }
-    searchTermChanged() {
-        this.txtQueryChanged.next(this.searchTerm);
-    }
-    searchIconClick() {
-        this.searchClick.next(this.searchTerm);
-    }
-}
-ConfigurationPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfigurationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ConfigurationPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: ConfigurationPageComponent, selector: "configuration-page-container", inputs: { verticalSeparate: "verticalSeparate", footerPaginator: "footerPaginator", hasSearch: "hasSearch", searchDebounceTime: "searchDebounceTime", searchLabel: "searchLabel" }, outputs: { searchChanged: "searchChanged", searchClick: "searchClick" }, viewQueries: [{ propertyName: "scrollbarRef", first: true, predicate: NgScrollbar, descendants: true, static: true }], ngImport: i0, template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\r\n                        [ngClass]=\"{'label-input': searchLabel}\"\r\n                        appearance=\"fill\">\r\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\r\n          <input matInput type=\"search\" class=\"search-input\"\r\n                 [(ngModel)]=\"searchTerm\"\r\n                 (ngModelChange)=\"searchTermChanged()\"\r\n          />\r\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".configuration-page-container{display:flex;height:100%;border:1px solid var(--color-tertiary)}.configuration-page-container.footer-paginator{height:calc(100% - 50px)}.configuration-page-container ng-scrollbar{width:100%}.configuration-page-container ng-scrollbar .ng-scroll-content{height:100%}.configuration-page-container ng-scrollbar .list-content{width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.configuration-page-container ng-scrollbar .list-content .list-search{padding-top:15px;padding-right:15px;place-self:flex-end;width:30%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field{width:100%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem;cursor:pointer}.configuration-page-container .container-content{width:100%;height:100%}.configuration-page-container .container-content.vertical-separate{display:flex;flex-direction:column;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ConfigurationPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'configuration-page-container', template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\r\n  <ng-scrollbar [visibility]=\"'hover'\">\r\n    <div class=\"list-content\">\r\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\r\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\r\n                        [ngClass]=\"{'label-input': searchLabel}\"\r\n                        appearance=\"fill\">\r\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\r\n          <input matInput type=\"search\" class=\"search-input\"\r\n                 [(ngModel)]=\"searchTerm\"\r\n                 (ngModelChange)=\"searchTermChanged()\"\r\n          />\r\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\r\n        </mat-form-field>\r\n      </div>\r\n\r\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </ng-scrollbar>\r\n</div>\r\n", styles: [".configuration-page-container{display:flex;height:100%;border:1px solid var(--color-tertiary)}.configuration-page-container.footer-paginator{height:calc(100% - 50px)}.configuration-page-container ng-scrollbar{width:100%}.configuration-page-container ng-scrollbar .ng-scroll-content{height:100%}.configuration-page-container ng-scrollbar .list-content{width:100%;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.configuration-page-container ng-scrollbar .list-content .list-search{padding-top:15px;padding-right:15px;place-self:flex-end;width:30%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field{width:100%}.configuration-page-container ng-scrollbar .list-content .list-search mat-form-field .search-icon{opacity:.5;font-size:1.8rem;cursor:pointer}.configuration-page-container .container-content{width:100%;height:100%}.configuration-page-container .container-content.vertical-separate{display:flex;flex-direction:column;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { verticalSeparate: [{
-                type: Input
-            }], footerPaginator: [{
-                type: Input
-            }], hasSearch: [{
-                type: Input
-            }], searchDebounceTime: [{
-                type: Input
-            }], searchLabel: [{
-                type: Input
-            }], searchChanged: [{
-                type: Output
-            }], searchClick: [{
-                type: Output
-            }], scrollbarRef: [{
-                type: ViewChild,
-                args: [NgScrollbar, { static: true }]
-            }] } });
-
-class 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 = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BreadcrumbComponent, selector: "breadcrumb-component", inputs: { icon: "icon", items: "items", labelProperty: "labelProperty" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\r\n    <span *ngFor=\"let header of items; let indx = index\">\r\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\r\n            <mat-icon>{{icon}}</mat-icon>\r\n        </a>\r\n    </span>\r\n</mat-toolbar>", styles: [".mat-toolbar.mat-primary{background:rgba(0,0,0,0);height:45px;font-size:16px}a{color:#000;cursor:pointer}mat-icon{vertical-align:text-bottom}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'breadcrumb-component', template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\r\n    <span *ngFor=\"let header of items; let indx = index\">\r\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\r\n            <mat-icon>{{icon}}</mat-icon>\r\n        </a>\r\n    </span>\r\n</mat-toolbar>", styles: [".mat-toolbar.mat-primary{background:rgba(0,0,0,0);height:45px;font-size:16px}a{color:#000;cursor:pointer}mat-icon{vertical-align:text-bottom}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], labelProperty: [{
-                type: Input
-            }], itemClick: [{
-                type: Output
-            }] } });
-
-class ContainersModule {
-}
-ContainersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ContainersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, declarations: [CentralizedContainerComponent,
-        ConfigurationPageComponent,
-        BreadcrumbComponent], imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        IconsModule,
-        ButtonsModule,
-        NgScrollbarModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatToolbarModule], exports: [CentralizedContainerComponent,
-        ConfigurationPageComponent,
-        BreadcrumbComponent] });
-ContainersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, imports: [CommonModule,
-        RouterModule,
-        FormsModule,
-        ReactiveFormsModule,
-        IconsModule,
-        ButtonsModule,
-        NgScrollbarModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatToolbarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: ContainersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        IconsModule,
-                        ButtonsModule,
-                        NgScrollbarModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatToolbarModule
-                    ],
-                    declarations: [
-                        CentralizedContainerComponent,
-                        ConfigurationPageComponent,
-                        BreadcrumbComponent
-                    ],
-                    exports: [
-                        CentralizedContainerComponent,
-                        ConfigurationPageComponent,
-                        BreadcrumbComponent
-                    ],
-                    providers: []
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BreadcrumbComponent, CentralizedContainerComponent, ConfigurationPageComponent, ContainersModule };
-//# sourceMappingURL=apipass-containers.mjs.map