@churchillliving/se-ui-toolkit 6.54.314 → 6.54.316

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.
@@ -3,9 +3,8 @@ import { take } from 'rxjs/operators';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/platform-browser";
5
5
  import * as i2 from "../../../services/form.service";
6
- import * as i3 from "@angular/common";
7
- import * as i4 from "primeng/api";
8
- import * as i5 from "primeng/splitter";
6
+ import * as i3 from "primeng/api";
7
+ import * as i4 from "primeng/splitter";
9
8
  export class SplitterComponent {
10
9
  constructor(ngZone, sanitizer, formService) {
11
10
  this.ngZone = ngZone;
@@ -24,11 +23,13 @@ export class SplitterComponent {
24
23
  this.viewContainerPanelRef.clear();
25
24
  return console.warn("There is already a component open please click on X icon first");
26
25
  }
27
- var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
28
- this.formService.isComponentExist = true;
29
- newComponent.instance.config = {};
30
- if (this.configData) {
31
- newComponent.instance.config.data = this.configData;
26
+ else if (!this.formService.isComponentExist) {
27
+ var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
28
+ this.formService.isComponentExist = true;
29
+ newComponent.instance.config = {};
30
+ if (this.configData) {
31
+ newComponent.instance.config.data = this.configData;
32
+ }
32
33
  }
33
34
  });
34
35
  }
@@ -37,11 +38,11 @@ export class SplitterComponent {
37
38
  this.formService.isComponentExist = false;
38
39
  }
39
40
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.NgZone }, { token: i1.DomSanitizer }, { token: i2.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
40
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div *ngIf=\"formService?.isComponentExist\" #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
41
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"], dependencies: [{ kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
41
42
  }
