@apipass/containers 0.2.5-alpha.21 → 0.2.5-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/apipass-containers.umd.js +1 -1
- package/bundles/apipass-containers.umd.min.js +1 -1
- package/bundles/apipass-containers.umd.min.js.map +1 -1
- package/esm2015/configuration-page-content/configuration-page.component.js +1 -1
- package/fesm2015/apipass-containers.js +1 -1
- package/package.json +1 -1
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
i0.ɵɵadvance(1);
|
|
184
184
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
|
|
185
185
|
}
|
|
186
|
-
}, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: ["
|
|
186
|
+
}, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: [".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"] });
|
|
187
187
|
/*@__PURE__*/ (function () {
|
|
188
188
|
i0.ɵsetClassMetadata(ConfigurationPageComponent, [{
|
|
189
189
|
type: i0.Component,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@angular/forms"),require("ngx-scrollbar"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators"),require("@angular/material/toolbar"),require("@apipass/icons"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/containers",["exports","@angular/core","@angular/common","@angular/router","@angular/forms","ngx-scrollbar","@angular/material/form-field","@angular/material/input","@angular/material/icon","rxjs","rxjs/operators","@angular/material/toolbar","@apipass/icons","@apipass/buttons"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.containers={}),e.ng.core,e.ng.common,e.ng.router,e.ng.forms,e.i2,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.rxjs,e.rxjs.operators,e.ng.material.toolbar,e.icons,e.buttons)}(this,(function(e,t,n,r,o,a,i,c,l,s,g,u,d,p){"use strict";function m(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",4),t.ɵɵelementStart(1,"mat-form-field"),t.ɵɵelementStart(2,"input",5),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"mat-icon",6),t.ɵɵtext(4,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(2),t.ɵɵproperty("ngModel",o.searchTerm)}}var f=function(e){return{"centralized-container-zoom":e}},h=function(){function e(){this.searchTerm="",this.hasSearch=!0,this.ignoreZoom=!1,this.searchChanged=new t.EventEmitter}return e.prototype.searchTermChanged=function(){this.searchChanged.emit(this.searchTerm)},e}();function C(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-label"),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext(2);t.ɵɵadvance(1),t.ɵɵtextInterpolate(r.searchLabel)}}h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵdefineComponent({type:h,selectors:[["centralized-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.scrollbarRef=r.first))},inputs:{hasSearch:"hasSearch",ignoreZoom:"ignoreZoom"},outputs:{searchChanged:"searchChanged"},ngContentSelectors:["*"],decls:5,vars:5,consts:[[1,"centralized-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"list-search"],["matInput","","type","search",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon"]],template:function(e,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,m,5,1,"div",3),t.ɵɵprojection(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,f,!n.ignoreZoom)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix],styles:[".centralized-container[_ngcontent-%COMP%]{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom[_ngcontent-%COMP%]{font-size:62.5%}.centralized-container[_ngcontent-%COMP%] > ng-scrollbar[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 25px 25px}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{font-size:1.4em;place-self:flex-end;position:absolute;width:21%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{font-size:1.8rem;opacity:.5}[_nghost-%COMP%] .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}"]});var M=function(e){return{"label-input":e}};function b(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",5),t.ɵɵelementStart(1,"mat-form-field",6),t.ɵɵtemplate(2,C,2,1,"mat-label",7),t.ɵɵelementStart(3,"input",8),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(4,"mat-icon",9),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchIconClick()})),t.ɵɵtext(5,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,M,o.searchLabel)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",o.searchLabel),t.ɵɵadvance(1),t.ɵɵproperty("ngModel",o.searchTerm)}}var x=function(e){return{"footer-paginator":e}},v=function(e){return{"vertical-separate":e}},y=function(){function e(){var e=this;this.searchTerm="",this.verticalSeparate=!1,this.footerPaginator=!1,this.hasSearch=!0,this.searchDebounceTime=1e3,this.searchLabel="",this.txtQueryChanged=new s.Subject,this.searchChanged=new t.EventEmitter,this.searchClick=new t.EventEmitter,this.txtQueryChanged.pipe(g.debounceTime(this.searchDebounceTime),g.distinctUntilChanged()).subscribe((function(t){return e.searchChanged.next(t)}))}return e.prototype.searchTermChanged=function(){this.txtQueryChanged.next(this.searchTerm)},e.prototype.searchIconClick=function(){this.searchClick.next(this.searchTerm)},e}();function _(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"span"),t.ɵɵelementStart(1,"a",3),t.ɵɵlistener("click",(function(){t.ɵɵrestoreView(r);var e=n.index,o=n.$implicit;return t.ɵɵnextContext(2).eventClick(e,o)})),t.ɵɵtext(2),t.ɵɵelementStart(3,"mat-icon"),t.ɵɵtext(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=n.$implicit,a=t.ɵɵnextContext(2);t.ɵɵadvance(2),t.ɵɵtextInterpolate1("",o[a.labelProperty]," "),t.ɵɵadvance(2),t.ɵɵtextInterpolate(a.icon)}}function P(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-toolbar",1),t.ɵɵtemplate(1,_,5,2,"span",2),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngForOf",r.items)}}y.ɵfac=function(e){return new(e||y)},y.ɵcmp=t.ɵɵdefineComponent({type:y,selectors:[["configuration-page-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.scrollbarRef=r.first))},inputs:{verticalSeparate:"verticalSeparate",footerPaginator:"footerPaginator",hasSearch:"hasSearch",searchDebounceTime:"searchDebounceTime",searchLabel:"searchLabel"},outputs:{searchChanged:"searchChanged",searchClick:"searchClick"},ngContentSelectors:["*"],decls:6,vars:8,consts:[[1,"configuration-page-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"container-content",3,"ngClass"],[1,"list-search"],["appearance","fill",1,"apipass-search-input-text","search-input-item","small-text",3,"ngClass"],[4,"ngIf"],["matInput","","type","search",1,"search-input",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon",3,"click"]],template:function(e,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,b,6,5,"div",3),t.ɵɵelementStart(4,"div",4),t.ɵɵprojection(5),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(4,x,n.footerPaginator)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch),t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(6,v,n.verticalSeparate)))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix,i.MatLabel],styles:["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"]});var O=function(){function e(){this.icon="keyboard_arrow_right",this.items=[],this.labelProperty="label",this.itemClick=new t.EventEmitter}return e.prototype.eventClick=function(e,t){this.items.splice(e+1,this.items.length-1),this.itemClick.emit({index:e,item:t})},e}();O.ɵfac=function(e){return new(e||O)},O.ɵcmp=t.ɵɵdefineComponent({type:O,selectors:[["breadcrumb-component"]],inputs:{icon:"icon",items:"items",labelProperty:"labelProperty"},outputs:{itemClick:"itemClick"},decls:1,vars:1,consts:[["color","primary",4,"ngIf"],["color","primary"],[4,"ngFor","ngForOf"],["mat-button","",3,"click"]],template:function(e,n){1&e&&t.ɵɵtemplate(0,P,2,1,"mat-toolbar",0),2&e&&t.ɵɵproperty("ngIf",n.items.length>0)},directives:[n.NgIf,u.MatToolbar,n.NgForOf,l.MatIcon],styles:[".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"]});var S=function(){};S.ɵmod=t.ɵɵdefineNgModule({type:S}),S.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||S)},providers:[],imports:[[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(S,{declarations:[h,y,O],imports:[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule],exports:[h,y,O]}),Object.keys(a).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})})),e.BreadcrumbComponent=O,e.CentralizedContainerComponent=h,e.ConfigurationPageComponent=y,e.ContainersModule=S,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@angular/forms"),require("ngx-scrollbar"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators"),require("@angular/material/toolbar"),require("@apipass/icons"),require("@apipass/buttons")):"function"==typeof define&&define.amd?define("@apipass/containers",["exports","@angular/core","@angular/common","@angular/router","@angular/forms","ngx-scrollbar","@angular/material/form-field","@angular/material/input","@angular/material/icon","rxjs","rxjs/operators","@angular/material/toolbar","@apipass/icons","@apipass/buttons"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).apipass=e.apipass||{},e.apipass.containers={}),e.ng.core,e.ng.common,e.ng.router,e.ng.forms,e.i2,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.rxjs,e.rxjs.operators,e.ng.material.toolbar,e.icons,e.buttons)}(this,(function(e,t,n,r,o,a,i,c,l,s,g,u,d,p){"use strict";function m(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",4),t.ɵɵelementStart(1,"mat-form-field"),t.ɵɵelementStart(2,"input",5),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"mat-icon",6),t.ɵɵtext(4,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(2),t.ɵɵproperty("ngModel",o.searchTerm)}}var f=function(e){return{"centralized-container-zoom":e}},h=function(){function e(){this.searchTerm="",this.hasSearch=!0,this.ignoreZoom=!1,this.searchChanged=new t.EventEmitter}return e.prototype.searchTermChanged=function(){this.searchChanged.emit(this.searchTerm)},e}();function C(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-label"),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext(2);t.ɵɵadvance(1),t.ɵɵtextInterpolate(r.searchLabel)}}h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵdefineComponent({type:h,selectors:[["centralized-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.scrollbarRef=r.first))},inputs:{hasSearch:"hasSearch",ignoreZoom:"ignoreZoom"},outputs:{searchChanged:"searchChanged"},ngContentSelectors:["*"],decls:5,vars:5,consts:[[1,"centralized-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"list-search"],["matInput","","type","search",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon"]],template:function(e,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,m,5,1,"div",3),t.ɵɵprojection(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,f,!n.ignoreZoom)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix],styles:[".centralized-container[_ngcontent-%COMP%]{display:flex;height:calc(100% - 70px);padding-left:15px;padding-right:15px}.centralized-container.centralized-container-zoom[_ngcontent-%COMP%]{font-size:62.5%}.centralized-container[_ngcontent-%COMP%] > ng-scrollbar[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px 25px 25px}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{font-size:1.4em;place-self:flex-end;position:absolute;width:21%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.centralized-container[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{font-size:1.8rem;opacity:.5}[_nghost-%COMP%] .list-search mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-underline{background-color:var(--color-tertiary)}"]});var M=function(e){return{"label-input":e}};function x(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",5),t.ɵɵelementStart(1,"mat-form-field",6),t.ɵɵtemplate(2,C,2,1,"mat-label",7),t.ɵɵelementStart(3,"input",8),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTerm=e}))("ngModelChange",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchTermChanged()})),t.ɵɵelementEnd(),t.ɵɵelementStart(4,"mat-icon",9),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(r),t.ɵɵnextContext().searchIconClick()})),t.ɵɵtext(5,"search"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,M,o.searchLabel)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",o.searchLabel),t.ɵɵadvance(1),t.ɵɵproperty("ngModel",o.searchTerm)}}var b=function(e){return{"footer-paginator":e}},v=function(e){return{"vertical-separate":e}},y=function(){function e(){var e=this;this.searchTerm="",this.verticalSeparate=!1,this.footerPaginator=!1,this.hasSearch=!0,this.searchDebounceTime=1e3,this.searchLabel="",this.txtQueryChanged=new s.Subject,this.searchChanged=new t.EventEmitter,this.searchClick=new t.EventEmitter,this.txtQueryChanged.pipe(g.debounceTime(this.searchDebounceTime),g.distinctUntilChanged()).subscribe((function(t){return e.searchChanged.next(t)}))}return e.prototype.searchTermChanged=function(){this.txtQueryChanged.next(this.searchTerm)},e.prototype.searchIconClick=function(){this.searchClick.next(this.searchTerm)},e}();function P(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"span"),t.ɵɵelementStart(1,"a",3),t.ɵɵlistener("click",(function(){t.ɵɵrestoreView(r);var e=n.index,o=n.$implicit;return t.ɵɵnextContext(2).eventClick(e,o)})),t.ɵɵtext(2),t.ɵɵelementStart(3,"mat-icon"),t.ɵɵtext(4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=n.$implicit,a=t.ɵɵnextContext(2);t.ɵɵadvance(2),t.ɵɵtextInterpolate1("",o[a.labelProperty]," "),t.ɵɵadvance(2),t.ɵɵtextInterpolate(a.icon)}}function O(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-toolbar",1),t.ɵɵtemplate(1,P,5,2,"span",2),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngForOf",r.items)}}y.ɵfac=function(e){return new(e||y)},y.ɵcmp=t.ɵɵdefineComponent({type:y,selectors:[["configuration-page-container"]],viewQuery:function(e,n){var r;(1&e&&t.ɵɵstaticViewQuery(a.NgScrollbar,!0),2&e)&&(t.ɵɵqueryRefresh(r=t.ɵɵloadQuery())&&(n.scrollbarRef=r.first))},inputs:{verticalSeparate:"verticalSeparate",footerPaginator:"footerPaginator",hasSearch:"hasSearch",searchDebounceTime:"searchDebounceTime",searchLabel:"searchLabel"},outputs:{searchChanged:"searchChanged",searchClick:"searchClick"},ngContentSelectors:["*"],decls:6,vars:8,consts:[[1,"configuration-page-container",3,"ngClass"],[3,"visibility"],[1,"list-content"],["class","list-search",4,"ngIf"],[1,"container-content",3,"ngClass"],[1,"list-search"],["appearance","fill",1,"apipass-search-input-text","search-input-item","small-text",3,"ngClass"],[4,"ngIf"],["matInput","","type","search",1,"search-input",3,"ngModel","ngModelChange"],["matSuffix","",1,"search-icon",3,"click"]],template:function(e,n){1&e&&(t.ɵɵprojectionDef(),t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"ng-scrollbar",1),t.ɵɵelementStart(2,"div",2),t.ɵɵtemplate(3,x,6,5,"div",3),t.ɵɵelementStart(4,"div",4),t.ɵɵprojection(5),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(4,b,n.footerPaginator)),t.ɵɵadvance(1),t.ɵɵproperty("visibility","hover"),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.hasSearch),t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(6,v,n.verticalSeparate)))},directives:[n.NgClass,a.NgScrollbar,n.NgIf,i.MatFormField,c.MatInput,o.DefaultValueAccessor,o.NgControlStatus,o.NgModel,l.MatIcon,i.MatSuffix,i.MatLabel],styles:[".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"]});var _=function(){function e(){this.icon="keyboard_arrow_right",this.items=[],this.labelProperty="label",this.itemClick=new t.EventEmitter}return e.prototype.eventClick=function(e,t){this.items.splice(e+1,this.items.length-1),this.itemClick.emit({index:e,item:t})},e}();_.ɵfac=function(e){return new(e||_)},_.ɵcmp=t.ɵɵdefineComponent({type:_,selectors:[["breadcrumb-component"]],inputs:{icon:"icon",items:"items",labelProperty:"labelProperty"},outputs:{itemClick:"itemClick"},decls:1,vars:1,consts:[["color","primary",4,"ngIf"],["color","primary"],[4,"ngFor","ngForOf"],["mat-button","",3,"click"]],template:function(e,n){1&e&&t.ɵɵtemplate(0,O,2,1,"mat-toolbar",0),2&e&&t.ɵɵproperty("ngIf",n.items.length>0)},directives:[n.NgIf,u.MatToolbar,n.NgForOf,l.MatIcon],styles:[".mat-toolbar.mat-primary[_ngcontent-%COMP%]{background:transparent;font-size:16px;height:45px}a[_ngcontent-%COMP%]{color:#000;cursor:pointer}mat-icon[_ngcontent-%COMP%]{vertical-align:text-bottom}"]});var S=function(){};S.ɵmod=t.ɵɵdefineNgModule({type:S}),S.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||S)},providers:[],imports:[[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(S,{declarations:[h,y,_],imports:[n.CommonModule,r.RouterModule,o.FormsModule,o.ReactiveFormsModule,d.IconsModule,p.ButtonsModule,a.NgScrollbarModule,i.MatFormFieldModule,l.MatIconModule,c.MatInputModule,u.MatToolbarModule],exports:[h,y,_]}),Object.keys(a).forEach((function(t){"default"!==t&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})})),e.BreadcrumbComponent=_,e.CentralizedContainerComponent=h,e.ConfigurationPageComponent=y,e.ContainersModule=S,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=apipass-containers.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../projects/containers/src/centralized-container/centralized-container.component.html","../../../projects/containers/src/centralized-container/centralized-container.component.ts","../../../projects/containers/src/configuration-page-content/configuration-page.component.html","../../../projects/containers/src/configuration-page-content/configuration-page.component.ts","../../../projects/containers/src/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.component.ts","../../../projects/containers/src/containers.module.ts"],"names":["i0.ɵɵelementStart","i0.ɵɵlistener","i0","ɵɵrestoreView","_r2_1","ɵɵnextContext","searchTermChanged","i0.ɵɵelementEnd","i0.ɵɵtext","i0.ɵɵadvance","i0.ɵɵproperty","CentralizedContainerComponent","this","searchTerm","hasSearch","ignoreZoom","searchChanged","EventEmitter","prototype","emit","i0.ɵɵtextInterpolate","selectors","viewQuery","rf","ctx","NgScrollbar","i0.ɵɵtemplate","i0.ɵɵprojection","_r3_1","ConfigurationPageComponent","_this","verticalSeparate","footerPaginator","searchDebounceTime","searchLabel","txtQueryChanged","Subject","searchClick","pipe","debounceTime","distinctUntilChanged","subscribe","model","next","searchIconClick","i0.ɵɵtextInterpolate1","BreadcrumbComponent","icon","items","labelProperty","itemClick","eventClick","index","item","splice","length","inputs","outputs","decls","vars","consts","template","ContainersModule","providers","imports","CommonModule","RouterModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","MatToolbarModule","declarations","exports"],"mappings":"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","sourcesContent":["<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\n <ng-scrollbar [visibility]=\"'hover'\">\n <div class=\"list-content\">\n <div class=\"list-search\" *ngIf=\"hasSearch\">\n <mat-form-field>\n <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n </mat-form-field>\n </div>\n <ng-content></ng-content>\n </div>\n </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\n\n@Component({\n selector: 'centralized-container',\n templateUrl: 'centralized-container.component.html',\n styleUrls: ['centralized-container.component.scss']\n})\nexport class CentralizedContainerComponent {\n\n public searchTerm = '';\n\n @Input() public hasSearch = true;\n @Input() public ignoreZoom = false;\n\n @Output()\n public searchChanged = new EventEmitter<string>();\n\n @ViewChild(NgScrollbar, { static: true })\n public scrollbarRef: NgScrollbar | undefined;\n\n public searchTermChanged(): void {\n this.searchChanged.emit(this.searchTerm);\n }\n\n}\n","<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\n <ng-scrollbar [visibility]=\"'hover'\">\n <div class=\"list-content\">\n <div class=\"list-search\" *ngIf=\"hasSearch\">\n <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n [ngClass]=\"{'label-input': searchLabel}\"\n appearance=\"fill\">\n <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n <input matInput type=\"search\" class=\"search-input\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"searchTermChanged()\"\n />\n <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n </mat-form-field>\n </div>\n\n <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n <ng-content></ng-content>\n </div>\n </div>\n </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\nimport {Subject} from 'rxjs';\nimport {debounceTime, distinctUntilChanged} from 'rxjs/operators';\n\n@Component({\n selector: 'configuration-page-container',\n templateUrl: 'configuration-page.component.html',\n styleUrls: ['configuration-page.component.scss']\n})\nexport class ConfigurationPageComponent {\n\n public searchTerm = '';\n\n @Input() public verticalSeparate = false;\n @Input() public footerPaginator = false;\n @Input() public hasSearch = true;\n @Input() public searchDebounceTime = 1000;\n @Input() public searchLabel = '';\n\n txtQueryChanged: Subject<string> = new Subject<string>();\n\n @Output() public searchChanged = new EventEmitter<string>();\n @Output() public searchClick = new EventEmitter<string>();\n\n @ViewChild(NgScrollbar, { static: true })\n public scrollbarRef: NgScrollbar | undefined;\n\n constructor() {\n this.txtQueryChanged.pipe(\n debounceTime(this.searchDebounceTime),\n distinctUntilChanged()).subscribe(model =>\n this.searchChanged.next(model)\n );\n }\n\n public searchTermChanged(): void {\n this.txtQueryChanged.next(this.searchTerm);\n }\n\n public searchIconClick(): void {\n this.searchClick.next(this.searchTerm);\n }\n\n}\n","<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n <span *ngFor=\"let header of items; let indx = index\">\n <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n <mat-icon>{{icon}}</mat-icon>\n </a>\n </span>\n</mat-toolbar>","import {Component, EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n selector: 'breadcrumb-component',\n templateUrl: 'breadcrumb.component.html',\n styleUrls: ['breadcrumb.component.scss']\n})\nexport class BreadcrumbComponent {\n\n @Input() public icon = 'keyboard_arrow_right';\n @Input() public items: any = [];\n @Input() public labelProperty = 'label';\n @Output() itemClick: EventEmitter<{ index: number, item: any }> = new EventEmitter();\n\n public eventClick(index: number, item: any): any {\n this.items.splice(index + 1, this.items.length - 1);\n this.itemClick.emit({ index, item });\n }\n\n constructor(\n ) { }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {CentralizedContainerComponent} from './centralized-container/centralized-container.component';\nimport {ConfigurationPageComponent} from './configuration-page-content/configuration-page.component';\nimport {BreadcrumbComponent} from './breadcrumb/breadcrumb.component';\nimport {NgScrollbarModule} from 'ngx-scrollbar';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {IconsModule} from '@apipass/icons';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {MatToolbarModule} from '@angular/material/toolbar';\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n FormsModule,\n ReactiveFormsModule,\n IconsModule,\n ButtonsModule,\n NgScrollbarModule,\n MatFormFieldModule,\n MatIconModule,\n MatInputModule,\n MatToolbarModule\n ],\n declarations: [\n CentralizedContainerComponent,\n ConfigurationPageComponent,\n BreadcrumbComponent\n ],\n exports: [\n CentralizedContainerComponent,\n ConfigurationPageComponent,\n BreadcrumbComponent\n ],\n providers: []\n})\nexport class ContainersModule {}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../projects/containers/src/centralized-container/centralized-container.component.html","../../../projects/containers/src/centralized-container/centralized-container.component.ts","../../../projects/containers/src/configuration-page-content/configuration-page.component.html","../../../projects/containers/src/configuration-page-content/configuration-page.component.ts","../../../projects/containers/src/breadcrumb/breadcrumb.component.html","../../../projects/containers/src/breadcrumb/breadcrumb.component.ts","../../../projects/containers/src/containers.module.ts"],"names":["i0.ɵɵelementStart","i0.ɵɵlistener","i0","ɵɵrestoreView","_r2_1","ɵɵnextContext","searchTermChanged","i0.ɵɵelementEnd","i0.ɵɵtext","i0.ɵɵadvance","i0.ɵɵproperty","CentralizedContainerComponent","this","searchTerm","hasSearch","ignoreZoom","searchChanged","EventEmitter","prototype","emit","i0.ɵɵtextInterpolate","selectors","viewQuery","rf","ctx","NgScrollbar","i0.ɵɵtemplate","i0.ɵɵprojection","_r3_1","ConfigurationPageComponent","_this","verticalSeparate","footerPaginator","searchDebounceTime","searchLabel","txtQueryChanged","Subject","searchClick","pipe","debounceTime","distinctUntilChanged","subscribe","model","next","searchIconClick","i0.ɵɵtextInterpolate1","BreadcrumbComponent","icon","items","labelProperty","itemClick","eventClick","index","item","splice","length","inputs","outputs","decls","vars","consts","template","ContainersModule","providers","imports","CommonModule","RouterModule","FormsModule","ReactiveFormsModule","IconsModule","ButtonsModule","NgScrollbarModule","MatFormFieldModule","MatIconModule","MatInputModule","MatToolbarModule","declarations","exports"],"mappings":"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","sourcesContent":["<div class=\"centralized-container\" [ngClass]=\"{'centralized-container-zoom': !ignoreZoom}\">\n <ng-scrollbar [visibility]=\"'hover'\">\n <div class=\"list-content\">\n <div class=\"list-search\" *ngIf=\"hasSearch\">\n <mat-form-field>\n <input matInput type=\"search\" [(ngModel)]=\"searchTerm\" (ngModelChange)=\"searchTermChanged()\" />\n <mat-icon class=\"search-icon\" matSuffix>search</mat-icon>\n </mat-form-field>\n </div>\n <ng-content></ng-content>\n </div>\n </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\n\n@Component({\n selector: 'centralized-container',\n templateUrl: 'centralized-container.component.html',\n styleUrls: ['centralized-container.component.scss']\n})\nexport class CentralizedContainerComponent {\n\n public searchTerm = '';\n\n @Input() public hasSearch = true;\n @Input() public ignoreZoom = false;\n\n @Output()\n public searchChanged = new EventEmitter<string>();\n\n @ViewChild(NgScrollbar, { static: true })\n public scrollbarRef: NgScrollbar | undefined;\n\n public searchTermChanged(): void {\n this.searchChanged.emit(this.searchTerm);\n }\n\n}\n","<div class=\"configuration-page-container\" [ngClass]=\"{'footer-paginator': footerPaginator}\">\n <ng-scrollbar [visibility]=\"'hover'\">\n <div class=\"list-content\">\n <div class=\"list-search\" *ngIf=\"hasSearch\">\n <mat-form-field class=\"apipass-search-input-text search-input-item small-text\"\n [ngClass]=\"{'label-input': searchLabel}\"\n appearance=\"fill\">\n <mat-label *ngIf=\"searchLabel\">{{searchLabel}}</mat-label>\n <input matInput type=\"search\" class=\"search-input\"\n [(ngModel)]=\"searchTerm\"\n (ngModelChange)=\"searchTermChanged()\"\n />\n <mat-icon class=\"search-icon\" matSuffix (click)=\"searchIconClick()\">search</mat-icon>\n </mat-form-field>\n </div>\n\n <div class=\"container-content\" [ngClass]=\"{'vertical-separate': verticalSeparate}\">\n <ng-content></ng-content>\n </div>\n </div>\n </ng-scrollbar>\n</div>\n","import {Component, EventEmitter, Input, Output, ViewChild} from '@angular/core';\nimport {NgScrollbar} from 'ngx-scrollbar';\nimport {Subject} from 'rxjs';\nimport {debounceTime, distinctUntilChanged} from 'rxjs/operators';\n\n@Component({\n selector: 'configuration-page-container',\n templateUrl: 'configuration-page.component.html',\n styleUrls: ['configuration-page.component.scss']\n})\nexport class ConfigurationPageComponent {\n\n public searchTerm = '';\n\n @Input() public verticalSeparate = false;\n @Input() public footerPaginator = false;\n @Input() public hasSearch = true;\n @Input() public searchDebounceTime = 1000;\n @Input() public searchLabel = '';\n\n txtQueryChanged: Subject<string> = new Subject<string>();\n\n @Output() public searchChanged = new EventEmitter<string>();\n @Output() public searchClick = new EventEmitter<string>();\n\n @ViewChild(NgScrollbar, { static: true })\n public scrollbarRef: NgScrollbar | undefined;\n\n constructor() {\n this.txtQueryChanged.pipe(\n debounceTime(this.searchDebounceTime),\n distinctUntilChanged()).subscribe(model =>\n this.searchChanged.next(model)\n );\n }\n\n public searchTermChanged(): void {\n this.txtQueryChanged.next(this.searchTerm);\n }\n\n public searchIconClick(): void {\n this.searchClick.next(this.searchTerm);\n }\n\n}\n","<mat-toolbar *ngIf=\"items.length > 0\" color=\"primary\">\n <span *ngFor=\"let header of items; let indx = index\">\n <a mat-button (click)=\"eventClick(indx, header)\">{{header[labelProperty]}}\n <mat-icon>{{icon}}</mat-icon>\n </a>\n </span>\n</mat-toolbar>","import {Component, EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n selector: 'breadcrumb-component',\n templateUrl: 'breadcrumb.component.html',\n styleUrls: ['breadcrumb.component.scss']\n})\nexport class BreadcrumbComponent {\n\n @Input() public icon = 'keyboard_arrow_right';\n @Input() public items: any = [];\n @Input() public labelProperty = 'label';\n @Output() itemClick: EventEmitter<{ index: number, item: any }> = new EventEmitter();\n\n public eventClick(index: number, item: any): any {\n this.items.splice(index + 1, this.items.length - 1);\n this.itemClick.emit({ index, item });\n }\n\n constructor(\n ) { }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {CentralizedContainerComponent} from './centralized-container/centralized-container.component';\nimport {ConfigurationPageComponent} from './configuration-page-content/configuration-page.component';\nimport {BreadcrumbComponent} from './breadcrumb/breadcrumb.component';\nimport {NgScrollbarModule} from 'ngx-scrollbar';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {IconsModule} from '@apipass/icons';\nimport {ButtonsModule} from '@apipass/buttons';\nimport {MatToolbarModule} from '@angular/material/toolbar';\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n FormsModule,\n ReactiveFormsModule,\n IconsModule,\n ButtonsModule,\n NgScrollbarModule,\n MatFormFieldModule,\n MatIconModule,\n MatInputModule,\n MatToolbarModule\n ],\n declarations: [\n CentralizedContainerComponent,\n ConfigurationPageComponent,\n BreadcrumbComponent\n ],\n exports: [\n CentralizedContainerComponent,\n ConfigurationPageComponent,\n BreadcrumbComponent\n ],\n providers: []\n})\nexport class ContainersModule {}\n"]}
|
|
@@ -91,7 +91,7 @@ ConfigurationPageComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfigurationP
|
|
|
91
91
|
i0.ɵɵproperty("ngIf", ctx.hasSearch);
|
|
92
92
|
i0.ɵɵadvance(1);
|
|
93
93
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
|
|
94
|
-
} }, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: ["
|
|
94
|
+
} }, directives: [i1.NgClass, i2.NgScrollbar, i1.NgIf, i3.MatFormField, i4.MatInput, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i6.MatIcon, i3.MatSuffix, i3.MatLabel], styles: [".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"] });
|
|
95
95
|
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfigurationPageComponent, [{
|
|
96
96
|
type: Component,
|
|
97
97
|
args: [{
|
|
@@ -166,7 +166,7 @@ ConfigurationPageComponent.ɵcmp = ɵɵdefineComponent({ type: ConfigurationPage
|
|
|
166
166
|
ɵɵproperty("ngIf", ctx.hasSearch);
|
|
167
167
|
ɵɵadvance(1);
|
|
168
168
|
ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c2, ctx.verticalSeparate));
|
|
169
|
-
} }, directives: [NgClass, NgScrollbar, NgIf, MatFormField, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatIcon, MatSuffix, MatLabel], styles: ["
|
|
169
|
+
} }, directives: [NgClass, NgScrollbar, NgIf, MatFormField, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatIcon, MatSuffix, MatLabel], styles: [".configuration-page-container[_ngcontent-%COMP%]{border:1px solid var(--color-tertiary);display:flex;height:100%}.configuration-page-container.footer-paginator[_ngcontent-%COMP%]{height:calc(100% - 50px)}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .ng-scroll-content[_ngcontent-%COMP%]{height:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%]{padding-right:15px;padding-top:15px;place-self:flex-end;width:30%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}.configuration-page-container[_ngcontent-%COMP%] ng-scrollbar[_ngcontent-%COMP%] .list-content[_ngcontent-%COMP%] .list-search[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{cursor:pointer;font-size:1.8rem;opacity:.5}.configuration-page-container[_ngcontent-%COMP%] .container-content[_ngcontent-%COMP%]{height:100%;width:100%}.configuration-page-container[_ngcontent-%COMP%] .container-content.vertical-separate[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between}"] });
|
|
170
170
|
/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfigurationPageComponent, [{
|
|
171
171
|
type: Component,
|
|
172
172
|
args: [{
|