@mintplayer/ng-bootstrap 15.27.0 → 16.0.0

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

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { Component, ViewChild, Input, forwardRef, Directive, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject, fromEvent, takeUntil } from 'rxjs';
+
+class BsRangeComponent {
+    constructor() {
+        this.min = 0;
+        this.max = 10;
+        this.step = 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsRangeComponent, selector: "bs-range", inputs: { min: "min", max: "max", step: "step" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-range', template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { slider: [{
+                type: ViewChild,
+                args: ['slider']
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }] } });
+
+class BsRangeValueAccessor {
+    constructor(host) {
+        this.host = host;
+        this.destroyed$ = new Subject();
+    }
+    //#region Lifecycle hooks
+    ngAfterViewInit() {
+        fromEvent(this.host.slider.nativeElement, 'input')
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((ev) => {
+            if (this.onValueChange) {
+                const val = parseFloat(ev.target.value);
+                this.onValueChange(val);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    //#endregion
+    //#region ControlValueAccessor implementation
+    registerOnChange(fn) {
+        this.onValueChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.host.slider) {
+            this.host.slider.nativeElement.value = value.toString();
+        }
+    }
+    setDisabledState(isDisabled) {
+        if (this.host.slider) {
+            this.host.slider.nativeElement.disabled = isDisabled;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BsRangeValueAccessor),
+                multi: true,
+            }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'bs-range',
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BsRangeValueAccessor),
+                            multi: true,
+                        }],
+                }]
+        }], ctorParameters: function () { return [{ type: BsRangeComponent }]; } });
+
+class BsRangeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BsRangeComponent, BsRangeValueAccessor],
+                    imports: [CommonModule],
+                    exports: [BsRangeComponent, BsRangeValueAccessor],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsRangeComponent, BsRangeModule, BsRangeValueAccessor };
+//# sourceMappingURL=mintplayer-ng-bootstrap-range.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-range.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/range/src/component/range.component.ts","../../../../libs/mintplayer-ng-bootstrap/range/src/component/range.component.html","../../../../libs/mintplayer-ng-bootstrap/range/src/value-accessor/range-value-accessor.ts","../../../../libs/mintplayer-ng-bootstrap/range/src/range.module.ts","../../../../libs/mintplayer-ng-bootstrap/range/mintplayer-ng-bootstrap-range.ts"],"sourcesContent":["import { Component, ElementRef, Input, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'bs-range',\n  templateUrl: './range.component.html',\n  styleUrls: ['./range.component.scss'],\n})\nexport class BsRangeComponent {\n  constructor() {}\n\n  @ViewChild('slider') slider!: ElementRef<HTMLInputElement>;\n  \n  @Input() min = 0;\n  @Input() max = 10;\n  @Input() step = 1;\n}\n","<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n","import { AfterViewInit, Directive, forwardRef, HostListener, OnDestroy } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { fromEvent, Subject, takeUntil } from 'rxjs';\nimport { BsRangeComponent } from '../component/range.component';\n\n@Directive({\n  selector: 'bs-range',\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => BsRangeValueAccessor),\n    multi: true,\n  }],\n})\nexport class BsRangeValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {\n  constructor(private host: BsRangeComponent) {}\n\n  destroyed$ = new Subject();\n\n  onValueChange?: (value: number) => void;\n  onTouched?: () => void;\n\n  //#region Lifecycle hooks\n  ngAfterViewInit() {\n    fromEvent(this.host.slider.nativeElement, 'input')\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((ev) => {\n        if (this.onValueChange) {\n          const val = parseFloat((<HTMLInputElement>ev.target).value);\n          this.onValueChange(val);\n        }\n      });\n  }\n\n  ngOnDestroy() {\n    this.destroyed$.next(true);\n  }\n  //#endregion\n\n  //#region ControlValueAccessor implementation\n  registerOnChange(fn: (_: any) => void) {\n    this.onValueChange = fn;\n  }\n  \n  registerOnTouched(fn: () => void) {\n    this.onTouched = fn;\n  }\n\n  writeValue(value: number) {\n    if (this.host.slider) {\n      this.host.slider.nativeElement.value = value.toString();\n    }\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    if (this.host.slider) {\n      this.host.slider.nativeElement.disabled = isDisabled;\n    }\n  }\n  //#endregion\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsRangeComponent } from './component/range.component';\nimport { BsRangeValueAccessor } from './value-accessor/range-value-accessor';\n\n@NgModule({\n  declarations: [BsRangeComponent, BsRangeValueAccessor],\n  imports: [CommonModule],\n  exports: [BsRangeComponent, BsRangeValueAccessor],\n})\nexport class BsRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsRangeComponent"],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, HostListener, NgModule } from '@angular/core';
+import { Subject, BehaviorSubject, combineLatest, map, takeUntil } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class BsRatingComponent {
+    constructor() {
+        this.destroyed$ = new Subject();
+        this.maximum$ = new BehaviorSubject(5);
+        this.value$ = new BehaviorSubject(3);
+        this.previewValue$ = new BehaviorSubject(null);
+        //#endregion
+        //#region Value
+        this.valueChange = new EventEmitter();
+        this.starsChange = new EventEmitter();
+        this.stars$ = combineLatest([this.maximum$, this.previewValue$, this.value$])
+            .pipe(map(([maximum, previewValue, value]) => {
+            const v = previewValue ?? value;
+            return [
+                ...[...Array(v).keys()].map(i => true),
+                ...[...Array(maximum - v).keys()].map(i => false)
+            ];
+        }));
+        combineLatest([this.previewValue$, this.value$])
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe(([previewValue, value]) => {
+            const v = previewValue ?? value;
+            this.starsChange.emit(v);
+        });
+    }
+    //#region Maximum
+    set maximum(value) {
+        this.maximum$.next(value);
+    }
+    get value() {
+        return this.value$.value;
+    }
+    set value(value) {
+        this.value$.next(value);
+        this.valueChange.emit(value);
+    }
+    //#endregion
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    hoverValue(index) {
+        this.previewValue$.next(index + 1);
+    }
+    selectValue(index) {
+        this.value = index + 1;
+    }
+    trackByStar(index, star) {
+        return index;
+    }
+    onMouseLeave() {
+        this.previewValue$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsRatingComponent, selector: "bs-rating", inputs: { maximum: "maximum", value: "value" }, outputs: { valueChange: "valueChange", starsChange: "starsChange" }, host: { listeners: { "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "<span class=\"cursor-pointer\" *ngFor=\"let star of (stars$ | async), let i = index; trackBy: trackByStar\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n    {{ star ? '&#9733;' : '&#9734;' }}\n</span>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-rating', template: "<span class=\"cursor-pointer\" *ngFor=\"let star of (stars$ | async), let i = index; trackBy: trackByStar\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n    {{ star ? '&#9733;' : '&#9734;' }}\n</span>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { maximum: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], starsChange: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class BsRatingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsRatingModule, declarations: [BsRatingComponent], imports: [CommonModule], exports: [BsRatingComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRatingModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsRatingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsRatingComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BsRatingComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsRatingComponent, BsRatingModule };
+//# sourceMappingURL=mintplayer-ng-bootstrap-rating.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-rating.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.ts","../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.html","../../../../libs/mintplayer-ng-bootstrap/rating/src/rating.module.ts","../../../../libs/mintplayer-ng-bootstrap/rating/mintplayer-ng-bootstrap-rating.ts"],"sourcesContent":["import { Component, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { BehaviorSubject, combineLatest, map, Observable, Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'bs-rating',\n  templateUrl: './rating.component.html',\n  styleUrls: ['./rating.component.scss']\n})\nexport class BsRatingComponent implements OnDestroy {\n\n  constructor() {\n    this.stars$ = combineLatest([this.maximum$, this.previewValue$, this.value$])\n      .pipe(map(([maximum, previewValue, value]) => {\n        const v = previewValue ?? value;\n        return [\n          ...[...Array(v).keys()].map(i => true),\n          ...[...Array(maximum - v).keys()].map(i => false)\n        ];\n      }));\n\n    combineLatest([this.previewValue$, this.value$])\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe(([previewValue, value]) => {\n        const v = previewValue ?? value;\n        this.starsChange.emit(v);\n      });\n  }\n\n  destroyed$ = new Subject();\n  maximum$ = new BehaviorSubject<number>(5);\n  value$ = new BehaviorSubject<number>(3);\n  previewValue$ = new BehaviorSubject<number | null>(null);\n  stars$: Observable<boolean[]>;\n\n  //#region Maximum\n  @Input() public set maximum(value: number) {\n    this.maximum$.next(value);\n  }\n  //#endregion\n\n  //#region Value\n  @Output() public valueChange = new EventEmitter<number>();\n  @Output() public starsChange = new EventEmitter<number>();\n  public get value() {\n    return this.value$.value;\n  }\n  @Input() public set value(value: number) {\n    this.value$.next(value);\n    this.valueChange.emit(value);\n  }\n  //#endregion\n\n  ngOnDestroy() {\n    this.destroyed$.next(true);\n  }\n\n  hoverValue(index: number) {\n    this.previewValue$.next(index + 1);\n  }\n  selectValue(index: number) {\n    this.value = index + 1;\n  }\n\n  trackByStar(index: number, star: boolean) {\n    return index;\n  }\n\n  @HostListener('mouseleave') onMouseLeave() {\n    this.previewValue$.next(null);\n  }\n}\n","<span class=\"cursor-pointer\" *ngFor=\"let star of (stars$ | async), let i = index; trackBy: trackByStar\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n    {{ star ? '&#9733;' : '&#9734;' }}\n</span>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsRatingComponent } from './component/rating.component';\n\n\n\n@NgModule({\n  declarations: [\n    BsRatingComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    BsRatingComponent\n  ]\n})\nexport class BsRatingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,346 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, Inject, HostBinding, Input, HostListener, forwardRef, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, Subject, map, takeUntil } from 'rxjs';
+
+const RESIZABLE = new InjectionToken('Resizable');
+
+class BsResizeGlyphDirective {
+    constructor(resizable) {
+        this.positions = '';
+        this.glyphClass = true;
+        this.activeClass = false;
+        this.isBusy = false;
+        this.resizable = resizable;
+    }
+    set bsResizeGlyph(value) {
+        this.positions = value.join(' ');
+    }
+    onMouseDown(ev) {
+        ev.preventDefault();
+        this.onPointerDown();
+    }
+    onTouchStart(ev) {
+        ev.preventDefault();
+        this.onPointerDown();
+    }
+    onMouseMove(ev) {
+        this.onPointerMove({ clientX: ev.clientX, clientY: ev.clientY, preventDefault: () => ev.preventDefault() });
+    }
+    onTouchMove(ev) {
+        if (ev.touches.length === 1) {
+            this.onPointerMove({ clientX: ev.touches[0].clientX, clientY: ev.touches[0].clientY, preventDefault: () => ev.preventDefault() });
+        }
+    }
+    onMouseUp(ev) {
+        this.onPointerUp();
+    }
+    onTouchEnd(ev) {
+        this.onPointerUp();
+    }
+    onPointerDown() {
+        let action = {
+            positioning: this.resizable.positioning
+        };
+        const rect = this.resizable.element.nativeElement.getBoundingClientRect();
+        const styles = window.getComputedStyle(this.resizable.element.nativeElement);
+        const marginLeft = (this.resizable.positioning === 'absolute') ? undefined : parseFloat(styles.marginLeft.slice(0, -2));
+        const marginRight = (this.resizable.positioning === 'absolute') ? undefined : parseFloat(styles.marginRight.slice(0, -2));
+        const marginTop = (this.resizable.positioning === 'absolute') ? undefined : parseFloat(styles.marginTop.slice(0, -2));
+        const marginBottom = (this.resizable.positioning === 'absolute') ? undefined : parseFloat(styles.marginBottom.slice(0, -2));
+        if (this.positions?.includes('start')) {
+            action = {
+                ...action,
+                end: {
+                    edge: rect.right,
+                    size: rect.width,
+                    margin: marginRight,
+                    dragMargin: marginLeft
+                },
+            };
+        }
+        if (this.positions?.includes('end')) {
+            action = {
+                ...action,
+                start: {
+                    edge: rect.left,
+                    size: rect.width,
+                    margin: marginLeft,
+                    dragMargin: marginRight
+                },
+            };
+        }
+        if (this.positions?.includes('top')) {
+            action = {
+                ...action,
+                bottom: {
+                    edge: rect.bottom,
+                    size: rect.height,
+                    margin: marginBottom,
+                    dragMargin: marginTop
+                },
+            };
+        }
+        if (this.positions?.includes('bottom')) {
+            action = {
+                ...action,
+                top: {
+                    edge: rect.top,
+                    size: rect.height,
+                    margin: marginTop,
+                    dragMargin: marginBottom
+                },
+            };
+        }
+        this.resizable.resizeAction = action;
+        this.activeClass = true;
+    }
+    onPointerMove(ev) {
+        if (this.resizable.resizeAction && !this.isBusy) {
+            ev.preventDefault();
+            this.isBusy = true;
+            const rct = this.resizable.element.nativeElement.getBoundingClientRect();
+            if (this.resizable.resizeAction.start && this.positions?.includes('end')) {
+                // Right glyph
+                const x = (ev.clientX < rct.left + 10) ? rct.left + 10 : ev.clientX;
+                switch (this.resizable.positioning) {
+                    case 'inline':
+                        {
+                            const initalMargin = this.resizable.marginRight ?? 0;
+                            this.resizable.marginRight = initalMargin - (x - rct.right);
+                        }
+                        break;
+                    case 'absolute':
+                        {
+                            this.resizable.width = x - rct.left;
+                        }
+                        break;
+                }
+            }
+            else if (this.resizable.resizeAction.end && this.positions?.includes('start')) {
+                // Left glyph
+                const x = (ev.clientX > rct.right - 10) ? rct.right - 10 : ev.clientX;
+                switch (this.resizable.positioning) {
+                    case 'inline':
+                        {
+                            const initalMargin = this.resizable.marginLeft ?? 0;
+                            this.resizable.marginLeft = initalMargin + x - rct.left;
+                        }
+                        break;
+                    case 'absolute':
+                        {
+                            this.resizable.left = x;
+                            this.resizable.width = this.resizable.resizeAction.end.edge - x;
+                        }
+                        break;
+                }
+            }
+            if (this.resizable.resizeAction.top && this.positions?.includes('bottom')) {
+                // Bottom glyph
+                const y = (ev.clientY < rct.top + 10) ? rct.top + 10 : ev.clientY;
+                switch (this.resizable.positioning) {
+                    case 'inline':
+                        {
+                            const initalMargin = this.resizable.marginBottom ?? 0;
+                            this.resizable.height = y - rct.top;
+                            this.resizable.marginBottom = initalMargin - (y - rct.bottom);
+                        }
+                        break;
+                    case 'absolute':
+                        {
+                            this.resizable.height = y - rct.top;
+                        }
+                        break;
+                }
+            }
+            else if (this.resizable.resizeAction.bottom && this.positions?.includes('top')) {
+                // Top glyph
+                const y = (ev.clientY > rct.bottom - 10) ? rct.bottom - 10 : ev.clientY;
+                switch (this.resizable.positioning) {
+                    case 'inline':
+                        {
+                            const initalMargin = this.resizable.marginTop ?? 0;
+                            this.resizable.height = rct.bottom - y;
+                            this.resizable.marginTop = initalMargin + y - rct.top;
+                        }
+                        break;
+                    case 'absolute':
+                        {
+                            this.resizable.top = y;
+                            this.resizable.height = this.resizable.resizeAction.bottom.edge - y;
+                        }
+                        break;
+                }
+            }
+            this.isBusy = false;
+        }
+    }
+    onPointerUp() {
+        this.resizable.resizeAction = undefined;
+        this.activeClass = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizeGlyphDirective, deps: [{ token: RESIZABLE }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: { bsResizeGlyph: "bsResizeGlyph" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)", "document:mousemove": "onMouseMove($event)", "touchmove": "onTouchMove($event)", "document:mouseup": "onMouseUp($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "this.positions", "class.glyph": "this.glyphClass", "class.active": "this.activeClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizeGlyphDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsResizeGlyph]'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RESIZABLE]
+                }] }]; }, propDecorators: { positions: [{
+                type: HostBinding,
+                args: ['class']
+            }], glyphClass: [{
+                type: HostBinding,
+                args: ['class.glyph']
+            }], activeClass: [{
+                type: HostBinding,
+                args: ['class.active']
+            }], bsResizeGlyph: [{
+                type: Input
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }], onTouchStart: [{
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onTouchMove: [{
+                type: HostListener,
+                args: ['touchmove', ['$event']]
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', ['$event']]
+            }], onTouchEnd: [{
+                type: HostListener,
+                args: ['touchend', ['$event']]
+            }] } });
+
+class BsResizableComponent {
+    constructor(element) {
+        //#region Positioning
+        this.positioning$ = new BehaviorSubject('inline');
+        this.classes = true;
+        this.hostClass = null;
+        this.destroyed$ = new Subject();
+        this.element = element;
+        this.hostPosition$ = this.positioning$.pipe(map((positioning) => {
+            switch (positioning) {
+                case 'absolute': return 'position-absolute';
+                case 'inline': return 'position-relative';
+            }
+        }));
+        this.wrapperPosition$ = this.positioning$.pipe(map((positioning) => {
+            switch (positioning) {
+                case 'absolute': return ['position-relative', 'h-100'];
+                case 'inline': return [];
+            }
+        }));
+        this.hostPosition$.pipe(takeUntil(this.destroyed$))
+            .subscribe(hostPosition => this.hostClass = hostPosition);
+    }
+    get positioning() {
+        return this.positioning$.value;
+    }
+    set positioning(value) {
+        this.positioning$.next(value);
+    }
+    //#endregion
+    set presetPosition(value) {
+        if (this.positioning === 'inline') {
+            throw 'presetPosition currently only supported in absolute positioning';
+        }
+        this.width = value.width;
+        this.height = value.height;
+        this.left = value.left;
+        this.top = value.top;
+        this.marginTop = this.marginBottom = this.marginLeft = this.marginRight = undefined;
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BsResizableComponent, selector: "bs-resizable", inputs: { positioning: "positioning", presetPosition: "presetPosition" }, host: { properties: { "style.margin-left.px": "this.marginLeft", "style.margin-right.px": "this.marginRight", "style.margin-top.px": "this.marginTop", "style.margin-bottom.px": "this.marginBottom", "style.width.px": "this.width", "style.height.px": "this.height", "style.left.px": "this.left", "style.top.px": "this.top", "class.d-block": "this.classes", "class.border": "this.classes", "class": "this.hostClass" } }, providers: [
+            { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
+        ], ngImport: i0, template: "<div [class]=\"wrapperPosition$ | async\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph{position:absolute;width:8px;height:8px;transition:background-color .2s ease-in-out;border-radius:4px;z-index:20}.glyph.top{top:-4px}.glyph.start{left:-4px}.glyph.bottom{bottom:-4px}.glyph.end{right:-4px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph:hover,.glyph.active{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: ["bsResizeGlyph"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-resizable', providers: [
+                        { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
+                    ], template: "<div [class]=\"wrapperPosition$ | async\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph{position:absolute;width:8px;height:8px;transition:background-color .2s ease-in-out;border-radius:4px;z-index:20}.glyph.top{top:-4px}.glyph.start{left:-4px}.glyph.bottom{bottom:-4px}.glyph.end{right:-4px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph:hover,.glyph.active{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { positioning: [{
+                type: Input
+            }], presetPosition: [{
+                type: Input
+            }], marginLeft: [{
+                type: HostBinding,
+                args: ['style.margin-left.px']
+            }], marginRight: [{
+                type: HostBinding,
+                args: ['style.margin-right.px']
+            }], marginTop: [{
+                type: HostBinding,
+                args: ['style.margin-top.px']
+            }], marginBottom: [{
+                type: HostBinding,
+                args: ['style.margin-bottom.px']
+            }], width: [{
+                type: HostBinding,
+                args: ['style.width.px']
+            }], height: [{
+                type: HostBinding,
+                args: ['style.height.px']
+            }], left: [{
+                type: HostBinding,
+                args: ['style.left.px']
+            }], top: [{
+                type: HostBinding,
+                args: ['style.top.px']
+            }], classes: [{
+                type: HostBinding,
+                args: ['class.d-block']
+            }, {
+                type: HostBinding,
+                args: ['class.border']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class BsResizableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: BsResizableModule, declarations: [BsResizableComponent,
+            BsResizeGlyphDirective], imports: [CommonModule], exports: [BsResizableComponent,
+            BsResizeGlyphDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizableModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BsResizableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsResizableComponent,
+                        BsResizeGlyphDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BsResizableComponent,
+                        BsResizeGlyphDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsResizableComponent, BsResizableModule, BsResizeGlyphDirective, RESIZABLE };
+//# sourceMappingURL=mintplayer-ng-bootstrap-resizable.mjs.map