@churchillliving/se-ui-toolkit 6.54.305 → 6.54.307
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.
|
@@ -9,21 +9,26 @@ export class SplitterComponent {
|
|
|
9
9
|
this.ngZone = ngZone;
|
|
10
10
|
this.sanitizer = sanitizer;
|
|
11
11
|
this.closePanelEmitter = new EventEmitter();
|
|
12
|
+
this.isComponentExist = false;
|
|
12
13
|
}
|
|
13
14
|
ngAfterViewInit() {
|
|
14
|
-
this.
|
|
15
|
-
.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
newComponent.instance.config
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
if (!this.isComponentExist) {
|
|
16
|
+
this.ngZone.onStable
|
|
17
|
+
.pipe(take(1)) // Emit only once when the zone becomes stable
|
|
18
|
+
.subscribe(() => {
|
|
19
|
+
this.sanitizedContent = this.sanitizer.bypassSecurityTrustHtml(this.existingCopmonent);
|
|
20
|
+
var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
|
|
21
|
+
this.isComponentExist = true;
|
|
22
|
+
newComponent.instance.config = {};
|
|
23
|
+
if (this.configData) {
|
|
24
|
+
newComponent.instance.config.data = this.configData;
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
24
28
|
}
|
|
25
29
|
closePanel() {
|
|
26
30
|
this.closePanelEmitter.emit(true);
|
|
31
|
+
this.isComponentExist = false;
|
|
27
32
|
}
|
|
28
33
|
/** @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 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
34
|
/** @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 class=\"col flex justify-content-center\">\n <div [innerHTML]=\"sanitizedContent\"></div>\n </div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div class=\"col flex justify-content-center\">\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}\n"], dependencies: [{ kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
|
|
@@ -46,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
|
|
|
46
51
|
type: ViewChild,
|
|
47
52
|
args: ['viewContainerRef', { read: ViewContainerRef, static: false }]
|
|
48
53
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXR0ZXIuY29tcG5lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZS11aS10b29sa2l0L3NyYy9saWIvY29tcG9uZW50cy9iYXNlL3NwbGl0dGVyL3NwbGl0dGVyLmNvbXBuZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2UtdWktdG9vbGtpdC9zcmMvbGliL2NvbXBvbmVudHMvYmFzZS9zcGxpdHRlci9zcGxpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0gsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVF0QyxNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW9CLE1BQWMsRUFBVSxTQUF1QjtRQUEvQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBYztRQVB6RCxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRzFELHFCQUFnQixHQUFhLEtBQUssQ0FBQztJQUltQyxDQUFDO0lBQ3ZFLGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUTtpQkFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDhDQUE4QztpQkFDNUQsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFHdkYsSUFBSSxZQUFZLEdBQVEsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGVBQWUsQ0FDaEUsSUFBSSxDQUFDLGNBQWMsQ0FDcEIsQ0FBQztnQkFDRixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDO2dCQUM3QixZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7Z0JBQ2xDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtvQkFDbkIsWUFBWSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7aUJBQ3JEO1lBQ0gsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFBO0lBQy9CLENBQUM7aUlBbkNVLGlCQUFpQjtxSEFBakIsaUJBQWlCLG1VQUtnQixnQkFBZ0IsK0dBR3JCLGdCQUFnQiw2QkNqQnpELGd0QkFnQk07OzJGRFBPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxhQUFhO3dIQUtkLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNO2dCQUVQLHFCQUFxQjtzQkFEcEIsU0FBUzt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUk3RSxnQkFBZ0I7c0JBRGYsU0FBUzt1QkFBQyxrQkFBa0IsRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSBcIkBhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXJcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Utc3BsaXR0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BsaXR0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGxpdHRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxpdHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBwYW5lbENvbXBvbmVudDogYW55O1xuICBASW5wdXQoKSBleGlzdGluZ0NvcG1vbmVudDogYW55O1xuICBASW5wdXQoKSBjb25maWdEYXRhOiBhbnk7XG4gIEBPdXRwdXQoKSBjbG9zZVBhbmVsRW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQFZpZXdDaGlsZCgndmlld0NvbnRhaW5lclBhbmVsUmVmJywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmLCBzdGF0aWM6IGZhbHNlIH0pXG4gIHZpZXdDb250YWluZXJQYW5lbFJlZjogVmlld0NvbnRhaW5lclJlZjtcbiAgaXNDb21wb25lbnRFeGlzdDogYm9vbGVhbiA9ICBmYWxzZTtcbiAgQFZpZXdDaGlsZCgndmlld0NvbnRhaW5lclJlZicsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiBmYWxzZSB9KVxuICB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmO1xuICBzYW5pdGl6ZWRDb250ZW50ITogU2FmZUh0bWw7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmdab25lOiBOZ1pvbmUsIHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXNDb21wb25lbnRFeGlzdCkge1xuICAgIHRoaXMubmdab25lLm9uU3RhYmxlXG4gICAgICAucGlwZSh0YWtlKDEpKSAvLyBFbWl0IG9ubHkgb25jZSB3aGVuIHRoZSB6b25lIGJlY29tZXMgc3RhYmxlXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5zYW5pdGl6ZWRDb250ZW50ID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodGhpcy5leGlzdGluZ0NvcG1vbmVudCk7XG4gICAgICAgXG4gICAgICAgIFxuICAgICAgICB2YXIgbmV3Q29tcG9uZW50OiBhbnkgPSB0aGlzLnZpZXdDb250YWluZXJQYW5lbFJlZi5jcmVhdGVDb21wb25lbnQoXG4gICAgICAgICAgdGhpcy5wYW5lbENvbXBvbmVudFxuICAgICAgICApO1xuICAgICAgICB0aGlzLmlzQ29tcG9uZW50RXhpc3QgPSB0cnVlO1xuICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnID0ge307XG4gICAgICAgIGlmICh0aGlzLmNvbmZpZ0RhdGEpIHtcbiAgICAgICAgICBuZXdDb21wb25lbnQuaW5zdGFuY2UuY29uZmlnLmRhdGEgPSB0aGlzLmNvbmZpZ0RhdGE7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlUGFuZWwoKSB7XG4gICAgdGhpcy5jbG9zZVBhbmVsRW1pdHRlci5lbWl0KHRydWUpO1xuICAgIHRoaXMuaXNDb21wb25lbnRFeGlzdCA9IGZhbHNlXG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwiY2FyZFwiPlxuICAgIDxwLXNwbGl0dGVyICBjbGFzcz1cInNwbGl0dGVyLXdyYXBwZXJcIlxuICAgICAgICBbc3R5bGVdPVwieyBoZWlnaHQ6ICc4MzBweCcsIHdpZHRoOicxMDAlJ31cIiAgXG4gICAgICAgIGxheW91dD1cInZlcnRpY2FsXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJzYW5pdGl6ZWRDb250ZW50XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNsb3NlSWNvblwiPiA8aSBjbGFzcz1cImZhLXJlZ3VsYXIgZmEteFwiIChjbGljayk9XCJjbG9zZVBhbmVsKClcIj48L2k+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgI3ZpZXdDb250YWluZXJQYW5lbFJlZj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9wLXNwbGl0dGVyPlxuPC9kaXY+Il19
|
|
@@ -7125,21 +7125,26 @@ class SplitterComponent {
|
|
|
7125
7125
|
this.ngZone = ngZone;
|
|
7126
7126
|
this.sanitizer = sanitizer;
|
|
7127
7127
|
this.closePanelEmitter = new EventEmitter();
|
|
7128
|
+
this.isComponentExist = false;
|
|
7128
7129
|
}
|
|
7129
7130
|
ngAfterViewInit() {
|
|
7130
|
-
this.
|
|
7131
|
-
.
|
|
7132
|
-
|
|
7133
|
-
|
|
7134
|
-
|
|
7135
|
-
|
|
7136
|
-
|
|
7137
|
-
newComponent.instance.config
|
|
7138
|
-
|
|
7139
|
-
|
|
7131
|
+
if (!this.isComponentExist) {
|
|
7132
|
+
this.ngZone.onStable
|
|
7133
|
+
.pipe(take(1)) // Emit only once when the zone becomes stable
|
|
7134
|
+
.subscribe(() => {
|
|
7135
|
+
this.sanitizedContent = this.sanitizer.bypassSecurityTrustHtml(this.existingCopmonent);
|
|
7136
|
+
var newComponent = this.viewContainerPanelRef.createComponent(this.panelComponent);
|
|
7137
|
+
this.isComponentExist = true;
|
|
7138
|
+
newComponent.instance.config = {};
|
|
7139
|
+
if (this.configData) {
|
|
7140
|
+
newComponent.instance.config.data = this.configData;
|
|
7141
|
+
}
|
|
7142
|
+
});
|
|
7143
|
+
}
|
|
7140
7144
|
}
|
|
7141
7145
|
closePanel() {
|
|
7142
7146
|
this.closePanelEmitter.emit(true);
|
|
7147
|
+
this.isComponentExist = false;
|
|
7143
7148
|
}
|
|
7144
7149
|
/** @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 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7145
7150
|
/** @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 class=\"col flex justify-content-center\">\n <div [innerHTML]=\"sanitizedContent\"></div>\n </div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div class=\"col flex justify-content-center\">\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}\n"], dependencies: [{ kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$4.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
|