slick-components 17.0.71 → 17.0.73
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.73"; }
|
|
27
27
|
constructor() { }
|
|
28
28
|
static init(initParams) {
|
|
29
29
|
console.info(`Slick Components Version ${SlickInitService.version}`);
|
|
@@ -8152,6 +8152,7 @@ class SlickSplitScreenComponent {
|
|
|
8152
8152
|
this.horizontalSplitPercent = 60;
|
|
8153
8153
|
this.onResizeStart = new EventEmitter();
|
|
8154
8154
|
this.onResizeEnd = new EventEmitter();
|
|
8155
|
+
this.onOrientationChanged = new EventEmitter();
|
|
8155
8156
|
this.currentOrientation = 'vertical';
|
|
8156
8157
|
this.resizing = false;
|
|
8157
8158
|
this.fnOnMouseMove = (e) => this.onMouseMove(e);
|
|
@@ -8198,6 +8199,7 @@ class SlickSplitScreenComponent {
|
|
|
8198
8199
|
changeOrientation() {
|
|
8199
8200
|
this.currentOrientation = this.currentOrientation === 'vertical' ? 'horizontal' : 'vertical';
|
|
8200
8201
|
this.resize();
|
|
8202
|
+
this.onOrientationChanged.emit(this.currentOrientation);
|
|
8201
8203
|
}
|
|
8202
8204
|
onDragStart(e) {
|
|
8203
8205
|
return false;
|
|
@@ -8316,7 +8318,7 @@ class SlickSplitScreenComponent {
|
|
|
8316
8318
|
this.cdr.detectChanges();
|
|
8317
8319
|
}
|
|
8318
8320
|
/** @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 }); }
|
|
8319
|
-
/** @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" }, 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"] }] }); }
|
|
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"] }] }); }
|
|
8320
8322
|
}
|
|
8321
8323
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
|
|
8322
8324
|
type: Component,
|
|
@@ -8339,6 +8341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
8339
8341
|
type: Output
|
|
8340
8342
|
}], onResizeEnd: [{
|
|
8341
8343
|
type: Output
|
|
8344
|
+
}], onOrientationChanged: [{
|
|
8345
|
+
type: Output
|
|
8342
8346
|
}], slickSplitScreenContainer: [{
|
|
8343
8347
|
type: ViewChild,
|
|
8344
8348
|
args: ["slickSplitScreenContainer"]
|