slick-components 17.0.74 → 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();
|
|
@@ -8321,11 +8322,11 @@ class SlickSplitScreenComponent {
|
|
|
8321
8322
|
this.cdr.detectChanges();
|
|
8322
8323
|
}
|
|
8323
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 }); }
|
|
8324
|
-
/** @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"] }] }); }
|
|
8325
8326
|
}
|
|
8326
8327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
|
|
8327
8328
|
type: Component,
|
|
8328
|
-
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" }]
|
|
8329
8330
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { orientation: [{
|
|
8330
8331
|
type: Input
|
|
8331
8332
|
}], allowSwitch: [{
|
|
@@ -8340,6 +8341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
8340
8341
|
type: Input
|
|
8341
8342
|
}], verticalSplitRightMinWidth: [{
|
|
8342
8343
|
type: Input
|
|
8344
|
+
}], rightPanelOverflowY: [{
|
|
8345
|
+
type: Input
|
|
8343
8346
|
}], onResizeStart: [{
|
|
8344
8347
|
type: Output
|
|
8345
8348
|
}], onResizeEnd: [{
|