slick-components 17.0.72 → 17.0.74
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.74"; }
|
|
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,10 @@ class SlickSplitScreenComponent {
|
|
|
8198
8199
|
changeOrientation() {
|
|
8199
8200
|
this.currentOrientation = this.currentOrientation === 'vertical' ? 'horizontal' : 'vertical';
|
|
8200
8201
|
this.resize();
|
|
8202
|
+
this.onOrientationChanged.emit(this.currentOrientation);
|
|
8203
|
+
}
|
|
8204
|
+
getCurrentOrientation() {
|
|
8205
|
+
return this.currentOrientation;
|
|
8201
8206
|
}
|
|
8202
8207
|
onDragStart(e) {
|
|
8203
8208
|
return false;
|
|
@@ -8316,7 +8321,7 @@ class SlickSplitScreenComponent {
|
|
|
8316
8321
|
this.cdr.detectChanges();
|
|
8317
8322
|
}
|
|
8318
8323
|
/** @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"] }] }); }
|
|
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"] }] }); }
|
|
8320
8325
|
}
|
|
8321
8326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickSplitScreenComponent, decorators: [{
|
|
8322
8327
|
type: Component,
|
|
@@ -8339,6 +8344,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
8339
8344
|
type: Output
|
|
8340
8345
|
}], onResizeEnd: [{
|
|
8341
8346
|
type: Output
|
|
8347
|
+
}], onOrientationChanged: [{
|
|
8348
|
+
type: Output
|
|
8342
8349
|
}], slickSplitScreenContainer: [{
|
|
8343
8350
|
type: ViewChild,
|
|
8344
8351
|
args: ["slickSplitScreenContainer"]
|