@apipass/containers 0.2.15 → 1.0.0

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

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

package/containers.module.d.ts

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

package/{esm2015/apipass-containers.js → esm2020/apipass-containers.mjs}

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

package/esm2020/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,32 @@
+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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], labelProperty: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3JFLE1BQU0sT0FBTyxtQkFBbUI7SUFZOUI7UUFWZ0IsU0FBSSxHQUFHLHNCQUFzQixDQUFDO1FBQzlCLFVBQUssR0FBUSxFQUFFLENBQUM7UUFDaEIsa0JBQWEsR0FBRyxPQUFPLENBQUM7UUFDOUIsY0FBUyxHQUErQyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBUWpGLENBQUM7SUFORSxVQUFVLENBQUMsS0FBYSxFQUFFLElBQVM7UUFDeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7O2dIQVZVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDJLQ1BoQyxpVEFNYzsyRkRDRCxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usc0JBQXNCOzBFQU1oQixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2JyZWFkY3J1bWItY29tcG9uZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJ2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydicmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgaWNvbiA9ICdrZXlib2FyZF9hcnJvd19yaWdodCc7XHJcbiAgQElucHV0KCkgcHVibGljIGl0ZW1zOiBhbnkgPSBbXTtcclxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWxQcm9wZXJ0eSA9ICdsYWJlbCc7XHJcbiAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPHsgaW5kZXg6IG51bWJlciwgaXRlbTogYW55IH0+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwdWJsaWMgZXZlbnRDbGljayhpbmRleDogbnVtYmVyLCBpdGVtOiBhbnkpOiBhbnkge1xyXG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXggKyAxLCB0aGlzLml0ZW1zLmxlbmd0aCAtIDEpO1xyXG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh7IGluZGV4LCBpdGVtIH0pO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgKSB7IH1cclxuXHJcbn1cclxuIiwiPG1hdC10b29sYmFyICpuZ0lmPVwiaXRlbXMubGVuZ3RoID4gMFwiIGNvbG9yPVwicHJpbWFyeVwiPlxyXG4gICAgPHNwYW4gKm5nRm9yPVwibGV0IGhlYWRlciBvZiBpdGVtczsgbGV0IGluZHggPSBpbmRleFwiPlxyXG4gICAgICAgIDxhIG1hdC1idXR0b24gKGNsaWNrKT1cImV2ZW50Q2xpY2soaW5keCwgaGVhZGVyKVwiPnt7aGVhZGVyW2xhYmVsUHJvcGVydHldfX1cclxuICAgICAgICAgICAgPG1hdC1pY29uPnt7aWNvbn19PC9tYXQtaWNvbj5cclxuICAgICAgICA8L2E+XHJcbiAgICA8L3NwYW4+XHJcbjwvbWF0LXRvb2xiYXI+Il19

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

