@apipass/containers 0.2.16 → 1.0.7

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"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], labelProperty: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7O0FBT3RFLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFNa0IsU0FBSSxHQUFHLHNCQUFzQixDQUFBO1FBQzdCLFVBQUssR0FBUSxFQUFFLENBQUE7UUFDZixrQkFBYSxHQUFHLE9BQU8sQ0FBQTtRQUM3QixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWdDLENBQUE7S0FNdkU7SUFKUSxVQUFVLENBQUUsS0FBYSxFQUFFLElBQVM7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNuRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQ3RDLENBQUM7O2dIQVRVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDJLQ1BoQyxpVEFNYzsyRkRDRCxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUtoQixJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdicmVhZGNydW1iLWNvbXBvbmVudCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdicmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgaWNvbiA9ICdrZXlib2FyZF9hcnJvd19yaWdodCdcclxuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IGFueSA9IFtdXHJcbiAgQElucHV0KCkgcHVibGljIGxhYmVsUHJvcGVydHkgPSAnbGFiZWwnXHJcbiAgQE91dHB1dCgpIGl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpbmRleDogbnVtYmVyLCBpdGVtOiBhbnkgfT4oKVxyXG5cclxuICBwdWJsaWMgZXZlbnRDbGljayAoaW5kZXg6IG51bWJlciwgaXRlbTogYW55KTogYW55IHtcclxuICAgIHRoaXMuaXRlbXMuc3BsaWNlKGluZGV4ICsgMSwgdGhpcy5pdGVtcy5sZW5ndGggLSAxKVxyXG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh7IGluZGV4LCBpdGVtIH0pXHJcbiAgfVxufVxyXG4iLCI8bWF0LXRvb2xiYXIgKm5nSWY9XCJpdGVtcy5sZW5ndGggPiAwXCIgY29sb3I9XCJwcmltYXJ5XCI+XHJcbiAgICA8c3BhbiAqbmdGb3I9XCJsZXQgaGVhZGVyIG9mIGl0ZW1zOyBsZXQgaW5keCA9IGluZGV4XCI+XHJcbiAgICAgICAgPGEgbWF0LWJ1dHRvbiAoY2xpY2spPVwiZXZlbnRDbGljayhpbmR4LCBoZWFkZXIpXCI+e3toZWFkZXJbbGFiZWxQcm9wZXJ0eV19fVxyXG4gICAgICAgICAgICA8bWF0LWljb24+e3tpY29ufX08L21hdC1pY29uPlxyXG4gICAgICAgIDwvYT5cclxuICAgIDwvc3Bhbj5cclxuPC9tYXQtdG9vbGJhcj4iXX0=

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

