@mintplayer/ng-bootstrap 14.10.0 → 15.0.0

package/fesm2020/mintplayer-ng-bootstrap-toggle-button.mjs

@@ -0,0 +1,309 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewChild, Input, Output, Directive, ContentChildren, forwardRef, NgModule } from '@angular/core';
+import { BehaviorSubject, map, combineLatest, Subject, fromEvent, takeUntil } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class BsToggleButtonComponent {
+    constructor() {
+        this.disableAnimations = true;
+        //#region Type
+        this.type$ = new BehaviorSubject('checkbox');
+        //#endregion
+        //#region isToggled
+        this._isToggled = false;
+        this.isToggledChange = new EventEmitter();
+        //#endregion
+        //#region disabled
+        this.disabled = false;
+        //#endregion
+        //#region name
+        this.name$ = new BehaviorSubject(null);
+        //#endregion
+        //#region value
+        this.value$ = new BehaviorSubject(null);
+        //#endregion
+        //#region Group
+        this.group$ = new BehaviorSubject(null);
+        this.mainCheckStyle$ = this.type$.pipe(map((type) => {
+            switch (type) {
+                case 'checkbox':
+                case 'radio':
+                case 'switch':
+                    return 'form-check';
+                default:
+                    return null;
+            }
+        }));
+        this.isSwitch$ = this.type$.pipe(map((type) => {
+            switch (type) {
+                case 'switch':
+                    return true;
+                default:
+                    return false;
+            }
+        }));
+        this.inputClass$ = this.type$.pipe(map((type) => {
+            switch (type) {
+                case 'checkbox':
+                case 'radio':
+                case 'switch':
+                    return 'form-check-input';
+                default:
+                    return 'btn-check';
+            }
+        }));
+        this.labelClass$ = this.type$.pipe(map((type) => {
+            switch (type) {
+                case 'checkbox':
+                case 'radio':
+                case 'switch':
+                    return 'form-check-label';
+                case 'toggle_button':
+                    return 'btn btn-primary';
+                case 'radio_toggle_button':
+                    return 'btn btn-secondary';
+            }
+        }));
+        this.checkOrRadio$ = this.type$.pipe(map((type) => {
+            switch (type) {
+                case 'radio':
+                case 'radio_toggle_button':
+                    return 'radio';
+                default:
+                    return 'checkbox';
+            }
+        }));
+        this.nameResult$ = combineLatest([this.name$, this.type$, this.group$])
+            .pipe(map(([name, type, group]) => {
+            switch (type) {
+                case 'radio':
+                case 'radio_toggle_button':
+                    return name;
+                case 'checkbox':
+                case 'toggle_button':
+                case 'switch':
+                    if (group) {
+                        return `${name}[]`;
+                    }
+                    else {
+                        return name;
+                    }
+                default:
+                    throw 'Invalid value';
+            }
+        }));
+    }
+    get type() {
+        return this.type$.value;
+    }
+    set type(value) {
+        this.type$.next(value);
+    }
+    get isToggled() {
+        return this._isToggled;
+    }
+    set isToggled(value) {
+        this._isToggled = value;
+        this.isToggledChange.emit(this._isToggled);
+    }
+    get name() {
+        return this.name$.value;
+    }
+    set name(value) {
+        this.name$.next(value);
+    }
+    get value() {
+        return this.value$.value;
+    }
+    set value(value) {
+        this.value$.next(value);
+    }
+    get group() {
+        return this.group$.value;
+    }
+    set group(value) {
+        this.group$.next(value);
+    }
+    //#endregion
+    ngAfterViewInit() {
+        this.disableAnimations = false;
+    }
+}
+BsToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BsToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: { type: "type", isToggled: "isToggled", disabled: "disabled", name: "name", value: "value", group: "group" }, outputs: { isToggledChange: "isToggledChange" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true }], ngImport: i0, template: "<label [class]=\"mainCheckStyle$ | async\" [class.form-switch]=\"isSwitch$ | async\">\n    <input #checkbox [class]=\"inputClass$ | async\" [type]=\"checkOrRadio$ | async\" [name]=\"name$ | async\" [value]=\"value$ | async\">\n    <span [class]=\"labelClass$ | async\">\n        <ng-content></ng-content>\n    </span>\n</label>", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-toggle-button', template: "<label [class]=\"mainCheckStyle$ | async\" [class.form-switch]=\"isSwitch$ | async\">\n    <input #checkbox [class]=\"inputClass$ | async\" [type]=\"checkOrRadio$ | async\" [name]=\"name$ | async\" [value]=\"value$ | async\">\n    <span [class]=\"labelClass$ | async\">\n        <ng-content></ng-content>\n    </span>\n</label>", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { checkbox: [{
+                type: ViewChild,
+                args: ['checkbox']
+            }], type: [{
+                type: Input
+            }], isToggledChange: [{
+                type: Output
+            }], isToggled: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }] } });
+
+class BsToggleButtonGroupDirective {
+    constructor() { }
+}
+BsToggleButtonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BsToggleButtonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsToggleButtonGroupDirective, selector: "[bsToggleButtonGroup]", queries: [{ propertyName: "toggleButtons", predicate: BsToggleButtonComponent, descendants: true }], exportAs: ["bsToggleButtonGroup"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsToggleButtonGroup]',
+                    exportAs: 'bsToggleButtonGroup'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { toggleButtons: [{
+                type: ContentChildren,
+                args: [BsToggleButtonComponent, { descendants: true }]
+            }] } });
+
+class BsToggleButtonValueAccessor {
+    constructor(host) {
+        this.host = host;
+        this.destroyed$ = new Subject();
+    }
+    //#region Lifecycle hooks
+    ngAfterViewInit() {
+        fromEvent(this.host.checkbox.nativeElement, 'change')
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((ev) => {
+            if (this.onValueChange && this.host.checkbox) {
+                const isChecked = ev.target.checked;
+                switch (this.host.type) {
+                    case 'radio':
+                    case 'radio_toggle_button':
+                        if (isChecked) {
+                            this.onValueChange(this.host.checkbox.nativeElement.value);
+                        }
+                        break;
+                    default:
+                        if (this.host['group']) {
+                            const group = this.host['group'];
+                            const itemValue = this.host.checkbox.nativeElement.value;
+                            const result = group.toggleButtons
+                                .map(tb => ({ value: tb.value, checked: tb.checkbox.nativeElement.checked }))
+                                .filter(tb => !!tb.value && tb.checked)
+                                .map(tb => tb.value);
+                            if (this.host.checkbox.nativeElement.checked) {
+                                if (!result.includes(itemValue)) {
+                                    result.push(itemValue);
+                                }
+                            }
+                            else {
+                                if (result.includes(itemValue)) {
+                                    result.splice(result.indexOf(itemValue), 1);
+                                }
+                            }
+                            this.onValueChange(result);
+                        }
+                        else {
+                            this.onValueChange(isChecked);
+                        }
+                        break;
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    //#endregion
+    //#region ControlValueAccessor implementation
+    registerOnChange(fn) {
+        this.onValueChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.host.checkbox) {
+            switch (this.host.type) {
+                case 'radio':
+                case 'radio_toggle_button':
+                    if (value === this.host.value) {
+                        this.host.checkbox.nativeElement.checked = true;
+                    }
+                    break;
+                default:
+                    if (this.host.group) {
+                        this.host.checkbox.nativeElement.checked = value.includes(this.host.value);
+                    }
+                    else {
+                        this.host.checkbox.nativeElement.checked = value;
+                    }
+                    break;
+            }
+        }
+    }
+    setDisabledState(isDisabled) {
+        if (this.host.checkbox) {
+            this.host.checkbox.nativeElement.disabled = isDisabled;
+        }
+    }
+}
+BsToggleButtonValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [{ token: BsToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BsToggleButtonValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsToggleButtonValueAccessor, selector: "bs-toggle-button", providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => BsToggleButtonValueAccessor),
+            multi: true,
+        }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'bs-toggle-button',
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BsToggleButtonValueAccessor),
+                            multi: true,
+                        }],
+                }]
+        }], ctorParameters: function () { return [{ type: BsToggleButtonComponent }]; } });
+
+class BsToggleButtonModule {
+}
+BsToggleButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent,
+        BsToggleButtonValueAccessor,
+        BsToggleButtonGroupDirective], imports: [CommonModule], exports: [BsToggleButtonComponent,
+        BsToggleButtonValueAccessor,
+        BsToggleButtonGroupDirective] });
+BsToggleButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsToggleButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsToggleButtonComponent,
+                        BsToggleButtonValueAccessor,
+                        BsToggleButtonGroupDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BsToggleButtonComponent,
+                        BsToggleButtonValueAccessor,
+                        BsToggleButtonGroupDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsToggleButtonComponent, BsToggleButtonGroupDirective, BsToggleButtonModule, BsToggleButtonValueAccessor };
+//# sourceMappingURL=mintplayer-ng-bootstrap-toggle-button.mjs.map

