@apipass/containers 0.2.5-alpha.9 → 0.2.6

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('@ngx-translate/core'), require('@angular/forms'), require('ngx-scrollbar'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/icon'), require('rxjs'), require('rxjs/operators'), require('@apipass/icons'), require('@apipass/buttons')) :
+    typeof define === 'function' && define.amd ? define('@apipass/containers', ['exports', '@angular/core', '@angular/common', '@angular/router', '@ngx-translate/core', '@angular/forms', 'ngx-scrollbar', '@angular/material/form-field', '@angular/material/input', '@angular/material/icon', 'rxjs', 'rxjs/operators', '@apipass/icons', '@apipass/buttons'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.containers = {}), global.ng.core, global.ng.common, global.ng.router, global.core, global.ng.forms, global.i2, global.ng.material.formField, global.ng.material.input, global.ng.material.icon, global.rxjs, global.rxjs.operators, global.icons, global.buttons));
+}(this, (function (exports, i0, i1, router, core, i5, i2, i3, i4, i6, rxjs, operators, icons, buttons) { 'use strict';
 
     function CentralizedContainerComponent_div_3_Template(rf, ctx) {
         if (rf & 1) {
@@ -221,6 +221,7 @@
     ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
                 i1.CommonModule,
                 router.RouterModule,
+                core.TranslateModule,
                 i5.FormsModule,
                 i5.ReactiveFormsModule,
                 icons.IconsModule,
@@ -234,6 +235,7 @@
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
                 ConfigurationPageComponent], imports: [i1.CommonModule,
                 router.RouterModule,
+                core.TranslateModule,
                 i5.FormsModule,
                 i5.ReactiveFormsModule,
                 icons.IconsModule,
@@ -251,6 +253,7 @@
                         imports: [
                             i1.CommonModule,
                             router.RouterModule,
+                            core.TranslateModule,
                             i5.FormsModule,
                             i5.ReactiveFormsModule,
                             icons.IconsModule,

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

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

@@ -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,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@ngx-translate/core"),require("@angular/forms"),require("ngx-scrollbar"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators"),require("@apipass/icons"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/containers",["exports","@angular/core","@angular/common","@angular/router","@ngx-translate/core","@angular/forms","ngx-scrollbar","@angular/material/form-field","@angular/material/input","@angular/material/icon","rxjs","rxjs/operators","@apipass/icons","@apipass/buttons"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.containers={}),e.ng.core,e.ng.common,e.ng.router,e.core,e.ng.forms,e.i2,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.rxjs,e.rxjs.operators,e.icons,e.buttons)}(this,(function(e,n,t,r,o,a,i,c,l,s,g,u,d,p){"use strict";function f(e,t){if(1&e){var r=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",4),n.ɵɵelementStart(1,"mat-form-field"),n.ɵɵelementStart(2,"input",5),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTermChanged()})),n.ɵɵelementEnd(),n.ɵɵelementStart(3,"mat-icon",6),n.ɵɵtext(4,"search"),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(2),n.ɵɵproperty("ngModel",o.searchTerm)}}var h=function(e){return{"centralized-container-zoom":e}},m=function(){function e(){this.searchTerm="",this.hasSearch=!0,this.ignoreZoom=!1,this.searchChanged=new n.EventEmitter}return e.prototype.searchTermChanged=function(){this.searchChanged.emit(this.searchTerm)},e}();function C(e,t){if(1&e&&(n.ɵɵelementStart(0,"mat-label"),n.ɵɵtext(1),n.ɵɵelementEnd()),2&e){var r=n.ɵɵnextContext(2);n.ɵɵadvance(1),n.ɵɵtextInterpolate(r.searchLabel)}}m.ɵfac=function(e){return new(e||m)},m.ɵcmp=n.ɵɵdefineComponent({type:m,selectors:[["centralized-container"]],viewQuery:function(e,t){var r;(1&e&&n.ɵɵstaticViewQuery(i.NgScrollbar,!0),2&e)&&(n.ɵɵqueryRefresh(r=n.ɵɵloadQuery())&&(t.scrollbarRef=r.first))},inputs:{hasSearch:"hasSearch",ignoreZoom:"ignoreZoom"},outputs:{searchChanged:"searchChanged"},ngContentSelectors:["*"],decls:5,vars:5,consts:[[1,"centralized-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"list-search"],["matInput","","type","search",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon"]],template:function(e,t){1&e&&(n.ɵɵprojectionDef(),n.ɵɵelementStart(0,"div",0),n.ɵɵelementStart(1,"ng-scrollbar",1),n.ɵɵelementStart(2,"div",2),n.ɵɵtemplate(3,f,5,1,"div",3),n.ɵɵprojection(4),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(3,h,!t.ignoreZoom)),n.ɵɵadvance(1),n.ɵɵproperty("visibility","hover"),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.hasSearch))},directives:[t.NgClass,i.NgScrollbar,t.NgIf,c.MatFormField,l.MatInput,a.DefaultValueAccessor,a.NgControlStatus,a.NgModel,s.MatIcon,c.MatSuffix],styles:[".centralized-container[_ngcontent-%COMP%]{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom[_ngcontent-%COMP%]{font-size:62.5%}.centralized-container[_ngcontent-%COMP%] > ng-scrollbar[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 25px 25px}.centralized-container[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]{font-size:1.4em;place-self:flex-end;position:absolute;width:21%}.centralized-container[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{font-size:1.8rem;opacity:.5}[_nghost-%COMP%]     .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}"]});var M=function(e){return{"label-input":e}};function b(e,t){if(1&e){var r=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",5),n.ɵɵelementStart(1,"mat-form-field",6),n.ɵɵtemplate(2,C,2,1,"mat-label",7),n.ɵɵelementStart(3,"input",8),n.ɵɵlistener("ngModelChange",(function(e){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchTermChanged()})),n.ɵɵelementEnd(),n.ɵɵelementStart(4,"mat-icon",9),n.ɵɵlistener("click",(function(){return n.ɵɵrestoreView(r),n.ɵɵnextContext().searchIconClick()})),n.ɵɵtext(5,"search"),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&e){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(3,M,o.searchLabel)),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",o.searchLabel),n.ɵɵadvance(1),n.ɵɵproperty("ngModel",o.searchTerm)}}var x=function(e){return{"footer-paginator":e}},y=function(e){return{"vertical-separate":e}},v=function(){function e(){var e=this;this.searchTerm="",this.verticalSeparate=!1,this.footerPaginator=!1,this.hasSearch=!0,this.searchDebounceTime=1e3,this.searchLabel="",this.txtQueryChanged=new g.Subject,this.searchChanged=new n.EventEmitter,this.searchClick=new n.EventEmitter,this.txtQueryChanged.pipe(u.debounceTime(this.searchDebounceTime),u.distinctUntilChanged()).subscribe((function(n){return e.searchChanged.next(n)}))}return e.prototype.searchTermChanged=function(){this.txtQueryChanged.next(this.searchTerm)},e.prototype.searchIconClick=function(){this.searchClick.next(this.searchTerm)},e}();v.ɵfac=function(e){return new(e||v)},v.ɵcmp=n.ɵɵdefineComponent({type:v,selectors:[["configuration-page-container"]],viewQuery:function(e,t){var r;(1&e&&n.ɵɵstaticViewQuery(i.NgScrollbar,!0),2&e)&&(n.ɵɵqueryRefresh(r=n.ɵɵloadQuery())&&(t.scrollbarRef=r.first))},inputs:{verticalSeparate:"verticalSeparate",footerPaginator:"footerPaginator",hasSearch:"hasSearch",searchDebounceTime:"searchDebounceTime",searchLabel:"searchLabel"},outputs:{searchChanged:"searchChanged",searchClick:"searchClick"},ngContentSelectors:["*"],decls:6,vars:8,consts:[[1,"configuration-page-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"container-content",3,"ngClass"],[1,"list-search"],["appearance","fill",1,"apipass-search-input-text","search-input-item","small-text",3,"ngClass"],[4,"ngIf"],["matInput","","type","search",1,"search-input",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon",3,"click"]],template:function(e,t){1&e&&(n.ɵɵprojectionDef(),n.ɵɵelementStart(0,"div",0),n.ɵɵelementStart(1,"ng-scrollbar",1),n.ɵɵelementStart(2,"div",2),n.ɵɵtemplate(3,b,6,5,"div",3),n.ɵɵelementStart(4,"div",4),n.ɵɵprojection(5),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementEnd()),2&e&&(n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(4,x,t.footerPaginator)),n.ɵɵadvance(1),n.ɵɵproperty("visibility","hover"),n.ɵɵadvance(2),n.ɵɵproperty("ngIf",t.hasSearch),n.ɵɵadvance(1),n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(6,y,t.verticalSeparate)))},directives:[t.NgClass,i.NgScrollbar,t.NgIf,c.MatFormField,l.MatInput,a.DefaultValueAccessor,a.NgControlStatus,a.NgModel,s.MatIcon,c.MatSuffix,c.MatLabel],styles:["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%]   ng-scrollbar[_ngcontent-%COMP%]   .list-content[_ngcontent-%COMP%]   .list-search[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%]   .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%]   .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"]});var _=function(){};_.ɵmod=n.ɵɵdefineNgModule({type:_}),_.ɵinj=n.ɵɵdefineInjector({factory:function(e){return new(e||_)},providers:[],imports:[[t.CommonModule,r.RouterModule,o.TranslateModule,a.FormsModule,a.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,i.NgScrollbarModule,c.MatFormFieldModule,s.MatIconModule,l.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(_,{declarations:[m,v],imports:[t.CommonModule,r.RouterModule,o.TranslateModule,a.FormsModule,a.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,i.NgScrollbarModule,c.MatFormFieldModule,s.MatIconModule,l.MatInputModule],exports:[m,v]}),Object.keys(i).forEach((function(n){"default"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return i[n]}})})),e.CentralizedContainerComponent=m,e.ConfigurationPageComponent=v,e.ContainersModule=_,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=apipass-containers.umd.min.js.map

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

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

package/containers.module.d.ts

@@ -3,14 +3,15 @@ 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 i5 from "@ngx-translate/core";
+import * as i6 from "@angular/forms";
+import * as i7 from "@apipass/icons";
+import * as i8 from "@apipass/buttons";
+import * as i9 from "ngx-scrollbar";
+import * as i10 from "@angular/material/form-field";
+import * as i11 from "@angular/material/icon";
+import * as i12 from "@angular/material/input";
 export declare class ContainersModule {
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ContainersModule, [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.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.CommonModule, typeof i4.RouterModule, typeof i5.TranslateModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.IconsModule, typeof i8.ButtonsModule, typeof i9.NgScrollbarModule, typeof i10.MatFormFieldModule, typeof i11.MatIconModule, typeof i12.MatInputModule], [typeof i1.CentralizedContainerComponent, typeof i2.ConfigurationPageComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<ContainersModule>;
 }

package/esm2015/containers.module.js

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CentralizedContainerComponent } from './centralized-container/centralized-container.component';
 import { ConfigurationPageComponent } from './configuration-page-content/configuration-page.component';
@@ -17,6 +18,7 @@ ContainersModule.ɵmod = i0.ɵɵdefineNgModule({ type: ContainersModule });
 ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
             CommonModule,
             RouterModule,
+            TranslateModule,
             FormsModule,
             ReactiveFormsModule,
             IconsModule,
@@ -29,6 +31,7 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
         ConfigurationPageComponent], imports: [CommonModule,
         RouterModule,
+        TranslateModule,
         FormsModule,
         ReactiveFormsModule,
         IconsModule,
@@ -44,6 +47,7 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
                 imports: [
                     CommonModule,
                     RouterModule,
+                    TranslateModule,
                     FormsModule,
                     ReactiveFormsModule,
                     IconsModule,
@@ -64,4 +68,4 @@ ContainersModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ContainersMod
                 providers: []
             }]
     }], null, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBQ3RHLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLDJEQUEyRCxDQUFDO0FBQ3JHLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBeUIvQyxNQUFNLE9BQU8sZ0JBQWdCOztvREFBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsbUJBRmhCLEVBQUUsWUFwQko7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixjQUFjO1NBQ2Y7d0ZBV1UsZ0JBQWdCLG1CQVR6Qiw2QkFBNkI7UUFDN0IsMEJBQTBCLGFBYjFCLFlBQVk7UUFDWixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWMsYUFPZCw2QkFBNkI7UUFDN0IsMEJBQTBCO2tEQUlqQixnQkFBZ0I7Y0F2QjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLFdBQVc7b0JBQ1gsbUJBQW1CO29CQUNuQixXQUFXO29CQUNYLGFBQWE7b0JBQ2IsaUJBQWlCO29CQUNqQixrQkFBa0I7b0JBQ2xCLGFBQWE7b0JBQ2IsY0FBYztpQkFDZjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osNkJBQTZCO29CQUM3QiwwQkFBMEI7aUJBQzNCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCw2QkFBNkI7b0JBQzdCLDBCQUEwQjtpQkFDM0I7Z0JBQ0QsU0FBUyxFQUFFLEVBQUU7YUFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1JvdXRlck1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7Rm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudH0gZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7TmdTY3JvbGxiYXJNb2R1bGV9IGZyb20gJ25neC1zY3JvbGxiYXInO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7QnV0dG9uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gICAgQnV0dG9uc01vZHVsZSxcbiAgICBOZ1Njcm9sbGJhck1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJzTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxXQUFXLEVBQUUsbUJBQW1CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNoRSxPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQUN0RyxPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUNyRyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGtCQUFrQixDQUFDOztBQTBCL0MsTUFBTSxPQUFPLGdCQUFnQjs7b0RBQWhCLGdCQUFnQjsrR0FBaEIsZ0JBQWdCLG1CQUZoQixFQUFFLFlBckJKO1lBQ1AsWUFBWTtZQUNaLFlBQVk7WUFDWixlQUFlO1lBQ2YsV0FBVztZQUNYLG1CQUFtQjtZQUNuQixXQUFXO1lBQ1gsYUFBYTtZQUNiLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGNBQWM7U0FDZjt3RkFXVSxnQkFBZ0IsbUJBVHpCLDZCQUE2QjtRQUM3QiwwQkFBMEIsYUFkMUIsWUFBWTtRQUNaLFlBQVk7UUFDWixlQUFlO1FBQ2YsV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWMsYUFPZCw2QkFBNkI7UUFDN0IsMEJBQTBCO2tEQUlqQixnQkFBZ0I7Y0F4QjVCLFFBQVE7ZUFBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixZQUFZO29CQUNaLGVBQWU7b0JBQ2YsV0FBVztvQkFDWCxtQkFBbUI7b0JBQ25CLFdBQVc7b0JBQ1gsYUFBYTtvQkFDYixpQkFBaUI7b0JBQ2pCLGtCQUFrQjtvQkFDbEIsYUFBYTtvQkFDYixjQUFjO2lCQUNmO2dCQUNELFlBQVksRUFBRTtvQkFDWiw2QkFBNkI7b0JBQzdCLDBCQUEwQjtpQkFDM0I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLDZCQUE2QjtvQkFDN0IsMEJBQTBCO2lCQUMzQjtnQkFDRCxTQUFTLEVBQUUsRUFBRTthQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Um91dGVyTW9kdWxlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudH0gZnJvbSAnLi9jZW50cmFsaXplZC1jb250YWluZXIvY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0NvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50fSBmcm9tICcuL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHtOZ1Njcm9sbGJhck1vZHVsZX0gZnJvbSAnbmd4LXNjcm9sbGJhcic7XG5pbXBvcnQge01hdEZvcm1GaWVsZE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge01hdEljb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtJY29uc01vZHVsZX0gZnJvbSAnQGFwaXBhc3MvaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGUsXG4gICAgQnV0dG9uc01vZHVsZSxcbiAgICBOZ1Njcm9sbGJhck1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJzTW9kdWxlIHt9XG4iXX0=

