@mintplayer/ng-bootstrap 14.10.1 → 15.0.1

package/fesm2015/mintplayer-ng-bootstrap-popover.mjs

@@ -0,0 +1,254 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, Inject, Input, HostBinding, Injector, Directive, Host, SkipSelf, NgModule } from '@angular/core';
+import { FadeInOutAnimation } from '@mintplayer/ng-animations';
+import { Position } from '@mintplayer/ng-bootstrap';
+import { BehaviorSubject, map, Subject, takeUntil, delay, take } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+
+const POPOVER_CONTENT = new InjectionToken('PopoverContent');
+
+class BsPopoverComponent {
+    constructor(content) {
+        //#region Position
+        this.positions = Position;
+        this.position$ = new BehaviorSubject(Position.bottom);
+        //#endregion
+        //#region IsVisible
+        this.isVisible$ = new BehaviorSubject(false);
+        this.positionRelative = true;
+        this.template = content;
+        this.marginClass$ = this.position$.pipe(map((position) => {
+            switch (position) {
+                case Position.top: return 'mb-2';
+                case Position.left: return 'me-2';
+                case Position.right: return 'ms-2';
+                default: return 'mt-2';
+            }
+        }));
+    }
+    get position() {
+        return this.position$.value;
+    }
+    set position(value) {
+        this.position$.next(value);
+    }
+    get isVisible() {
+        return this.isVisible$.value;
+    }
+    set isVisible(value) {
+        this.isVisible$.next(value);
+    }
+}
+BsPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverComponent, deps: [{ token: POPOVER_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
+BsPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BsPopoverComponent, selector: "bs-popover", inputs: { position: "position", isVisible: "isVisible" }, host: { properties: { "class.position-relative": "this.positionRelative" } }, ngImport: i0, template: "<div class=\"popover position-relative fade show\" role=\"tooltip\"\n    [class.bs-popover-bottom]=\"position === positions.bottom\"\n    [class.bs-popover-top]=\"position === positions.top\"\n    [class.bs-popover-start]=\"position === positions.left\"\n    [class.bs-popover-end]=\"position === positions.right\"\n    [class]=\"marginClass$ | async\"\n    [@fadeInOut]\n    *ngIf=\"isVisible$ | async\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    <div class=\"popover-arrow position-absolute\"></div>\n</div>\n", styles: [":host ::ng-deep .fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){:host ::ng-deep .fade{transition:none}}:host ::ng-deep .fade:not(.show){opacity:0}:host ::ng-deep .collapse:not(.show){display:none}:host ::ng-deep .collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion: reduce){:host ::ng-deep .collapsing{transition:none}}:host ::ng-deep .collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion: reduce){:host ::ng-deep .collapsing.collapse-horizontal{transition:none}}:host ::ng-deep .popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size: .875rem;--bs-popover-bg: #fff;--bs-popover-border-width: 1px;--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: .5rem;--bs-popover-inner-border-radius:calc(.5rem - 1px);--bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: .5rem;--bs-popover-header-font-size: 1rem;--bs-popover-header-color: ;--bs-popover-header-bg: #f0f0f0;--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: #212529;--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: .5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}:host ::ng-deep .popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}:host ::ng-deep .popover .popover-arrow:before,:host ::ng-deep .popover .popover-arrow:after{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid;border-width:0}:host ::ng-deep .bs-popover-top>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}:host ::ng-deep .bs-popover-top>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,:host ::ng-deep .bs-popover-top>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}:host ::ng-deep .bs-popover-top>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-top>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-end>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}:host ::ng-deep .bs-popover-end>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,:host ::ng-deep .bs-popover-end>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}:host ::ng-deep .bs-popover-end>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-end>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-bottom>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}:host ::ng-deep .bs-popover-bottom>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,:host ::ng-deep .bs-popover-bottom>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}:host ::ng-deep .bs-popover-bottom>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-bottom>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-bottom .popover-header:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:\"\";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}:host ::ng-deep .bs-popover-start>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}:host ::ng-deep .bs-popover-start>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,:host ::ng-deep .bs-popover-start>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}:host ::ng-deep .bs-popover-start>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-start>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}:host ::ng-deep .popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}:host ::ng-deep .popover-header:empty{display:none}:host ::ng-deep .popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.popover.bs-popover-top>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.popover.bs-popover-bottom>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{left:50%;transform:translate(-50%)}.popover.bs-popover-start>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.popover.bs-popover-end>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{top:50%;transform:translateY(-50%)}.popover:not(.show){pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [FadeInOutAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-popover', animations: [FadeInOutAnimation], template: "<div class=\"popover position-relative fade show\" role=\"tooltip\"\n    [class.bs-popover-bottom]=\"position === positions.bottom\"\n    [class.bs-popover-top]=\"position === positions.top\"\n    [class.bs-popover-start]=\"position === positions.left\"\n    [class.bs-popover-end]=\"position === positions.right\"\n    [class]=\"marginClass$ | async\"\n    [@fadeInOut]\n    *ngIf=\"isVisible$ | async\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    <div class=\"popover-arrow position-absolute\"></div>\n</div>\n", styles: [":host ::ng-deep .fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){:host ::ng-deep .fade{transition:none}}:host ::ng-deep .fade:not(.show){opacity:0}:host ::ng-deep .collapse:not(.show){display:none}:host ::ng-deep .collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion: reduce){:host ::ng-deep .collapsing{transition:none}}:host ::ng-deep .collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion: reduce){:host ::ng-deep .collapsing.collapse-horizontal{transition:none}}:host ::ng-deep .popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size: .875rem;--bs-popover-bg: #fff;--bs-popover-border-width: 1px;--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: .5rem;--bs-popover-inner-border-radius:calc(.5rem - 1px);--bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: .5rem;--bs-popover-header-font-size: 1rem;--bs-popover-header-color: ;--bs-popover-header-bg: #f0f0f0;--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: #212529;--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: .5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}:host ::ng-deep .popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}:host ::ng-deep .popover .popover-arrow:before,:host ::ng-deep .popover .popover-arrow:after{position:absolute;display:block;content:\"\";border-color:transparent;border-style:solid;border-width:0}:host ::ng-deep .bs-popover-top>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}:host ::ng-deep .bs-popover-top>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,:host ::ng-deep .bs-popover-top>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}:host ::ng-deep .bs-popover-top>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-top>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-end>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}:host ::ng-deep .bs-popover-end>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,:host ::ng-deep .bs-popover-end>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}:host ::ng-deep .bs-popover-end>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-end>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-bottom>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}:host ::ng-deep .bs-popover-bottom>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,:host ::ng-deep .bs-popover-bottom>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}:host ::ng-deep .bs-popover-bottom>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-bottom>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}:host ::ng-deep .bs-popover-bottom .popover-header:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:\"\";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}:host ::ng-deep .bs-popover-start>.popover-arrow,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}:host ::ng-deep .bs-popover-start>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,:host ::ng-deep .bs-popover-start>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}:host ::ng-deep .bs-popover-start>.popover-arrow:before,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}:host ::ng-deep .bs-popover-start>.popover-arrow:after,:host ::ng-deep .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}:host ::ng-deep .popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}:host ::ng-deep .popover-header:empty{display:none}:host ::ng-deep .popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.popover.bs-popover-top>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.popover.bs-popover-bottom>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{left:50%;transform:translate(-50%)}.popover.bs-popover-start>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.popover.bs-popover-end>.popover-arrow,:host ::ng-deep .popover.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{top:50%;transform:translateY(-50%)}.popover:not(.show){pointer-events:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef, decorators: [{
+                        type: Inject,
+                        args: [POPOVER_CONTENT]
+                    }] }];
+    }, propDecorators: { position: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], positionRelative: [{
+                type: HostBinding,
+                args: ['class.position-relative']
+            }] } });
+
+const PORTAL_FACTORY = new InjectionToken('PopoverPortalFactory');
+
+class BsPopoverDirective {
+    constructor(overlay, templateRef, parentInjector, portalFactory, parent) {
+        this.overlay = overlay;
+        this.templateRef = templateRef;
+        this.parentInjector = parentInjector;
+        this.portalFactory = portalFactory;
+        this.parent = parent;
+        this.injector = null;
+        this.portal = null;
+        this.overlayRef = null;
+        this.component = null;
+        this.position$ = new BehaviorSubject(Position.bottom);
+        this.isVisible$ = new BehaviorSubject(false);
+        this.destroyed$ = new Subject();
+        this.position$.pipe(takeUntil(this.destroyed$)).subscribe((position) => {
+            if (this.component) {
+                this.component.instance.position = position;
+            }
+        });
+        this.isVisible$.pipe(takeUntil(this.destroyed$)).subscribe((isVisible) => {
+            if (this.component) {
+                this.component.instance.isVisible = isVisible;
+            }
+        });
+        this.connectedPosition$ = this.position$
+            .pipe(delay(20), map((position) => {
+            switch (position) {
+                case Position.top:
+                    return {
+                        originX: "center",
+                        originY: "top",
+                        overlayX: "center",
+                        overlayY: "bottom"
+                    };
+                case Position.left:
+                    return {
+                        originX: "start",
+                        originY: "center",
+                        overlayX: "end",
+                        overlayY: "center",
+                    };
+                case Position.right:
+                    return {
+                        originX: "end",
+                        originY: "center",
+                        overlayX: "start",
+                        overlayY: "center"
+                    };
+                default:
+                    return {
+                        originX: "center",
+                        originY: "bottom",
+                        overlayX: "center",
+                        overlayY: "top"
+                    };
+            }
+        }));
+        this.connectedPosition$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((connectedPosition) => {
+            if (this.overlayRef) {
+                this.overlayRef.updatePositionStrategy(this.overlay.position()
+                    .flexibleConnectedTo(this.parent)
+                    .withPositions([connectedPosition]));
+            }
+        });
+        this.destroyed$.pipe(take(1)).subscribe(() => {
+            if (this.overlayRef) {
+                this.overlayRef.detach();
+                this.overlayRef.dispose();
+                this.overlayRef = null;
+            }
+        });
+    }
+    set bsPopover(value) {
+        this.position$.next(value);
+    }
+    ngAfterViewInit() {
+        this.connectedPosition$.pipe(take(1)).subscribe((connectedPosition) => {
+            this.injector = Injector.create({
+                providers: [{ provide: POPOVER_CONTENT, useValue: this.templateRef }],
+                parent: this.parentInjector
+            });
+            this.portal = this.portalFactory(this.injector);
+            this.overlayRef = this.overlay.create({
+                scrollStrategy: this.overlay.scrollStrategies.reposition(),
+                positionStrategy: this.overlay.position()
+                    .flexibleConnectedTo(this.parent)
+                    .withPositions([connectedPosition]),
+            });
+            this.component = this.overlayRef.attach(this.portal);
+            this.component.instance.position = this.position$.value;
+        });
+        this.parent.nativeElement.onclick = () => {
+            this.isVisible$.pipe(take(1)).subscribe((isVisible) => {
+                this.isVisible$.next(!isVisible);
+            });
+        };
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+}
+BsPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverDirective, deps: [{ token: i1$1.Overlay }, { token: i0.TemplateRef }, { token: i0.Injector }, { token: PORTAL_FACTORY }, { token: i0.ElementRef, host: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+BsPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsPopoverDirective, selector: "*[bsPopover]", inputs: { bsPopover: "bsPopover" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '*[bsPopover]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1$1.Overlay }, { type: i0.TemplateRef }, { type: i0.Injector }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [PORTAL_FACTORY]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Host
+                    }, {
+                        type: SkipSelf
+                    }] }];
+    }, propDecorators: { bsPopover: [{
+                type: Input
+            }] } });
+
+class BsPopoverBodyDirective {
+    constructor() {
+        this.bodyClass = true;
+    }
+}
+BsPopoverBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BsPopoverBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsPopoverBodyDirective, selector: "[bsPopoverBody]", host: { properties: { "class.popover-body": "this.bodyClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsPopoverBody]'
+                }]
+        }], propDecorators: { bodyClass: [{
+                type: HostBinding,
+                args: ['class.popover-body']
+            }] } });
+
+class BsPopoverHeaderDirective {
+    constructor() {
+        this.headerClass = true;
+    }
+}
+BsPopoverHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BsPopoverHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsPopoverHeaderDirective, selector: "[bsPopoverHeader]", host: { properties: { "class.popover-header": "this.headerClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsPopoverHeader]'
+                }]
+        }], propDecorators: { headerClass: [{
+                type: HostBinding,
+                args: ['class.popover-header']
+            }] } });
+
+class BsPopoverModule {
+}
+BsPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverModule, declarations: [BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective], imports: [CommonModule, OverlayModule], exports: [BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective] });
+BsPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverModule, providers: [{
+            provide: PORTAL_FACTORY,
+            useValue: (injector) => {
+                return new ComponentPortal(BsPopoverComponent, null, injector);
+            }
+        }], imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective],
+                    imports: [CommonModule, OverlayModule],
+                    exports: [BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective],
+                    providers: [{
+                            provide: PORTAL_FACTORY,
+                            useValue: (injector) => {
+                                return new ComponentPortal(BsPopoverComponent, null, injector);
+                            }
+                        }]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsPopoverBodyDirective, BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverModule };
+//# sourceMappingURL=mintplayer-ng-bootstrap-popover.mjs.map

