@apipass/containers 0.2.16 → 1.0.7

package/fesm2015/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/fesm2020/apipass-containers.mjs

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

package/fesm2020/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/{apipass-containers.d.ts → 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,29 +1,39 @@
 {
   "name": "@apipass/containers",
-  "version": "0.2.16",
+  "version": "1.0.7",
   "peerDependencies": {
-    "@angular/animations": "^10.0.11",
-    "@angular/cdk": "^10.1.3",
-    "@angular/common": "^10.0.11",
-    "@angular/core": "^10.0.11",
-    "@angular/forms": "^10.0.11",
-    "@angular/material": "10.2.7"
+    "@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"
   },
   "dependencies": {
-    "@apipass/icons": "0.1.9",
-    "@apipass/buttons": "0.1.9",
-    "ngx-scrollbar": "^7.3.1",
-    "@ngx-translate/core": "^13.0.0",
-    "tslib": "2.0.0"
+    "@apipass/icons": "1.0.7",
+    "@apipass/buttons": "1.0.7",
+    "ngx-scrollbar": "11.0.0",
+    "@ngx-translate/core": "14.0.0",
+    "tslib": "2.5.0"
   },
-  "main": "bundles/apipass-containers.umd.js",
-  "module": "fesm2015/apipass-containers.js",
-  "es2015": "fesm2015/apipass-containers.js",
-  "esm2015": "esm2015/apipass-containers.js",
-  "fesm2015": "fesm2015/apipass-containers.js",
-  "typings": "apipass-containers.d.ts",
-  "sideEffects": false,
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
-  }
-}
+  "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",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "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"
+    }
+  },
+  "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;
-  }
-}