42
43
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, decorators: [{
43
44
  type: Component,
44
- args: [{ selector: 'se-splitter', template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div *ngIf=\"formService?.isComponentExist\" #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"] }]
45
+ args: [{ selector: 'se-splitter', template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"] }]
45
46
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomSanitizer }, { type: i2.FormService }]; }, propDecorators: { panelComponent: [{
46
47
  type: Input
47
48
  }], existingCopmonent: [{
@@ -57,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
57
58
  type: ViewChild,
58
59
  args: ['viewContainerRef', { read: ViewContainerRef, static: false }]
59
60
  }] } });
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG5lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9iYXNlL3NwbGl0dGVyL3NwbGl0dGVyLmNvbXBuZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvYmFzZS9zcGxpdHRlci9zcGxpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBU3RDLE1BQU0sT0FBTyxpQkFBaUI7SUFVNUIsWUFBb0IsTUFBYyxFQUFVLFNBQXVCLEVBQVUsV0FBd0I7UUFBakYsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQU4zRixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBTThDLENBQUM7SUFDekcsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUTthQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsOENBQThDO2FBQzVELFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUN2RixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ25DLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxnRUFBZ0UsQ0FBQyxDQUFBO2FBQ3RGO1lBRUQsSUFBSSxZQUFZLEdBQVEsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGVBQWUsQ0FDaEUsSUFBSSxDQUFDLGNBQWMsQ0FDcEIsQ0FBQztZQUNGLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO1lBQ3pDLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztZQUNsQyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7Z0JBQ25CLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO2FBQ3JEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFDNUMsQ0FBQztpSUFyQ1UsaUJBQWlCO3FIQUFqQixpQkFBaUIsbVVBS2dCLGdCQUFnQiwrR0FFckIsZ0JBQWdCLDZCQ2pCekQsK2pCQVlNOzsyRkRGTyxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsYUFBYTtrSkFLZCxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFFUCxxQkFBcUI7c0JBRHBCLFNBQVM7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFHN0UsZ0JBQWdCO3NCQURmLFNBQVM7dUJBQUMsa0JBQWtCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgTmdab25lLCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyB0YWtlIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gXCJAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyXCI7XG5pbXBvcnQgeyBGb3JtU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi9zZXJ2aWNlcy9mb3JtLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Utc3BsaXR0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BsaXR0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGxpdHRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxpdHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBwYW5lbENvbXBvbmVudDogYW55O1xuICBASW5wdXQoKSBleGlzdGluZ0NvcG1vbmVudDogYW55O1xuICBASW5wdXQoKSBjb25maWdEYXRhOiBhbnk7XG4gIEBPdXRwdXQoKSBjbG9zZVBhbmVsRW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQFZpZXdDaGlsZCgndmlld0NvbnRhaW5lclBhbmVsUmVmJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IGZhbHNlIH0pXG4gIHZpZXdDb250YWluZXJQYW5lbFJlZjogVmlld0NvbnRhaW5lclJlZjtcbiAgQFZpZXdDaGlsZCgndmlld0NvbnRhaW5lclJlZicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiBmYWxzZSB9KVxuICB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmO1xuICBzYW5pdGl6ZWRDb250ZW50ITogU2FmZUh0bWw7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmdab25lOiBOZ1pvbmUsIHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsIHByaXZhdGUgZm9ybVNlcnZpY2U6IEZvcm1TZXJ2aWNlKSB7fVxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ1pvbmUub25TdGFibGVcbiAgICAgIC5waXBlKHRha2UoMSkpIC8vIEVtaXQgb25seSBvbmNlIHdoZW4gdGhlIHpvbmUgYmVjb21lcyBzdGFibGVcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLnNhbml0aXplZENvbnRlbnQgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbCh0aGlzLmV4aXN0aW5nQ29wbW9uZW50KTtcbiAgICAgICAgaWYgKHRoaXMuZm9ybVNlcnZpY2UuaXNDb21wb25lbnRFeGlzdCkge1xuICAgICAgICAgIHRoaXMudmlld0NvbnRhaW5lclBhbmVsUmVmLnJlbW92ZSgpO1xuICAgICAgICAgIHRoaXMudmlld0NvbnRhaW5lclBhbmVsUmVmLmRldGFjaCgpO1xuICAgICAgICAgIHRoaXMudmlld0NvbnRhaW5lclBhbmVsUmVmLmNsZWFyKCk7XG4gICAgICAgICAgcmV0dXJuIGNvbnNvbGUud2FybihcIlRoZXJlIGlzIGFscmVhZHkgYSBjb21wb25lbnQgb3BlbiBwbGVhc2UgY2xpY2sgb24gWCBpY29uIGZpcnN0XCIpXG4gICAgICAgIH1cblxuICAgICAgICB2YXIgbmV3Q29tcG9uZW50OiBhbnkgPSB0aGlzLnZpZXdDb250YWluZXJQYW5lbFJlZi5jcmVhdGVDb21wb25lbnQoXG4gICAgICAgICAgdGhpcy5wYW5lbENvbXBvbmVudFxuICAgICAgICApO1xuICAgICAgICB0aGlzLmZvcm1TZXJ2aWNlLmlzQ29tcG9uZW50RXhpc3QgPSB0cnVlO1xuICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnID0ge307XG4gICAgICAgIGlmICh0aGlzLmNvbmZpZ0RhdGEpIHtcbiAgICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnLmRhdGEgPSB0aGlzLmNvbmZpZ0RhdGE7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgY2xvc2VQYW5lbCgpIHtcbiAgICB0aGlzLmNsb3NlUGFuZWxFbWl0dGVyLmVtaXQodHJ1ZSk7XG4gICAgdGhpcy5mb3JtU2VydmljZS5pc0NvbXBvbmVudEV4aXN0ID0gZmFsc2U7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwiY2FyZFwiPlxuICAgIDxwLXNwbGl0dGVyICBjbGFzcz1cInNwbGl0dGVyLXdyYXBwZXJcIlxuICAgICAgICBbc3R5bGVdPVwieyBoZWlnaHQ6ICc4MzBweCcsIHdpZHRoOicxMDAlJ31cIiAgXG4gICAgICAgIGxheW91dD1cInZlcnRpY2FsXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPlxuICAgICAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJzYW5pdGl6ZWRDb250ZW50XCI+PC9kaXY+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNsb3NlSWNvblwiPiA8aSBjbGFzcz1cImZhLXJlZ3VsYXIgZmEteFwiIChjbGljayk9XCJjbG9zZVBhbmVsKClcIj48L2k+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxkaXYgICpuZ0lmPVwiZm9ybVNlcnZpY2U/LmlzQ29tcG9uZW50RXhpc3RcIiAjdmlld0NvbnRhaW5lclBhbmVsUmVmPjwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3Atc3BsaXR0ZXI+XG48L2Rpdj4iXX0=
61
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG5lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9iYXNlL3NwbGl0dGVyL3NwbGl0dGVyLmNvbXBuZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvYmFzZS9zcGxpdHRlci9zcGxpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFTdEMsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUFvQixNQUFjLEVBQVUsU0FBdUIsRUFBVSxXQUF3QjtRQUFqRixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBTjNGLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFNOEMsQ0FBQztJQUN6RyxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyw4Q0FBOEM7YUFDNUQsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1lBQ3ZGLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDckMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkMsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLGdFQUFnRSxDQUFDLENBQUE7YUFDdEY7aUJBQ0ksSUFBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUM7Z0JBQ3pDLElBQUksWUFBWSxHQUFRLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxlQUFlLENBQ2hFLElBQUksQ0FBQyxjQUFjLENBQ3BCLENBQUM7Z0JBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7Z0JBQ3pDLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztnQkFDbEMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUNuQixZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztpQkFDckQ7YUFDRjtRQUVILENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO0lBQzVDLENBQUM7aUlBdkNVLGlCQUFpQjtxSEFBakIsaUJBQWlCLG1VQUtnQixnQkFBZ0IsK0dBRXJCLGdCQUFnQiw2QkNqQnpELHNoQkFZTTs7MkZERk8saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGFBQWE7a0pBS2QsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBRVAscUJBQXFCO3NCQURwQixTQUFTO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBRzdFLGdCQUFnQjtzQkFEZixTQUFTO3VCQUFDLGtCQUFrQixFQUFFLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE5nWm9uZSwgT3V0cHV0LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tIFwiQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3NlclwiO1xuaW1wb3J0IHsgRm9ybVNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vLi4vc2VydmljZXMvZm9ybS5zZXJ2aWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlLXNwbGl0dGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwbGl0dGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3BsaXR0ZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU3BsaXR0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcGFuZWxDb21wb25lbnQ6IGFueTtcbiAgQElucHV0KCkgZXhpc3RpbmdDb3Btb25lbnQ6IGFueTtcbiAgQElucHV0KCkgY29uZmlnRGF0YTogYW55O1xuICBAT3V0cHV0KCkgY2xvc2VQYW5lbEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBWaWV3Q2hpbGQoJ3ZpZXdDb250YWluZXJQYW5lbFJlZicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiBmYWxzZSB9KVxuICB2aWV3Q29udGFpbmVyUGFuZWxSZWY6IFZpZXdDb250YWluZXJSZWY7XG4gIEBWaWV3Q2hpbGQoJ3ZpZXdDb250YWluZXJSZWYnLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSlcbiAgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZjtcbiAgc2FuaXRpemVkQ29udGVudCE6IFNhZmVIdG1sO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5nWm9uZTogTmdab25lLCBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIGZvcm1TZXJ2aWNlOiBGb3JtU2VydmljZSkge31cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMubmdab25lLm9uU3RhYmxlXG4gICAgICAucGlwZSh0YWtlKDEpKSAvLyBFbWl0IG9ubHkgb25jZSB3aGVuIHRoZSB6b25lIGJlY29tZXMgc3RhYmxlXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5zYW5pdGl6ZWRDb250ZW50ID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodGhpcy5leGlzdGluZ0NvcG1vbmVudCk7XG4gICAgICAgIGlmICh0aGlzLmZvcm1TZXJ2aWNlLmlzQ29tcG9uZW50RXhpc3QpIHtcbiAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXJQYW5lbFJlZi5yZW1vdmUoKTtcbiAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXJQYW5lbFJlZi5kZXRhY2goKTtcbiAgICAgICAgICB0aGlzLnZpZXdDb250YWluZXJQYW5lbFJlZi5jbGVhcigpO1xuICAgICAgICAgIHJldHVybiBjb25zb2xlLndhcm4oXCJUaGVyZSBpcyBhbHJlYWR5IGEgY29tcG9uZW50IG9wZW4gcGxlYXNlIGNsaWNrIG9uIFggaWNvbiBmaXJzdFwiKVxuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYoIXRoaXMuZm9ybVNlcnZpY2UuaXNDb21wb25lbnRFeGlzdCl7XG4gICAgICAgICAgdmFyIG5ld0NvbXBvbmVudDogYW55ID0gdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuY3JlYXRlQ29tcG9uZW50KFxuICAgICAgICAgICAgdGhpcy5wYW5lbENvbXBvbmVudFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy5mb3JtU2VydmljZS5pc0NvbXBvbmVudEV4aXN0ID0gdHJ1ZTtcbiAgICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnID0ge307XG4gICAgICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YSkge1xuICAgICAgICAgICAgbmV3Q29tcG9uZW50Lmluc3RhbmNlLmNvbmZpZy5kYXRhID0gdGhpcy5jb25maWdEYXRhO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICB9KTtcbiAgfVxuXG4gIGNsb3NlUGFuZWwoKSB7XG4gICAgdGhpcy5jbG9zZVBhbmVsRW1pdHRlci5lbWl0KHRydWUpO1xuICAgIHRoaXMuZm9ybVNlcnZpY2UuaXNDb21wb25lbnRFeGlzdCA9IGZhbHNlO1xuICB9XG59IiwiPGRpdiBjbGFzcz1cImNhcmRcIj5cbiAgICA8cC1zcGxpdHRlciAgY2xhc3M9XCJzcGxpdHRlci13cmFwcGVyXCJcbiAgICAgICAgW3N0eWxlXT1cInsgaGVpZ2h0OiAnODMwcHgnLCB3aWR0aDonMTAwJSd9XCIgIFxuICAgICAgICBsYXlvdXQ9XCJ2ZXJ0aWNhbFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwic2FuaXRpemVkQ29udGVudFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjbG9zZUljb25cIj4gPGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLXhcIiAoY2xpY2spPVwiY2xvc2VQYW5lbCgpXCI+PC9pPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2ICN2aWV3Q29udGFpbmVyUGFuZWxSZWY+PC9kaXY+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvcC1zcGxpdHRlcj5cbjwvZGl2PiJdfQ==
@@ -59,7 +59,7 @@ import * as i7$1 from '@angular/cdk/drag-drop';
59
59
  import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