package/fesm2020/mintplayer-ng-bootstrap-toggle-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-toggle-button.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/toggle-button/src/component/toggle-button.component.ts","../../../../libs/mintplayer-ng-bootstrap/toggle-button/src/component/toggle-button.component.html","../../../../libs/mintplayer-ng-bootstrap/toggle-button/src/directives/toggle-button-group/toggle-button-group.directive.ts","../../../../libs/mintplayer-ng-bootstrap/toggle-button/src/value-accessor/toggle-button-value-accessor.ts","../../../../libs/mintplayer-ng-bootstrap/toggle-button/src/toggle-button.module.ts","../../../../libs/mintplayer-ng-bootstrap/toggle-button/mintplayer-ng-bootstrap-toggle-button.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\nimport { BsToggleButtonGroupDirective } from '../directives/toggle-button-group/toggle-button-group.directive';\nimport { BsCheckStyle } from '../types/check-style';\n\n@Component({\n  selector: 'bs-toggle-button',\n  templateUrl: './toggle-button.component.html',\n  styleUrls: ['./toggle-button.component.scss']\n})\nexport class BsToggleButtonComponent implements AfterViewInit {\n\n  constructor() {\n    this.mainCheckStyle$ = this.type$.pipe(map((type) => {\n      switch (type) {\n        case 'checkbox':\n        case 'radio':\n        case 'switch':\n          return 'form-check';\n        default:\n          return null;\n      }\n    }));\n\n    this.isSwitch$ = this.type$.pipe(map((type) => {\n      switch (type) {\n        case 'switch':\n          return true;\n        default:\n          return false;\n      }\n    }));\n\n    this.inputClass$ = this.type$.pipe(map((type) => {\n      switch (type) {\n        case 'checkbox':\n        case 'radio':\n        case 'switch':\n          return 'form-check-input';\n        default:\n          return 'btn-check';\n      }\n    }));\n    \n    this.labelClass$ = this.type$.pipe(map((type) => {\n      switch (type) {\n        case 'checkbox':\n        case 'radio':\n        case 'switch':\n          return 'form-check-label';\n        case 'toggle_button':\n          return 'btn btn-primary'\n        case 'radio_toggle_button':\n          return 'btn btn-secondary';\n      }\n    }));\n\n    this.checkOrRadio$ = this.type$.pipe(map((type) => {\n      switch (type) {\n        case 'radio':\n        case 'radio_toggle_button':\n          return 'radio';\n        default:\n          return 'checkbox';\n      }\n    }));\n\n    this.nameResult$ = combineLatest([this.name$, this.type$, this.group$])\n      .pipe(map(([name, type, group]) => {\n        switch (type) {\n          case 'radio':\n          case 'radio_toggle_button':\n              return name;\n          case 'checkbox':\n          case 'toggle_button':\n          case 'switch':\n            if (group) {\n              return `${name}[]`;\n            } else {\n              return name;\n            }\n          default:\n            throw 'Invalid value';\n        }\n      }));\n  }\n\n  @ViewChild('checkbox') checkbox!: ElementRef<HTMLInputElement>;\n\n  disableAnimations = true;\n  mainCheckStyle$: Observable<string | null>;\n  isSwitch$: Observable<boolean>;\n  inputClass$: Observable<string>;\n  labelClass$: Observable<string>;\n  checkOrRadio$: Observable<'checkbox' | 'radio'>;\n  nameResult$: Observable<string | null>;\n\n  //#region Type\n  type$ = new BehaviorSubject<BsCheckStyle>('checkbox');\n  public get type() {\n    return this.type$.value;\n  }\n  @Input() public set type(value: BsCheckStyle) {\n    this.type$.next(value);\n  }\n  //#endregion\n\n  //#region isToggled\n  _isToggled: boolean | null = false;\n  @Output() public isToggledChange = new EventEmitter<boolean | null>();\n  public get isToggled() {\n    return this._isToggled;\n  }\n  @Input() public set isToggled(value: boolean | null) {\n    this._isToggled = value;\n    this.isToggledChange.emit(this._isToggled);\n  }\n  //#endregion\n\n  //#region disabled\n  @Input() public disabled = false;\n  //#endregion\n\n  //#region name\n  name$ = new BehaviorSubject<string | null>(null);\n  public get name() {\n    return this.name$.value;\n  }\n  @Input() public set name(value: string | null) {\n    this.name$.next(value);\n  }\n  //#endregion\n\n  //#region value\n  value$ = new BehaviorSubject<string | null>(null);\n  public get value() {\n    return this.value$.value;\n  }\n  @Input() public set value(value: string | null) {\n    this.value$.next(value);\n  }\n  //#endregion\n\n  //#region Group\n  group$ = new BehaviorSubject<BsToggleButtonGroupDirective | null>(null);\n  public get group() {\n    return this.group$.value;\n  }\n  @Input() public set group(value: BsToggleButtonGroupDirective | null) {\n    this.group$.next(value);\n  }\n  //#endregion\n\n  ngAfterViewInit() {\n    this.disableAnimations = false;\n  }\n\n}\n","<label [class]=\"mainCheckStyle$ | async\" [class.form-switch]=\"isSwitch$ | async\">\n    <input #checkbox [class]=\"inputClass$ | async\" [type]=\"checkOrRadio$ | async\" [name]=\"name$ | async\" [value]=\"value$ | async\">\n    <span [class]=\"labelClass$ | async\">\n        <ng-content></ng-content>\n    </span>\n</label>","import { ContentChildren, Directive, Input, QueryList } from '@angular/core';\nimport { BsToggleButtonComponent } from '../../component/toggle-button.component';\n\n@Directive({\n  selector: '[bsToggleButtonGroup]',\n  exportAs: 'bsToggleButtonGroup'\n})\nexport class BsToggleButtonGroupDirective {\n\n  constructor() { }\n\n  @ContentChildren(BsToggleButtonComponent, { descendants: true }) toggleButtons!: QueryList<BsToggleButtonComponent>;\n}\n","import { AfterViewInit, Directive, forwardRef, HostListener, OnDestroy, Optional } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { fromEvent, Subject, takeUntil } from 'rxjs';\nimport { BsToggleButtonComponent } from '../component/toggle-button.component';\n\n@Directive({\n  selector: 'bs-toggle-button',\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => BsToggleButtonValueAccessor),\n    multi: true,\n  }],\n})\nexport class BsToggleButtonValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {\n  constructor(private host: BsToggleButtonComponent) {}\n\n  destroyed$ = new Subject();\n\n  onValueChange?: (value: boolean | string | string[]) => void;\n  onTouched?: () => void;\n\n  //#region Lifecycle hooks\n  ngAfterViewInit() {\n    fromEvent(this.host.checkbox.nativeElement, 'change')\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((ev) => {\n        if (this.onValueChange && this.host.checkbox) {\n          const isChecked = (<HTMLInputElement>ev.target).checked;\n          switch (this.host.type) {\n            case 'radio':\n            case 'radio_toggle_button':\n              if (isChecked) {\n                this.onValueChange(this.host.checkbox.nativeElement.value);\n              }\n              break;\n            default:\n              if (this.host['group']) {\n                const group = this.host['group'];\n                const itemValue = this.host.checkbox.nativeElement.value;\n                \n                const result = group.toggleButtons\n                  .map(tb => ({ value: tb.value, checked: tb.checkbox.nativeElement.checked }))\n                  .filter(tb => !!tb.value && tb.checked)\n                  .map(tb => <string>tb.value);\n\n                if (this.host.checkbox.nativeElement.checked) {\n                  if (!result.includes(itemValue)) {\n                    result.push(itemValue);\n                  }\n                } else {\n                  if (result.includes(itemValue)) {\n                    result.splice(result.indexOf(itemValue), 1);\n                  }\n                }\n\n                this.onValueChange(result);\n              } else {\n                this.onValueChange(isChecked);\n              }\n              break;\n          }\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: boolean | string | string[]) {\n    if (this.host.checkbox) {\n      switch (this.host.type) {\n        case 'radio':\n        case 'radio_toggle_button':\n          if (<string>value === this.host.value) {\n            this.host.checkbox.nativeElement.checked = true;\n          }\n          break;\n        default:\n          if (this.host.group) {\n            this.host.checkbox.nativeElement.checked = (<string[]>value).includes(this.host.value!);\n          } else {\n            this.host.checkbox.nativeElement.checked = <boolean>value;\n          }\n          break;\n      }\n    }\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    if (this.host.checkbox) {\n      this.host.checkbox.nativeElement.disabled = isDisabled;\n    }\n  }\n  //#endregion\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsToggleButtonComponent } from './component/toggle-button.component';\nimport { BsToggleButtonValueAccessor } from './value-accessor/toggle-button-value-accessor';\nimport { BsToggleButtonGroupDirective } from './directives/toggle-button-group/toggle-button-group.directive';\n\n@NgModule({\n  declarations: [\n    BsToggleButtonComponent,\n    BsToggleButtonValueAccessor,\n    BsToggleButtonGroupDirective\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    BsToggleButtonComponent,\n    BsToggleButtonValueAccessor,\n    BsToggleButtonGroupDirective\n  ]\n})\nexport class BsToggleButtonModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsToggleButtonComponent"],"mappings":"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"}

package/fesm2020/mintplayer-ng-bootstrap-tooltip.mjs

@@ -0,0 +1,168 @@
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { InjectionToken, Component, Inject, Input, HostBinding, Injector, Directive, Host, SkipSelf, HostListener, NgModule } from '@angular/core';
+import { Position } from '@mintplayer/ng-bootstrap';
+import { FadeInOutAnimation } from '@mintplayer/ng-animations';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+const TOOLTIP_CONTENT = new InjectionToken('TooltipContent');
+
+class BsTooltipComponent {
+    constructor(content) {
+        this.positions = Position;
+        this.position = Position.bottom;
+        this.positionRelative = true;
+        this.template = content;
+    }
+}
+BsTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipComponent, deps: [{ token: TOOLTIP_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
+BsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: BsTooltipComponent, selector: "bs-tooltip", inputs: { position: "position" }, host: { properties: { "class.position-relative": "this.positionRelative" } }, ngImport: i0, template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n    [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n    [class.bs-tooltip-top]=\"position === positions.top\"\n    [class.bs-tooltip-start]=\"position === positions.left\"\n    [class.bs-tooltip-end]=\"position === positions.right\">\n    <div class=\"tooltip-arrow position-absolute\"></div>\n    <div class=\"tooltip-inner\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </div>\n</div>\n", styles: [":host ::ng-deep .tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: .5rem;--bs-tooltip-padding-y: .25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: .875rem;--bs-tooltip-color: #fff;--bs-tooltip-bg: #000;--bs-tooltip-border-radius: .375rem;--bs-tooltip-opacity: .9;--bs-tooltip-arrow-width: .8rem;--bs-tooltip-arrow-height: .4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);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-tooltip-font-size);word-wrap:break-word;opacity:0}:host ::ng-deep .tooltip.show{opacity:var(--bs-tooltip-opacity)}:host ::ng-deep .tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}:host ::ng-deep .tooltip .tooltip-arrow:before{position:absolute;content:\"\";border-color:transparent;border-style:solid}:host ::ng-deep .bs-tooltip-top .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}:host ::ng-deep .bs-tooltip-top .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-end .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}:host ::ng-deep .bs-tooltip-end .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-bottom .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}:host ::ng-deep .bs-tooltip-bottom .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-start .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}:host ::ng-deep .bs-tooltip-start .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}:host ::ng-deep .tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.tooltip.bs-tooltip-start,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left]{right:0}.tooltip.bs-tooltip-start,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left],.tooltip.bs-tooltip-end,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=right]{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=bottom]{transform:translate(-50%)}.tooltip.bs-tooltip-top,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=top]{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [FadeInOutAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-tooltip', animations: [FadeInOutAnimation], template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n    [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n    [class.bs-tooltip-top]=\"position === positions.top\"\n    [class.bs-tooltip-start]=\"position === positions.left\"\n    [class.bs-tooltip-end]=\"position === positions.right\">\n    <div class=\"tooltip-arrow position-absolute\"></div>\n    <div class=\"tooltip-inner\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </div>\n</div>\n", styles: [":host ::ng-deep .tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: .5rem;--bs-tooltip-padding-y: .25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: .875rem;--bs-tooltip-color: #fff;--bs-tooltip-bg: #000;--bs-tooltip-border-radius: .375rem;--bs-tooltip-opacity: .9;--bs-tooltip-arrow-width: .8rem;--bs-tooltip-arrow-height: .4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);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-tooltip-font-size);word-wrap:break-word;opacity:0}:host ::ng-deep .tooltip.show{opacity:var(--bs-tooltip-opacity)}:host ::ng-deep .tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}:host ::ng-deep .tooltip .tooltip-arrow:before{position:absolute;content:\"\";border-color:transparent;border-style:solid}:host ::ng-deep .bs-tooltip-top .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}:host ::ng-deep .bs-tooltip-top .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-end .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}:host ::ng-deep .bs-tooltip-end .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-bottom .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}:host ::ng-deep .bs-tooltip-bottom .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}:host ::ng-deep .bs-tooltip-start .tooltip-arrow,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}:host ::ng-deep .bs-tooltip-start .tooltip-arrow:before,:host ::ng-deep .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}:host ::ng-deep .tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.tooltip.bs-tooltip-start,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left]{right:0}.tooltip.bs-tooltip-start,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left],.tooltip.bs-tooltip-end,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=right]{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=bottom]{transform:translate(-50%)}.tooltip.bs-tooltip-top,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=top]{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow,:host ::ng-deep .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Inject,
+                    args: [TOOLTIP_CONTENT]
+                }] }]; }, propDecorators: { position: [{
+                type: Input
+            }], positionRelative: [{
+                type: HostBinding,
+                args: ['class.position-relative']
+            }] } });
+
+class BsTooltipDirective {
+    constructor(overlay, templateRef, componentFactoryResolver, parentInjector, parent) {
+        this.overlay = overlay;
+        this.templateRef = templateRef;
+        this.parentInjector = parentInjector;
+        this.parent = parent;
+        this.bsTooltip = Position.bottom;
+        this.overlayRef = null;
+        this.injector = Injector.create({
+            providers: [{ provide: TOOLTIP_CONTENT, useValue: this.templateRef }],
+            parent: this.parentInjector
+        });
+        this.portal = new ComponentPortal(BsTooltipComponent, null, this.injector, componentFactoryResolver);
+        parent.nativeElement.onmouseenter = () => {
+            this.showTooltip();
+        };
+        parent.nativeElement.onmouseleave = () => {
+            this.hideTooltip();
+        };
+    }
+    onBlur() {
+        this.hideTooltip();
+    }
+    showTooltip() {
+        const positions = [];
+        switch (this.bsTooltip) {
+            case Position.bottom:
+                {
+                    positions.push({
+                        originX: "center",
+                        originY: "bottom",
+                        overlayX: "center",
+                        overlayY: "top"
+                    });
+                }
+                break;
+            case Position.top:
+                {
+                    positions.push({
+                        originX: "center",
+                        originY: "top",
+                        overlayX: "center",
+                        overlayY: "bottom"
+                    });
+                }
+                break;
+            case Position.left:
+                {
+                    positions.push({
+                        originX: "start",
+                        originY: "center",
+                        overlayX: "end",
+                        overlayY: "center",
+                    });
+                }
+                break;
+            case Position.right:
+                {
+                    positions.push({
+                        originX: "end",
+                        originY: "center",
+                        overlayX: "start",
+                        overlayY: "center"
+                    });
+                }
+                break;
+        }
+        this.overlayRef = this.overlay.create({
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            positionStrategy: this.overlay.position()
+                .flexibleConnectedTo(this.parent)
+                .withPositions(positions),
+        });
+        const component = this.overlayRef.attach(this.portal);
+        component.instance.position = this.bsTooltip;
+    }
+    hideTooltip() {
+        if (this.overlayRef) {
+            this.overlayRef.detach();
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+}
+BsTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipDirective, deps: [{ token: i1$1.Overlay }, { token: i0.TemplateRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ElementRef, host: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+BsTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: BsTooltipDirective, selector: "*[bsTooltip]", inputs: { bsTooltip: "bsTooltip" }, host: { listeners: { "window:blur": "onBlur()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '*[bsTooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.TemplateRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
+                    type: Host
+                }, {
+                    type: SkipSelf
+                }] }]; }, propDecorators: { bsTooltip: [{
+                type: Input
+            }], onBlur: [{
+                type: HostListener,
+                args: ['window:blur']
+            }] } });
+
+class BsTooltipModule {
+}
+BsTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipModule, declarations: [BsTooltipDirective,
+        BsTooltipComponent], imports: [CommonModule,
+        OverlayModule], exports: [BsTooltipDirective] });
+BsTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipModule, imports: [CommonModule,
+        OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: BsTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BsTooltipDirective,
+                        BsTooltipComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        OverlayModule
+                    ],
+                    exports: [
+                        BsTooltipDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BsTooltipDirective, BsTooltipModule };
+//# sourceMappingURL=mintplayer-ng-bootstrap-tooltip.mjs.map