@@ -0,0 +1,36 @@
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQU8xQyxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBT1MsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVQLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUc1QixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FTbkQ7SUFKUSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7OzBIQWZVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHNOQVU3QixXQUFXLDhEQ2xCeEIsb2tCQWFBOzJGRExhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBUWpCLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFHQyxhQUFhO3NCQURuQixNQUFNO2dCQUlBLFlBQVk7c0JBRGxCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdTY3JvbGxiYXJ9IGZyb20gJ25neC1zY3JvbGxiYXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZW50cmFsaXplZC1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENlbnRyYWxpemVkQ29udGFpbmVyQ29tcG9uZW50IHtcclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm0gPSAnJztcclxuXHJcbiAgQElucHV0KCkgcHVibGljIGhhc1NlYXJjaCA9IHRydWU7XHJcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgcHVibGljIHNlYXJjaENoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZChOZ1Njcm9sbGJhciwgeyBzdGF0aWM6IHRydWUgfSlcclxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWFyY2hDaGFuZ2VkLmVtaXQodGhpcy5zZWFyY2hUZXJtKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjZW50cmFsaXplZC1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2NlbnRyYWxpemVkLWNvbnRhaW5lci16b29tJzogIWlnbm9yZVpvb219XCI+XHJcbiAgPG5nLXNjcm9sbGJhciBbdmlzaWJpbGl0eV09XCInaG92ZXInXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIiAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2hUZXJtQ2hhbmdlZCgpXCIgLz5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInNlYXJjaC1pY29uXCIgbWF0U3VmZml4PnNlYXJjaDwvbWF0LWljb24+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmctc2Nyb2xsYmFyPlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,55 @@
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxZQUFZLEVBQUUsb0JBQW9CLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFPbEUsTUFBTSxPQUFPLDBCQUEwQjtJQWtCckM7UUFoQk8sZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVQLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLHVCQUFrQixHQUFHLElBQUksQ0FBQztRQUMxQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQyxvQkFBZSxHQUFvQixJQUFJLE9BQU8sRUFBVSxDQUFDO1FBRXhDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNeEQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQ3ZCLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFDckMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUMxQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FDL0IsQ0FBQztJQUNKLENBQUM7SUFFTSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTSxlQUFlO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN6QyxDQUFDOzt1SEFoQ1UsMEJBQTBCOzJHQUExQiwwQkFBMEIsK1dBZTFCLFdBQVcsOERDekJ4QixzaUNBc0JBOzJGRFphLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBUXhCLGdCQUFnQjtzQkFBL0IsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1Usa0JBQWtCO3NCQUFqQyxLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBSVcsYUFBYTtzQkFBN0IsTUFBTTtnQkFDVSxXQUFXO3NCQUEzQixNQUFNO2dCQUdBLFlBQVk7c0JBRGxCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdTY3JvbGxiYXJ9IGZyb20gJ25neC1zY3JvbGxiYXInO1xyXG5pbXBvcnQge1N1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge2RlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWR9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQge1xyXG5cclxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBwdWJsaWMgdmVydGljYWxTZXBhcmF0ZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJQYWdpbmF0b3IgPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgaGFzU2VhcmNoID0gdHJ1ZTtcclxuICBASW5wdXQoKSBwdWJsaWMgc2VhcmNoRGVib3VuY2VUaW1lID0gMTAwMDtcclxuICBASW5wdXQoKSBwdWJsaWMgc2VhcmNoTGFiZWwgPSAnJztcclxuXHJcbiAgdHh0UXVlcnlDaGFuZ2VkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VhcmNoQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgQFZpZXdDaGlsZChOZ1Njcm9sbGJhciwgeyBzdGF0aWM6IHRydWUgfSlcclxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLnR4dFF1ZXJ5Q2hhbmdlZC5waXBlKFxyXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxyXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKS5zdWJzY3JpYmUobW9kZWwgPT5cclxuICAgICAgdGhpcy5zZWFyY2hDaGFuZ2VkLm5leHQobW9kZWwpXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy50eHRRdWVyeUNoYW5nZWQubmV4dCh0aGlzLnNlYXJjaFRlcm0pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaEljb25DbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VhcmNoQ2xpY2submV4dCh0aGlzLnNlYXJjaFRlcm0pO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbmZpZ3VyYXRpb24tcGFnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2Zvb3Rlci1wYWdpbmF0b3InOiBmb290ZXJQYWdpbmF0b3J9XCI+XHJcbiAgPG5nLXNjcm9sbGJhciBbdmlzaWJpbGl0eV09XCInaG92ZXInXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJsaXN0LXNlYXJjaFwiICpuZ0lmPVwiaGFzU2VhcmNoXCI+XHJcbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiYXBpcGFzcy1zZWFyY2gtaW5wdXQtdGV4dCBzZWFyY2gtaW5wdXQtaXRlbSBzbWFsbC10ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydsYWJlbC1pbnB1dCc6IHNlYXJjaExhYmVsfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwic2VhcmNoTGFiZWxcIj57e3NlYXJjaExhYmVsfX08L21hdC1sYWJlbD5cclxuICAgICAgICAgIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwic2VhcmNoXCIgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIlxyXG4gICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGVybVwiXHJcbiAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VhcmNoVGVybUNoYW5nZWQoKVwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwic2VhcmNoLWljb25cIiBtYXRTdWZmaXggKGNsaWNrKT1cInNlYXJjaEljb25DbGljaygpXCI+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItY29udGVudFwiIFtuZ0NsYXNzXT1cInsndmVydGljYWwtc2VwYXJhdGUnOiB2ZXJ0aWNhbFNlcGFyYXRlfVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L25nLXNjcm9sbGJhcj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/containers.module.mjs

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

package/{esm2015/public-api.js → esm2020/public-api.mjs}

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

package/fesm2015/apipass-containers.mjs

@@ -0,0 +1,187 @@
+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"] }]
+        }], ctorParameters: function () { return []; }, 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
+//# sourceMappingURL=apipass-containers.mjs.map