60
60
  import * as i6$1 from 'primeng/card';
61
61
  import { CardModule } from 'primeng/card';
62
- import * as i5$1 from 'primeng/splitter';
62
+ import * as i4$2 from 'primeng/splitter';
63
63
  import { SplitterModule } from 'primeng/splitter';
64
64
  import * as i3$4 from 'primeng/galleria';
65
65
  import { GalleriaModule } from 'primeng/galleria';
@@ -67,7 +67,7 @@ import { RadioButtonModule } from 'primeng/radiobutton';
67
67
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
68
68
  import { TabViewModule } from 'primeng/tabview';
69
69
  import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
70
- import * as i5$2 from 'primeng/panelmenu';
70
+ import * as i5$1 from 'primeng/panelmenu';
71
71
  import { PanelMenuModule } from 'primeng/panelmenu';
72
72
  import * as i2$2 from 'ngx-cookie-service';
73
73
  import * as i6$2 from 'primeng/avatar';
@@ -7139,11 +7139,13 @@ class SplitterComponent {
7139
7139
  this.viewContainerPanelRef.clear();
7140
7140
  return console.warn("There is already a component open please click on X icon first");
7141
7141
  }
7142
- var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
7143
- this.formService.isComponentExist = true;
7144
- newComponent.instance.config = {};
7145
- if (this.configData) {
7146
- newComponent.instance.config.data = this.configData;
7142
+ else if (!this.formService.isComponentExist) {
7143
+ var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
7144
+ this.formService.isComponentExist = true;
7145
+ newComponent.instance.config = {};
7146
+ if (this.configData) {
7147
+ newComponent.instance.config.data = this.configData;
7148
+ }
7147
7149
  }
7148
7150
  });
