@apipass/containers 1.0.0 → 1.0.8

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}\">\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: "16.0.2", 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 {
+    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}\">\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: "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}\">\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 {
+    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\">\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: "16.0.2", 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 {
+    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

package/fesm2022/apipass-containers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-containers.mjs","sources":["../../../projects/containers/src/centralized-container/centralized-container.component.ts","../../../projects/containers/src/centralized-container/centralized-container.component.html","../../../projects/containers/src/configuration-page-content/configuration-page.component.ts","../../../projects/containers/src/configuration-page-content/configuration-page.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.component.ts","../../../projects/containers/src/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/containers.module.ts","../../../projects/containers/src/apipass-containers.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core'\r\nimport { NgScrollbar } from 'ngx-scrollbar'\r\n\r\n@Component({\r\n  selector: 'centralized-container',\r\n  templateUrl: 'centralized-container.component.html',\r\n  styleUrls: ['centralized-container.component.scss']\r\n})\r\nexport class CentralizedContainerComponent {\n  public searchTerm = ''\r\n\r\n  @Input() public hasSearch = true\r\n  @Input() public ignoreZoom = false\r\n\r\n  @Output()\r\n  public searchChanged = new EventEmitter<string>()\r\n\r\n  @ViewChild(NgScrollbar, { static: true })\r\n  public scrollbarRef: NgScrollbar | undefined\r\n\r\n  public searchTermChanged (): void {\r\n    this.searchChanged.emit(this.searchTerm)\r\n  }\n}\r\n","<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","import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core'\r\nimport { NgScrollbar } from 'ngx-scrollbar'\r\nimport { Subject } from 'rxjs'\r\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators'\r\n\r\n@Component({\r\n  selector: 'configuration-page-container',\r\n  templateUrl: 'configuration-page.component.html',\r\n  styleUrls: ['configuration-page.component.scss']\r\n})\r\nexport class ConfigurationPageComponent {\n  public searchTerm = ''\r\n\r\n  @Input() public verticalSeparate = false\r\n  @Input() public footerPaginator = false\r\n  @Input() public hasSearch = true\r\n  @Input() public searchDebounceTime = 1000\r\n  @Input() public searchLabel = ''\r\n\r\n  txtQueryChanged: Subject<string> = new Subject<string>()\r\n\r\n  @Output() public searchChanged = new EventEmitter<string>()\r\n  @Output() public searchClick = new EventEmitter<string>()\r\n\r\n  @ViewChild(NgScrollbar, { static: true })\r\n  public scrollbarRef: NgScrollbar | undefined\r\n\r\n  constructor () {\r\n    this.txtQueryChanged.pipe(\r\n      debounceTime(this.searchDebounceTime),\r\n      distinctUntilChanged()).subscribe(model => { this.searchChanged.next(model) }\r\n    )\r\n  }\r\n\r\n  public searchTermChanged (): void {\r\n    this.txtQueryChanged.next(this.searchTerm)\r\n  }\r\n\r\n  public searchIconClick (): void {\r\n    this.searchClick.next(this.searchTerm)\r\n  }\n}\r\n","<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","import { Component, EventEmitter, Input, Output } from '@angular/core'\r\n\r\n@Component({\r\n  selector: 'breadcrumb-component',\r\n  templateUrl: 'breadcrumb.component.html',\r\n  styleUrls: ['breadcrumb.component.scss']\r\n})\r\nexport class BreadcrumbComponent {\r\n  @Input() public icon = 'keyboard_arrow_right'\r\n  @Input() public items: any = []\r\n  @Input() public labelProperty = 'label'\r\n  @Output() itemClick = new EventEmitter<{ index: number, item: any }>()\r\n\r\n  public eventClick (index: number, item: any): any {\r\n    this.items.splice(index + 1, this.items.length - 1)\r\n    this.itemClick.emit({ index, item })\r\n  }\n}\r\n","<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>","import { NgModule } from '@angular/core'\r\nimport { CommonModule } from '@angular/common'\r\nimport { RouterModule } from '@angular/router'\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms'\r\nimport { CentralizedContainerComponent } from './centralized-container/centralized-container.component'\r\nimport { ConfigurationPageComponent } from './configuration-page-content/configuration-page.component'\r\nimport { BreadcrumbComponent } from './breadcrumb/breadcrumb.component'\r\nimport { NgScrollbarModule } from 'ngx-scrollbar'\r\nimport { MatFormFieldModule } from '@angular/material/form-field'\r\nimport { MatIconModule } from '@angular/material/icon'\r\nimport { MatInputModule } from '@angular/material/input'\r\nimport { IconsModule } from '@apipass/icons'\r\nimport { ButtonsModule } from '@apipass/buttons'\r\nimport { MatToolbarModule } from '@angular/material/toolbar'\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    RouterModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    IconsModule,\r\n    ButtonsModule,\r\n    NgScrollbarModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatInputModule,\r\n    MatToolbarModule\r\n  ],\r\n  declarations: [\r\n    CentralizedContainerComponent,\r\n    ConfigurationPageComponent,\r\n    BreadcrumbComponent\r\n  ],\r\n  exports: [\r\n    CentralizedContainerComponent,\r\n    ConfigurationPageComponent,\r\n    BreadcrumbComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ContainersModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3"],"mappings":"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"}

package/index.d.ts

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

package/package.json

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

package/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from './containers.module';
-export * from './centralized-container/centralized-container.component';
-export * from './configuration-page-content/configuration-page.component';
-export * from './breadcrumb/breadcrumb.component';
-export * from 'ngx-scrollbar';
+export * from './containers.module';
+export * from './centralized-container/centralized-container.component';
+export * from './configuration-page-content/configuration-page.component';
+export * from './breadcrumb/breadcrumb.component';
+export * from 'ngx-scrollbar';

package/assets/css/inputs.scss

@@ -1,197 +0,0 @@
-@import "colors";
-@import "fonts";
-@import "spacing";
-
-/* Default Inputs */
-.mat-input-underline, .mat-form-field-underline {
-  display: none;
-}
-
-.mat-form-field-appearance-fill .mat-form-field-flex {
-  display: flex!important;
-  align-items: center!important;
-  border: 1px solid var(--color-inputs-border) !important;
-  background: var(--color-inputs-background) !important;
-  border-radius: 6px !important;
-}
-
-.mat-form-field-infix {
-  padding: 0 !important;
-  display: flex!important;
-  align-items: center!important;
-  border-top: none!important;
-}
-
-.mat-select-arrow-wrapper {
-  display: flex!important;
-}
-
-.mat-icon-button {
-  width: auto!important;
-}
-
-.no-border {
-  .mat-form-field-flex {
-    border: none !important;
-    input {
-      padding: 1px;
-    }
-  }
-}
-
-.mat-form-field-label-wrapper {
-  top: -10px;
-}
-
-.mat-form-field-should-float .mat-form-field-label-wrapper {
-  font-size: $base-font-size;
-}
-
-.placeholder-primary {
-  .mat-form-field-label-wrapper {
-    color: var(--color-primary) !important;
-    label {
-      color: var(--color-primary) !important;
-    }
-  }
-  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
-    color: var(--color-primary) !important;
-  }
-  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder  {
-    color: var(--color-primary) !important;
-  }
-  input {
-    ::-webkit-input-placeholder { /* Edge */
-      color: var(--color-primary) !important;
-    }
-    :-ms-input-placeholder { /* Internet Explorer 10-11 */
-      color: var(--color-primary) !important;
-    }
-    ::placeholder {
-      color: var(--color-primary) !important;
-    }
-  }
-}
-
-.placeholder-bold {
-  .mat-form-field-label-wrapper {
-    font-weight: bold !important;
-    label {
-      font-weight: bold !important;
-    }
-  }
-  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
-    font-weight: bold !important;
-  }
-  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
-    font-weight: bold !important;
-  }
-  input {
-    ::-webkit-input-placeholder { /* Edge */
-      font-weight: bold !important;
-    }
-    :-ms-input-placeholder { /* Internet Explorer 10-11 */
-      font-weight: bold !important;
-    }
-    ::placeholder {
-      font-weight: bold !important;
-    }
-  }
-}
-
-/* Inputs */
-.apipass-input-text {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-input-top $spacing-input-right $spacing-input-bottom $spacing-input-left !important;
-  }
-}
-
-.apipass-input-text,
-.apipass-search-input-text,
-.custom-select-component,
-.apipass-select,
-.apipass-date-filter {
-
-  .mat-form-field-wrapper {
-    padding: 0 !important;
-  }
-  .mat-icon-button {
-    width: auto!important;
-    height: auto!important;
-  }
-
-  &.label-input {
-    .mat-form-field-label-wrapper {
-      padding-top: 0;
-      top: auto !important;
-    }
-    input {
-      padding-top: 10px !important;
-      padding-bottom: 5px !important;
-    }
-  }
-  &.mat-form-field-should-float {
-    .mat-form-field-label-wrapper {
-      padding-top: 0 !important;
-      margin-top: -10px !important;
-    }
-  }
-
-}
-
-
-.apipass-search-input-text {
-  width: 100%;
-
-  &.small-text {
-    font-size: $base-font-size - 2px;
-  }
-  .mat-form-field-flex {
-    padding: 2px 5px 2px 2px !important;
-    border-top: none !important;
-    border-left: none !important;
-    border-right: none !important;
-    border-radius: 0 !important;
-  }
-  .search-icon {
-    margin-top: -5px !important;
-  }
-
-}
-
-.custom-select-component {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: 1px $spacing-input-right 1px $spacing-input-left !important;
-  }
-}
-
-.apipass-select {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-select-top $spacing-select-right $spacing-select-bottom $spacing-select-left !important;
-  }
-  &.label-input {
-    .mat-form-field-infix {
-      padding-top: 7px !important;
-      padding-bottom: 7px !important;
-    }
-  }
-}
-
-.apipass-date-filter {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-date-filter-top $spacing-date-filter-right $spacing-date-filter-bottom $spacing-date-filter-left !important;
-  }
-  .mat-form-field-suffix {
-    span {
-      cursor: pointer;
-      color: #777;
-    }
-  }
-  .mat-form-field-wrapper {
-    padding-bottom: 0 !important;
-  }
-}

package/esm2020/breadcrumb/breadcrumb.component.mjs

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

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

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