@mintplayer/ng-bootstrap 20.6.3 → 21.1.0

package/fesm2022/mintplayer-ng-bootstrap-splitter.mjs

@@ -1,13 +1,10 @@
 import * as i0 from '@angular/core';
-import { Component, Pipe, HostListener, HostBinding, ViewChildren, ContentChildren, Input, NgModule } from '@angular/core';
-import * as i3 from '@angular/common';
+import { inject, ElementRef, ChangeDetectionStrategy, Component, Pipe, input, signal, computed, HostListener, HostBinding, ViewChildren, ContentChildren, NgModule } from '@angular/core';
 import { AsyncPipe } from '@angular/common';
 import * as i1 from '@angular/cdk/portal';
 import { DomPortal, PortalModule } from '@angular/cdk/portal';
 import * as i2 from '@mintplayer/ng-bootstrap/user-agent';
 import { BsUserAgentDirective } from '@mintplayer/ng-bootstrap/user-agent';
-import { BehaviorSubject, map, combineLatest, take } from 'rxjs';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 var EDragOperation;
 (function (EDragOperation) {
@@ -16,19 +13,19 @@ var EDragOperation;
 })(EDragOperation || (EDragOperation = {}));
 
 class BsSplitPanelComponent {
-    constructor(element) {
-        this.element = element;
+    constructor() {
+        this.element = inject(ElementRef);
     }
     ngAfterViewInit() {
         setTimeout(() => this.portal = new DomPortal(this.element.nativeElement), 10);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", 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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-split-panel', standalone: false, template: "<div class=\"w-100 h-100\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+            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"] }]