package/fesm2015/mintplayer-ng-bootstrap-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-popover.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/popover/src/providers/popover-content.provider.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/component/popover.component.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/component/popover.component.html","../../../../libs/mintplayer-ng-bootstrap/popover/src/providers/portal-factory.provider.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/directives/popover/popover.directive.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/directives/popover-body/popover-body.directive.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/directives/popover-header/popover-header.directive.ts","../../../../libs/mintplayer-ng-bootstrap/popover/src/popover.module.ts","../../../../libs/mintplayer-ng-bootstrap/popover/mintplayer-ng-bootstrap-popover.ts"],"sourcesContent":["import { InjectionToken, TemplateRef } from \"@angular/core\";\n\nexport const POPOVER_CONTENT = new InjectionToken<TemplateRef<any>>('PopoverContent');","import { Component, HostBinding, Inject, Input, TemplateRef } from '@angular/core';\nimport { FadeInOutAnimation } from '@mintplayer/ng-animations';\nimport { Position } from '@mintplayer/ng-bootstrap';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\nimport { POPOVER_CONTENT } from '../providers/popover-content.provider';\n\n@Component({\n  selector: 'bs-popover',\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  animations: [FadeInOutAnimation]\n})\nexport class BsPopoverComponent {\n  constructor(@Inject(POPOVER_CONTENT) content: TemplateRef<any>) {\n    this.template = content;\n    this.marginClass$ = this.position$.pipe(map((position) => {\n      switch (position) {\n        case Position.top: return 'mb-2';\n        case Position.left: return 'me-2';\n        case Position.right: return 'ms-2';\n        default: return 'mt-2';\n      }\n    }));\n  }\n\n  //#region Position\n  positions = Position;\n  position$ = new BehaviorSubject<Position>(Position.bottom);\n  public get position() {\n    return this.position$.value;\n  }\n  @Input() public set position(value: Position) {\n    this.position$.next(value);\n  }\n  //#endregion\n  //#region IsVisible\n  isVisible$ = new BehaviorSubject<boolean>(false);\n  public get isVisible() {\n    return this.isVisible$.value;\n  }\n  @Input() public set isVisible(value: boolean) {\n    this.isVisible$.next(value);\n  }\n  //#endregion\n\n  marginClass$: Observable<string>;\n\n  template: TemplateRef<any>;\n\n  @HostBinding('class.position-relative') positionRelative = true;\n}\n","<div class=\"popover position-relative fade show\" role=\"tooltip\"\n    [class.bs-popover-bottom]=\"position === positions.bottom\"\n    [class.bs-popover-top]=\"position === positions.top\"\n    [class.bs-popover-start]=\"position === positions.left\"\n    [class.bs-popover-end]=\"position === positions.right\"\n    [class]=\"marginClass$ | async\"\n    [@fadeInOut]\n    *ngIf=\"isVisible$ | async\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    <div class=\"popover-arrow position-absolute\"></div>\n</div>\n","import { ComponentPortal } from \"@angular/cdk/portal\";\nimport { InjectionToken, Injector } from \"@angular/core\";\n\nexport const PORTAL_FACTORY = new InjectionToken<(injector: Injector) => ComponentPortal<any>>('PopoverPortalFactory');","import { ConnectedPosition, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { BehaviorSubject, delay, map, Observable, Subject, take, takeUntil } from 'rxjs';\nimport { AfterViewInit, ComponentRef, Directive, ElementRef, Host, Inject, Injector, Input, OnDestroy, SkipSelf, TemplateRef } from '@angular/core';\nimport { BsPopoverComponent } from '../../component/popover.component';\nimport { POPOVER_CONTENT } from '../../providers/popover-content.provider';\nimport { PORTAL_FACTORY } from '../../providers/portal-factory.provider';\nimport { Position } from '@mintplayer/ng-bootstrap';\n\n@Directive({\n  selector: '*[bsPopover]'\n})\nexport class BsPopoverDirective implements AfterViewInit, OnDestroy {\n\n  constructor(\n    private overlay: Overlay,\n    private templateRef: TemplateRef<any>,\n    private parentInjector: Injector,\n    @Inject(PORTAL_FACTORY) private portalFactory: (injector: Injector) => ComponentPortal<any>,\n    @Host() @SkipSelf() private parent: ElementRef\n  ) {\n    this.position$.pipe(takeUntil(this.destroyed$)).subscribe((position) => {\n      if (this.component) {\n        this.component.instance.position = position;\n      }\n    });\n    this.isVisible$.pipe(takeUntil(this.destroyed$)).subscribe((isVisible) => {\n      if (this.component) {\n        this.component.instance.isVisible = isVisible;\n      }\n    });\n    this.connectedPosition$ = this.position$\n      .pipe(delay(20), map((position) => {\n        switch (position) {\n          case Position.top:\n            return <ConnectedPosition>{\n              originX: \"center\",\n              originY: \"top\", //<--\n              overlayX: \"center\",\n              overlayY: \"bottom\"\n            };\n          case Position.left:\n            return <ConnectedPosition>{\n              originX: \"start\", //<--\n              originY: \"center\",\n              overlayX: \"end\",\n              overlayY: \"center\",\n            };\n          case Position.right:\n            return <ConnectedPosition>{\n              originX: \"end\", //<--\n              originY: \"center\",\n              overlayX: \"start\",\n              overlayY: \"center\"\n            };\n          default:\n            return <ConnectedPosition>{\n              originX: \"center\",\n              originY: \"bottom\", //<--\n              overlayX: \"center\",\n              overlayY: \"top\"\n            };\n        }\n      }));\n\n    this.connectedPosition$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((connectedPosition) => {\n        if (this.overlayRef) {\n          this.overlayRef.updatePositionStrategy(this.overlay.position()\n            .flexibleConnectedTo(this.parent)\n            .withPositions([connectedPosition]));\n        }\n      });\n\n    this.destroyed$.pipe(take(1)).subscribe(() => {\n      if (this.overlayRef) {\n        this.overlayRef.detach();\n        this.overlayRef.dispose();\n        this.overlayRef = null;\n      }\n    });\n  }\n\n  @Input() public set bsPopover(value: Position) {\n    this.position$.next(value);\n  }\n\n  private injector: Injector | null = null;\n  private portal: ComponentPortal<any> | null = null;\n  private overlayRef: OverlayRef | null = null;\n  private component: ComponentRef<BsPopoverComponent> | null = null;\n  position$ = new BehaviorSubject<Position>(Position.bottom);\n  connectedPosition$: Observable<ConnectedPosition>;\n  isVisible$ = new BehaviorSubject<boolean>(false);\n  destroyed$ = new Subject();\n\n  ngAfterViewInit() {\n    this.connectedPosition$.pipe(take(1)).subscribe((connectedPosition) => {\n      this.injector = Injector.create({\n        providers: [{ provide: POPOVER_CONTENT, useValue: this.templateRef }],\n        parent: this.parentInjector\n      });\n      this.portal = this.portalFactory(this.injector);\n      this.overlayRef = this.overlay.create({\n        scrollStrategy: this.overlay.scrollStrategies.reposition(),\n        positionStrategy: this.overlay.position()\n          .flexibleConnectedTo(this.parent)\n          .withPositions([connectedPosition]),\n      });\n      this.component = this.overlayRef.attach<BsPopoverComponent>(this.portal);\n      this.component.instance.position = this.position$.value;\n    });\n    \n    this.parent.nativeElement.onclick = () => {\n      this.isVisible$.pipe(take(1)).subscribe((isVisible) => {\n        this.isVisible$.next(!isVisible);\n      });\n    };\n  }\n\n  ngOnDestroy() {\n    this.destroyed$.next(true);\n  }\n\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[bsPopoverBody]'\n})\nexport class BsPopoverBodyDirective {\n\n  @HostBinding('class.popover-body') bodyClass = true;\n\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[bsPopoverHeader]'\n})\nexport class BsPopoverHeaderDirective {\n\n  @HostBinding('class.popover-header') headerClass = true;\n\n}\n","import { Injector, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { BsPopoverComponent } from './component/popover.component';\nimport { BsPopoverDirective } from './directives/popover/popover.directive';\nimport { BsPopoverHeaderDirective } from './directives/popover-header/popover-header.directive';\nimport { BsPopoverBodyDirective } from './directives/popover-body/popover-body.directive';\nimport { PORTAL_FACTORY } from './providers/portal-factory.provider';\n\n@NgModule({\n  declarations: [BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective],\n  imports: [CommonModule, OverlayModule],\n  exports: [BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverBodyDirective],\n  providers: [{\n    provide: PORTAL_FACTORY,\n    useValue: (injector: Injector) => {\n      return new ComponentPortal(BsPopoverComponent, null, injector);\n    }\n  }]\n})\nexport class BsPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/mintplayer-ng-bootstrap-progress-bar.mjs

