@mintplayer/ng-bootstrap 15.26.2 → 16.0.0

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

@@ -0,0 +1,268 @@
+import * as i0 from '@angular/core';
+import { Component, Pipe, Input, ContentChildren, ViewChildren, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/cdk/portal';
+import { DomPortal, PortalModule } from '@angular/cdk/portal';
+import * as i3 from '@mintplayer/ng-bootstrap/let';
+import { BsLetModule } from '@mintplayer/ng-bootstrap/let';
+import * as i4 from '@mintplayer/ng-bootstrap/user-agent';
+import { BsUserAgentModule } from '@mintplayer/ng-bootstrap/user-agent';
+import { BehaviorSubject, map, combineLatest, take } from 'rxjs';
+
+var EDragOperation;
+(function (EDragOperation) {
+    EDragOperation[EDragOperation["none"] = 0] = "none";
+    EDragOperation[EDragOperation["resizeSplitter"] = 1] = "resizeSplitter";
+})(EDragOperation || (EDragOperation = {}));
+
+class BsSplitPanelComponent {
+    constructor(element) {
+        this.element = element;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => this.portal = new DomPortal(this.element.nativeElement), 10);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitPanelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsSplitPanelComponent, 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-split-panel', template: "<div class=\"w-100 h-100\">\n    <ng-content></ng-content>\n</div>", styles: [":host{display:block;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+
+class BsElementAtPipe {
+    transform(value, index) {
+        if (value) {
+            return value[index];
+        }
+        else {
+            return null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsElementAtPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsElementAtPipe, name: "bsElementAt" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsElementAtPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'bsElementAt'
+                }]
+        }] });
+
+class BsSplitterComponent {
+    constructor() {
+        //#region Orientation
+        this.orientation$ = new BehaviorSubject('horizontal');
+        //#endregion
+        this.previewSizes$ = new BehaviorSubject(null);
+        this.panels$ = new BehaviorSubject([]);
+        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) {
+                case 'horizontal': return 'flex-row';
+                case 'vertical': return 'flex-column';
+            }
+        }));
+        this.splitterClass$ = this.orientation$.pipe(map((orientation) => {
+            switch (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]) => {
+            switch (orientation) {
+                case 'horizontal':
+                    if (previewSizes) {
+                        return [...Array(panels.length).keys()].map((v, i) => {
+                            if (i < previewSizes.length) {
+                                return previewSizes[i] + 'px';
+                            }
+                            else {
+                                return '100%';
+                            }
+                        });
+                    }
+                    else {
+                        return Array(panels.length).map((v, i) => '100%');
+                    }
+                case 'vertical':
+                    return null;
+            }
+        }));
+        this.heightStyles$ = combineLatest([this.orientation$, this.previewSizes$, this.panels$])
+            .pipe(map(([orientation, previewSizes, panels]) => {
+            switch (orientation) {
+                case 'horizontal':
+                    return null;
+                case 'vertical':
+                    if (previewSizes) {
+                        return [...Array(panels.length).keys()].map((v, i) => {
+                            if (i < previewSizes.length) {
+                                return previewSizes[i] + 'px';
+                            }
+                            else {
+                                return '100%';
+                            }
+                        });
+                    }
+                    else {
+                        return Array(panels.length).map((v, i) => '100%');
+                    }
+            }
+        }));
+    }
+    get orientation() {
+        return this.orientation$.value;
+    }
+    set orientation(value) {
+        this.orientation$.next(value);
+    }
+    set panels(value) {
+        this.panels$.next(value.toArray());
+    }
+    computeSizes() {
+        if (typeof window !== 'undefined') {
+            const sizes = this.splitPanels
+                .map((sp) => {
+                const styles = window.getComputedStyle(sp.nativeElement);
+                switch (this.orientation) {
+                    case 'horizontal': return styles.width;
+                    case 'vertical': return styles.height;
+                }
+            })
+                .map((size) => size.slice(0, -2))
+                .map((size) => parseFloat(size));
+            return sizes;
+        }
+        else {
+            return this.splitPanels.map(p => 50);
+        }
+    }
+    startResizeMouse(ev, indexBefore, indexAfter) {
+        ev.preventDefault();
+        this.startResize(indexBefore, indexAfter, { x: ev.clientX, y: ev.clientY });
+    }
+    startResizeTouch(ev, indexBefore, indexAfter, divider) {
+        if (ev.cancelable) {
+            ev.preventDefault();
+            this.touchedDivider$.next(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.operation = {
+            operation: EDragOperation.resizeSplitter,
+            startPosition: pt,
+            sizes,
+            indexBefore,
+            indexAfter,
+        };
+        this.isResizing$.next(true);
+    }
+    onMouseMove(ev) {
+        this.onResizeMove({ x: ev.clientX, y: ev.clientY });
+    }
+    onTouchMove(ev) {
+        this.onResizeMove({ x: ev.touches[0].clientX, y: ev.touches[0].clientY });
+    }
+    onResizeMove(pt) {
+        if (this.operation) {
+            switch (this.operation.operation) {
+                case EDragOperation.resizeSplitter:
+                    {
+                        combineLatest([this.orientation$])
+                            .pipe(take(1))
+                            .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;
+                                }
+                            }
+                        });
+                    }
+                    break;
+            }
+        }
+    }
+    onMouseUp(ev) {
+        this.onResizeUp();
+    }
+    onTouchEnd(ev) {
+        this.touchedDivider$.next(null);
+        this.onResizeUp();
+    }
+    onResizeUp() {
+        this.isResizing$.next(false);
+        this.operation = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsSplitterComponent, 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    <ng-container *ngFor=\"let panel of (panels$ | async); let index = index; let last = last\">\n        <ng-container *bsLet=\"(widthStyles$ | async) as widthStyles\">\n            <ng-container *bsLet=\"(heightStyles$ | async) as heightStyles\">\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            </ng-container>\n        </ng-container>\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)\" *ngIf=\"!last\"></div>\n    </ng-container>\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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i3.BsLetDirective, selector: "[bsLet]", inputs: ["bsLet"] }, { kind: "directive", type: i4.BsUserAgentDirective, selector: "[bsUserAgent]", outputs: ["detected"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: BsElementAtPipe, name: "bsElementAt" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-splitter', template: "<div class=\"d-flex w-100 root\" [class]=\"[directionClass$ | async, splitterClass$ | async]\" bsUserAgent>\n    <ng-content></ng-content>\n    <ng-container *ngFor=\"let panel of (panels$ | async); let index = index; let last = last\">\n        <ng-container *bsLet=\"(widthStyles$ | async) as widthStyles\">\n            <ng-container *bsLet=\"(heightStyles$ | async) as heightStyles\">\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            </ng-container>\n        </ng-container>\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)\" *ngIf=\"!last\"></div>\n    </ng-container>\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: function () { return []; }, propDecorators: { orientation: [{
+                type: Input
+            }], panels: [{
+                type: ContentChildren,
+                args: [BsSplitPanelComponent]
+            }], splitPanels: [{
+                type: ViewChildren,
+                args: ['splitPanel']
+            }], classes: [{
+                type: HostBinding,
+                args: ['class.w-100']
+            }, {
+                type: HostBinding,
+                args: ['class.h-100']
+            }, {
+                type: HostBinding,
+                args: ['class.d-flex']
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }] } });
+
+class BsSplitterModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterModule, declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe], imports: [CommonModule, PortalModule, BsLetModule, BsUserAgentModule], exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterModule, imports: [CommonModule, PortalModule, BsLetModule, BsUserAgentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsSplitterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],
+                    imports: [CommonModule, PortalModule, BsLetModule, BsUserAgentModule],
+                    exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsElementAtPipe, BsSplitPanelComponent, BsSplitterComponent, BsSplitterModule };
+//# sourceMappingURL=mintplayer-ng-bootstrap-splitter.mjs.map

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