7149
7151
  }
@@ -7152,11 +7154,11 @@ class SplitterComponent {
7152
7154
  this.formService.isComponentExist = false;
7153
7155
  }
7154
7156
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.NgZone }, { token: i1.DomSanitizer }, { token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
7155
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div *ngIf=\"formService?.isComponentExist\" #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
7157
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"], dependencies: [{ kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
7156
7158
  }
7157
7159
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, decorators: [{
7158
7160
  type: Component,
7159
- args: [{ selector: 'se-splitter', template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div *ngIf=\"formService?.isComponentExist\" #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"] }]
7161
+ args: [{ selector: 'se-splitter', template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"] }]
7160
7162
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomSanitizer }, { type: FormService }]; }, propDecorators: { panelComponent: [{
7161
7163
  type: Input
7162
7164
  }], existingCopmonent: [{
@@ -12226,7 +12228,7 @@ class MenuBarComponent {
12226
12228
  });
12227
12229
  }
12228
12230
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, deps: [{ token: AuthenticationService }, { token: i2$2.CookieService }, { token: i6.Router }], target: i0.ɵɵFactoryTarget.Component }); }
12229
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #testavatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\"\n size=\"xlarge\"\n [hidden]=\"!this.headshotPath \"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\"\n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n</ng-template>\n<div\n class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\"\n *ngIf=\"hiddenPanelMenu\"\n>\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <ng-template *ngIf=\"!toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n\n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu\n [model]=\"menuBarItemsTop\"\n class=\"menuSidebar first\"\n ></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <ng-template *ngIf=\"toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n <p-panelMenu\n [model]=\"menuBarItemsBottom\"\n class=\"menuSidebar second\"\n ></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}:host ::ng-deep .p-avatar img{-o-object-fit:cover;object-fit:cover}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }, { kind: "component", type: i6$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] }); }
12231
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #testavatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\"\n size=\"xlarge\"\n [hidden]=\"!this.headshotPath \"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\"\n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n</ng-template>\n<div\n class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\"\n *ngIf=\"hiddenPanelMenu\"\n>\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <ng-template *ngIf=\"!toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n\n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu\n [model]=\"menuBarItemsTop\"\n class=\"menuSidebar first\"\n ></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <ng-template *ngIf=\"toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n <p-panelMenu\n [model]=\"menuBarItemsBottom\"\n class=\"menuSidebar second\"\n ></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}:host ::ng-deep .p-avatar img{-o-object-fit:cover;object-fit:cover}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }, { kind: "component", type: i6$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] }); }
12230
12232
  }
