@mintplayer/ng-bootstrap 21.4.4 → 21.5.0
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.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mintplayer/ng-bootstrap",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "21.
|
|
4
|
+
"version": "21.5.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",
|
|
@@ -292,10 +292,6 @@
|
|
|
292
292
|
"types": "./types/mintplayer-ng-bootstrap-split-string.d.ts",
|
|
293
293
|
"default": "./fesm2022/mintplayer-ng-bootstrap-split-string.mjs"
|
|
294
294
|
},
|
|
295
|
-
"./splitter": {
|
|
296
|
-
"types": "./types/mintplayer-ng-bootstrap-splitter.d.ts",
|
|
297
|
-
"default": "./fesm2022/mintplayer-ng-bootstrap-splitter.mjs"
|
|
298
|
-
},
|
|
299
295
|
"./sticky-footer": {
|
|
300
296
|
"types": "./types/mintplayer-ng-bootstrap-sticky-footer.d.ts",
|
|
301
297
|
"default": "./fesm2022/mintplayer-ng-bootstrap-sticky-footer.mjs"
|
|
@@ -365,9 +361,9 @@
|
|
|
365
361
|
"@mintplayer/pagination": "^2.2.0",
|
|
366
362
|
"@mintplayer/ng-focus-on-load": "^21.1.0",
|
|
367
363
|
"@mintplayer/ng-swiper": "^21.1.1",
|
|
368
|
-
"@mintplayer/parentify": "^1.1.0",
|
|
369
364
|
"@mintplayer/scheduler-core": "^1.1.0",
|
|
370
|
-
"@mintplayer/scheduler-wc": "^1.2.0"
|
|
365
|
+
"@mintplayer/scheduler-wc": "^1.2.0",
|
|
366
|
+
"@mintplayer/splitter": "^1.0.0"
|
|
371
367
|
},
|
|
372
368
|
"dependencies": {
|
|
373
369
|
"tslib": "^2.3.0"
|
|
@@ -1,263 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ElementRef, ChangeDetectionStrategy, Component, Pipe, input, signal, computed, HostListener, HostBinding, ViewChildren, ContentChildren, NgModule } from '@angular/core';
|
|
3
|
-
import { AsyncPipe } from '@angular/common';
|
|
4
|
-
import * as i1 from '@angular/cdk/portal';
|
|
5
|
-
import { DomPortal, PortalModule } from '@angular/cdk/portal';
|
|
6
|
-
import * as i2 from '@mintplayer/ng-bootstrap/user-agent';
|
|
7
|
-
import { BsUserAgentDirective } from '@mintplayer/ng-bootstrap/user-agent';
|
|
8
|
-
|
|
9
|
-
var EDragOperation;
|
|
10
|
-
(function (EDragOperation) {
|
|
11
|
-
EDragOperation[EDragOperation["none"] = 0] = "none";
|
|
12
|
-
EDragOperation[EDragOperation["resizeSplitter"] = 1] = "resizeSplitter";
|
|
13
|
-
})(EDragOperation || (EDragOperation = {}));
|
|
14
|
-
|
|
15
|
-
class BsSplitPanelComponent {
|
|
16
|
-
constructor() {
|
|
17
|
-
this.element = inject(ElementRef);
|
|
18
|
-
}
|
|
19
|
-
ngAfterViewInit() {
|
|
20
|
-
setTimeout(() => this.portal = new DomPortal(this.element.nativeElement), 10);
|
|
21
|
-
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsSplitPanelComponent, isStandalone: false, selector: "bs-split-panel", ngImport: i0, template: "<div class=\"w-100 h-100\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
|
-
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitPanelComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'bs-split-panel', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"w-100 h-100\">\n <ng-content></ng-content>\n</div>", styles: [":host{display:block;height:100%}\n"] }]
|
|
28
|
-
}] });
|
|
29
|
-
|
|
30
|
-
class BsElementAtPipe {
|
|
31
|
-
transform(value, index) {
|
|
32
|
-
if (value) {
|
|
33
|
-
return value[index];
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
return null;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
40
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, isStandalone: false, name: "bsElementAt" }); }
|
|
41
|
-
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, decorators: [{
|
|
43
|
-
type: Pipe,
|
|
44
|
-
args: [{
|
|
45
|
-
name: 'bsElementAt',
|
|
46
|
-
standalone: false,
|
|
47
|
-
}]
|
|
48
|
-
}] });
|
|
49
|
-
|
|
50
|
-
class BsSplitterComponent {
|
|
51
|
-
constructor() {
|
|
52
|
-
this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
|
|
53
|
-
this.previewSizes = signal(null, ...(ngDevMode ? [{ debugName: "previewSizes" }] : []));
|
|
54
|
-
this.panels = signal([], ...(ngDevMode ? [{ debugName: "panels" }] : []));
|
|
55
|
-
this.isResizing = signal(false, ...(ngDevMode ? [{ debugName: "isResizing" }] : []));
|
|
56
|
-
this.touchedDivider = signal(null, ...(ngDevMode ? [{ debugName: "touchedDivider" }] : []));
|
|
57
|
-
this.classes = true;
|
|
58
|
-
this.directionClass = computed(() => {
|
|
59
|
-
switch (this.orientation()) {
|
|
60
|
-
case 'horizontal': return 'flex-row';
|
|
61
|
-
case 'vertical': return 'flex-column';
|
|
62
|
-
}
|
|
63
|
-
}, ...(ngDevMode ? [{ debugName: "directionClass" }] : []));
|
|
64
|
-
this.splitterClass = computed(() => {
|
|
65
|
-
switch (this.orientation()) {
|
|
66
|
-
case 'horizontal': return 'split-hor';
|
|
67
|
-
case 'vertical': return 'split-ver';
|
|
68
|
-
}
|
|
69
|
-
}, ...(ngDevMode ? [{ debugName: "splitterClass" }] : []));
|
|
70
|
-
this.widthStyles = computed(() => {
|
|
71
|
-
const orientation = this.orientation();
|
|
72
|
-
const previewSizes = this.previewSizes();
|
|
73
|
-
const panels = this.panels();
|
|
74
|
-
switch (orientation) {
|
|
75
|
-
case 'horizontal':
|
|
76
|
-
if (previewSizes) {
|
|
77
|
-
return [...Array(panels.length).keys()].map((v, i) => {
|
|
78
|
-
if (i < previewSizes.length) {
|
|
79
|
-
return previewSizes[i] + 'px';
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
return '100%';
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
return Array(panels.length).fill('100%');
|
|
88
|
-
}
|
|
89
|
-
case 'vertical':
|
|
90
|
-
return null;
|
|
91
|
-
}
|
|
92
|
-
}, ...(ngDevMode ? [{ debugName: "widthStyles" }] : []));
|
|
93
|
-
this.heightStyles = computed(() => {
|
|
94
|
-
const orientation = this.orientation();
|
|
95
|
-
const previewSizes = this.previewSizes();
|
|
96
|
-
const panels = this.panels();
|
|
97
|
-
switch (orientation) {
|
|
98
|
-
case 'horizontal':
|
|
99
|
-
return null;
|
|
100
|
-
case 'vertical':
|
|
101
|
-
if (previewSizes) {
|
|
102
|
-
return [...Array(panels.length).keys()].map((v, i) => {
|
|
103
|
-
if (i < previewSizes.length) {
|
|
104
|
-
return previewSizes[i] + 'px';
|
|
105
|
-
}
|
|
106
|
-
else {
|
|
107
|
-
return '100%';
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
else {
|
|
112
|
-
return Array(panels.length).fill('100%');
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}, ...(ngDevMode ? [{ debugName: "heightStyles" }] : []));
|
|
116
|
-
this.operation = null;
|
|
117
|
-
}
|
|
118
|
-
set panelsList(value) {
|
|
119
|
-
this.panels.set(value.toArray());
|
|
120
|
-
}
|
|
121
|
-
computeSizes() {
|
|
122
|
-
if (typeof window !== 'undefined') {
|
|
123
|
-
const sizes = this.splitPanels
|
|
124
|
-
.map((sp) => {
|
|
125
|
-
const styles = window.getComputedStyle(sp.nativeElement);
|
|
126
|
-
switch (this.orientation()) {
|
|
127
|
-
case 'horizontal': return styles.width;
|
|
128
|
-
case 'vertical': return styles.height;
|
|
129
|
-
}
|
|
130
|
-
})
|
|
131
|
-
.map((size) => size.slice(0, -2))
|
|
132
|
-
.map((size) => parseFloat(size));
|
|
133
|
-
return sizes;
|
|
134
|
-
}
|
|
135
|
-
else {
|
|
136
|
-
return this.splitPanels.map(p => 50);
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
startResizeMouse(ev, indexBefore, indexAfter) {
|
|
140
|
-
ev.preventDefault();
|
|
141
|
-
this.startResize(indexBefore, indexAfter, { x: ev.clientX, y: ev.clientY });
|
|
142
|
-
}
|
|
143
|
-
startResizeTouch(ev, indexBefore, indexAfter, divider) {
|
|
144
|
-
if (ev.cancelable) {
|
|
145
|
-
ev.preventDefault();
|
|
146
|
-
ev.stopPropagation();
|
|
147
|
-
this.touchedDivider.set(divider);
|
|
148
|
-
this.startResize(indexBefore, indexAfter, { x: ev.touches[0].clientX, y: ev.touches[0].clientY });
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
startResize(indexBefore, indexAfter, pt) {
|
|
152
|
-
const sizes = this.computeSizes();
|
|
153
|
-
this.previewSizes.set(sizes);
|
|
154
|
-
this.operation = {
|
|
155
|
-
operation: EDragOperation.resizeSplitter,
|
|
156
|
-
startPosition: pt,
|
|
157
|
-
sizes,
|
|
158
|
-
indexBefore,
|
|
159
|
-
indexAfter,
|
|
160
|
-
};
|
|
161
|
-
this.isResizing.set(true);
|
|
162
|
-
}
|
|
163
|
-
onMouseMove(ev) {
|
|
164
|
-
this.onResizeMove({ x: ev.clientX, y: ev.clientY });
|
|
165
|
-
}
|
|
166
|
-
onTouchMove(ev) {
|
|
167
|
-
if (this.operation) {
|
|
168
|
-
ev.preventDefault();
|
|
169
|
-
ev.stopPropagation();
|
|
170
|
-
}
|
|
171
|
-
this.onResizeMove({ x: ev.touches[0].clientX, y: ev.touches[0].clientY });
|
|
172
|
-
}
|
|
173
|
-
onResizeMove(pt) {
|
|
174
|
-
if (this.operation) {
|
|
175
|
-
switch (this.operation.operation) {
|
|
176
|
-
case EDragOperation.resizeSplitter:
|
|
177
|
-
{
|
|
178
|
-
const orientation = this.orientation();
|
|
179
|
-
switch (orientation) {
|
|
180
|
-
case 'horizontal':
|
|
181
|
-
const deltaX = pt.x - this.operation.startPosition.x;
|
|
182
|
-
const sx = Array.from(this.operation.sizes);
|
|
183
|
-
sx[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaX;
|
|
184
|
-
sx[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaX;
|
|
185
|
-
this.previewSizes.set(sx);
|
|
186
|
-
break;
|
|
187
|
-
case 'vertical':
|
|
188
|
-
const deltaY = pt.y - this.operation.startPosition.y;
|
|
189
|
-
const sy = Array.from(this.operation.sizes);
|
|
190
|
-
sy[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaY;
|
|
191
|
-
sy[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaY;
|
|
192
|
-
this.previewSizes.set(sy);
|
|
193
|
-
break;
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
break;
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
onMouseUp(ev) {
|
|
201
|
-
this.onResizeUp();
|
|
202
|
-
}
|
|
203
|
-
onTouchEnd(ev) {
|
|
204
|
-
if (this.operation) {
|
|
205
|
-
ev.preventDefault();
|
|
206
|
-
ev.stopPropagation();
|
|
207
|
-
}
|
|
208
|
-
this.touchedDivider.set(null);
|
|
209
|
-
this.onResizeUp();
|
|
210
|
-
}
|
|
211
|
-
onResizeUp() {
|
|
212
|
-
this.isResizing.set(false);
|
|
213
|
-
this.operation = null;
|
|
214
|
-
}
|
|
215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
216
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsSplitterComponent, isStandalone: false, selector: "bs-splitter", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)" }, properties: { "class.w-100": "this.classes", "class.h-100": "this.classes", "class.d-flex": "this.classes" } }, queries: [{ propertyName: "panelsList", predicate: BsSplitPanelComponent }], viewQueries: [{ propertyName: "splitPanels", predicate: ["splitPanel"], descendants: true }], ngImport: i0, template: "<div class=\"d-flex w-100 root\" [class]=\"[directionClass(), splitterClass()]\" bsUserAgent>\n <ng-content></ng-content>\n @for (panel of panels(); let index = $index; let last = $last; track panel) {\n @let widthStylesValue = widthStyles();\n @let heightStylesValue = heightStyles();\n\n <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing()\" #splitPanel [style.width]=\"widthStylesValue | bsElementAt:index\" [style.height]=\"heightStylesValue | bsElementAt:index\">\n <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n </div>\n @if (!last) {\n <div class=\"divider\" bsUserAgent [class.hover]=\"touchedDivider() === divider\" #divider (mousedown)=\"startResizeMouse($event, index, index + 1)\" (touchstart)=\"startResizeTouch($event, index, index + 1, divider)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd($event)\"></div>\n }\n }\n</div>\n", styles: [".root{--thumb-margin: 3px}.root.os-android{--thumb-margin: 20px}.split-panel{flex-grow:1}.divider{flex-shrink:0;transition:background-color .15s ease-in-out;z-index:3}.divider:before{background-position:center center;background-repeat:no-repeat}.divider:not(.os-android):hover:before{background-color:#1389fd;border-radius:4px}.divider.os-android.hover:before{background-color:#1389fd;border-radius:4px}.divider:before{content:\"\";display:block;background-color:#eee}.split-hor>.divider{width:calc(8px + 2 * var(--thumb-margin));height:100%;cursor:col-resize;border-left:var(--thumb-margin) solid transparent;border-right:var(--thumb-margin) solid transparent}.split-hor>.divider:before{height:100%;width:8px;margin:0 auto;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.split-hor>.split-panel:not(:first-child){margin-left:calc(-1 * var(--thumb-margin))}.split-hor>.split-panel:not(:last-child){margin-right:calc(-1 * var(--thumb-margin))}.split-ver>.divider{width:100%;height:calc(8px + 2 * var(--thumb-margin));cursor:row-resize;border-top:var(--thumb-margin) solid transparent;border-bottom:var(--thumb-margin) solid transparent}.split-ver>.divider:before{height:8px;margin:auto 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC)}.split-ver>.split-panel:not(:first-child){margin-top:calc(-1 * var(--thumb-margin))}.split-ver>.split-panel:not(:last-child){margin-bottom:calc(-1 * var(--thumb-margin))}.flex-none{flex:none}\n"], dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i2.BsUserAgentDirective, selector: "[bsUserAgent]", outputs: ["detected"] }, { kind: "pipe", type: BsElementAtPipe, name: "bsElementAt" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
217
|
-
}
|
|
218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterComponent, decorators: [{
|
|
219
|
-
type: Component,
|
|
220
|
-
args: [{ selector: 'bs-splitter', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"d-flex w-100 root\" [class]=\"[directionClass(), splitterClass()]\" bsUserAgent>\n <ng-content></ng-content>\n @for (panel of panels(); let index = $index; let last = $last; track panel) {\n @let widthStylesValue = widthStyles();\n @let heightStylesValue = heightStyles();\n\n <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing()\" #splitPanel [style.width]=\"widthStylesValue | bsElementAt:index\" [style.height]=\"heightStylesValue | bsElementAt:index\">\n <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n </div>\n @if (!last) {\n <div class=\"divider\" bsUserAgent [class.hover]=\"touchedDivider() === divider\" #divider (mousedown)=\"startResizeMouse($event, index, index + 1)\" (touchstart)=\"startResizeTouch($event, index, index + 1, divider)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd($event)\"></div>\n }\n }\n</div>\n", styles: [".root{--thumb-margin: 3px}.root.os-android{--thumb-margin: 20px}.split-panel{flex-grow:1}.divider{flex-shrink:0;transition:background-color .15s ease-in-out;z-index:3}.divider:before{background-position:center center;background-repeat:no-repeat}.divider:not(.os-android):hover:before{background-color:#1389fd;border-radius:4px}.divider.os-android.hover:before{background-color:#1389fd;border-radius:4px}.divider:before{content:\"\";display:block;background-color:#eee}.split-hor>.divider{width:calc(8px + 2 * var(--thumb-margin));height:100%;cursor:col-resize;border-left:var(--thumb-margin) solid transparent;border-right:var(--thumb-margin) solid transparent}.split-hor>.divider:before{height:100%;width:8px;margin:0 auto;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.split-hor>.split-panel:not(:first-child){margin-left:calc(-1 * var(--thumb-margin))}.split-hor>.split-panel:not(:last-child){margin-right:calc(-1 * var(--thumb-margin))}.split-ver>.divider{width:100%;height:calc(8px + 2 * var(--thumb-margin));cursor:row-resize;border-top:var(--thumb-margin) solid transparent;border-bottom:var(--thumb-margin) solid transparent}.split-ver>.divider:before{height:8px;margin:auto 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC)}.split-ver>.split-panel:not(:first-child){margin-top:calc(-1 * var(--thumb-margin))}.split-ver>.split-panel:not(:last-child){margin-bottom:calc(-1 * var(--thumb-margin))}.flex-none{flex:none}\n"] }]
|
|
221
|
-
}], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], panelsList: [{
|
|
222
|
-
type: ContentChildren,
|
|
223
|
-
args: [BsSplitPanelComponent]
|
|
224
|
-
}], splitPanels: [{
|
|
225
|
-
type: ViewChildren,
|
|
226
|
-
args: ['splitPanel']
|
|
227
|
-
}], classes: [{
|
|
228
|
-
type: HostBinding,
|
|
229
|
-
args: ['class.w-100']
|
|
230
|
-
}, {
|
|
231
|
-
type: HostBinding,
|
|
232
|
-
args: ['class.h-100']
|
|
233
|
-
}, {
|
|
234
|
-
type: HostBinding,
|
|
235
|
-
args: ['class.d-flex']
|
|
236
|
-
}], onMouseMove: [{
|
|
237
|
-
type: HostListener,
|
|
238
|
-
args: ['document:mousemove', ['$event']]
|
|
239
|
-
}], onMouseUp: [{
|
|
240
|
-
type: HostListener,
|
|
241
|
-
args: ['document:mouseup', ['$event']]
|
|
242
|
-
}] } });
|
|
243
|
-
|
|
244
|
-
class BsSplitterModule {
|
|
245
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
246
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe], imports: [AsyncPipe, PortalModule, BsUserAgentDirective], exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe] }); }
|
|
247
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, imports: [PortalModule] }); }
|
|
248
|
-
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, decorators: [{
|
|
250
|
-
type: NgModule,
|
|
251
|
-
args: [{
|
|
252
|
-
declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],
|
|
253
|
-
imports: [AsyncPipe, PortalModule, BsUserAgentDirective],
|
|
254
|
-
exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],
|
|
255
|
-
}]
|
|
256
|
-
}] });
|
|
257
|
-
|
|
258
|
-
/**
|
|
259
|
-
* Generated bundle index. Do not edit.
|
|
260
|
-
*/
|
|
261
|
-
|
|
262
|
-
export { BsElementAtPipe, BsSplitPanelComponent, BsSplitterComponent, BsSplitterModule };
|
|
263
|
-
//# sourceMappingURL=mintplayer-ng-bootstrap-splitter.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mintplayer-ng-bootstrap-splitter.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/splitter/src/interfaces/drag-operation.ts","../../../../libs/mintplayer-ng-bootstrap/splitter/src/split-panel/split-panel.component.ts","../../../../libs/mintplayer-ng-bootstrap/splitter/src/split-panel/split-panel.component.html","../../../../libs/mintplayer-ng-bootstrap/splitter/src/element-at/element-at.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/splitter/src/splitter/splitter.component.ts","../../../../libs/mintplayer-ng-bootstrap/splitter/src/splitter/splitter.component.html","../../../../libs/mintplayer-ng-bootstrap/splitter/src/splitter.module.ts","../../../../libs/mintplayer-ng-bootstrap/splitter/mintplayer-ng-bootstrap-splitter.ts"],"sourcesContent":["import { Point } from \"./point\";\n\nexport interface DragOperation {\n operation: EDragOperation;\n startPosition: Point;\n sizes: number[];\n indexBefore: number;\n indexAfter: number;\n}\n\nexport enum EDragOperation {\n none,\n resizeSplitter,\n}","import { DomPortal } from '@angular/cdk/portal';\nimport { ChangeDetectionStrategy, Component, ElementRef, inject, AfterViewInit } from '@angular/core';\n\n@Component({\n selector: 'bs-split-panel',\n templateUrl: './split-panel.component.html',\n styleUrls: ['./split-panel.component.scss'],\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSplitPanelComponent implements AfterViewInit {\n\n private element = inject(ElementRef);\n\n portal?: DomPortal;\n\n ngAfterViewInit() {\n setTimeout(() => this.portal = new DomPortal(this.element.nativeElement), 10);\n }\n}\n","<div class=\"w-100 h-100\">\n <ng-content></ng-content>\n</div>","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'bsElementAt',\n standalone: false,\n})\nexport class BsElementAtPipe implements PipeTransform {\n\n transform(value: any[] | null | undefined, index: number) {\n if (value) {\n return value[index];\n } else {\n return null;\n }\n }\n\n}\n","import { ChangeDetectionStrategy, Component, computed, ContentChildren, ElementRef, HostBinding, HostListener, input, QueryList, signal, ViewChildren } from '@angular/core';\nimport { DragOperation, EDragOperation } from '../interfaces/drag-operation';\nimport { Point } from '../interfaces/point';\nimport { BsSplitPanelComponent } from '../split-panel/split-panel.component';\nimport { Direction } from '../types/direction.type';\n\n@Component({\n selector: 'bs-splitter',\n templateUrl: './splitter.component.html',\n styleUrls: ['./splitter.component.scss'],\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSplitterComponent {\n\n orientation = input<Direction>('horizontal');\n previewSizes = signal<number[] | null>(null);\n panels = signal<BsSplitPanelComponent[]>([]);\n isResizing = signal<boolean>(false);\n touchedDivider = signal<HTMLDivElement | null>(null);\n\n @ContentChildren(BsSplitPanelComponent) set panelsList(value: QueryList<BsSplitPanelComponent>) {\n this.panels.set(value.toArray());\n }\n @ViewChildren('splitPanel') splitPanels!: QueryList<ElementRef<HTMLDivElement>>;\n\n @HostBinding('class.w-100')\n @HostBinding('class.h-100')\n @HostBinding('class.d-flex')\n classes = true;\n\n directionClass = computed(() => {\n switch (this.orientation()) {\n case 'horizontal': return 'flex-row';\n case 'vertical': return 'flex-column';\n }\n });\n\n splitterClass = computed(() => {\n switch (this.orientation()) {\n case 'horizontal': return 'split-hor';\n case 'vertical': return 'split-ver';\n }\n });\n\n widthStyles = computed(() => {\n const orientation = this.orientation();\n const previewSizes = this.previewSizes();\n const panels = this.panels();\n switch (orientation) {\n case 'horizontal':\n if (previewSizes) {\n return [...Array(panels.length).keys()].map((v, i) => {\n if (i < previewSizes.length) {\n return previewSizes[i] + 'px';\n } else {\n return '100%';\n }\n });\n } else {\n return Array(panels.length).fill('100%');\n }\n case 'vertical':\n return null;\n }\n });\n\n heightStyles = computed(() => {\n const orientation = this.orientation();\n const previewSizes = this.previewSizes();\n const panels = this.panels();\n switch (orientation) {\n case 'horizontal':\n return null;\n case 'vertical':\n if (previewSizes) {\n return [...Array(panels.length).keys()].map((v, i) => {\n if (i < previewSizes.length) {\n return previewSizes[i] + 'px';\n } else {\n return '100%';\n }\n });\n } else {\n return Array(panels.length).fill('100%');\n }\n }\n });\n\n operation: DragOperation | null = null;\n\n computeSizes() {\n if (typeof window !== 'undefined') {\n const sizes = this.splitPanels\n .map((sp) => {\n const styles = window.getComputedStyle(sp.nativeElement);\n switch (this.orientation()) {\n case 'horizontal': return styles.width;\n case 'vertical': return styles.height;\n }\n })\n .map((size) => size.slice(0, -2))\n .map((size) => parseFloat(size));\n return sizes;\n } else {\n return this.splitPanels.map(p => 50);\n }\n }\n\n startResizeMouse(ev: MouseEvent, indexBefore: number, indexAfter: number) {\n ev.preventDefault();\n this.startResize(indexBefore, indexAfter, { x: ev.clientX, y: ev.clientY });\n }\n\n startResizeTouch(ev: TouchEvent, indexBefore: number, indexAfter: number, divider: HTMLDivElement) {\n if (ev.cancelable) {\n ev.preventDefault();\n ev.stopPropagation();\n this.touchedDivider.set(divider);\n this.startResize(indexBefore, indexAfter, { x: ev.touches[0].clientX, y: ev.touches[0].clientY });\n }\n }\n\n private startResize(indexBefore: number, indexAfter: number, pt: Point) {\n const sizes = this.computeSizes();\n this.previewSizes.set(sizes);\n this.operation = {\n operation: EDragOperation.resizeSplitter,\n startPosition: pt,\n sizes,\n indexBefore,\n indexAfter,\n };\n\n this.isResizing.set(true);\n }\n\n @HostListener('document:mousemove', ['$event'])\n onMouseMove(ev: MouseEvent) {\n this.onResizeMove({ x: ev.clientX, y: ev.clientY });\n }\n\n onTouchMove(ev: TouchEvent) {\n if (this.operation) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n this.onResizeMove({ x: ev.touches[0].clientX, y: ev.touches[0].clientY });\n }\n\n onResizeMove(pt: Point) {\n if (this.operation) {\n switch (this.operation.operation) {\n case EDragOperation.resizeSplitter: {\n const orientation = this.orientation();\n switch (orientation) {\n case 'horizontal':\n const deltaX = pt.x - this.operation.startPosition.x;\n const sx = Array.from(this.operation.sizes);\n sx[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaX;\n sx[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaX;\n this.previewSizes.set(sx);\n break;\n case 'vertical':\n const deltaY = pt.y - this.operation.startPosition.y;\n const sy = Array.from(this.operation.sizes);\n sy[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaY;\n sy[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaY;\n this.previewSizes.set(sy);\n break;\n }\n } break;\n }\n }\n }\n\n @HostListener('document:mouseup', ['$event'])\n onMouseUp(ev: MouseEvent) {\n this.onResizeUp();\n }\n\n onTouchEnd(ev: TouchEvent) {\n if (this.operation) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n this.touchedDivider.set(null);\n this.onResizeUp();\n }\n\n onResizeUp() {\n this.isResizing.set(false);\n this.operation = null;\n }\n}\n","<div class=\"d-flex w-100 root\" [class]=\"[directionClass(), splitterClass()]\" bsUserAgent>\n <ng-content></ng-content>\n @for (panel of panels(); let index = $index; let last = $last; track panel) {\n @let widthStylesValue = widthStyles();\n @let heightStylesValue = heightStyles();\n\n <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing()\" #splitPanel [style.width]=\"widthStylesValue | bsElementAt:index\" [style.height]=\"heightStylesValue | bsElementAt:index\">\n <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n </div>\n @if (!last) {\n <div class=\"divider\" bsUserAgent [class.hover]=\"touchedDivider() === divider\" #divider (mousedown)=\"startResizeMouse($event, index, index + 1)\" (touchstart)=\"startResizeTouch($event, index, index + 1, divider)\" (touchmove)=\"onTouchMove($event)\" (touchend)=\"onTouchEnd($event)\"></div>\n }\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { AsyncPipe } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { BsUserAgentDirective } from '@mintplayer/ng-bootstrap/user-agent';\nimport { BsSplitterComponent } from './splitter/splitter.component';\nimport { BsSplitPanelComponent } from './split-panel/split-panel.component';\nimport { BsElementAtPipe } from './element-at/element-at.pipe';\n\n@NgModule({\n declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],\n imports: [AsyncPipe, PortalModule, BsUserAgentDirective],\n exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],\n})\nexport class BsSplitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3.BsElementAtPipe"],"mappings":"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"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { AfterViewInit, QueryList, ElementRef, PipeTransform } from '@angular/core';
|
|
3
|
-
import * as i5 from '@angular/cdk/portal';
|
|
4
|
-
import { DomPortal } from '@angular/cdk/portal';
|
|
5
|
-
import * as i4 from '@angular/common';
|
|
6
|
-
import * as i6 from '@mintplayer/ng-bootstrap/user-agent';
|
|
7
|
-
|
|
8
|
-
interface Point {
|
|
9
|
-
x: number;
|
|
10
|
-
y: number;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
interface DragOperation {
|
|
14
|
-
operation: EDragOperation;
|
|
15
|
-
startPosition: Point;
|
|
16
|
-
sizes: number[];
|
|
17
|
-
indexBefore: number;
|
|
18
|
-
indexAfter: number;
|
|
19
|
-
}
|
|
20
|
-
declare enum EDragOperation {
|
|
21
|
-
none = 0,
|
|
22
|
-
resizeSplitter = 1
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
declare class BsSplitPanelComponent implements AfterViewInit {
|
|
26
|
-
private element;
|
|
27
|
-
portal?: DomPortal;
|
|
28
|
-
ngAfterViewInit(): void;
|
|
29
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSplitPanelComponent, never>;
|
|
30
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSplitPanelComponent, "bs-split-panel", never, {}, {}, never, ["*"], false, never>;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
type Direction = 'horizontal' | 'vertical';
|
|
34
|
-
|
|
35
|
-
declare class BsSplitterComponent {
|
|
36
|
-
orientation: _angular_core.InputSignal<Direction>;
|
|
37
|
-
previewSizes: _angular_core.WritableSignal<number[] | null>;
|
|
38
|
-
panels: _angular_core.WritableSignal<BsSplitPanelComponent[]>;
|
|
39
|
-
isResizing: _angular_core.WritableSignal<boolean>;
|
|
40
|
-
touchedDivider: _angular_core.WritableSignal<HTMLDivElement | null>;
|
|
41
|
-
set panelsList(value: QueryList<BsSplitPanelComponent>);
|
|
42
|
-
splitPanels: QueryList<ElementRef<HTMLDivElement>>;
|
|
43
|
-
classes: boolean;
|
|
44
|
-
directionClass: _angular_core.Signal<"flex-row" | "flex-column">;
|
|
45
|
-
splitterClass: _angular_core.Signal<"split-hor" | "split-ver">;
|
|
46
|
-
widthStyles: _angular_core.Signal<any[] | null>;
|
|
47
|
-
heightStyles: _angular_core.Signal<any[] | null>;
|
|
48
|
-
operation: DragOperation | null;
|
|
49
|
-
computeSizes(): number[];
|
|
50
|
-
startResizeMouse(ev: MouseEvent, indexBefore: number, indexAfter: number): void;
|
|
51
|
-
startResizeTouch(ev: TouchEvent, indexBefore: number, indexAfter: number, divider: HTMLDivElement): void;
|
|
52
|
-
private startResize;
|
|
53
|
-
onMouseMove(ev: MouseEvent): void;
|
|
54
|
-
onTouchMove(ev: TouchEvent): void;
|
|
55
|
-
onResizeMove(pt: Point): void;
|
|
56
|
-
onMouseUp(ev: MouseEvent): void;
|
|
57
|
-
onTouchEnd(ev: TouchEvent): void;
|
|
58
|
-
onResizeUp(): void;
|
|
59
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSplitterComponent, never>;
|
|
60
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsSplitterComponent, "bs-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["panelsList"], ["*"], false, never>;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
declare class BsElementAtPipe implements PipeTransform {
|
|
64
|
-
transform(value: any[] | null | undefined, index: number): any;
|
|
65
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsElementAtPipe, never>;
|
|
66
|
-
static ɵpipe: _angular_core.ɵɵPipeDeclaration<BsElementAtPipe, "bsElementAt", false>;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
declare class BsSplitterModule {
|
|
70
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsSplitterModule, never>;
|
|
71
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BsSplitterModule, [typeof BsSplitterComponent, typeof BsSplitPanelComponent, typeof BsElementAtPipe], [typeof i4.AsyncPipe, typeof i5.PortalModule, typeof i6.BsUserAgentDirective], [typeof BsSplitterComponent, typeof BsSplitPanelComponent, typeof BsElementAtPipe]>;
|
|
72
|
-
static ɵinj: _angular_core.ɵɵInjectorDeclaration<BsSplitterModule>;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
export { BsElementAtPipe, BsSplitPanelComponent, BsSplitterComponent, BsSplitterModule };
|
|
76
|
-
export type { Direction };
|