@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7Ozs7OztBQU8zQyxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBTVMsZUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUVOLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFDaEIsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUczQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7S0FRbEQ7SUFIUSxpQkFBaUI7UUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzFDLENBQUM7OzBIQWRVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHNOQVM3QixXQUFXLDhEQ2pCeEIsb2tCQWFBOzJGRExhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBT2pCLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFHQyxhQUFhO3NCQURuQixNQUFNO2dCQUlBLFlBQVk7c0JBRGxCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBOZ1Njcm9sbGJhciB9IGZyb20gJ25neC1zY3JvbGxiYXInXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NlbnRyYWxpemVkLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQge1xuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBoYXNTZWFyY2ggPSB0cnVlXHJcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZVxyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgc2VhcmNoQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXHJcblxyXG4gIEBWaWV3Q2hpbGQoTmdTY3JvbGxiYXIsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgcHVibGljIHNjcm9sbGJhclJlZjogTmdTY3JvbGxiYXIgfCB1bmRlZmluZWRcclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkICgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VhcmNoQ2hhbmdlZC5lbWl0KHRoaXMuc2VhcmNoVGVybSlcclxuICB9XG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjZW50cmFsaXplZC1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2NlbnRyYWxpemVkLWNvbnRhaW5lci16b29tJzogIWlnbm9yZVpvb219XCI+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzlCLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTs7Ozs7Ozs7QUFPbkUsTUFBTSxPQUFPLDBCQUEwQjtJQWlCckM7UUFoQk8sZUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUVOLHFCQUFnQixHQUFHLEtBQUssQ0FBQTtRQUN4QixvQkFBZSxHQUFHLEtBQUssQ0FBQTtRQUN2QixjQUFTLEdBQUcsSUFBSSxDQUFBO1FBQ2hCLHVCQUFrQixHQUFHLElBQUksQ0FBQTtRQUN6QixnQkFBVyxHQUFHLEVBQUUsQ0FBQTtRQUVoQyxvQkFBZSxHQUFvQixJQUFJLE9BQU8sRUFBVSxDQUFBO1FBRXZDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtRQUMxQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7UUFNdkQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQ3ZCLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFDckMsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBLENBQUMsQ0FBQyxDQUM5RSxDQUFBO0lBQ0gsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDNUMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ3hDLENBQUM7O3VIQTlCVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwrV0FjMUIsV0FBVyw4REN4QnhCLHNpQ0FzQkE7MkZEWmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDhCQUE4QjswRUFPeEIsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFJVyxhQUFhO3NCQUE3QixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU07Z0JBR0EsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IE5nU2Nyb2xsYmFyIH0gZnJvbSAnbmd4LXNjcm9sbGJhcidcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnXHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydjb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQge1xuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyB2ZXJ0aWNhbFNlcGFyYXRlID0gZmFsc2VcclxuICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyUGFnaW5hdG9yID0gZmFsc2VcclxuICBASW5wdXQoKSBwdWJsaWMgaGFzU2VhcmNoID0gdHJ1ZVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWFyY2hEZWJvdW5jZVRpbWUgPSAxMDAwXHJcbiAgQElucHV0KCkgcHVibGljIHNlYXJjaExhYmVsID0gJydcclxuXHJcbiAgdHh0UXVlcnlDaGFuZ2VkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KClcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBzZWFyY2hDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcclxuICBAT3V0cHV0KCkgcHVibGljIHNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcclxuXHJcbiAgQFZpZXdDaGlsZChOZ1Njcm9sbGJhciwgeyBzdGF0aWM6IHRydWUgfSlcclxuICBwdWJsaWMgc2Nyb2xsYmFyUmVmOiBOZ1Njcm9sbGJhciB8IHVuZGVmaW5lZFxyXG5cclxuICBjb25zdHJ1Y3RvciAoKSB7XHJcbiAgICB0aGlzLnR4dFF1ZXJ5Q2hhbmdlZC5waXBlKFxyXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxyXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKS5zdWJzY3JpYmUobW9kZWwgPT4geyB0aGlzLnNlYXJjaENoYW5nZWQubmV4dChtb2RlbCkgfVxyXG4gICAgKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaFRlcm1DaGFuZ2VkICgpOiB2b2lkIHtcclxuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLm5leHQodGhpcy5zZWFyY2hUZXJtKVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlYXJjaEljb25DbGljayAoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaENsaWNrLm5leHQodGhpcy5zZWFyY2hUZXJtKVxyXG4gIH1cbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbmZpZ3VyYXRpb24tcGFnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2Zvb3Rlci1wYWdpbmF0b3InOiBmb290ZXJQYWdpbmF0b3J9XCI+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBQ3ZHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFBO0FBQ3RHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7O0FBMkI1RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBWHpCLDZCQUE2QjtRQUM3QiwwQkFBMEI7UUFDMUIsbUJBQW1CLGFBZm5CLFlBQVk7UUFDWixZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUNuQixXQUFXO1FBQ1gsYUFBYTtRQUNiLGlCQUFpQjtRQUNqQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGNBQWM7UUFDZCxnQkFBZ0IsYUFRaEIsNkJBQTZCO1FBQzdCLDBCQUEwQjtRQUMxQixtQkFBbUI7OEdBSVYsZ0JBQWdCLFlBeEJ6QixZQUFZO1FBQ1osWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGFBQWE7UUFDYixpQkFBaUI7UUFDakIsa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixjQUFjO1FBQ2QsZ0JBQWdCOzJGQWNQLGdCQUFnQjtrQkExQjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osNkJBQTZCO3dCQUM3QiwwQkFBMEI7d0JBQzFCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDZCQUE2Qjt3QkFDN0IsMEJBQTBCO3dCQUMxQixtQkFBbUI7cUJBQ3BCO29CQUNELFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcidcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3JtcydcclxuaW1wb3J0IHsgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50J1xyXG5pbXBvcnQgeyBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY29uZmlndXJhdGlvbi1wYWdlLWNvbnRlbnQvY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4vYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudCdcclxuaW1wb3J0IHsgTmdTY3JvbGxiYXJNb2R1bGUgfSBmcm9tICduZ3gtc2Nyb2xsYmFyJ1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJ1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbidcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCdcclxuaW1wb3J0IHsgSWNvbnNNb2R1bGUgfSBmcm9tICdAYXBpcGFzcy9pY29ucydcclxuaW1wb3J0IHsgQnV0dG9uc01vZHVsZSB9IGZyb20gJ0BhcGlwYXNzL2J1dHRvbnMnXHJcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJ1xyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIEljb25zTW9kdWxlLFxyXG4gICAgQnV0dG9uc01vZHVsZSxcclxuICAgIE5nU2Nyb2xsYmFyTW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdElucHV0TW9kdWxlLFxyXG4gICAgTWF0VG9vbGJhck1vZHVsZVxyXG4gIF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDZW50cmFsaXplZENvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIENvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50LFxyXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXHJcbiAgICBDb25maWd1cmF0aW9uUGFnZUNvbXBvbmVudCxcclxuICAgIEJyZWFkY3J1bWJDb21wb25lbnRcclxuICBdLFxyXG4gIHByb3ZpZGVyczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRhaW5lcnNNb2R1bGUge31cclxuIl19

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQTtBQUNuQyxjQUFjLHlEQUF5RCxDQUFBO0FBQ3ZFLGNBQWMsMkRBQTJELENBQUE7QUFDekUsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLGVBQWUsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVycy5tb2R1bGUnXHJcbmV4cG9ydCAqIGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vY29uZmlndXJhdGlvbi1wYWdlLWNvbnRlbnQvY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICduZ3gtc2Nyb2xsYmFyJ1xyXG4iXX0=

package/fesm2015/apipass-containers.mjs

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