@@ -0,0 +1,182 @@
+import * as i0 from '@angular/core';
+import { Component, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Color } from '@mintplayer/ng-bootstrap';
+import { Subject, BehaviorSubject, combineLatest, map, takeUntil } from 'rxjs';
+
+class BsProgressComponent {
+    constructor() {
+        // @HostBinding('class.progress') private progressClass = true;
+        this.height = null;
+        this.isIndeterminate = false;
+        this.progressClass = true;
+    }
+}
+BsProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BsProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BsProgressComponent, selector: "bs-progress", inputs: { height: "height", isIndeterminate: "isIndeterminate" }, host: { properties: { "style.height.px": "this.height", "class.d-block": "this.progressClass", "class.overflow-hidden": "this.progressClass" } }, ngImport: i0, template: "<div class=\"progress\">\n    <ng-content *ngIf=\"!isIndeterminate\"></ng-content>\n    <div *ngIf=\"isIndeterminate\" class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host .progress{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: #e9ecef;--bs-progress-border-radius: .375rem;--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-progress', template: "<div class=\"progress\">\n    <ng-content *ngIf=\"!isIndeterminate\"></ng-content>\n    <div *ngIf=\"isIndeterminate\" class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host .progress{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: #e9ecef;--bs-progress-border-radius: .375rem;--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }]
+        }], propDecorators: { height: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.height.px']
+            }], isIndeterminate: [{
+                type: Input
+            }], progressClass: [{
+                type: HostBinding,
+                args: ['class.d-block']
+            }, {
+                type: HostBinding,
+                args: ['class.overflow-hidden']
+            }] } });
+
+class BsProgressBarComponent {
+    constructor() {
+        this.destroyed$ = new Subject();
+        this.minimum$ = new BehaviorSubject(0);
+        this.maximum$ = new BehaviorSubject(100);
+        this.value$ = new BehaviorSubject(50);
+        this.color$ = new BehaviorSubject(Color.primary);
+        this.striped = false;
+        this.animated = false;
+        this.progressBar = true;
+        this.colorClass = 'bg-primary';
+        this.widthStyle = '0';
+        this.role = 'progressbar';
+        this.valueNow = 50;
+        this.valueMin = 0;
+        this.valueMax = 100;
+        this.percentage$ = combineLatest([this.minimum$, this.maximum$, this.value$])
+            .pipe(map(([minimum, maximum, value]) => {
+            return (value - minimum) / (maximum - minimum) * 100;
+        }));
+        this.width$ = this.percentage$
+            .pipe(map((width) => {
+            return String(width) + '%';
+        }));
+        this.colorClass$ = this.color$
+            .pipe(map((color) => {
+            const name = Color[color];
+            return `bg-${name}`;
+        }));
+        this.colorClass$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((color) => {
+            this.colorClass = color;
+        });
+        this.width$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((width) => {
+            this.widthStyle = width;
+        });
+        this.value$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((value) => {
+            this.valueNow = value;
+        });
+        this.minimum$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((value) => {
+            this.valueMin = value;
+        });
+        this.maximum$
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((value) => {
+            this.valueMax = value;
+        });
+    }
+    set minimum(value) {
+        this.minimum$.next(value);
+    }
+    set maximum(value) {
+        this.maximum$.next(value);
+    }
+    set value(value) {
+        this.value$.next(value);
+    }
+    set color(value) {
+        this.color$.next(value);
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+}
+BsProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BsProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: { minimum: "minimum", maximum: "maximum", value: "value", color: "color", striped: "striped", animated: "animated" }, host: { properties: { "class.progress-bar-striped": "this.striped", "class.progress-bar-animated": "this.animated", "class.progress-bar": "this.progressBar", "class": "this.colorClass", "style.width": "this.widthStyle", "attr.role": "this.role", "attr.aria-valuenow": "this.valueNow", "attr.aria-valuemin": "this.valueMin", "attr.aria-valuemax": "this.valueMax" } }, ngImport: i0, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host ::ng-deep .progress{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: #e9ecef;--bs-progress-border-radius: .375rem;--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-progress-bar', template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:host ::ng-deep .progress{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: #e9ecef;--bs-progress-border-radius: .375rem;--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { minimum: [{
+                type: Input
+            }], maximum: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], striped: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.progress-bar-striped']
+            }], animated: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.progress-bar-animated']
+            }], progressBar: [{
+                type: HostBinding,
+                args: ['class.progress-bar']
+            }], colorClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], widthStyle: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], valueNow: [{
+                type: HostBinding,
+                args: ['attr.aria-valuenow']
+            }], valueMin: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemin']
+            }], valueMax: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemax']
+            }] } });
+
+class BsProgressBarModule {
+}
+BsProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarModule, declarations: [BsProgressBarComponent,
+        BsProgressComponent], imports: [CommonModule], exports: [BsProgressBarComponent,
+        BsProgressComponent] });
+BsProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsProgressBarComponent,
+                        BsProgressComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BsProgressBarComponent,
+                        BsProgressComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsProgressBarComponent, BsProgressBarModule, BsProgressComponent };
+//# sourceMappingURL=mintplayer-ng-bootstrap-progress-bar.mjs.map