@@ -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 { 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})\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})\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 } 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';\n\n@Component({\n  selector: 'bs-splitter',\n  templateUrl: './splitter.component.html',\n  styleUrls: ['./splitter.component.scss'],\n})\nexport class BsSplitterComponent {\n\n  constructor() {\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))\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    <ng-container *ngFor=\"let panel of (panels$ | async); let index = index; let last = last\">\n        <ng-container *bsLet=\"(widthStyles$ | async) as widthStyles\">\n            <ng-container *bsLet=\"(heightStyles$ | async) as heightStyles\">\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            </ng-container>\n        </ng-container>\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)\" *ngIf=\"!last\"></div>\n    </ng-container>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { BsLetModule } from '@mintplayer/ng-bootstrap/let';\nimport { BsUserAgentModule } 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: [CommonModule, PortalModule, BsLetModule, BsUserAgentModule],\n  exports: [BsSplitterComponent, BsSplitPanelComponent, BsElementAtPipe],\n})\nexport class BsSplitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i5.BsElementAtPipe"],"mappings":"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"}

package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs

@@ -0,0 +1,214 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, Input, ContentChild, HostBinding, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i3 from '@mintplayer/ng-bootstrap/let';
+import { BsLetModule } from '@mintplayer/ng-bootstrap/let';
+import * as i2 from '@mintplayer/ng-bootstrap/no-noscript';
+import { BsNoNoscriptModule } from '@mintplayer/ng-bootstrap/no-noscript';
+import { BehaviorSubject, combineLatest, map, Subject, filter, takeUntil } from 'rxjs';
+
+class BsTabPageHeaderDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabPageHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: BsTabPageHeaderDirective, selector: "[bsTabPageHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabPageHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsTabPageHeader]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
+class BsTabPageComponent {
+    constructor(tabControl, element) {
+        this.disabled = false;
+        this.element = element;
+        this.tabControl = tabControl;
+        this.tabId$ = new BehaviorSubject(++this.tabControl.tabCounter);
+        this.tabName$ = combineLatest([this.tabControl.tabControlName$, this.tabId$])
+            .pipe(map(([tabControlName, tabId]) => `${tabControlName}-${tabId}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabPageComponent, deps: [{ token: BsTabControlComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsTabPageComponent, selector: "bs-tab-page", inputs: { disabled: "disabled" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: BsTabPageHeaderDirective, descendants: true }], ngImport: i0, template: "<input type=\"radio\" bsNoNoscript class=\"d-none\" [name]=\"tabControl.tabControlName$ | async\" [id]=\"tabName$ | async\">\n<div class=\"tab-page-content\" [class.d-block]=\"(tabControl.activeTab$ | async) === this\">\n    <ng-content></ng-content>\n</div>", styles: [".tab-page-content{display:none}input[type=radio].noscript:checked+.tab-page-content{display:block}\n"], dependencies: [{ kind: "directive", type: i2.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-tab-page', template: "<input type=\"radio\" bsNoNoscript class=\"d-none\" [name]=\"tabControl.tabControlName$ | async\" [id]=\"tabName$ | async\">\n<div class=\"tab-page-content\" [class.d-block]=\"(tabControl.activeTab$ | async) === this\">\n    <ng-content></ng-content>\n</div>", styles: [".tab-page-content{display:none}input[type=radio].noscript:checked+.tab-page-content{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: BsTabControlComponent }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [BsTabPageHeaderDirective]
+            }] } });
+
+class BsTabControlComponent {
+    constructor(element) {
+        this.dBlock = true;
+        this.positionRelative = true;
+        this.border = true;
+        this.dragBoundarySelector = '';
+        this.tabPages$ = new BehaviorSubject(null);
+        this.activeTab$ = new BehaviorSubject(null);
+        this.orderedTabPages = [];
+        this.tabCounter = 0;
+        this.destroyed$ = new Subject();
+        //#region SelectFirstTab
+        this.selectFirstTab$ = new BehaviorSubject(true);
+        //#endregion
+        //#region TabsPosition
+        this.tabsPosition$ = new BehaviorSubject('top');
+        //#endregion
+        //#region AllowDragDrop
+        this.allowDragDrop$ = new BehaviorSubject(false);
+        this.tabControlId$ = new BehaviorSubject(++BsTabControlComponent.tabControlCounter);
+        this.tabControlName$ = this.tabControlId$.pipe(map((id) => `bs-tab-control-${id}`));
+        this.element = element;
+        combineLatest([this.tabPages$, this.activeTab$, this.selectFirstTab$])
+            .pipe(filter(([tabPages, activeTab, selectFirstTab]) => {
+            return !!tabPages && (!activeTab || !tabPages.some(tp => tp === activeTab)) && selectFirstTab;
+        }))
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(([tabPages, activeTab, selectFirstTab]) => {
+            const notDisabled = tabPages.filter((tp) => !tp.disabled);
+            if (notDisabled.length > 0) {
+                setTimeout(() => this.activeTab$.next(notDisabled[0]));
+            }
+        });
+        this.topTabs$ = this.tabsPosition$.pipe(map(position => position === 'top'));
+        this.bottomTabs$ = this.tabsPosition$.pipe(map(position => position === 'bottom'));
+        this.disableDragDrop$ = this.allowDragDrop$.pipe(map(allow => !allow));
+    }
+    set setTabPages(value) {
+        this.tabPages$.next(value);
+        const list = value.toArray();
+        const toAdd = value.filter(tp => !this.orderedTabPages.includes(tp));
+        this.orderedTabPages = this.orderedTabPages.concat(toAdd).filter((tp) => list.includes(tp));
+    }
+    set restrictDragging(value) {
+        this.dragBoundarySelector = value ? 'ul' : '';
+    }
+    static { this.tabControlCounter = 0; }
+    get selectFirstTab() {
+        return this.selectFirstTab$.value;
+    }
+    set selectFirstTab(value) {
+        this.selectFirstTab$.next(value);
+    }
+    get tabsPosition() {
+        return this.tabsPosition$.value;
+    }
+    set tabsPosition(value) {
+        this.tabsPosition$.next(value);
+    }
+    get allowDragDrop() {
+        return this.allowDragDrop$.value;
+    }
+    set allowDragDrop(value) {
+        this.allowDragDrop$.next(value);
+    }
+    //#endregion
+    setActiveTab(tab) {
+        if (!tab.disabled) {
+            this.activeTab$.next(tab);
+        }
+        return false;
+    }
+    startDragTab(ev) {
+        if ('vibrate' in navigator) {
+            navigator.vibrate([30]);
+        }
+    }
+    moveTab(ev) {
+        if (ev.previousContainer === ev.container) {
+            moveItemInArray(this.orderedTabPages, ev.previousIndex, ev.currentIndex);
+        }
+        else {
+            // transferArrayItem(
+            //   ev.previousContainer.data,
+            //   ev.container.data,
+            //   ev.previousIndex,
+            //   ev.currentIndex);
+        }
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsTabControlComponent, selector: "bs-tab-control", inputs: { border: "border", restrictDragging: "restrictDragging", selectFirstTab: "selectFirstTab", tabsPosition: "tabsPosition", allowDragDrop: "allowDragDrop" }, host: { properties: { "class.d-block": "this.dBlock", "class.position-relative": "this.positionRelative" } }, providers: [
+            { provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }
+        ], queries: [{ propertyName: "setTabPages", predicate: BsTabPageComponent }], ngImport: i0, template: "<ng-container *bsLet=\"(activeTab$ | async) as activeTab\">\n\t<div class=\"overflow-hidden mw-100 tsc\" *ngIf=\"topTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border && activeTab\" [class.border-top]=\"border && !activeTab\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\" *ngIf=\"bottomTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n</ng-container>", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.BsLetDirective, selector: "[bsLet]", inputs: ["bsLet"] }, { kind: "directive", type: i2.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-tab-control', providers: [
+                        { provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }
+                    ], template: "<ng-container *bsLet=\"(activeTab$ | async) as activeTab\">\n\t<div class=\"overflow-hidden mw-100 tsc\" *ngIf=\"topTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border && activeTab\" [class.border-top]=\"border && !activeTab\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\" *ngIf=\"bottomTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n</ng-container>", styles: [":host ::ng-deep .nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: #6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}:host ::ng-deep .nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .nav-link{transition:none}}:host ::ng-deep .nav-link:hover,:host ::ng-deep .nav-link:focus{color:var(--bs-nav-link-hover-color)}:host ::ng-deep .nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}:host ::ng-deep .nav-tabs{--bs-nav-tabs-border-width: 1px;--bs-nav-tabs-border-color: #dee2e6;--bs-nav-tabs-border-radius: .375rem;--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color: #495057;--bs-nav-tabs-link-active-bg: #fff;--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}:host ::ng-deep .nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}:host ::ng-deep .nav-tabs .nav-link:hover,:host ::ng-deep .nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}:host ::ng-deep .nav-tabs .nav-link.disabled,:host ::ng-deep .nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-tabs .nav-link.active,:host ::ng-deep .nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}:host ::ng-deep .nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .nav-pills{--bs-nav-pills-border-radius: .375rem;--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #0d6efd}:host ::ng-deep .nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}:host ::ng-deep .nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}:host ::ng-deep .nav-pills .nav-link.active,:host ::ng-deep .nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}:host ::ng-deep .nav-fill>.nav-link,:host ::ng-deep .nav-fill .nav-item{flex:1 1 auto;text-align:center}:host ::ng-deep .nav-justified>.nav-link,:host ::ng-deep .nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}:host ::ng-deep .nav-fill .nav-item .nav-link,:host ::ng-deep .nav-justified .nav-item .nav-link{width:100%}:host ::ng-deep .tab-content>.tab-pane{display:none}:host ::ng-deep .tab-content>.active{display:block}:host ::ng-deep .tab-content{margin-top:-1px}.tsc{max-height:41px;top:2px;z-index:10;flex-shrink:0}.tsc .nav.nav-tabs{border-bottom:0}.tsc.bottom-tabs{margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs{border-bottom-width:0px}.tsc.bottom-tabs .nav.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.tsc.bottom-tabs .nav.nav-tabs .nav-item{margin-bottom:2px;margin-top:-1px}.tsc.bottom-tabs .nav.nav-tabs .nav-item.show .nav-link,.tsc.bottom-tabs .nav.nav-tabs .nav-link.active{border-color:#fff #dee2e6 #dee2e6 #dee2e6}.tab-content.noscript::ng-deep>bs-tab-page>.tab-page-content{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;margin-top:-1px}.overflow-y-hidden{overflow-y:hidden}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { dBlock: [{
+                type: HostBinding,
+                args: ['class.d-block']
+            }], positionRelative: [{
+                type: HostBinding,
+                args: ['class.position-relative']
+            }], setTabPages: [{
+                type: ContentChildren,
+                args: [BsTabPageComponent]
+            }], border: [{
+                type: Input
+            }], restrictDragging: [{
+                type: Input
+            }], selectFirstTab: [{
+                type: Input
+            }], tabsPosition: [{
+                type: Input
+            }], allowDragDrop: [{
+                type: Input
+            }] } });
+
+class BsTabControlModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlModule, declarations: [BsTabControlComponent,
+            BsTabPageComponent,
+            BsTabPageHeaderDirective], imports: [CommonModule,
+            DragDropModule,
+            BsLetModule,
+            BsNoNoscriptModule], exports: [BsTabControlComponent,
+            BsTabPageComponent,
+            BsTabPageHeaderDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlModule, imports: [CommonModule,
+            DragDropModule,
+            BsLetModule,
+            BsNoNoscriptModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsTabControlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsTabControlComponent,
+                        BsTabPageComponent,
+                        BsTabPageHeaderDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DragDropModule,
+                        BsLetModule,
+                        BsNoNoscriptModule
+                    ],
+                    exports: [
+                        BsTabControlComponent,
+                        BsTabPageComponent,
+                        BsTabPageHeaderDirective,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsTabControlComponent, BsTabControlModule, BsTabPageComponent, BsTabPageHeaderDirective };
+//# sourceMappingURL=mintplayer-ng-bootstrap-tab-control.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-tab-control.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page-header/tab-page-header.directive.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-page/tab-page.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control/tab-control.component.html","../../../../libs/mintplayer-ng-bootstrap/tab-control/src/tab-control.module.ts","../../../../libs/mintplayer-ng-bootstrap/tab-control/mintplayer-ng-bootstrap-tab-control.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[bsTabPageHeader]'\n})\nexport class BsTabPageHeaderDirective {\n\n  constructor(public template: TemplateRef<any>) {}\n\n}\n","import { Component, ContentChild, TemplateRef, Input, ElementRef } from '@angular/core';\nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\nimport { BsTabControlComponent } from '../tab-control/tab-control.component';\nimport { BsTabPageHeaderDirective } from '../tab-page-header/tab-page-header.directive';\n\n@Component({\n  selector: 'bs-tab-page',\n  templateUrl: './tab-page.component.html',\n  styleUrls: ['./tab-page.component.scss']\n})\nexport class BsTabPageComponent {\n\n  constructor(tabControl: BsTabControlComponent, element: ElementRef<any>) {\n    this.element = element;\n    this.tabControl = tabControl;\n    this.tabId$ = new BehaviorSubject<number>(++this.tabControl.tabCounter);\n    this.tabName$ = combineLatest([this.tabControl.tabControlName$, this.tabId$])\n      .pipe(map(([tabControlName, tabId]) =>  `${tabControlName}-${tabId}`));\n  }\n\n  element: ElementRef<any>;\n  tabControl: BsTabControlComponent;\n  tabId$: BehaviorSubject<number>;\n  tabName$: Observable<string>;\n\n  @Input() disabled = false;\n  @ContentChild(BsTabPageHeaderDirective) headerTemplate!: BsTabPageHeaderDirective;\n\n}\n","<input type=\"radio\" bsNoNoscript class=\"d-none\" [name]=\"tabControl.tabControlName$ | async\" [id]=\"tabName$ | async\">\n<div class=\"tab-page-content\" [class.d-block]=\"(tabControl.activeTab$ | async) === this\">\n    <ng-content></ng-content>\n</div>","import { CdkDragDrop, CdkDragStart, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';\nimport { Component, ContentChildren, ElementRef, HostBinding, Input, OnDestroy, QueryList, Renderer2 } from '@angular/core';\nimport { BehaviorSubject, combineLatest, filter, map, Observable, Subject, takeUntil } from 'rxjs';\nimport { BsTabPageComponent } from '../tab-page/tab-page.component';\nimport { BsTabsPosition } from '../tabs-position';\n\n@Component({\n  selector: 'bs-tab-control',\n  templateUrl: './tab-control.component.html',\n  styleUrls: ['./tab-control.component.scss'],\n  providers: [\n    { provide: 'TAB_CONTROL', useExisting: BsTabControlComponent }\n  ]\n})\nexport class BsTabControlComponent implements OnDestroy {\n\n  constructor(element: ElementRef<any>) {\n    this.tabControlId$ = new BehaviorSubject<number>(++BsTabControlComponent.tabControlCounter);\n    this.tabControlName$ = this.tabControlId$.pipe(map((id) => `bs-tab-control-${id}`));\n    this.element = element;\n    combineLatest([this.tabPages$, this.activeTab$, this.selectFirstTab$])\n      .pipe(filter(([tabPages, activeTab, selectFirstTab]) => {\n        return !!tabPages && (!activeTab || !tabPages.some(tp => tp === activeTab)) && selectFirstTab;\n      }))\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe(([tabPages, activeTab, selectFirstTab]) => {\n        const notDisabled = tabPages!.filter((tp) => !tp.disabled);\n        if (notDisabled.length > 0) {\n          setTimeout(() => this.activeTab$.next(notDisabled[0]));\n        }\n      });\n    this.topTabs$ = this.tabsPosition$.pipe(map(position => position === 'top'));\n    this.bottomTabs$ = this.tabsPosition$.pipe(map(position => position === 'bottom'));\n    this.disableDragDrop$ = this.allowDragDrop$.pipe(map(allow => !allow));\n  }\n\n  @HostBinding('class.d-block') dBlock = true;\n  @HostBinding('class.position-relative') positionRelative = true;\n  @ContentChildren(BsTabPageComponent) set setTabPages(value: QueryList<BsTabPageComponent>) {\n    this.tabPages$.next(value);\n    const list = value.toArray();\n    const toAdd = value.filter(tp => !this.orderedTabPages.includes(tp));\n    this.orderedTabPages = this.orderedTabPages.concat(toAdd).filter((tp) => list.includes(tp));\n  }\n  @Input() public border = true;\n  @Input() public set restrictDragging(value: boolean) {\n    this.dragBoundarySelector = value ? 'ul' : '';\n  }\n  dragBoundarySelector = '';\n  element: ElementRef<any>;\n  tabPages$ = new BehaviorSubject<QueryList<BsTabPageComponent> | null>(null);\n  activeTab$ = new BehaviorSubject<BsTabPageComponent | null>(null);\n  orderedTabPages: BsTabPageComponent[] = [];\n  tabControlId$: BehaviorSubject<number>;\n  tabControlName$: Observable<string>;\n  topTabs$: Observable<boolean>;\n  bottomTabs$: Observable<boolean>;\n  disableDragDrop$: Observable<boolean>;\n  static tabControlCounter = 0;\n  tabCounter = 0;\n  destroyed$ = new Subject()\n\n  //#region SelectFirstTab\n  selectFirstTab$ = new BehaviorSubject<boolean>(true);\n  public get selectFirstTab() {\n    return this.selectFirstTab$.value;\n  }\n  @Input() public set selectFirstTab(value: boolean) {\n    this.selectFirstTab$.next(value);\n  }\n  //#endregion\n  //#region TabsPosition\n  tabsPosition$ = new BehaviorSubject<BsTabsPosition>('top');\n  public get tabsPosition() {\n    return this.tabsPosition$.value;\n  }\n  @Input() public set tabsPosition(value: BsTabsPosition) {\n    this.tabsPosition$.next(value);\n  }\n  //#endregion\n  //#region AllowDragDrop\n  allowDragDrop$ = new BehaviorSubject<boolean>(false);\n  public get allowDragDrop() {\n    return this.allowDragDrop$.value;\n  }\n  @Input() public set allowDragDrop(value: boolean) {\n    this.allowDragDrop$.next(value);\n  }\n  //#endregion\n\n  setActiveTab(tab: BsTabPageComponent) {\n    if (!tab.disabled) {\n      this.activeTab$.next(tab);\n    }\n    return false;\n  }\n\n  startDragTab(ev: CdkDragStart<BsTabPageComponent>) {\n    if ('vibrate' in navigator) {\n      navigator.vibrate([30]);\n    }\n  }\n\n  moveTab(ev: CdkDragDrop<QueryList<BsTabPageComponent> | null>) {\n    if (ev.previousContainer === ev.container) {\n      moveItemInArray(\n        this.orderedTabPages,\n        ev.previousIndex, \n        ev.currentIndex);\n    } else {\n      // transferArrayItem(\n      //   ev.previousContainer.data,\n      //   ev.container.data,\n      //   ev.previousIndex,\n      //   ev.currentIndex);\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyed$.next(true);\n  }\n\n}\n","<ng-container *bsLet=\"(activeTab$ | async) as activeTab\">\n\t<div class=\"overflow-hidden mw-100 tsc\" *ngIf=\"topTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n\t<div class=\"tab-content flex-grow-1 overflow-auto\" bsNoNoscript [class.border]=\"border && activeTab\" [class.border-top]=\"border && !activeTab\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"overflow-hidden mw-100 tsc bottom-tabs\" *ngIf=\"bottomTabs$ | async\">\n\t\t<ul cdkDropList #list #tabList=\"cdkDropList\"\n\t\t\t[cdkDropListData]=\"tabPages$ | async\"\n\t\t\t[cdkDropListConnectedTo]=\"[]\"\n\t\t\t[cdkDropListOrientation]=\"'horizontal'\"\n\t\t\t(cdkDropListDropped)=\"moveTab($event)\"\n\t\t\t[cdkDropListDisabled]=\"disableDragDrop$ | async\"\n\t\t\tclass=\"nav nav-tabs flex-nowrap overflow-x-auto overflow-y-hidden\">\n\t\t\t<ng-container *ngFor=\"let tab of orderedTabPages\">\n\t\t\t\t<span class=\"nav-item\" (click)=\"setActiveTab(tab)\" *ngIf=\"!!tab.headerTemplate\" cdkDrag [cdkDragBoundary]=\"dragBoundarySelector\" [cdkDragStartDelay]=\"500\" (cdkDragStarted)=\"startDragTab($event)\">\n\t\t\t\t\t<label [for]=\"tab.tabName$ | async\" class=\"nav-link text-nowrap cursor-pointer\" [class.active]=\"activeTab === tab\" [class.disabled]=\"tab.disabled\" [attr.aria-current]=\"activeTab === tab ? 'page' : null\" [attr.aria-disabled]=\"tab.disabled\">\n\t\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"tab.headerTemplate.template\"></ng-container>\n\t\t\t\t\t</label>\n\t\t\t\t</span>\n\t\t\t</ng-container>\n\t\t</ul>\n\t</div>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { BsLetModule } from '@mintplayer/ng-bootstrap/let';\nimport { BsNoNoscriptModule } from '@mintplayer/ng-bootstrap/no-noscript';\nimport { BsTabControlComponent } from './tab-control/tab-control.component';\nimport { BsTabPageComponent } from './tab-page/tab-page.component';\nimport { BsTabPageHeaderDirective } from './tab-page-header/tab-page-header.directive';\n\n@NgModule({\n  declarations: [\n    BsTabControlComponent,\n    BsTabPageComponent,\n    BsTabPageHeaderDirective,\n  ],\n  imports: [\n    CommonModule,\n    DragDropModule,\n    BsLetModule,\n    BsNoNoscriptModule\n  ],\n  exports: [\n    BsTabControlComponent,\n    BsTabPageComponent,\n    BsTabPageHeaderDirective,\n  ]\n})\nexport class BsTabControlModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsTabControlComponent","i3","i2","i4"],"mappings":"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"}