+        }] });
 
 class BsElementAtPipe {
     transform(value, index) {
@@ -39,10 +36,10 @@ class BsElementAtPipe {
             return null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsElementAtPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsElementAtPipe, isStandalone: false, name: "bsElementAt" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, isStandalone: false, name: "bsElementAt" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsElementAtPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsElementAtPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsElementAt',
@@ -51,31 +48,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
         }] });
 
 class BsSplitterComponent {
-    constructor(destroy) {
-        this.destroy = destroy;
-        //#region Orientation
-        this.orientation$ = new BehaviorSubject('horizontal');
-        //#endregion
-        this.previewSizes$ = new BehaviorSubject(null);
-        this.panels$ = new BehaviorSubject([]);
+    constructor() {
+        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+        this.previewSizes = signal(null, ...(ngDevMode ? [{ debugName: "previewSizes" }] : []));
+        this.panels = signal([], ...(ngDevMode ? [{ debugName: "panels" }] : []));
+        this.isResizing = signal(false, ...(ngDevMode ? [{ debugName: "isResizing" }] : []));
+        this.touchedDivider = signal(null, ...(ngDevMode ? [{ debugName: "touchedDivider" }] : []));
         this.classes = true;
-        this.isResizing$ = new BehaviorSubject(false);
-        this.touchedDivider$ = new BehaviorSubject(null);
-        this.operation = null;
-        this.directionClass$ = this.orientation$.pipe(map((orientation) => {
-            switch (orientation) {
+        this.directionClass = computed(() => {
+            switch (this.orientation()) {
                 case 'horizontal': return 'flex-row';
                 case 'vertical': return 'flex-column';
             }
-        }));
-        this.splitterClass$ = this.orientation$.pipe(map((orientation) => {
-            switch (orientation) {
+        }, ...(ngDevMode ? [{ debugName: "directionClass" }] : []));
+        this.splitterClass = computed(() => {
+            switch (this.orientation()) {
                 case 'horizontal': return 'split-hor';
                 case 'vertical': return 'split-ver';
             }
-        }));
-        this.widthStyles$ = combineLatest([this.orientation$, this.previewSizes$, this.panels$])
-            .pipe(map(([orientation, previewSizes, panels]) => {
+        }, ...(ngDevMode ? [{ debugName: "splitterClass" }] : []));
+        this.widthStyles = computed(() => {
+            const orientation = this.orientation();
+            const previewSizes = this.previewSizes();
+            const panels = this.panels();
             switch (orientation) {
                 case 'horizontal':
                     if (previewSizes) {
@@ -89,14 +84,16 @@ class BsSplitterComponent {
                         });
                     }
                     else {
-                        return Array(panels.length).map((v, i) => '100%');
+                        return Array(panels.length).fill('100%');
                     }
                 case 'vertical':
                     return null;
             }
-        }));
-        this.heightStyles$ = combineLatest([this.orientation$, this.previewSizes$, this.panels$])
-            .pipe(map(([orientation, previewSizes, panels]) => {
+        }, ...(ngDevMode ? [{ debugName: "widthStyles" }] : []));
+        this.heightStyles = computed(() => {
+            const orientation = this.orientation();
+            const previewSizes = this.previewSizes();
+            const panels = this.panels();
             switch (orientation) {
                 case 'horizontal':
                     return null;
@@ -112,26 +109,21 @@ class BsSplitterComponent {
                         });
                     }
                     else {
-                        return Array(panels.length).map((v, i) => '100%');
+                        return Array(panels.length).fill('100%');
                     }
             }
-        }));
-    }
-    get orientation() {
-        return this.orientation$.value;
-    }
-    set orientation(value) {
-        this.orientation$.next(value);
+        }, ...(ngDevMode ? [{ debugName: "heightStyles" }] : []));
+        this.operation = null;
     }
-    set panels(value) {
-        this.panels$.next(value.toArray());
+    set panelsList(value) {
+        this.panels.set(value.toArray());
     }
     computeSizes() {
         if (typeof window !== 'undefined') {
             const sizes = this.splitPanels
                 .map((sp) => {
                 const styles = window.getComputedStyle(sp.nativeElement);
-                switch (this.orientation) {
+                switch (this.orientation()) {
                     case 'horizontal': return styles.width;
                     case 'vertical': return styles.height;
                 }
@@ -151,13 +143,14 @@ class BsSplitterComponent {
     startResizeTouch(ev, indexBefore, indexAfter, divider) {
         if (ev.cancelable) {
             ev.preventDefault();
-            this.touchedDivider$.next(divider);
+            ev.stopPropagation();
+            this.touchedDivider.set(divider);
             this.startResize(indexBefore, indexAfter, { x: ev.touches[0].clientX, y: ev.touches[0].clientY });
         }
     }
     startResize(indexBefore, indexAfter, pt) {
         const sizes = this.computeSizes();
-        this.previewSizes$.next(sizes);
+        this.previewSizes.set(sizes);
         this.operation = {
             operation: EDragOperation.resizeSplitter,
             startPosition: pt,
@@ -165,12 +158,16 @@ class BsSplitterComponent {
             indexBefore,
             indexAfter,
         };
-        this.isResizing$.next(true);
+        this.isResizing.set(true);
     }
     onMouseMove(ev) {
         this.onResizeMove({ x: ev.clientX, y: ev.clientY });
     }
     onTouchMove(ev) {
+        if (this.operation) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
         this.onResizeMove({ x: ev.touches[0].clientX, y: ev.touches[0].clientY });
     }
     onResizeMove(pt) {
@@ -178,28 +175,23 @@ class BsSplitterComponent {
             switch (this.operation.operation) {
                 case EDragOperation.resizeSplitter:
                     {
-                        combineLatest([this.orientation$])
-                            .pipe(take(1), takeUntilDestroyed(this.destroy))
-                            .subscribe(([orientation]) => {
-                            if (this.operation) {
-                                switch (orientation) {
-                                    case 'horizontal':
-                                        const deltaX = pt.x - this.operation.startPosition.x;
-                                        const sx = Array.from(this.operation.sizes);
-                                        sx[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaX;
-                                        sx[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaX;
-                                        this.previewSizes$.next(sx);
-                                        break;
-                                    case 'vertical':
-                                        const deltaY = pt.y - this.operation.startPosition.y;
-                                        const sy = Array.from(this.operation.sizes);
-                                        sy[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaY;
-                                        sy[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaY;
-                                        this.previewSizes$.next(sy);
-                                        break;
-                                }
-                            }
-                        });
+                        const orientation = this.orientation();
+                        switch (orientation) {
+                            case 'horizontal':
+                                const deltaX = pt.x - this.operation.startPosition.x;
+                                const sx = Array.from(this.operation.sizes);
+                                sx[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaX;
+                                sx[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaX;
+                                this.previewSizes.set(sx);
+                                break;
+                            case 'vertical':
+                                const deltaY = pt.y - this.operation.startPosition.y;
+                                const sy = Array.from(this.operation.sizes);
+                                sy[this.operation.indexBefore] = this.operation.sizes[this.operation.indexBefore] + deltaY;
+                                sy[this.operation.indexAfter] = this.operation.sizes[this.operation.indexAfter] - deltaY;
+                                this.previewSizes.set(sy);
+                                break;
+                        }
                     }
                     break;
             }
@@ -209,22 +201,24 @@ class BsSplitterComponent {
         this.onResizeUp();
     }
     onTouchEnd(ev) {
-        this.touchedDivider$.next(null);
+        if (this.operation) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+        this.touchedDivider.set(null);
         this.onResizeUp();
     }
     onResizeUp() {
-        this.isResizing$.next(false);
+        this.isResizing.set(false);
         this.operation = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: BsSplitterComponent, isStandalone: false, selector: "bs-splitter", inputs: { orientation: "orientation" }, 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: "panels", predicate: BsSplitPanelComponent }], viewQueries: [{ propertyName: "splitPanels", predicate: ["splitPanel"], descendants: true }], ngImport: i0, template: "<div class=\"d-flex w-100 root\" [class]=\"[directionClass$ | async, splitterClass$ | async]\" bsUserAgent>\n    <ng-content></ng-content>\n    @for (panel of (panels$ | async); let index = $index; let last = $last; track panel) {\n        @let widthStyles = widthStyles$ | async;\n        @let heightStyles = heightStyles$ | async;\n        \n        <!--  [style.width.%]=\"100\" [style.height.%]=\"100\" -->\n        <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing$ | async\" #splitPanel [style.width]=\"widthStyles | bsElementAt:index\" [style.height]=\"heightStyles | bsElementAt:index\">\n            <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n        </div>\n        @if (!last) {\n            <div class=\"divider\" bsUserAgent [class.hover]=\"(touchedDivider$ | async) === 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>", 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: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: BsElementAtPipe, name: "bsElementAt" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-splitter', standalone: false, template: "<div class=\"d-flex w-100 root\" [class]=\"[directionClass$ | async, splitterClass$ | async]\" bsUserAgent>\n    <ng-content></ng-content>\n    @for (panel of (panels$ | async); let index = $index; let last = $last; track panel) {\n        @let widthStyles = widthStyles$ | async;\n        @let heightStyles = heightStyles$ | async;\n        \n        <!--  [style.width.%]=\"100\" [style.height.%]=\"100\" -->\n        <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing$ | async\" #splitPanel [style.width]=\"widthStyles | bsElementAt:index\" [style.height]=\"heightStyles | bsElementAt:index\">\n            <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n        </div>\n        @if (!last) {\n            <div class=\"divider\" bsUserAgent [class.hover]=\"(touchedDivider$ | async) === 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>", 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"] }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { orientation: [{
-                type: Input
-            }], panels: [{
+            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"] }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], panelsList: [{
                 type: ContentChildren,
                 args: [BsSplitPanelComponent]
             }], splitPanels: [{
@@ -248,11 +242,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 
 class BsSplitterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterModule, declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe], imports: [AsyncPipe, PortalModule, BsUserAgentDirective], exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterModule, imports: [PortalModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    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] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, imports: [PortalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsSplitterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSplitterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],

package/fesm2022/mintplayer-ng-bootstrap-splitter.mjs.map

@@ -1 +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 { Component, ElementRef, ViewChild, 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})\nexport class BsSplitPanelComponent implements AfterViewInit {\n  constructor(private element: 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 { Component, Input, ContentChildren, QueryList, ElementRef, HostListener, HostBinding, ViewChildren, DestroyRef } from '@angular/core';\nimport { BehaviorSubject, map, combineLatest, Observable, take } from 'rxjs';\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';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'bs-splitter',\n  templateUrl: './splitter.component.html',\n  styleUrls: ['./splitter.component.scss'],\n  standalone: false,\n})\nexport class BsSplitterComponent {\n\n  constructor(private destroy: DestroyRef) {\n    this.directionClass$ = this.orientation$.pipe(map((orientation) => {\n      switch (orientation) {\n        case 'horizontal': return 'flex-row';\n        case 'vertical': return 'flex-column';\n      }\n    }));\n    this.splitterClass$ = this.orientation$.pipe(map((orientation) => {\n      switch (orientation) {\n        case 'horizontal': return 'split-hor';\n        case 'vertical': return 'split-ver';\n      }\n    }));\n    this.widthStyles$ = combineLatest([this.orientation$, this.previewSizes$, this.panels$])\n      .pipe(map(([orientation, previewSizes, 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).map((v, i) => '100%');\n            }\n          case 'vertical':\n            return null;\n        }\n      }));\n    this.heightStyles$ =  combineLatest([this.orientation$, this.previewSizes$, this.panels$])\n      .pipe(map(([orientation, previewSizes, 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).map((v, i) => '100%');\n            }\n        }\n      }));\n  }\n\n  //#region Orientation\n  orientation$ = new BehaviorSubject<Direction>('horizontal');\n  public get orientation() {\n    return this.orientation$.value;\n  }\n  @Input() public set orientation(value: Direction) {\n    this.orientation$.next(value);\n  }\n  //#endregion\n\n  previewSizes$ = new BehaviorSubject<number[] | null>(null);\n\n  panels$ = new BehaviorSubject<BsSplitPanelComponent[]>([]);\n  @ContentChildren(BsSplitPanelComponent) set panels(value: QueryList<BsSplitPanelComponent>) {\n    this.panels$.next(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$: Observable<string>;\n  splitterClass$: Observable<string>;\n  widthStyles$: Observable<string[] | null>;\n  heightStyles$: Observable<string[] | null>;\n  isResizing$ = new BehaviorSubject<boolean>(false);\n  touchedDivider$ = new BehaviorSubject<HTMLDivElement | null>(null);\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      this.touchedDivider$.next(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$.next(sizes);\n    this.operation = {\n      operation: EDragOperation.resizeSplitter,\n      startPosition: pt,\n      sizes,\n      indexBefore,\n      indexAfter,\n    };\n\n    this.isResizing$.next(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    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          combineLatest([this.orientation$])\n            .pipe(take(1), takeUntilDestroyed(this.destroy))\n            .subscribe(([orientation]) => {\n              if (this.operation) {\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$.next(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$.next(sy);\n                    break;\n                }\n              }\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    this.touchedDivider$.next(null);\n    this.onResizeUp();\n  }\n\n  onResizeUp() {\n    this.isResizing$.next(false);\n    this.operation = null;\n  }\n}\n","<div class=\"d-flex w-100 root\" [class]=\"[directionClass$ | async, splitterClass$ | async]\" bsUserAgent>\n    <ng-content></ng-content>\n    @for (panel of (panels$ | async); let index = $index; let last = $last; track panel) {\n        @let widthStyles = widthStyles$ | async;\n        @let heightStyles = heightStyles$ | async;\n        \n        <!--  [style.width.%]=\"100\" [style.height.%]=\"100\" -->\n        <div class=\"split-panel overflow-hidden\" [class.flex-none]=\"isResizing$ | async\" #splitPanel [style.width]=\"widthStyles | bsElementAt:index\" [style.height]=\"heightStyles | bsElementAt:index\">\n            <ng-template [cdkPortalOutlet]=\"panel.portal\"></ng-template>\n        </div>\n        @if (!last) {\n            <div class=\"divider\" bsUserAgent [class.hover]=\"(touchedDivider$ | async) === 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>","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":["i4.BsElementAtPipe"],"mappings":"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"}
+{"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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"}

package/fesm2022/mintplayer-ng-bootstrap-sticky-footer.mjs

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, ViewChild, Component, NgModule } from '@angular/core';
+import { HostBinding, Directive, effect, ViewChild, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@mintplayer/ng-swiper/observe-size';
 import { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class BsStickyFooterParentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterParentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: BsStickyFooterParentDirective, isStandalone: false, selector: "[bsStickyFooterParent]", host: { properties: { "style.margin-bottom.px": "this.marginBottom" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterParentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsStickyFooterParentDirective, isStandalone: false, selector: "[bsStickyFooterParent]", host: { properties: { "style.margin-bottom.px": "this.marginBottom" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterParentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterParentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsStickyFooterParent]',
@@ -21,34 +20,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 
 class BsStickyFooterComponent {
-    constructor(parent, destroy) {
+    constructor(parent, injector) {
         this.parent = parent;
-        this.destroy = destroy;
+        this.injector = injector;
     }
     ngAfterViewInit() {
-        if (this.sizeObserver.height$) {
-            this.sizeObserver.height$
-                .pipe(takeUntilDestroyed(this.destroy))
-                .subscribe(height => this.parent.marginBottom = height);
-        }
+        effect(() => {
+            const height = this.sizeObserver.height();
+            if (height !== undefined) {
+                this.parent.marginBottom = height;
+            }
+        }, { injector: this.injector });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterComponent, deps: [{ token: BsStickyFooterParentDirective }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsStickyFooterComponent, isStandalone: false, selector: "bs-sticky-footer", viewQueries: [{ propertyName: "sizeObserver", first: true, predicate: ["sizeObserver"], descendants: true }], ngImport: i0, template: "<footer bsObserveSize #sizeObserver=\"bsObserveSize\" class=\"footer position-absolute\">\n    <ng-content></ng-content>\n</footer>", styles: [".footer{bottom:0;left:0;right:0}::ng-deep html{position:relative;min-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.BsObserveSizeDirective, selector: "[bsObserveSize]", exportAs: ["bsObserveSize"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterComponent, deps: [{ token: BsStickyFooterParentDirective }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsStickyFooterComponent, isStandalone: false, selector: "bs-sticky-footer", viewQueries: [{ propertyName: "sizeObserver", first: true, predicate: ["sizeObserver"], descendants: true }], ngImport: i0, template: "<footer bsObserveSize #sizeObserver=\"bsObserveSize\" class=\"footer position-absolute\">\n    <ng-content></ng-content>\n</footer>", styles: [".footer{bottom:0;left:0;right:0}::ng-deep html{position:relative;min-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.BsObserveSizeDirective, selector: "[bsObserveSize]", exportAs: ["bsObserveSize"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-sticky-footer', standalone: false, template: "<footer bsObserveSize #sizeObserver=\"bsObserveSize\" class=\"footer position-absolute\">\n    <ng-content></ng-content>\n</footer>", styles: [".footer{bottom:0;left:0;right:0}::ng-deep html{position:relative;min-height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: BsStickyFooterParentDirective }, { type: i0.DestroyRef }], propDecorators: { sizeObserver: [{
+        }], ctorParameters: () => [{ type: BsStickyFooterParentDirective }, { type: i0.Injector }], propDecorators: { sizeObserver: [{
                 type: ViewChild,
                 args: ['sizeObserver']
             }] } });
 
 class BsStickyFooterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterModule, declarations: [BsStickyFooterComponent, BsStickyFooterParentDirective], imports: [CommonModule, BsObserveSizeDirective], exports: [BsStickyFooterComponent, BsStickyFooterParentDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterModule, declarations: [BsStickyFooterComponent, BsStickyFooterParentDirective], imports: [CommonModule, BsObserveSizeDirective], exports: [BsStickyFooterComponent, BsStickyFooterParentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsStickyFooterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsStickyFooterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [BsStickyFooterComponent, BsStickyFooterParentDirective],

package/fesm2022/mintplayer-ng-bootstrap-sticky-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-sticky-footer.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer-parent/sticky-footer-parent.directive.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer/sticky-footer.component.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer/sticky-footer.component.html","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer.module.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/mintplayer-ng-bootstrap-sticky-footer.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[bsStickyFooterParent]',\n  standalone: false,\n})\nexport class BsStickyFooterParentDirective {\n  @HostBinding('style.margin-bottom.px') marginBottom?: number;\n}\n","import { AfterViewInit, Component, DestroyRef, ViewChild } from '@angular/core';\nimport { BsStickyFooterParentDirective } from '../sticky-footer-parent/sticky-footer-parent.directive';\nimport { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'bs-sticky-footer',\n  templateUrl: './sticky-footer.component.html',\n  styleUrls: ['./sticky-footer.component.scss'],\n  standalone: false,\n})\nexport class BsStickyFooterComponent implements AfterViewInit {\n  constructor(private parent: BsStickyFooterParentDirective, private destroy: DestroyRef) {}\n\n  ngAfterViewInit() {\n    if (this.sizeObserver.height$) {\n      this.sizeObserver.height$\n        .pipe(takeUntilDestroyed(this.destroy))\n        .subscribe(height => this.parent.marginBottom = height);\n    }\n  }\n\n  @ViewChild('sizeObserver') sizeObserver!: BsObserveSizeDirective;\n}\n","<footer bsObserveSize #sizeObserver=\"bsObserveSize\" class=\"footer position-absolute\">\n    <ng-content></ng-content>\n</footer>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';\nimport { BsStickyFooterComponent } from './sticky-footer/sticky-footer.component';\nimport { BsStickyFooterParentDirective } from './sticky-footer-parent/sticky-footer-parent.directive';\n\n@NgModule({\n  declarations: [BsStickyFooterComponent, BsStickyFooterParentDirective],\n  imports: [CommonModule, BsObserveSizeDirective],\n  exports: [BsStickyFooterComponent, BsStickyFooterParentDirective],\n})\nexport class BsStickyFooterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsStickyFooterParentDirective"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-sticky-footer.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer-parent/sticky-footer-parent.directive.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer/sticky-footer.component.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer/sticky-footer.component.html","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/src/sticky-footer.module.ts","../../../../libs/mintplayer-ng-bootstrap/sticky-footer/mintplayer-ng-bootstrap-sticky-footer.ts"],"sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[bsStickyFooterParent]',\n  standalone: false,\n})\nexport class BsStickyFooterParentDirective {\n  @HostBinding('style.margin-bottom.px') marginBottom?: number;\n}\n","import { AfterViewInit, Component, effect, Injector, ViewChild } from '@angular/core';\nimport { BsStickyFooterParentDirective } from '../sticky-footer-parent/sticky-footer-parent.directive';\nimport { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';\n\n@Component({\n  selector: 'bs-sticky-footer',\n  templateUrl: './sticky-footer.component.html',\n  styleUrls: ['./sticky-footer.component.scss'],\n  standalone: false,\n})\nexport class BsStickyFooterComponent implements AfterViewInit {\n  constructor(\n    private parent: BsStickyFooterParentDirective,\n    private injector: Injector\n  ) {}\n\n  ngAfterViewInit() {\n    effect(() => {\n      const height = this.sizeObserver.height();\n      if (height !== undefined) {\n        this.parent.marginBottom = height;\n      }\n    }, { injector: this.injector });\n  }\n\n  @ViewChild('sizeObserver') sizeObserver!: BsObserveSizeDirective;\n}\n","<footer bsObserveSize #sizeObserver=\"bsObserveSize\" class=\"footer position-absolute\">\n    <ng-content></ng-content>\n</footer>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsObserveSizeDirective } from '@mintplayer/ng-swiper/observe-size';\nimport { BsStickyFooterComponent } from './sticky-footer/sticky-footer.component';\nimport { BsStickyFooterParentDirective } from './sticky-footer-parent/sticky-footer-parent.directive';\n\n@NgModule({\n  declarations: [BsStickyFooterComponent, BsStickyFooterParentDirective],\n  imports: [CommonModule, BsObserveSizeDirective],\n  exports: [BsStickyFooterComponent, BsStickyFooterParentDirective],\n})\nexport class BsStickyFooterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsStickyFooterParentDirective"],"mappings":"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"}