@churchillliving/se-ui-toolkit 6.54.317 → 6.54.319

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;
@@ -22,10 +21,9 @@ export class SplitterComponent {
22
21
  this.viewContainerPanelRef.remove();
23
22
  this.viewContainerPanelRef.detach();
24
23
  this.viewContainerPanelRef.clear();
25
- this.formService.isComponentExist = false;
26
- return;
24
+ return console.warn("There is already a component open please click on X icon first");
27
25
  }
28
- var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
26
+ var newComponent = this.viewContainerPanelRef?.createComponent(this.panelComponent);
29
27
  this.formService.isComponentExist = true;
30
28
  newComponent.instance.config = {};
31
29
  if (this.configData) {
@@ -38,11 +36,11 @@ export class SplitterComponent {
38
36
  this.formService.isComponentExist = false;
39
37
  }
40
38
  /** @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 }); }
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 <div *ngIf=\"formService?.isComponentExist\">\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </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,div){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"] }] }); }
39
+ /** @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,div){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"] }] }); }
42
40
  }
43
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, decorators: [{
44
42
  type: Component,
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 <div *ngIf=\"formService?.isComponentExist\">\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </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,div){width:100%}\n"] }]
43
+ 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,div){width:100%}\n"] }]
46
44
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomSanitizer }, { type: i2.FormService }]; }, propDecorators: { panelComponent: [{
47
45
  type: Input
48
46
  }], existingCopmonent: [{
@@ -58,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
58
56
  type: ViewChild,
59
57
  args: ['viewContainerRef', { read: ViewContainerRef, static: false }]
60
58
  }] } });
61
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG5lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9iYXNlL3NwbGl0dGVyL3NwbGl0dGVyLmNvbXBuZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvYmFzZS9zcGxpdHRlci9zcGxpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBU3RDLE1BQU0sT0FBTyxpQkFBaUI7SUFVNUIsWUFBb0IsTUFBYyxFQUFVLFNBQXVCLEVBQVUsV0FBd0I7UUFBakYsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQU4zRixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBTThDLENBQUM7SUFDekcsZUFBZTtRQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUTthQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsOENBQThDO2FBQzVELFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUN2RixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLEdBQUksS0FBSyxDQUFDO2dCQUMzQyxPQUFPO2FBQ1I7WUFDQyxJQUFJLFlBQVksR0FBUSxJQUFJLENBQUMscUJBQXFCLENBQUMsZUFBZSxDQUNoRSxJQUFJLENBQUMsY0FBYyxDQUNwQixDQUFDO1lBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFDekMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1lBQ2xDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDbkIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7YUFDckQ7UUFFTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztJQUM1QyxDQUFDO2lJQXRDVSxpQkFBaUI7cUhBQWpCLGlCQUFpQixtVUFLZ0IsZ0JBQWdCLCtHQUVyQixnQkFBZ0IsNkJDakJ6RCw2cEJBY007OzJGREpPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxhQUFhO2tKQUtkLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNO2dCQUVQLHFCQUFxQjtzQkFEcEIsU0FBUzt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUc3RSxnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxrQkFBa0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7IEZvcm1TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2VzL2Zvcm0uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZS1zcGxpdHRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGxpdHRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwbGl0dGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNwbGl0dGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHBhbmVsQ29tcG9uZW50OiBhbnk7XG4gIEBJbnB1dCgpIGV4aXN0aW5nQ29wbW9uZW50OiBhbnk7XG4gIEBJbnB1dCgpIGNvbmZpZ0RhdGE6IGFueTtcbiAgQE91dHB1dCgpIGNsb3NlUGFuZWxFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAVmlld0NoaWxkKCd2aWV3Q29udGFpbmVyUGFuZWxSZWYnLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSlcbiAgdmlld0NvbnRhaW5lclBhbmVsUmVmOiBWaWV3Q29udGFpbmVyUmVmO1xuICBAVmlld0NoaWxkKCd2aWV3Q29udGFpbmVyUmVmJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IGZhbHNlIH0pXG4gIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWY7XG4gIHNhbml0aXplZENvbnRlbnQhOiBTYWZlSHRtbDtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSwgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplciwgcHJpdmF0ZSBmb3JtU2VydmljZTogRm9ybVNlcnZpY2UpIHt9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nWm9uZS5vblN0YWJsZVxuICAgICAgLnBpcGUodGFrZSgxKSkgLy8gRW1pdCBvbmx5IG9uY2Ugd2hlbiB0aGUgem9uZSBiZWNvbWVzIHN0YWJsZVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2FuaXRpemVkQ29udGVudCA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHRoaXMuZXhpc3RpbmdDb3Btb25lbnQpO1xuICAgICAgICBpZiAodGhpcy5mb3JtU2VydmljZS5pc0NvbXBvbmVudEV4aXN0KSB7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYucmVtb3ZlKCk7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuZGV0YWNoKCk7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuY2xlYXIoKTtcbiAgICAgICAgICB0aGlzLmZvcm1TZXJ2aWNlLmlzQ29tcG9uZW50RXhpc3QgPSAgZmFsc2U7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgICAgdmFyIG5ld0NvbXBvbmVudDogYW55ID0gdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuY3JlYXRlQ29tcG9uZW50KFxuICAgICAgICAgICAgdGhpcy5wYW5lbENvbXBvbmVudFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy5mb3JtU2VydmljZS5pc0NvbXBvbmVudEV4aXN0ID0gdHJ1ZTtcbiAgICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnID0ge307XG4gICAgICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YSkge1xuICAgICAgICAgICAgbmV3Q29tcG9uZW50Lmluc3RhbmNlLmNvbmZpZy5kYXRhID0gdGhpcy5jb25maWdEYXRhO1xuICAgICAgICAgIH1cblxuICAgICAgfSk7XG4gIH1cblxuICBjbG9zZVBhbmVsKCkge1xuICAgIHRoaXMuY2xvc2VQYW5lbEVtaXR0ZXIuZW1pdCh0cnVlKTtcbiAgICB0aGlzLmZvcm1TZXJ2aWNlLmlzQ29tcG9uZW50RXhpc3QgPSBmYWxzZTtcbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJjYXJkXCI+XG4gICAgPHAtc3BsaXR0ZXIgIGNsYXNzPVwic3BsaXR0ZXItd3JhcHBlclwiXG4gICAgICAgIFtzdHlsZV09XCJ7IGhlaWdodDogJzgzMHB4Jywgd2lkdGg6JzEwMCUnfVwiICBcbiAgICAgICAgbGF5b3V0PVwidmVydGljYWxcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cInNhbml0aXplZENvbnRlbnRcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJmb3JtU2VydmljZT8uaXNDb21wb25lbnRFeGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjbG9zZUljb25cIj4gPGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLXhcIiAoY2xpY2spPVwiY2xvc2VQYW5lbCgpXCI+PC9pPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgI3ZpZXdDb250YWluZXJQYW5lbFJlZj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3Atc3BsaXR0ZXI+XG48L2Rpdj4iXX0=
59
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG5lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9iYXNlL3NwbGl0dGVyL3NwbGl0dGVyLmNvbXBuZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvYmFzZS9zcGxpdHRlci9zcGxpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFTdEMsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUFvQixNQUFjLEVBQVUsU0FBdUIsRUFBVSxXQUF3QjtRQUFqRixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBTjNGLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFNOEMsQ0FBQztJQUN6RyxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyw4Q0FBOEM7YUFDNUQsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1lBQ3ZGLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDckMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMscUJBQXFCLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkMsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLGdFQUFnRSxDQUFDLENBQUE7YUFDdEY7WUFDQyxJQUFJLFlBQVksR0FBUSxJQUFJLENBQUMscUJBQXFCLEVBQUUsZUFBZSxDQUNqRSxJQUFJLENBQUMsY0FBYyxDQUNwQixDQUFDO1lBQ0YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFDekMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDO1lBQ2xDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDbkIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7YUFDckQ7UUFFTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztJQUM1QyxDQUFDO2lJQXJDVSxpQkFBaUI7cUhBQWpCLGlCQUFpQixtVUFLZ0IsZ0JBQWdCLCtHQUVyQixnQkFBZ0IsNkJDakJ6RCw4akJBWU07OzJGREZPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxhQUFhO2tKQUtkLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNO2dCQUVQLHFCQUFxQjtzQkFEcEIsU0FBUzt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUc3RSxnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxrQkFBa0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcbmltcG9ydCB7IEZvcm1TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2VzL2Zvcm0uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZS1zcGxpdHRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGxpdHRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NwbGl0dGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNwbGl0dGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHBhbmVsQ29tcG9uZW50OiBhbnk7XG4gIEBJbnB1dCgpIGV4aXN0aW5nQ29wbW9uZW50OiBhbnk7XG4gIEBJbnB1dCgpIGNvbmZpZ0RhdGE6IGFueTtcbiAgQE91dHB1dCgpIGNsb3NlUGFuZWxFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAVmlld0NoaWxkKCd2aWV3Q29udGFpbmVyUGFuZWxSZWYnLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSlcbiAgdmlld0NvbnRhaW5lclBhbmVsUmVmOiBWaWV3Q29udGFpbmVyUmVmO1xuICBAVmlld0NoaWxkKCd2aWV3Q29udGFpbmVyUmVmJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IGZhbHNlIH0pXG4gIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWY7XG4gIHNhbml0aXplZENvbnRlbnQhOiBTYWZlSHRtbDtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSwgcHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplciwgcHJpdmF0ZSBmb3JtU2VydmljZTogRm9ybVNlcnZpY2UpIHt9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm5nWm9uZS5vblN0YWJsZVxuICAgICAgLnBpcGUodGFrZSgxKSkgLy8gRW1pdCBvbmx5IG9uY2Ugd2hlbiB0aGUgem9uZSBiZWNvbWVzIHN0YWJsZVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2FuaXRpemVkQ29udGVudCA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHRoaXMuZXhpc3RpbmdDb3Btb25lbnQpO1xuICAgICAgICBpZiAodGhpcy5mb3JtU2VydmljZS5pc0NvbXBvbmVudEV4aXN0KSB7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYucmVtb3ZlKCk7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuZGV0YWNoKCk7XG4gICAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUGFuZWxSZWYuY2xlYXIoKTtcbiAgICAgICAgICByZXR1cm4gY29uc29sZS53YXJuKFwiVGhlcmUgaXMgYWxyZWFkeSBhIGNvbXBvbmVudCBvcGVuIHBsZWFzZSBjbGljayBvbiBYIGljb24gZmlyc3RcIilcbiAgICAgICAgfVxuICAgICAgICAgIHZhciBuZXdDb21wb25lbnQ6IGFueSA9IHRoaXMudmlld0NvbnRhaW5lclBhbmVsUmVmPy5jcmVhdGVDb21wb25lbnQoXG4gICAgICAgICAgICB0aGlzLnBhbmVsQ29tcG9uZW50XG4gICAgICAgICAgKTtcbiAgICAgICAgICB0aGlzLmZvcm1TZXJ2aWNlLmlzQ29tcG9uZW50RXhpc3QgPSB0cnVlO1xuICAgICAgICAgIG5ld0NvbXBvbmVudC5pbnN0YW5jZS5jb25maWcgPSB7fTtcbiAgICAgICAgICBpZiAodGhpcy5jb25maWdEYXRhKSB7XG4gICAgICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnLmRhdGEgPSB0aGlzLmNvbmZpZ0RhdGE7XG4gICAgICAgICAgfVxuXG4gICAgICB9KTtcbiAgfVxuXG4gIGNsb3NlUGFuZWwoKSB7XG4gICAgdGhpcy5jbG9zZVBhbmVsRW1pdHRlci5lbWl0KHRydWUpO1xuICAgIHRoaXMuZm9ybVNlcnZpY2UuaXNDb21wb25lbnRFeGlzdCA9IGZhbHNlO1xuICB9XG59IiwiPGRpdiBjbGFzcz1cImNhcmRcIj5cbiAgICA8cC1zcGxpdHRlciAgY2xhc3M9XCJzcGxpdHRlci13cmFwcGVyXCJcbiAgICAgICAgW3N0eWxlXT1cInsgaGVpZ2h0OiAnODMwcHgnLCB3aWR0aDonMTAwJSd9XCIgIFxuICAgICAgICBsYXlvdXQ9XCJ2ZXJ0aWNhbFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwic2FuaXRpemVkQ29udGVudFwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2xvc2VJY29uXCI+IDxpIGNsYXNzPVwiZmEtcmVndWxhciBmYS14XCIgKGNsaWNrKT1cImNsb3NlUGFuZWwoKVwiPjwvaT48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICN2aWV3Q29udGFpbmVyUGFuZWxSZWY+PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8L3Atc3BsaXR0ZXI+XG48L2Rpdj4iXX0=
@@ -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';
@@ -7137,10 +7137,9 @@ class SplitterComponent {
7137
7137
  this.viewContainerPanelRef.remove();
7138
7138
  this.viewContainerPanelRef.detach();
7139
7139
  this.viewContainerPanelRef.clear();
7140
- this.formService.isComponentExist = false;
7141
- return;
7140
+ return console.warn("There is already a component open please click on X icon first");
7142
7141
  }
7143
- var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
7142
+ var newComponent = this.viewContainerPanelRef?.createComponent(this.panelComponent);
7144
7143
  this.formService.isComponentExist = true;
7145
7144
  newComponent.instance.config = {};
7146
7145
  if (this.configData) {
@@ -7153,11 +7152,11 @@ class SplitterComponent {
7153
7152
  this.formService.isComponentExist = false;
7154
7153
  }
7155
7154
  /** @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 }); }
7156
- /** @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 <div *ngIf=\"formService?.isComponentExist\">\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </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,div){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"] }] }); }
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 #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,div){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"] }] }); }
7157
7156
  }
7158
7157
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, decorators: [{
7159
7158
  type: Component,
7160
- 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 <div *ngIf=\"formService?.isComponentExist\">\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </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,div){width:100%}\n"] }]
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 #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,div){width:100%}\n"] }]
7161
7160
  }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomSanitizer }, { type: FormService }]; }, propDecorators: { panelComponent: [{
7162
7161
  type: Input
7163
7162
  }], existingCopmonent: [{
@@ -12227,7 +12226,7 @@ class MenuBarComponent {
12227
12226
  });
12228
12227
  }
12229
12228
  /** @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 }); }
12230
- /** @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"] }] }); }
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$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"] }] }); }
12231
12230
  }
12232
12231
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
12233
12232
  type: Component,
@@ -12634,7 +12633,7 @@ class SidebarComponent {
12634
12633
  });
12635
12634
  }
12636
12635
  /** @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 }); }
12637
- /** @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"] }] }); }
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$1.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
12638
12637
  }
12639
12638
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
12640
12639
  type: Component,