@apipass/containers 1.0.7 → 1.0.9

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.ɵɵ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>;
-}
+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": { "alias": "verticalSeparate"; "required": false; }; "footerPaginator": { "alias": "footerPaginator"; "required": false; }; "hasSearch": { "alias": "hasSearch"; "required": false; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; }, { "searchChanged": "searchChanged"; "searchClick": "searchClick"; }, never, ["*"], false, never>;
+}

package/containers.module.d.ts

@@ -1,19 +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 ɵ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>;
-}
+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/{esm2020 → esm2022}/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/esm2022/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,31 @@
+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";
+class BreadcrumbComponent {
+    icon = 'keyboard_arrow_right';
+    items = [];
+    labelProperty = 'label';
+    itemClick = new EventEmitter();
+    eventClick(index, item) {
+        this.items.splice(index + 1, this.items.length - 1);
+        this.itemClick.emit({ index, item });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>", 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"] }] });
+}
+export { BreadcrumbComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'breadcrumb-component', template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7O0FBRXRFLE1BS2EsbUJBQW1CO0lBRWQsSUFBSSxHQUFHLHNCQUFzQixDQUFBO0lBQzdCLEtBQUssR0FBUSxFQUFFLENBQUE7SUFDZixhQUFhLEdBQUcsT0FBTyxDQUFBO0lBQzdCLFNBQVMsR0FBRyxJQUFJLFlBQVksRUFBZ0MsQ0FBQTtJQUUvRCxVQUFVLENBQUUsS0FBYSxFQUFFLElBQVM7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNuRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQ3RDLENBQUM7dUdBVlUsbUJBQW1COzJGQUFuQixtQkFBbUIsMktDUGhDLHFTQU1jOztTRENELG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLHNCQUFzQjs4QkFNaEIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnJlYWRjcnVtYi1jb21wb25lbnQnLFxuICB0ZW1wbGF0ZVVybDogJ2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJ2tleWJvYXJkX2Fycm93X3JpZ2h0J1xuICBASW5wdXQoKSBwdWJsaWMgaXRlbXM6IGFueSA9IFtdXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbFByb3BlcnR5ID0gJ2xhYmVsJ1xuICBAT3V0cHV0KCkgaXRlbUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx7IGluZGV4OiBudW1iZXIsIGl0ZW06IGFueSB9PigpXG5cbiAgcHVibGljIGV2ZW50Q2xpY2sgKGluZGV4OiBudW1iZXIsIGl0ZW06IGFueSk6IGFueSB7XG4gICAgdGhpcy5pdGVtcy5zcGxpY2UoaW5kZXggKyAxLCB0aGlzLml0ZW1zLmxlbmd0aCAtIDEpXG4gICAgdGhpcy5pdGVtQ2xpY2suZW1pdCh7IGluZGV4LCBpdGVtIH0pXG4gIH1cblxufVxuIiwiPG1hdC10b29sYmFyICpuZ0lmPVwiaXRlbXMubGVuZ3RoID4gMFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxzcGFuICpuZ0Zvcj1cImxldCBoZWFkZXIgb2YgaXRlbXM7IGxldCBpbmR4ID0gaW5kZXhcIj5cbiAgICAgICAgPGEgbWF0LWJ1dHRvbiAoY2xpY2spPVwiZXZlbnRDbGljayhpbmR4LCBoZWFkZXIpXCI+e3toZWFkZXJbbGFiZWxQcm9wZXJ0eV19fVxuICAgICAgICAgICAgPG1hdC1pY29uPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgPC9hPlxuICAgIDwvc3Bhbj5cbjwvbWF0LXRvb2xiYXI+Il19

package/esm2022/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";
+class CentralizedContainerComponent {
+    searchTerm = '';
+    hasSearch = true;
+    ignoreZoom = false;
+    searchChanged = new EventEmitter();
+    scrollbarRef;
+    searchTermChanged() {
+        this.searchChanged.emit(this.searchTerm);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: CentralizedContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field>\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n        </mat-form-field>\n      </div>\n      <ng-content></ng-content>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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"] }] });
+}
+export { CentralizedContainerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: CentralizedContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'centralized-container', template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field>\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n        </mat-form-field>\n      </div>\n      <ng-content></ng-content>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvY29udGFpbmVycy9zcmMvY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7Ozs7OztBQUUzQyxNQUthLDZCQUE2QjtJQUVqQyxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBRU4sU0FBUyxHQUFHLElBQUksQ0FBQTtJQUNoQixVQUFVLEdBQUcsS0FBSyxDQUFBO0lBRzNCLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBRzFDLFlBQVksQ0FBeUI7SUFFckMsaUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUMxQyxDQUFDO3VHQWZVLDZCQUE2QjsyRkFBN0IsNkJBQTZCLHNOQVU3QixXQUFXLDhEQ2xCeEIsMGlCQWFBOztTRExhLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFRakIsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUdDLGFBQWE7c0JBRG5CLE1BQU07Z0JBSUEsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBOZ1Njcm9sbGJhciB9IGZyb20gJ25neC1zY3JvbGxiYXInXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NlbnRyYWxpemVkLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnY2VudHJhbGl6ZWQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENlbnRyYWxpemVkQ29udGFpbmVyQ29tcG9uZW50IHtcblxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXG5cbiAgQElucHV0KCkgcHVibGljIGhhc1NlYXJjaCA9IHRydWVcbiAgQElucHV0KCkgcHVibGljIGlnbm9yZVpvb20gPSBmYWxzZVxuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgc2VhcmNoQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXG5cbiAgQFZpZXdDaGlsZChOZ1Njcm9sbGJhciwgeyBzdGF0aWM6IHRydWUgfSlcbiAgcHVibGljIHNjcm9sbGJhclJlZjogTmdTY3JvbGxiYXIgfCB1bmRlZmluZWRcblxuICBwdWJsaWMgc2VhcmNoVGVybUNoYW5nZWQgKCk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoQ2hhbmdlZC5lbWl0KHRoaXMuc2VhcmNoVGVybSlcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2VudHJhbGl6ZWQtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydjZW50cmFsaXplZC1jb250YWluZXItem9vbSc6ICFpZ25vcmVab29tfVwiPlxuICA8bmctc2Nyb2xsYmFyIFt2aXNpYmlsaXR5XT1cIidob3ZlcidcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGlzdC1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibGlzdC1zZWFyY2hcIiAqbmdJZj1cImhhc1NlYXJjaFwiPlxuICAgICAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IHR5cGU9XCJzZWFyY2hcIiBbKG5nTW9kZWwpXT1cInNlYXJjaFRlcm1cIiAobmdNb2RlbENoYW5nZSk9XCJzZWFyY2hUZXJtQ2hhbmdlZCgpXCIgLz5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzZWFyY2gtaWNvblwiIG1hdFN1ZmZpeD5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctc2Nyb2xsYmFyPlxuPC9kaXY+XG4iXX0=

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

@@ -0,0 +1,57 @@
+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";
+class ConfigurationPageComponent {
+    searchTerm = '';
+    verticalSeparate = false;
+    footerPaginator = false;
+    hasSearch = true;
+    searchDebounceTime = 1000;
+    searchLabel = '';
+    txtQueryChanged = new Subject();
+    searchChanged = new EventEmitter();
+    searchClick = new EventEmitter();
+    scrollbarRef;
+    constructor() {
+        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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfigurationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n                        [ngClass]=\"{'label-input': searchLabel}\"\n                        appearance=\"fill\">\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n          <input matInput type=\"search\" class=\"search-input\"\n                 [(ngModel)]=\"searchTerm\"\n                 (ngModelChange)=\"searchTermChanged()\"\n          />\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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"] }] });
+}
+export { ConfigurationPageComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfigurationPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'configuration-page-container', template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n                        [ngClass]=\"{'label-input': searchLabel}\"\n                        appearance=\"fill\">\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n          <input matInput type=\"search\" class=\"search-input\"\n                 [(ngModel)]=\"searchTerm\"\n                 (ngModelChange)=\"searchTermChanged()\"\n          />\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzlCLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTs7Ozs7Ozs7QUFFbkUsTUFLYSwwQkFBMEI7SUFFOUIsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUVOLGdCQUFnQixHQUFHLEtBQUssQ0FBQTtJQUN4QixlQUFlLEdBQUcsS0FBSyxDQUFBO0lBQ3ZCLFNBQVMsR0FBRyxJQUFJLENBQUE7SUFDaEIsa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBQ3pCLFdBQVcsR0FBRyxFQUFFLENBQUE7SUFFaEMsZUFBZSxHQUFvQixJQUFJLE9BQU8sRUFBVSxDQUFBO0lBRXZDLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBQzFDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0lBR2xELFlBQVksQ0FBeUI7SUFFNUM7UUFDRSxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FDdkIsWUFBWSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxFQUNyQyxvQkFBb0IsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUEsQ0FBQyxDQUFDLENBQzlFLENBQUE7SUFDSCxDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM1QyxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDeEMsQ0FBQzt1R0EvQlUsMEJBQTBCOzJGQUExQiwwQkFBMEIsK1dBZTFCLFdBQVcsOERDekJ4QiwwL0JBc0JBOztTRFphLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDhCQUE4QjswRUFReEIsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFJVyxhQUFhO3NCQUE3QixNQUFNO2dCQUNVLFdBQVc7c0JBQTNCLE1BQU07Z0JBR0EsWUFBWTtzQkFEbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBOZ1Njcm9sbGJhciB9IGZyb20gJ25neC1zY3JvbGxiYXInXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcydcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpZ3VyYXRpb25QYWdlQ29tcG9uZW50IHtcblxuICBwdWJsaWMgc2VhcmNoVGVybSA9ICcnXG5cbiAgQElucHV0KCkgcHVibGljIHZlcnRpY2FsU2VwYXJhdGUgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyUGFnaW5hdG9yID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIGhhc1NlYXJjaCA9IHRydWVcbiAgQElucHV0KCkgcHVibGljIHNlYXJjaERlYm91bmNlVGltZSA9IDEwMDBcbiAgQElucHV0KCkgcHVibGljIHNlYXJjaExhYmVsID0gJydcblxuICB0eHRRdWVyeUNoYW5nZWQ6IFN1YmplY3Q8c3RyaW5nPiA9IG5ldyBTdWJqZWN0PHN0cmluZz4oKVxuXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VhcmNoQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXG4gIEBPdXRwdXQoKSBwdWJsaWMgc2VhcmNoQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKVxuXG4gIEBWaWV3Q2hpbGQoTmdTY3JvbGxiYXIsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBzY3JvbGxiYXJSZWY6IE5nU2Nyb2xsYmFyIHwgdW5kZWZpbmVkXG5cbiAgY29uc3RydWN0b3IgKCkge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLnBpcGUoXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5zZWFyY2hEZWJvdW5jZVRpbWUpLFxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSkuc3Vic2NyaWJlKG1vZGVsID0+IHsgdGhpcy5zZWFyY2hDaGFuZ2VkLm5leHQobW9kZWwpIH1cbiAgICApXG4gIH1cblxuICBwdWJsaWMgc2VhcmNoVGVybUNoYW5nZWQgKCk6IHZvaWQge1xuICAgIHRoaXMudHh0UXVlcnlDaGFuZ2VkLm5leHQodGhpcy5zZWFyY2hUZXJtKVxuICB9XG5cbiAgcHVibGljIHNlYXJjaEljb25DbGljayAoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hDbGljay5uZXh0KHRoaXMuc2VhcmNoVGVybSlcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY29uZmlndXJhdGlvbi1wYWdlLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnZm9vdGVyLXBhZ2luYXRvcic6IGZvb3RlclBhZ2luYXRvcn1cIj5cbiAgPG5nLXNjcm9sbGJhciBbdmlzaWJpbGl0eV09XCInaG92ZXInXCI+XG4gICAgPGRpdiBjbGFzcz1cImxpc3QtY29udGVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImxpc3Qtc2VhcmNoXCIgKm5nSWY9XCJoYXNTZWFyY2hcIj5cbiAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiYXBpcGFzcy1zZWFyY2gtaW5wdXQtdGV4dCBzZWFyY2gtaW5wdXQtaXRlbSBzbWFsbC10ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnbGFiZWwtaW5wdXQnOiBzZWFyY2hMYWJlbH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgYXBwZWFyYW5jZT1cImZpbGxcIj5cbiAgICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwic2VhcmNoTGFiZWxcIj57e3NlYXJjaExhYmVsfX08L21hdC1sYWJlbD5cbiAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cInNlYXJjaFwiIGNsYXNzPVwic2VhcmNoLWlucHV0XCJcbiAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXJtXCJcbiAgICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VhcmNoVGVybUNoYW5nZWQoKVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJzZWFyY2gtaWNvblwiIG1hdFN1ZmZpeCAoY2xpY2spPVwic2VhcmNoSWNvbkNsaWNrKClcIj5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItY29udGVudFwiIFtuZ0NsYXNzXT1cInsndmVydGljYWwtc2VwYXJhdGUnOiB2ZXJ0aWNhbFNlcGFyYXRlfVwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1zY3JvbGxiYXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/containers.module.mjs

@@ -0,0 +1,75 @@
+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";
+class ContainersModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, declarations: [CentralizedContainerComponent,
+            ConfigurationPageComponent,
+            BreadcrumbComponent], imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatToolbarModule], exports: [CentralizedContainerComponent,
+            ConfigurationPageComponent,
+            BreadcrumbComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatToolbarModule] });
+}
+export { ContainersModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVycy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb250YWluZXJzL3NyYy9jb250YWluZXJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBQ3ZHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJEQUEyRCxDQUFBO0FBQ3RHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7O0FBQzVELE1BMEJhLGdCQUFnQjt1R0FBaEIsZ0JBQWdCO3dHQUFoQixnQkFBZ0IsaUJBWHpCLDZCQUE2QjtZQUM3QiwwQkFBMEI7WUFDMUIsbUJBQW1CLGFBZm5CLFlBQVk7WUFDWixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixXQUFXO1lBQ1gsYUFBYTtZQUNiLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGNBQWM7WUFDZCxnQkFBZ0IsYUFRaEIsNkJBQTZCO1lBQzdCLDBCQUEwQjtZQUMxQixtQkFBbUI7d0dBSVYsZ0JBQWdCLFlBeEJ6QixZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsV0FBVztZQUNYLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLGFBQWE7WUFDYixjQUFjO1lBQ2QsZ0JBQWdCOztTQWNQLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQTFCNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixXQUFXO3dCQUNYLGFBQWE7d0JBQ2IsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxnQkFBZ0I7cUJBQ2pCO29CQUNELFlBQVksRUFBRTt3QkFDWiw2QkFBNkI7d0JBQzdCLDBCQUEwQjt3QkFDMUIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsNkJBQTZCO3dCQUM3QiwwQkFBMEI7d0JBQzFCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJ1xuaW1wb3J0IHsgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50J1xuaW1wb3J0IHsgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbmZpZ3VyYXRpb24tcGFnZS1jb250ZW50L2NvbmZpZ3VyYXRpb24tcGFnZS5jb21wb25lbnQnXG5pbXBvcnQgeyBCcmVhZGNydW1iQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50J1xuaW1wb3J0IHsgTmdTY3JvbGxiYXJNb2R1bGUgfSBmcm9tICduZ3gtc2Nyb2xsYmFyJ1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCdcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJ1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCdcbmltcG9ydCB7IEljb25zTW9kdWxlIH0gZnJvbSAnQGFwaXBhc3MvaWNvbnMnXG5pbXBvcnQgeyBCdXR0b25zTW9kdWxlIH0gZnJvbSAnQGFwaXBhc3MvYnV0dG9ucydcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJ1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBJY29uc01vZHVsZSxcbiAgICBCdXR0b25zTW9kdWxlLFxuICAgIE5nU2Nyb2xsYmFyTW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdFRvb2xiYXJNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ2VudHJhbGl6ZWRDb250YWluZXJDb21wb25lbnQsXG4gICAgQ29uZmlndXJhdGlvblBhZ2VDb21wb25lbnQsXG4gICAgQnJlYWRjcnVtYkNvbXBvbmVudFxuICBdLFxuICBwcm92aWRlcnM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lcnNNb2R1bGUge31cbiJdfQ==

package/{esm2020 → esm2022}/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQTtBQUNuQyxjQUFjLHlEQUF5RCxDQUFBO0FBQ3ZFLGNBQWMsMkRBQTJELENBQUE7QUFDekUsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLGVBQWUsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVycy5tb2R1bGUnXHJcbmV4cG9ydCAqIGZyb20gJy4vY2VudHJhbGl6ZWQtY29udGFpbmVyL2NlbnRyYWxpemVkLWNvbnRhaW5lci5jb21wb25lbnQnXHJcbmV4cG9ydCAqIGZyb20gJy4vY29uZmlndXJhdGlvbi1wYWdlLWNvbnRlbnQvY29uZmlndXJhdGlvbi1wYWdlLmNvbXBvbmVudCdcclxuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50J1xyXG5leHBvcnQgKiBmcm9tICduZ3gtc2Nyb2xsYmFyJ1xyXG4iXX0=
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbnRhaW5lcnMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQTtBQUNuQyxjQUFjLHlEQUF5RCxDQUFBO0FBQ3ZFLGNBQWMsMkRBQTJELENBQUE7QUFDekUsY0FBYyxtQ0FBbUMsQ0FBQTtBQUNqRCxjQUFjLGVBQWUsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVycy5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL2NlbnRyYWxpemVkLWNvbnRhaW5lci9jZW50cmFsaXplZC1jb250YWluZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9jb25maWd1cmF0aW9uLXBhZ2UtY29udGVudC9jb25maWd1cmF0aW9uLXBhZ2UuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnbmd4LXNjcm9sbGJhcidcbiJdfQ==

package/fesm2022/apipass-containers.mjs

@@ -0,0 +1,184 @@
+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 {
+    searchTerm = '';
+    hasSearch = true;
+    ignoreZoom = false;
+    searchChanged = new EventEmitter();
+    scrollbarRef;
+    searchTermChanged() {
+        this.searchChanged.emit(this.searchTerm);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: CentralizedContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field>\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n        </mat-form-field>\n      </div>\n      <ng-content></ng-content>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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: "16.0.2", ngImport: i0, type: CentralizedContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'centralized-container', template: "<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field>\n          <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n          <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n        </mat-form-field>\n      </div>\n      <ng-content></ng-content>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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 {
+    searchTerm = '';
+    verticalSeparate = false;
+    footerPaginator = false;
+    hasSearch = true;
+    searchDebounceTime = 1000;
+    searchLabel = '';
+    txtQueryChanged = new Subject();
+    searchChanged = new EventEmitter();
+    searchClick = new EventEmitter();
+    scrollbarRef;
+    constructor() {
+        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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ConfigurationPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n                        [ngClass]=\"{'label-input': searchLabel}\"\n                        appearance=\"fill\">\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n          <input matInput type=\"search\" class=\"search-input\"\n                 [(ngModel)]=\"searchTerm\"\n                 (ngModelChange)=\"searchTermChanged()\"\n          />\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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: "16.0.2", ngImport: i0, type: ConfigurationPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'configuration-page-container', template: "<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\n  <ng-scrollbar [visibility]=\"'hover'\">\n    <div class=\"list-content\">\n      <div class=\"list-search\" *ngIf=\"hasSearch\">\n        <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n                        [ngClass]=\"{'label-input': searchLabel}\"\n                        appearance=\"fill\">\n          <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n          <input matInput type=\"search\" class=\"search-input\"\n                 [(ngModel)]=\"searchTerm\"\n                 (ngModelChange)=\"searchTermChanged()\"\n          />\n          <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n        </mat-form-field>\n      </div>\n\n      <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </ng-scrollbar>\n</div>\n", 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 {
+    icon = 'keyboard_arrow_right';
+    items = [];
+    labelProperty = 'label';
+    itemClick = new EventEmitter();
+    eventClick(index, item) {
+        this.items.splice(index + 1, this.items.length - 1);
+        this.itemClick.emit({ index, item });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>", 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: "16.0.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'breadcrumb-component', template: "<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n    <span *ngFor=\"let header of items; let indx = index\">\n        <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n            <mat-icon>{{icon}}</mat-icon>\n        </a>\n    </span>\n</mat-toolbar>", 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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, declarations: [CentralizedContainerComponent,
+            ConfigurationPageComponent,
+            BreadcrumbComponent], imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatToolbarModule], exports: [CentralizedContainerComponent,
+            ConfigurationPageComponent,
+            BreadcrumbComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ContainersModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconsModule,
+            ButtonsModule,
+            NgScrollbarModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatToolbarModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", 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