@indice/ng-components 0.3.2-beta.66 → 0.3.2-beta.67
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.
|
@@ -21,35 +21,37 @@ export class SidePaneComponent {
|
|
|
21
21
|
ngOnInit() {
|
|
22
22
|
}
|
|
23
23
|
onSidePaneActivated(component) {
|
|
24
|
-
let sizeStyleSuffix = '';
|
|
25
24
|
const state = this.router.getCurrentNavigation()?.extras.state;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (state.paneSize === SidePaneSize.Small25) {
|
|
29
|
-
sizeStyleSuffix = '-25';
|
|
30
|
-
}
|
|
31
|
-
else if (state.paneSize === SidePaneSize.Medium50) {
|
|
32
|
-
sizeStyleSuffix = '-50';
|
|
33
|
-
}
|
|
34
|
-
else if (state.paneSize === SidePaneSize.Large75) {
|
|
35
|
-
sizeStyleSuffix = '-75';
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
if (state.paneOverlay) {
|
|
39
|
-
if (state.paneOverlay === SidePaneOverlayType.None) {
|
|
40
|
-
this.overlayStyle = 'side-pane-overlay-opacity-0';
|
|
41
|
-
}
|
|
42
|
-
else if (state.paneOverlay === SidePaneOverlayType.Dark) {
|
|
43
|
-
this.overlayStyle = 'side-pane-overlay-opacity-50';
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
this.overlayStyle = 'side-pane-overlay';
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
this.sizeContainerStyle = `side-pane-box-size${sizeStyleSuffix}`;
|
|
25
|
+
this.sizeContainerStyle = this.sizeToClass(this.size ?? state?.paneSize);
|
|
26
|
+
this.overlayStyle = this.overlayToClass(state?.paneOverlay);
|
|
51
27
|
this.show();
|
|
52
28
|
}
|
|
29
|
+
overlayToClass(overlay) {
|
|
30
|
+
if (!overlay)
|
|
31
|
+
return 'side-pane-overlay';
|
|
32
|
+
if (overlay === SidePaneOverlayType.None) {
|
|
33
|
+
return 'side-pane-overlay-opacity-0';
|
|
34
|
+
}
|
|
35
|
+
else if (overlay === SidePaneOverlayType.Dark) {
|
|
36
|
+
return 'side-pane-overlay-opacity-50';
|
|
37
|
+
}
|
|
38
|
+
return 'side-pane-overlay';
|
|
39
|
+
}
|
|
40
|
+
sizeToClass(size) {
|
|
41
|
+
if (!size)
|
|
42
|
+
return 'side-pane-box-size';
|
|
43
|
+
let sizeStyleSuffix = '-25';
|
|
44
|
+
if (size === SidePaneSize.Small25) {
|
|
45
|
+
sizeStyleSuffix = '-25';
|
|
46
|
+
}
|
|
47
|
+
else if (size === SidePaneSize.Medium50) {
|
|
48
|
+
sizeStyleSuffix = '-50';
|
|
49
|
+
}
|
|
50
|
+
else if (size === SidePaneSize.Large75) {
|
|
51
|
+
sizeStyleSuffix = '-75';
|
|
52
|
+
}
|
|
53
|
+
return `side-pane-box-size${sizeStyleSuffix}`;
|
|
54
|
+
}
|
|
53
55
|
onSidePaneDeactivated($event) {
|
|
54
56
|
this.hide();
|
|
55
57
|
}
|
|
@@ -87,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.6", ngImpor
|
|
|
87
89
|
}], onClose: [{
|
|
88
90
|
type: Output
|
|
89
91
|
}] } });
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1wYW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9zaWRlLXBhbmUvc2lkZS1wYW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWNvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9zaWRlLXBhbmUvc2lkZS1wYW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQU0zQyxNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW9CLE1BQWMsRUFBNEIsUUFBYTtRQUF2RCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQTRCLGFBQVEsR0FBUixRQUFRLENBQUs7UUFWM0UsMkNBQTJDO1FBRWpDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDcEIsdUJBQWtCLEdBQUcsb0JBQW9CLENBQUM7UUFDMUMsaUJBQVksR0FBRyxtQkFBbUIsQ0FBQztRQUVoQyxlQUFVLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDaEUsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3BELFlBQU8sR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVpQixDQUFDO0lBRWpGLFdBQVc7SUFDWCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxTQUFjO1FBQ3ZDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQy9ELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDNUQsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVPLGNBQWMsQ0FBQyxPQUE2QjtRQUNsRCxJQUFHLENBQUMsT0FBTztZQUFFLE9BQU8sbUJBQW1CLENBQUM7UUFDeEMsSUFBSSxPQUFPLEtBQUssbUJBQW1CLENBQUMsSUFBSSxFQUFHLENBQUM7WUFDMUMsT0FBTyw2QkFBNkIsQ0FBQztRQUN2QyxDQUFDO2FBQU0sSUFBSSxPQUFPLEtBQUssbUJBQW1CLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDaEQsT0FBTyw4QkFBOEIsQ0FBQztRQUN4QyxDQUFDO1FBQ0QsT0FBTyxtQkFBbUIsQ0FBQztJQUM3QixDQUFDO0lBRU8sV0FBVyxDQUFDLElBQW1CO1FBQ3JDLElBQUcsQ0FBQyxJQUFJO1lBQUUsT0FBTyxvQkFBb0IsQ0FBQztRQUN0QyxJQUFJLGVBQWUsR0FBVyxLQUFLLENBQUM7UUFDcEMsSUFBSSxJQUFJLEtBQUssWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQzthQUFNLElBQUksSUFBSSxLQUFLLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMxQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUM7YUFBTSxJQUFJLElBQUksS0FBSyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDekMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUMxQixDQUFDO1FBQ0QsT0FBTyxxQkFBcUIsZUFBZSxFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVNLHFCQUFxQixDQUFDLE1BQVc7UUFDdEMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFTSxJQUFJO1FBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QiwwQkFBMEI7UUFDMUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFN0IsQ0FBQzs4R0FsRVUsaUJBQWlCLHdDQVdnQixRQUFRO2tHQVh6QyxpQkFBaUIsK0xDVDlCLHFjQVVBOzsyRkREYSxpQkFBaUI7a0JBSjdCLFNBQVM7K0JBQ0UsZUFBZTs7MEJBY1ksTUFBTTsyQkFBQyxRQUFRO3lDQVIxQyxRQUFRO3NCQURqQixLQUFLO3VCQUFDLFNBQVM7Z0JBSUQsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNILFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTaWRlUGFuZU92ZXJsYXlUeXBlLCBTaWRlUGFuZVNpemUgfSBmcm9tICcuLy4uLy4uL3R5cGVzJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPbkRlc3Ryb3ksIEluamVjdCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc2lkZS1wYW5lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1wYW5lLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZVBhbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxyXG4gIEBJbnB1dCgndmlzaWJsZScpXHJcbiAgcHJvdGVjdGVkIHNob3dQYW5lID0gZmFsc2U7XHJcbiAgcHVibGljIHNpemVDb250YWluZXJTdHlsZSA9ICdzaWRlLXBhbmUtYm94LXNpemUnO1xyXG4gIHB1YmxpYyBvdmVybGF5U3R5bGUgPSAnc2lkZS1wYW5lLW92ZXJsYXknO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IFNpZGVQYW5lU2l6ZSB8IHVuZGVmaW5lZDtcclxuICBAT3V0cHV0KCkgb25Db21wbGV0ZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoKSBvbk9wZW46IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xvc2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlciwgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2N1bWVudDogYW55LCkgeyB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCAge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uU2lkZVBhbmVBY3RpdmF0ZWQoY29tcG9uZW50OiBhbnkpOiB2b2lkICB7XHJcbiAgICBjb25zdCBzdGF0ZSA9IHRoaXMucm91dGVyLmdldEN1cnJlbnROYXZpZ2F0aW9uKCk/LmV4dHJhcy5zdGF0ZTtcclxuICAgIHRoaXMuc2l6ZUNvbnRhaW5lclN0eWxlID0gdGhpcy5zaXplVG9DbGFzcyh0aGlzLnNpemUgPz8gc3RhdGU/LnBhbmVTaXplKTtcclxuICAgIHRoaXMub3ZlcmxheVN0eWxlID0gdGhpcy5vdmVybGF5VG9DbGFzcyhzdGF0ZT8ucGFuZU92ZXJsYXkpO1xyXG4gICAgdGhpcy5zaG93KCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIG92ZXJsYXlUb0NsYXNzKG92ZXJsYXk/OiBTaWRlUGFuZU92ZXJsYXlUeXBlKTogc3RyaW5nIHtcclxuICAgIGlmKCFvdmVybGF5KSByZXR1cm4gJ3NpZGUtcGFuZS1vdmVybGF5JztcclxuICAgIGlmIChvdmVybGF5ID09PSBTaWRlUGFuZU92ZXJsYXlUeXBlLk5vbmUpICB7XHJcbiAgICAgIHJldHVybiAnc2lkZS1wYW5lLW92ZXJsYXktb3BhY2l0eS0wJztcclxuICAgIH0gZWxzZSBpZiAob3ZlcmxheSA9PT0gU2lkZVBhbmVPdmVybGF5VHlwZS5EYXJrKSB7XHJcbiAgICAgIHJldHVybiAnc2lkZS1wYW5lLW92ZXJsYXktb3BhY2l0eS01MCc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gJ3NpZGUtcGFuZS1vdmVybGF5JztcclxuICB9XHJcblxyXG4gIHByaXZhdGUgc2l6ZVRvQ2xhc3Moc2l6ZT86IFNpZGVQYW5lU2l6ZSk6IHN0cmluZyB7XHJcbiAgICBpZighc2l6ZSkgcmV0dXJuICdzaWRlLXBhbmUtYm94LXNpemUnO1xyXG4gICAgbGV0IHNpemVTdHlsZVN1ZmZpeDogc3RyaW5nID0gJy0yNSc7XHJcbiAgICBpZiAoc2l6ZSA9PT0gU2lkZVBhbmVTaXplLlNtYWxsMjUpIHtcclxuICAgICAgc2l6ZVN0eWxlU3VmZml4ID0gJy0yNSc7XHJcbiAgICB9IGVsc2UgaWYgKHNpemUgPT09IFNpZGVQYW5lU2l6ZS5NZWRpdW01MCkge1xyXG4gICAgICBzaXplU3R5bGVTdWZmaXggPSAnLTUwJztcclxuICAgIH0gZWxzZSBpZiAoc2l6ZSA9PT0gU2lkZVBhbmVTaXplLkxhcmdlNzUpIHtcclxuICAgICAgc2l6ZVN0eWxlU3VmZml4ID0gJy03NSc7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gYHNpZGUtcGFuZS1ib3gtc2l6ZSR7c2l6ZVN0eWxlU3VmZml4fWA7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25TaWRlUGFuZURlYWN0aXZhdGVkKCRldmVudDogYW55KTogdm9pZCAgeyAgXHJcbiAgICB0aGlzLmhpZGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzaG93KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoJ21vZGFsLWFjdGl2ZScpO1xyXG4gICAgdGhpcy5zaG93UGFuZSA9IHRydWU7XHJcbiAgICB0aGlzLm9uT3Blbi5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGhpZGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNob3dQYW5lID0gZmFsc2U7XHJcbiAgICB0aGlzLmRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LnJlbW92ZSgnbW9kYWwtYWN0aXZlJyk7XHJcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdChmYWxzZSk7XHJcbiAgICAvLyBwcmVwZWkgbmEgYWxsYXhlaSBhdXRvIVxyXG4gICAgdGhpcy5vbkNvbXBsZXRlLmVtaXQodHJ1ZSk7XHJcblxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInNob3dQYW5lXCIgY2xhc3M9XCJzaWRlLXBhbmUtb3V0ZXItY29udGFpbmVyXCIgYXJpYS1sYWJlbGxlZGJ5PVwic2xpZGUtb3ZlclwiIHJvbGU9XCJkaWFsb2dcIiBhcmlhLW1vZGFsPVwidHJ1ZVwiPlxyXG4gIDxkaXYgW2NsYXNzXT1cInNob3dQYW5lID8gb3ZlcmxheVN0eWxlIDogJ2hpZGRlbidcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2Rpdj5cclxuICA8ZGl2IFtjbGFzc109XCJzaG93UGFuZSA/ICdzaWRlLXBhbmUtY29udGFpbmVyJyA6ICdoaWRkZW4nXCI+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJzaXplQ29udGFpbmVyU3R5bGVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInNpZGUtcGFuZVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1921,35 +1921,37 @@ class SidePaneComponent {
|
|
|
1921
1921
|
ngOnInit() {
|
|
1922
1922
|
}
|
|
1923
1923
|
onSidePaneActivated(component) {
|
|
1924
|
-
let sizeStyleSuffix = '';
|
|
1925
1924
|
const state = this.router.getCurrentNavigation()?.extras.state;
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
if (state.paneSize === SidePaneSize.Small25) {
|
|
1929
|
-
sizeStyleSuffix = '-25';
|
|
1930
|
-
}
|
|
1931
|
-
else if (state.paneSize === SidePaneSize.Medium50) {
|
|
1932
|
-
sizeStyleSuffix = '-50';
|
|
1933
|
-
}
|
|
1934
|
-
else if (state.paneSize === SidePaneSize.Large75) {
|
|
1935
|
-
sizeStyleSuffix = '-75';
|
|
1936
|
-
}
|
|
1937
|
-
}
|
|
1938
|
-
if (state.paneOverlay) {
|
|
1939
|
-
if (state.paneOverlay === SidePaneOverlayType.None) {
|
|
1940
|
-
this.overlayStyle = 'side-pane-overlay-opacity-0';
|
|
1941
|
-
}
|
|
1942
|
-
else if (state.paneOverlay === SidePaneOverlayType.Dark) {
|
|
1943
|
-
this.overlayStyle = 'side-pane-overlay-opacity-50';
|
|
1944
|
-
}
|
|
1945
|
-
else {
|
|
1946
|
-
this.overlayStyle = 'side-pane-overlay';
|
|
1947
|
-
}
|
|
1948
|
-
}
|
|
1949
|
-
}
|
|
1950
|
-
this.sizeContainerStyle = `side-pane-box-size${sizeStyleSuffix}`;
|
|
1925
|
+
this.sizeContainerStyle = this.sizeToClass(this.size ?? state?.paneSize);
|
|
1926
|
+
this.overlayStyle = this.overlayToClass(state?.paneOverlay);
|
|
1951
1927
|
this.show();
|
|
1952
1928
|
}
|
|
1929
|
+
overlayToClass(overlay) {
|
|
1930
|
+
if (!overlay)
|
|
1931
|
+
return 'side-pane-overlay';
|
|
1932
|
+
if (overlay === SidePaneOverlayType.None) {
|
|
1933
|
+
return 'side-pane-overlay-opacity-0';
|
|
1934
|
+
}
|
|
1935
|
+
else if (overlay === SidePaneOverlayType.Dark) {
|
|
1936
|
+
return 'side-pane-overlay-opacity-50';
|
|
1937
|
+
}
|
|
1938
|
+
return 'side-pane-overlay';
|
|
1939
|
+
}
|
|
1940
|
+
sizeToClass(size) {
|
|
1941
|
+
if (!size)
|
|
1942
|
+
return 'side-pane-box-size';
|
|
1943
|
+
let sizeStyleSuffix = '-25';
|
|
1944
|
+
if (size === SidePaneSize.Small25) {
|
|
1945
|
+
sizeStyleSuffix = '-25';
|
|
1946
|
+
}
|
|
1947
|
+
else if (size === SidePaneSize.Medium50) {
|
|
1948
|
+
sizeStyleSuffix = '-50';
|
|
1949
|
+
}
|
|
1950
|
+
else if (size === SidePaneSize.Large75) {
|
|
1951
|
+
sizeStyleSuffix = '-75';
|
|
1952
|
+
}
|
|
1953
|
+
return `side-pane-box-size${sizeStyleSuffix}`;
|
|
1954
|
+
}
|
|
1953
1955
|
onSidePaneDeactivated($event) {
|
|
1954
1956
|
this.hide();
|
|
1955
1957
|
}
|