package/fesm2020/mintplayer-ng-bootstrap-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mintplayer-ng-bootstrap-tooltip.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/tooltip/src/providers/tooltip-content.provider.ts","../../../../libs/mintplayer-ng-bootstrap/tooltip/src/component/tooltip.component.ts","../../../../libs/mintplayer-ng-bootstrap/tooltip/src/component/tooltip.component.html","../../../../libs/mintplayer-ng-bootstrap/tooltip/src/directive/tooltip.directive.ts","../../../../libs/mintplayer-ng-bootstrap/tooltip/src/tooltip.module.ts","../../../../libs/mintplayer-ng-bootstrap/tooltip/mintplayer-ng-bootstrap-tooltip.ts"],"sourcesContent":["import { InjectionToken, TemplateRef } from \"@angular/core\";\n\nexport const TOOLTIP_CONTENT = new InjectionToken<TemplateRef<any>>('TooltipContent');","import { Component, HostBinding, Inject, Input, TemplateRef } from '@angular/core';\nimport { FadeInOutAnimation } from '@mintplayer/ng-animations';\nimport { Position } from '@mintplayer/ng-bootstrap';\nimport { TOOLTIP_CONTENT } from '../providers/tooltip-content.provider';\n\n@Component({\n  selector: 'bs-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.scss'],\n  animations: [FadeInOutAnimation]\n})\nexport class BsTooltipComponent {\n  constructor(@Inject(TOOLTIP_CONTENT) content: TemplateRef<any>) {\n    this.template = content;  \n  }\n\n  positions = Position;\n  @Input() public position: Position = Position.bottom;\n  template: TemplateRef<any>;\n\n  @HostBinding('class.position-relative') positionRelative = true;\n\n}\n","<div [@fadeInOut] class=\"tooltip position-absolute show\"\n    [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n    [class.bs-tooltip-top]=\"position === positions.top\"\n    [class.bs-tooltip-start]=\"position === positions.left\"\n    [class.bs-tooltip-end]=\"position === positions.right\">\n    <div class=\"tooltip-arrow position-absolute\"></div>\n    <div class=\"tooltip-inner\">\n        <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n    </div>\n</div>\n","import { ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ComponentFactoryResolver, Directive, ElementRef, Host, HostListener, Injector, Input, SkipSelf, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Position } from '@mintplayer/ng-bootstrap';\nimport { BsTooltipComponent } from '../component/tooltip.component';\nimport { TOOLTIP_CONTENT } from '../providers/tooltip-content.provider';\n\n@Directive({\n  selector: '*[bsTooltip]'\n})\nexport class BsTooltipDirective {\n\n  constructor(\n    private overlay: Overlay,\n    private templateRef: TemplateRef<any>,\n    componentFactoryResolver: ComponentFactoryResolver,\n    private parentInjector: Injector,\n    @Host() @SkipSelf() private parent: ElementRef\n  ) {\n    this.injector = Injector.create({\n      providers: [{ provide: TOOLTIP_CONTENT, useValue: this.templateRef }],\n      parent: this.parentInjector\n    });\n    this.portal = new ComponentPortal(BsTooltipComponent, null, this.injector, componentFactoryResolver);\n\n    parent.nativeElement.onmouseenter = () => {\n      this.showTooltip();\n    };\n    parent.nativeElement.onmouseleave = () => {\n      this.hideTooltip();\n    }\n  }\n\n  @Input() public bsTooltip: Position = Position.bottom;\n\n  private injector: Injector;\n  private portal: ComponentPortal<any>;\n  private overlayRef: OverlayRef | null = null;\n\n  @HostListener('window:blur') private onBlur() {\n    this.hideTooltip();\n  }\n\n  showTooltip() {\n    const positions: ConnectedPosition[] = [];\n    switch (this.bsTooltip) {\n      case Position.bottom: {\n        positions.push({\n          originX: \"center\",\n          originY: \"bottom\", //<--\n          overlayX: \"center\",\n          overlayY: \"top\"\n        });\n      } break;\n      case Position.top: {\n        positions.push({\n          originX: \"center\",\n          originY: \"top\", //<--\n          overlayX: \"center\",\n          overlayY: \"bottom\"\n        });\n      } break;\n      case Position.left: {\n        positions.push({\n          originX: \"start\", //<--\n          originY: \"center\",\n          overlayX: \"end\",\n          overlayY: \"center\",\n        });\n      } break;\n      case Position.right: {\n        positions.push({\n          originX: \"end\", //<--\n          originY: \"center\",\n          overlayX: \"start\",\n          overlayY: \"center\"\n        });\n      } break;\n    }\n\n    this.overlayRef = this.overlay.create({\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      positionStrategy: this.overlay.position()\n        .flexibleConnectedTo(this.parent)\n        .withPositions(positions),\n    });\n    const component = this.overlayRef.attach<BsTooltipComponent>(this.portal);\n    component.instance.position = this.bsTooltip;\n  }\n\n  hideTooltip() {\n    if (this.overlayRef) {\n      this.overlayRef.detach();\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n    }\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { BsTooltipDirective } from './directive/tooltip.directive';\nimport { BsTooltipComponent } from './component/tooltip.component';\n\n@NgModule({\n  declarations: [\n    BsTooltipDirective,\n    BsTooltipComponent\n  ],\n  imports: [\n    CommonModule,\n    OverlayModule\n  ],\n  exports: [\n    BsTooltipDirective\n  ]\n})\nexport class BsTooltipModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}