package/fesm2015/apipass-containers.js

@@ -1,6 +1,7 @@
 import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵtext, ɵɵadvance, ɵɵproperty, EventEmitter, ɵɵdefineComponent, ɵɵstaticViewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵprojectionDef, ɵɵtemplate, ɵɵprojection, ɵɵpureFunction1, ɵsetClassMetadata, Component, Input, Output, ViewChild, ɵɵtextInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { NgClass, NgIf, CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 import { DefaultValueAccessor, NgControlStatus, NgModel, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgScrollbar, NgScrollbarModule } from 'ngx-scrollbar';
 export * from 'ngx-scrollbar';
@@ -198,6 +199,7 @@ ContainersModule.ɵmod = ɵɵdefineNgModule({ type: ContainersModule });
 ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule_Factory(t) { return new (t || ContainersModule)(); }, providers: [], imports: [[
             CommonModule,
             RouterModule,
+            TranslateModule,
             FormsModule,
             ReactiveFormsModule,
             IconsModule,
@@ -210,6 +212,7 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ContainersModule, { declarations: [CentralizedContainerComponent,
         ConfigurationPageComponent], imports: [CommonModule,
         RouterModule,
+        TranslateModule,
         FormsModule,
         ReactiveFormsModule,
         IconsModule,
@@ -225,6 +228,7 @@ ContainersModule.ɵinj = ɵɵdefineInjector({ factory: function ContainersModule
                 imports: [
                     CommonModule,
                     RouterModule,
+                    TranslateModule,
                     FormsModule,
                     ReactiveFormsModule,
                     IconsModule,

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/containers",
-  "version": "0.2.5-alpha.9",
+  "version": "0.2.6",
   "peerDependencies": {
     "@angular/animations": "^10.0.11",
     "@angular/cdk": "^10.1.3",
@@ -13,6 +13,7 @@
     "@apipass/icons": "0.1.9",
     "@apipass/buttons": "0.1.9",
     "ngx-scrollbar": "^7.3.1",
+    "@ngx-translate/core": "^13.0.0",
     "tslib": "2.0.0"
   },
   "main": "bundles/apipass-containers.umd.js",