package/fesm2015/mintplayer-ng-bootstrap-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-progress-bar.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar.module.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/mintplayer-ng-bootstrap-progress-bar.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n  selector: 'bs-progress',\n  templateUrl: './progress.component.html',\n  styleUrls: ['./progress.component.scss']\n})\nexport class BsProgressComponent {\n  // @HostBinding('class.progress') private progressClass = true;\n  @Input() @HostBinding('style.height.px') public height: number | null = null;\n  @Input() public isIndeterminate = false;\n\n  @HostBinding('class.d-block')\n  @HostBinding('class.overflow-hidden')\n  private progressClass = true;\n\n}\n","<div class=\"progress\">\n    <ng-content *ngIf=\"!isIndeterminate\"></ng-content>\n    <div *ngIf=\"isIndeterminate\" class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n</div>","import { Component, HostBinding, Input, OnDestroy } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BehaviorSubject, combineLatest, map, Observable, Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'bs-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.scss']\n})\nexport class BsProgressBarComponent implements OnDestroy {\n\n  constructor() {\n    this.percentage$ = combineLatest([this.minimum$, this.maximum$, this.value$])\n      .pipe(map(([minimum, maximum, value]) => {\n        return (value - minimum) / (maximum - minimum) * 100;\n      }));\n    this.width$ = this.percentage$\n      .pipe(map((width) => {\n        return String(width) + '%';\n      }));\n    this.colorClass$ = this.color$\n      .pipe(map((color) => {\n        const name = Color[color];\n        return `bg-${name}`;\n      }));\n\n    this.colorClass$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((color) => {\n        this.colorClass = color;\n      });\n    this.width$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((width) => {\n        this.widthStyle = width;\n      });\n    this.value$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((value) => {\n        this.valueNow = value;\n      });\n    this.minimum$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((value) => {\n        this.valueMin = value;\n      });\n    this.maximum$\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((value) => {\n        this.valueMax = value;\n      });\n  }\n\n  destroyed$ = new Subject()\n  minimum$ = new BehaviorSubject<number>(0);\n  maximum$ = new BehaviorSubject<number>(100);\n  value$ = new BehaviorSubject<number>(50);\n  percentage$: Observable<number>;\n  width$: Observable<string>;\n  color$ = new BehaviorSubject<Color>(Color.primary);\n  colorClass$: Observable<string>;\n\n  @Input() public set minimum(value: number) {\n    this.minimum$.next(value);\n  }\n  @Input() public set maximum(value: number) {\n    this.maximum$.next(value);\n  }\n  @Input() public set value(value: number) {\n    this.value$.next(value);\n  }\n  @Input() public set color(value: Color) {\n    this.color$.next(value);\n  }\n  @Input() @HostBinding('class.progress-bar-striped') public striped = false;\n  @Input() @HostBinding('class.progress-bar-animated') public animated = false;\n\n  @HostBinding('class.progress-bar') progressBar = true;\n  @HostBinding('class') colorClass = 'bg-primary';\n  @HostBinding('style.width') widthStyle = '0';\n  @HostBinding('attr.role') role = 'progressbar';\n  @HostBinding('attr.aria-valuenow') valueNow = 50;\n  @HostBinding('attr.aria-valuemin') valueMin = 0;\n  @HostBinding('attr.aria-valuemax') valueMax = 100;\n\n  ngOnDestroy() {\n    this.destroyed$.next(true);\n  }\n\n}\n","","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsProgressComponent } from './progress/progress.component';\nimport { BsProgressBarComponent } from './progress-bar/progress-bar.component';\n\n\n\n@NgModule({\n  declarations: [\n    BsProgressBarComponent,\n    BsProgressComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    BsProgressBarComponent,\n    BsProgressComponent\n  ]\n})\nexport class BsProgressBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}