slick-components 17.0.73 → 17.0.75
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.
|
@@ -23,7 +23,7 @@ class SlickInitParams {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
class SlickInitService {
|
|
26
|
-
static { this.version = "17.0.
|
|
26
|
+
static { this.version = "17.0.75"; }
|
|
27
27
|
constructor() { }
|
|
28
28
|
static init(initParams) {
|
|
29
29
|
console.info(`Slick Components Version ${SlickInitService.version}`);
|
|
@@ -8150,6 +8150,7 @@ class SlickSplitScreenComponent {
|
|
|
8150
8150
|
this.allowSwitch = true;
|
|
8151
8151
|
this.verticalSplitPercent = 75;
|
|
8152
8152
|
this.horizontalSplitPercent = 60;
|
|
8153
|
+
this.rightPanelOverflowY = 'hidden';
|
|
8153
8154
|
this.onResizeStart = new EventEmitter();
|
|
8154
8155
|
this.onResizeEnd = new EventEmitter();
|
|
8155
8156
|
this.onOrientationChanged = new EventEmitter();
|
|
@@ -8201,6 +8202,9 @@ class SlickSplitScreenComponent {
|
|
|
8201
8202
|
this.resize();
|
|
8202
8203
|
this.onOrientationChanged.emit(this.currentOrientation);
|
|
8203
8204
|
}
|
|
8205
|
+
getCurrentOrientation() {
|
|
8206
|
+
return this.currentOrientation;
|
|
8207
|
+
}
|
|
8204
8208
|
onDragStart(e) {
|
|
8205
8209
|
return false;
|
|
8206
8210
|
}
|
|
@@ -8318,11 +8322,11 @@ class SlickSplitScreenComponent {
|
|
|
8318
8322
|
this.cdr.detectChanges();
|
|
8319
8323
|
}
|
|
8320
8324
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickSplitScreenComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8321
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickSplitScreenComponent, selector: "slick-split-screen", inputs: { orientation: "orientation", allowSwitch: "allowSwitch", key: "key", verticalSplitPercent: "verticalSplitPercent", horizontalSplitPercent: "horizontalSplitPercent", verticalSplitLeftMinWidth: "verticalSplitLeftMinWidth", verticalSplitRightMinWidth: "verticalSplitRightMinWidth" }, outputs: { onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd", onOrientationChanged: "onOrientationChanged" }, viewQueries: [{ propertyName: "slickSplitScreenContainer", first: true, predicate: ["slickSplitScreenContainer"], descendants: true }, { propertyName: "slickSplitScreenLeft", first: true, predicate: ["slickSplitScreenLeftContent"], descendants: true }, { propertyName: "slickSplitScreenRight", first: true, predicate: ["slickSplitScreenRightContent"], descendants: true }, { propertyName: "splitBar", first: true, predicate: ["splitBar"], descendants: true, static: true }, { propertyName: "splitBarMiddle", first: true, predicate: ["splitBarMiddle"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickSplitScreenContainer\r\n class=\"slick-split-screen\"\r\n [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\">\r\n\r\n <!-- Left pane -->\r\n <div #slickSplitScreenLeftContent\r\n [style.width]=\"leftWidth\"\r\n [style.maxWidth]=\"leftWidth\"\r\n [style.height]=\"leftHeight\"\r\n [style.maxHeight]=\"leftHeight\"\r\n class=\"slick-split-screen-left-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-left-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBar\r\n class=\"slick-split-screen-split-bar\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (touchstart)=\"onTouchStart($event)\">\r\n </div>\r\n\r\n <!-- Right pane -->\r\n <div #slickSplitScreenRightContent\r\n [style.width]=\"rightWidth\"\r\n [style.maxWidth]=\"rightWidth\"\r\n [style.height]=\"rightHeight\"\r\n [style.maxHeight]=\"rightHeight\"\r\n class=\"slick-split-screen-right-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-right-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBarMiddle\r\n class=\"slick-split-screen-split-bar-middle\"\r\n [style.left]=\"splitBarMiddleLeft\"\r\n [style.top]=\"splitBarMiddleTop\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (dragstart)=\"onDragStart($event)\">\r\n </div>\r\n\r\n <button type=\"button\"\r\n class=\"btn btn-primary orientation-switch\"\r\n *ngIf=\"allowSwitch\"\r\n (click)=\"changeOrientation()\">\r\n <div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical',\r\n 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\">\r\n </div>\r\n </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
8325
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickSplitScreenComponent, selector: "slick-split-screen", inputs: { orientation: "orientation", allowSwitch: "allowSwitch", key: "key", verticalSplitPercent: "verticalSplitPercent", horizontalSplitPercent: "horizontalSplitPercent", verticalSplitLeftMinWidth: "verticalSplitLeftMinWidth", verticalSplitRightMinWidth: "verticalSplitRightMinWidth", rightPanelOverflowY: "rightPanelOverflowY" }, outputs: { onResizeStart: "onResizeStart", onResizeEnd: "onResizeEnd", onOrientationChanged: "onOrientationChanged" }, viewQueries: [{ propertyName: "slickSplitScreenContainer", first: true, predicate: ["slickSplitScreenContainer"], descendants: true }, { propertyName: "slickSplitScreenLeft", first: true, predicate: ["slickSplitScreenLeftContent"], descendants: true }, { propertyName: "slickSplitScreenRight", first: true, predicate: ["slickSplitScreenRightContent"], descendants: true }, { propertyName: "splitBar", first: true, predicate: ["splitBar"], descendants: true, static: true }, { propertyName: "splitBarMiddle", first: true, predicate: ["splitBarMiddle"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #slickSplitScreenContainer\r\n class=\"slick-split-screen\"\r\n [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\">\r\n\r\n <!-- Left pane -->\r\n <div #slickSplitScreenLeftContent\r\n [style.width]=\"leftWidth\"\r\n [style.maxWidth]=\"leftWidth\"\r\n [style.height]=\"leftHeight\"\r\n [style.maxHeight]=\"leftHeight\"\r\n class=\"slick-split-screen-left-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-left-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBar\r\n class=\"slick-split-screen-split-bar\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (touchstart)=\"onTouchStart($event)\">\r\n </div>\r\n\r\n <!-- Right pane -->\r\n <div #slickSplitScreenRightContent\r\n [style.width]=\"rightWidth\"\r\n [style.maxWidth]=\"rightWidth\"\r\n [style.height]=\"rightHeight\"\r\n [style.maxHeight]=\"rightHeight\"\r\n [style.overflow-y]=\"rightPanelOverflowY\"\r\n class=\"slick-split-screen-right-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-right-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBarMiddle\r\n class=\"slick-split-screen-split-bar-middle\"\r\n [style.left]=\"splitBarMiddleLeft\"\r\n [style.top]=\"splitBarMiddleTop\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (dragstart)=\"onDragStart($event)\">\r\n </div>\r\n\r\n <button type=\"button\"\r\n class=\"btn btn-primary orientation-switch\"\r\n *ngIf=\"allowSwitch\"\r\n (click)=\"changeOrientation()\">\r\n <div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical',\r\n 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\">\r\n </div>\r\n </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
8322
8326
|
}
|
|
8323
8327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
|
|
8324
8328
|
type: Component,
|
|
8325
|
-
args: [{ selector: "slick-split-screen", template: "<div #slickSplitScreenContainer\r\n class=\"slick-split-screen\"\r\n [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\">\r\n\r\n <!-- Left pane -->\r\n <div #slickSplitScreenLeftContent\r\n [style.width]=\"leftWidth\"\r\n [style.maxWidth]=\"leftWidth\"\r\n [style.height]=\"leftHeight\"\r\n [style.maxHeight]=\"leftHeight\"\r\n class=\"slick-split-screen-left-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-left-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBar\r\n class=\"slick-split-screen-split-bar\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (touchstart)=\"onTouchStart($event)\">\r\n </div>\r\n\r\n <!-- Right pane -->\r\n <div #slickSplitScreenRightContent\r\n [style.width]=\"rightWidth\"\r\n [style.maxWidth]=\"rightWidth\"\r\n [style.height]=\"rightHeight\"\r\n [style.maxHeight]=\"rightHeight\"\r\n class=\"slick-split-screen-right-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-right-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBarMiddle\r\n class=\"slick-split-screen-split-bar-middle\"\r\n [style.left]=\"splitBarMiddleLeft\"\r\n [style.top]=\"splitBarMiddleTop\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (dragstart)=\"onDragStart($event)\">\r\n </div>\r\n\r\n <button type=\"button\"\r\n class=\"btn btn-primary orientation-switch\"\r\n *ngIf=\"allowSwitch\"\r\n (click)=\"changeOrientation()\">\r\n <div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical',\r\n 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\">\r\n </div>\r\n </button>\r\n</div>\r\n" }]
|
|
8329
|
+
args: [{ selector: "slick-split-screen", template: "<div #slickSplitScreenContainer\r\n class=\"slick-split-screen\"\r\n [ngClass]=\"{'vertical': currentOrientation === 'vertical', 'horizontal': currentOrientation === 'horizontal'}\">\r\n\r\n <!-- Left pane -->\r\n <div #slickSplitScreenLeftContent\r\n [style.width]=\"leftWidth\"\r\n [style.maxWidth]=\"leftWidth\"\r\n [style.height]=\"leftHeight\"\r\n [style.maxHeight]=\"leftHeight\"\r\n class=\"slick-split-screen-left-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-left-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBar\r\n class=\"slick-split-screen-split-bar\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (touchstart)=\"onTouchStart($event)\">\r\n </div>\r\n\r\n <!-- Right pane -->\r\n <div #slickSplitScreenRightContent\r\n [style.width]=\"rightWidth\"\r\n [style.maxWidth]=\"rightWidth\"\r\n [style.height]=\"rightHeight\"\r\n [style.maxHeight]=\"rightHeight\"\r\n [style.overflow-y]=\"rightPanelOverflowY\"\r\n class=\"slick-split-screen-right-content\"\r\n [ngClass]=\"{'resizing': resizing}\">\r\n <ng-content select=\"slick-split-screen-right-content\"></ng-content>\r\n </div>\r\n\r\n <div #splitBarMiddle\r\n class=\"slick-split-screen-split-bar-middle\"\r\n [style.left]=\"splitBarMiddleLeft\"\r\n [style.top]=\"splitBarMiddleTop\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (dragstart)=\"onDragStart($event)\">\r\n </div>\r\n\r\n <button type=\"button\"\r\n class=\"btn btn-primary orientation-switch\"\r\n *ngIf=\"allowSwitch\"\r\n (click)=\"changeOrientation()\">\r\n <div [ngClass]=\"{'slick-split-screen-horizontal-icon': currentOrientation === 'vertical',\r\n 'slick-split-screen-vertical-icon': currentOrientation === 'horizontal'}\">\r\n </div>\r\n </button>\r\n</div>\r\n" }]
|
|
8326
8330
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { orientation: [{
|
|
8327
8331
|
type: Input
|
|
8328
8332
|
}], allowSwitch: [{
|
|
@@ -8337,6 +8341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
8337
8341
|
type: Input
|
|
8338
8342
|
}], verticalSplitRightMinWidth: [{
|
|
8339
8343
|
type: Input
|
|
8344
|
+
}], rightPanelOverflowY: [{
|
|
8345
|
+
type: Input
|
|
8340
8346
|
}], onResizeStart: [{
|
|
8341
8347
|
type: Output
|
|
8342
8348
|
}], onResizeEnd: [{
|