12231
12233
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
12232
12234
  type: Component,
@@ -12633,7 +12635,7 @@ class SidebarComponent {
12633
12635
  });
12634
12636
  }
12635
12637
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.Renderer2 }, { token: FormService }, { token: GridService }, { token: AuthenticationService }, { token: i1$1.DialogService }, { token: i6.Router }, { token: PageLoggerService }, { token: HyperlinkService }, { token: AlertService }, { token: i0.NgZone }, { token: i6.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
12636
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"{\n 'pi-chevron-left': (toggleMenu && !isLeftSidebar) || (!toggleMenu && isLeftSidebar),\n 'pi-chevron-right': (!toggleMenu && !isLeftSidebar) || (toggleMenu && isLeftSidebar)\n }\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .p-panelmenu-panel,:host ::ng-deep .p-element,:host ::ng-deep .p-panelmenu-header,:host ::ng-deep .p-panelmenu .p-panelmenu-header{border-bottom:0!important}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
12638
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"{\n 'pi-chevron-left': (toggleMenu && !isLeftSidebar) || (!toggleMenu && isLeftSidebar),\n 'pi-chevron-right': (!toggleMenu && !isLeftSidebar) || (toggleMenu && isLeftSidebar)\n }\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .p-panelmenu-panel,:host ::ng-deep .p-element,:host ::ng-deep .p-panelmenu-header,:host ::ng-deep .p-panelmenu .p-panelmenu-header{border-bottom:0!important}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
12637
12639
  }
12638
12640
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
12639
12641
  type: Component,