@mintplayer/ng-bootstrap 14.8.1 → 14.9.0

package/esm2020/lib/components/toggle-button/value-accessor/toggle-button-value-accessor.mjs

@@ -0,0 +1,108 @@
+import { Directive, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { fromEvent, Subject, takeUntil } from 'rxjs';
+import { BsToggleButtonComponent } from '../component/toggle-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../component/toggle-button.component";
+export 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: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [{ token: i1.BsToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BsToggleButtonValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", 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: "14.2.2", 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: i1.BsToggleButtonComponent }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWJ1dHRvbi12YWx1ZS1hY2Nlc3Nvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWludHBsYXllci1uZy1ib290c3RyYXAvc3JjL2xpYi9jb21wb25lbnRzL3RvZ2dsZS1idXR0b24vdmFsdWUtYWNjZXNzb3IvdG9nZ2xlLWJ1dHRvbi12YWx1ZS1hY2Nlc3Nvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxVQUFVLEVBQXFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQVUvRSxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQW9CLElBQTZCO1FBQTdCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBRWpELGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBRnlCLENBQUM7SUFPckQseUJBQXlCO0lBQ3pCLGVBQWU7UUFDYixTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQzthQUNsRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUNoQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRTtZQUNoQixJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQzVDLE1BQU0sU0FBUyxHQUFzQixFQUFFLENBQUMsTUFBTyxDQUFDLE9BQU8sQ0FBQztnQkFDeEQsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtvQkFDdEIs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Rjt5QkFBTTt3QkFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxHQUFZLEtBQUssQ0FBQztxQkFDM0Q7b0JBQ0QsTUFBTTthQUNUO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztTQUN4RDtJQUNILENBQUM7O3dIQTFGVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwyQ0FOM0IsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztZQUMxRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUM7MkZBRVMsMkJBQTJCO2tCQVJ2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFNBQVMsRUFBRSxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDOzRCQUMxRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDO2lCQUNIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBmb3J3YXJkUmVmLCBIb3N0TGlzdGVuZXIsIE9uRGVzdHJveSwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZyb21FdmVudCwgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBCc1RvZ2dsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudC90b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2JzLXRvZ2dsZS1idXR0b24nLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQnNUb2dnbGVCdXR0b25WYWx1ZUFjY2Vzc29yKSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEJzVG9nZ2xlQnV0dG9uVmFsdWVBY2Nlc3NvciBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGhvc3Q6IEJzVG9nZ2xlQnV0dG9uQ29tcG9uZW50KSB7fVxuXG4gIGRlc3Ryb3llZCQgPSBuZXcgU3ViamVjdCgpO1xuXG4gIG9uVmFsdWVDaGFuZ2U/OiAodmFsdWU6IGJvb2xlYW4gfCBzdHJpbmcgfCBzdHJpbmdbXSkgPT4gdm9pZDtcbiAgb25Ub3VjaGVkPzogKCkgPT4gdm9pZDtcblxuICAvLyNyZWdpb24gTGlmZWN5Y2xlIGhvb2tzXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBmcm9tRXZlbnQodGhpcy5ob3N0LmNoZWNrYm94Lm5hdGl2ZUVsZW1lbnQsICdjaGFuZ2UnKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJCkpXG4gICAgICAuc3Vic2NyaWJlKChldikgPT4ge1xuICAgICAgICBpZiAodGhpcy5vblZhbHVlQ2hhbmdlICYmIHRoaXMuaG9zdC5jaGVja2JveCkge1xuICAgICAgICAgIGNvbnN0IGlzQ2hlY2tlZCA9ICg8SFRNTElucHV0RWxlbWVudD5ldi50YXJnZXQpLmNoZWNrZWQ7XG4gICAgICAgICAgc3dpdGNoICh0aGlzLmhvc3QudHlwZSkge1xuICAgICAgICAgICAgY2FzZSAncmFkaW8nOlxuICAgICAgICAgICAgY2FzZSAncmFkaW9fdG9nZ2xlX2J1dHRvbic6XG4gICAgICAgICAgICAgIGlmIChpc0NoZWNrZWQpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uVmFsdWVDaGFuZ2UodGhpcy5ob3N0LmNoZWNrYm94Lm5hdGl2ZUVsZW1lbnQudmFsdWUpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgaWYgKHRoaXMuaG9zdFsnZ3JvdXAnXSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGdyb3VwID0gdGhpcy5ob3N0Wydncm91cCddO1xuICAgICAgICAgICAgICAgIGNvbnN0IGl0ZW1WYWx1ZSA9IHRoaXMuaG9zdC5jaGVja2JveC5uYXRpdmVFbGVtZW50LnZhbHVlO1xuICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgIGNvbnN0IHJlc3VsdCA9IGdyb3VwLnRvZ2dsZUJ1dHRvbnNcbiAgICAgICAgICAgICAgICAgIC5tYXAodGIgPT4gKHsgdmFsdWU6IHRiLnZhbHVlLCBjaGVja2VkOiB0Yi5jaGVja2JveC5uYXRpdmVFbGVtZW50LmNoZWNrZWQgfSkpXG4gICAgICAgICAgICAgICAgICAuZmlsdGVyKHRiID0+ICEhdGIudmFsdWUgJiYgdGIuY2hlY2tlZClcbiAgICAgICAgICAgICAgICAgIC5tYXAodGIgPT4gPHN0cmluZz50Yi52YWx1ZSk7XG5cbiAgICAgICAgICAgICAgICBpZiAodGhpcy5ob3N0LmNoZWNrYm94Lm5hdGl2ZUVsZW1lbnQuY2hlY2tlZCkge1xuICAgICAgICAgICAgICAgICAgaWYgKCFyZXN1bHQuaW5jbHVkZXMoaXRlbVZhbHVlKSkge1xuICAgICAgICAgICAgICAgICAgICByZXN1bHQucHVzaChpdGVtVmFsdWUpO1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICBpZiAocmVzdWx0LmluY2x1ZGVzKGl0ZW1WYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICAgICAgcmVzdWx0LnNwbGljZShyZXN1bHQuaW5kZXhPZihpdGVtVmFsdWUpLCAxKTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICB0aGlzLm9uVmFsdWVDaGFuZ2UocmVzdWx0KTtcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uVmFsdWVDaGFuZ2UoaXNDaGVja2VkKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95ZWQkLm5leHQodHJ1ZSk7XG4gIH1cbiAgLy8jZW5kcmVnaW9uXG5cbiAgLy8jcmVnaW9uIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudGF0aW9uXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChfOiBhbnkpID0+IHZvaWQpIHtcbiAgICB0aGlzLm9uVmFsdWVDaGFuZ2UgPSBmbjtcbiAgfVxuICBcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbiB8IHN0cmluZyB8IHN0cmluZ1tdKSB7XG4gICAgaWYgKHRoaXMuaG9zdC5jaGVja2JveCkge1xuICAgICAgc3dpdGNoICh0aGlzLmhvc3QudHlwZSkge1xuICAgICAgICBjYXNlICdyYWRpbyc6XG4gICAgICAgIGNhc2UgJ3JhZGlvX3RvZ2dsZV9idXR0b24nOlxuICAgICAgICAgIGlmICg8c3RyaW5nPnZhbHVlID09PSB0aGlzLmhvc3QudmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuaG9zdC5jaGVja2JveC5uYXRpdmVFbGVtZW50LmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICAgIH1cbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBpZiAodGhpcy5ob3N0Lmdyb3VwKSB7XG4gICAgICAgICAgICB0aGlzLmhvc3QuY2hlY2tib3gubmF0aXZlRWxlbWVudC5jaGVja2VkID0gKDxzdHJpbmdbXT52YWx1ZSkuaW5jbHVkZXModGhpcy5ob3N0LnZhbHVlISk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuaG9zdC5jaGVja2JveC5uYXRpdmVFbGVtZW50LmNoZWNrZWQgPSA8Ym9vbGVhbj52YWx1ZTtcbiAgICAgICAgICB9XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XG4gICAgaWYgKHRoaXMuaG9zdC5jaGVja2JveCkge1xuICAgICAgdGhpcy5ob3N0LmNoZWNrYm94Lm5hdGl2ZUVsZW1lbnQuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIH1cbiAgfVxuICAvLyNlbmRyZWdpb25cblxufVxuIl19

package/fesm2015/mintplayer-ng-bootstrap.mjs

@@ -3,7 +3,7 @@ import { EventEmitter, Component, ContentChildren, forwardRef, HostBinding, Outp
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, isPlatformServer } from '@angular/common';
 import { SlideUpDownAnimation, FadeInOutAnimation, CarouselSlideAnimation, EnterFromTopAnimation } from '@mintplayer/ng-animations';
-import { BehaviorSubject, map, Subject, takeUntil, filter, take, combineLatest, debounceTime, delayWhen, of, interval, delay } from 'rxjs';
+import { BehaviorSubject, map, Subject, takeUntil, filter, take, combineLatest, debounceTime, delayWhen, of, interval, delay, fromEvent } from 'rxjs';
 import { map as map$1, takeUntil as takeUntil$1, take as take$1 } from 'rxjs/operators';
 import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import * as i1$1 from '@angular/cdk/overlay';
@@ -16,7 +16,7 @@ import { FocusOnLoadModule } from '@mintplayer/ng-focus-on-load';
 import * as i1$3 from '@angular/router';
 import { RouterModule, ROUTER_CONFIGURATION } from '@angular/router';
 import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 
 class BsAccordionTabComponent {
     constructor(accordion) {
@@ -1125,11 +1125,6 @@ class BsContextMenuDirective {
             this.checkAndCloseExisting(ev);
             const target = {
                 getBoundingClientRect: () => {
-                    console.log('getBoundingClientRect', {
-                        clientX: ev.clientX,
-                        clientY: ev.clientY,
-                        scrollY: window.scrollY,
-                    });
                     return ({
                         width: 0,
                         height: 0,
@@ -4208,7 +4203,6 @@ class BsOffcanvasComponent {
         return this.state$.value;
     }
     onBackdropClick(ev) {
-        console.log(1);
         this.backdropClick.emit(ev);
     }
     ngOnDestroy() {
@@ -4807,6 +4801,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                 }]
         }] });
 
+class BsRangeComponent {
+    constructor() { }
+}
+BsRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BsRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsRangeComponent, selector: "bs-range", viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-range', template: "<input #slider type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;appearance:none}:host ::ng-deep .form-range:focus{outline:0}:host ::ng-deep .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-range::-moz-focus-outer{border:0}:host ::ng-deep .form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}:host ::ng-deep .form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion: reduce){:host ::ng-deep .form-range::-moz-range-thumb{-moz-transition:none;transition:none}}:host ::ng-deep .form-range::-moz-range-thumb:active{background-color:#b6d4fe}:host ::ng-deep .form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range:disabled{pointer-events:none}:host ::ng-deep .form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:#adb5bd}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { slider: [{
+                type: ViewChild,
+                args: ['slider']
+            }] } });
+
+class BsRangeValueAccessor {
+    constructor(host) {
+        this.host = host;
+        this.destroyed$ = new Subject();
+    }
+    //#region Lifecycle hooks
+    ngAfterViewInit() {
+        fromEvent(this.host.slider.nativeElement, 'input')
+            .pipe(takeUntil(this.destroyed$))
+            .subscribe((ev) => {
+            if (this.onValueChange) {
+                const val = parseFloat(ev.target.value);
+                this.onValueChange(val);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroyed$.next(true);
+    }
+    //#endregion
+    //#region ControlValueAccessor implementation
+    registerOnChange(fn) {
+        this.onValueChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (this.host.slider) {
+            this.host.slider.nativeElement.value = value.toString();
+        }
+    }
+    setDisabledState(isDisabled) {
+        if (this.host.slider) {
+            this.host.slider.nativeElement.disabled = isDisabled;
+        }
+    }
+}
+BsRangeValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BsRangeValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsRangeValueAccessor, selector: "bs-range", providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => BsRangeValueAccessor),
+            multi: true,
+        }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'bs-range',
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BsRangeValueAccessor),
+                            multi: true,
+                        }],
+                }]
+        }], ctorParameters: function () { return [{ type: BsRangeComponent }]; } });
+
+class BsRangeModule {
+}
+BsRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BsRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] });
+BsRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BsRangeComponent, BsRangeValueAccessor],
+                    imports: [CommonModule],
+                    exports: [BsRangeComponent, BsRangeValueAccessor],
+                }]
+        }] });
+
 class BsRatingComponent {
     constructor() {
         this.destroyed$ = new Subject();
@@ -5780,6 +5857,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 class BsToggleButtonComponent {
     constructor() {
         this.disableAnimations = true;
+        //#region Type
+        this.type$ = new BehaviorSubject('checkbox');
+        //#endregion
         //#region isToggled
         this._isToggled = false;
         this.change = new EventEmitter();
@@ -5787,6 +5867,89 @@ class BsToggleButtonComponent {
         //#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;
@@ -5795,6 +5958,24 @@ class BsToggleButtonComponent {
         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
     onChange(event) {
         const val = event.target.checked;
@@ -5806,11 +5987,16 @@ class BsToggleButtonComponent {
     }
 }
 BsToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BsToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: { isToggled: "isToggled", disabled: "disabled" }, outputs: { change: "change", isToggledChange: "isToggledChange" }, ngImport: i0, template: "<label class=\"form-check form-switch\">\n    <input class=\"form-check-input\" type=\"checkbox\" [checked]=\"isToggled\" (change)=\"onChange($event)\" [disabled]=\"disabled\">\n    <span class=\"form-check-label\">\n        <ng-content></ng-content>\n    </span>\n</label>", styles: [""] });
+BsToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonComponent, selector: "bs-toggle-button", inputs: { type: "type", isToggled: "isToggled", disabled: "disabled", name: "name", value: "value", group: "group" }, outputs: { change: "change", 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: "14.2.2", ngImport: i0, type: BsToggleButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-toggle-button', template: "<label class=\"form-check form-switch\">\n    <input class=\"form-check-input\" type=\"checkbox\" [checked]=\"isToggled\" (change)=\"onChange($event)\" [disabled]=\"disabled\">\n    <span class=\"form-check-label\">\n        <ng-content></ng-content>\n    </span>\n</label>" }]
-        }], propDecorators: { change: [{
+            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
+            }], change: [{
                 type: Output
             }], isToggledChange: [{
                 type: Output
@@ -5818,24 +6004,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                 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: "14.2.2", ngImport: i0, type: BsToggleButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BsToggleButtonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BsToggleButtonGroupDirective, selector: "[bsToggleButtonGroup]", queries: [{ propertyName: "toggleButtons", predicate: BsToggleButtonComponent, descendants: true }], exportAs: ["bsToggleButtonGroup"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", 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: "14.2.2", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [{ token: BsToggleButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BsToggleButtonValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", 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: "14.2.2", 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: "14.2.2", ngImport: i0, type: BsToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent], imports: [CommonModule], exports: [BsToggleButtonComponent] });
+BsToggleButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, declarations: [BsToggleButtonComponent,
+        BsToggleButtonValueAccessor,
+        BsToggleButtonGroupDirective], imports: [CommonModule], exports: [BsToggleButtonComponent,
+        BsToggleButtonValueAccessor,
+        BsToggleButtonGroupDirective] });
 BsToggleButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BsToggleButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        BsToggleButtonComponent
+                        BsToggleButtonComponent,
+                        BsToggleButtonValueAccessor,
+                        BsToggleButtonGroupDirective
                     ],
                     imports: [
                         CommonModule
                     ],
                     exports: [
-                        BsToggleButtonComponent
+                        BsToggleButtonComponent,
+                        BsToggleButtonValueAccessor,
+                        BsToggleButtonGroupDirective
                     ]
                 }]
         }] });
@@ -6157,5 +6475,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BS_DEVELOPMENT, BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAddPropertiesModule, BsAddPropertiesPipe, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsBadgeComponent, BsBadgeModule, BsBreadcrumbComponent, BsBreadcrumbItemComponent, BsBreadcrumbModule, BsButtonGroupComponent, BsButtonGroupModule, BsButtonTemplateDirective, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsCarouselComponent, BsCarouselImageDirective, BsCarouselModule, BsCloseComponent, BsCloseModule, BsCodeSnippetComponent, BsCodeSnippetModule, BsContextMenuDirective, BsContextMenuModule, BsCopyDirective, BsCopyModule, BsDatatableColumnDirective, BsDatatableComponent, BsDatatableModule, BsDatepickerComponent, BsDatepickerModule, BsDropdownDirective, BsDropdownMenuDirective, BsDropdownModule, BsDropdownToggleDirective, BsExpandButtonDirective, BsFileUploadComponent, BsFileUploadModule, BsFileUploadTemplateDirective, BsFontColorPipe, BsFontColorPipeModule, BsFooterTemplateDirective, BsForDirective, BsForModule, BsFormatBytesModule, BsFormatBytesPipe, BsGridColumnDirective, BsGridComponent, BsGridModule, BsGridRowDirective, BsHeaderTemplateDirective, BsItemTemplateDirective, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsModalBodyDirective, BsModalCloseDirective, BsModalComponent, BsModalDirective, BsModalFooterDirective, BsModalHeaderDirective, BsModalHostComponent, BsModalModule, BsMultiselectComponent, BsMultiselectModule, BsNavbarBrandComponent, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsNavbarTogglerComponent, BsOffcanvasCloseDirective, BsOffcanvasComponent, BsOffcanvasContentDirective, BsOffcanvasHostComponent, BsOffcanvasModule, BsPaginationComponent, BsPaginationModule, BsPlaceholderComponent, BsPlaceholderFieldDirective, BsPlaceholderModule, BsPopoverBodyDirective, BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverModule, BsProgressBarComponent, BsProgressBarModule, BsProgressComponent, BsRatingComponent, BsRatingModule, BsRowTemplateDirective, BsSchedulerComponent, BsSchedulerModule, BsScrollspyComponent, BsScrollspyDirective, BsScrollspyModule, BsSelect2Component, BsSelect2Module, BsSnackbarCloseDirective, BsSnackbarComponent, BsSnackbarModule, BsSnackbarService, BsSpinnerComponent, BsSpinnerModule, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, BsTableComponent, BsTableModule, BsTimepickerComponent, BsTimepickerModule, BsToastBodyComponent, BsToastCloseDirective, BsToastComponent, BsToastContainerComponent, BsToastHeaderComponent, BsToastModule, BsToastService, BsToggleButtonComponent, BsToggleButtonModule, BsTooltipDirective, BsTooltipModule, BsTypeaheadComponent, BsTypeaheadModule, Color, DatatableSettings, DropdownToggleDirective, ESchedulerMode, EnhancedPasteDirective, NavLinkDirective, NavbarContentDirective, OffcanvasBodyComponent, OffcanvasHeaderComponent, Position, ResourceGroupPresenterComponent, availableScales };
+export { BS_DEVELOPMENT, BsAccordionComponent, BsAccordionModule, BsAccordionTabComponent, BsAccordionTabHeaderComponent, BsAddPropertiesModule, BsAddPropertiesPipe, BsAlertCloseComponent, BsAlertComponent, BsAlertModule, BsBadgeComponent, BsBadgeModule, BsBreadcrumbComponent, BsBreadcrumbItemComponent, BsBreadcrumbModule, BsButtonGroupComponent, BsButtonGroupModule, BsButtonTemplateDirective, BsCalendarComponent, BsCalendarModule, BsCardComponent, BsCardHeaderComponent, BsCardModule, BsCarouselComponent, BsCarouselImageDirective, BsCarouselModule, BsCloseComponent, BsCloseModule, BsCodeSnippetComponent, BsCodeSnippetModule, BsContextMenuDirective, BsContextMenuModule, BsCopyDirective, BsCopyModule, BsDatatableColumnDirective, BsDatatableComponent, BsDatatableModule, BsDatepickerComponent, BsDatepickerModule, BsDropdownDirective, BsDropdownMenuDirective, BsDropdownModule, BsDropdownToggleDirective, BsExpandButtonDirective, BsFileUploadComponent, BsFileUploadModule, BsFileUploadTemplateDirective, BsFontColorPipe, BsFontColorPipeModule, BsFooterTemplateDirective, BsForDirective, BsForModule, BsFormatBytesModule, BsFormatBytesPipe, BsGridColumnDirective, BsGridComponent, BsGridModule, BsGridRowDirective, BsHeaderTemplateDirective, BsItemTemplateDirective, BsListGroupComponent, BsListGroupItemComponent, BsListGroupModule, BsModalBodyDirective, BsModalCloseDirective, BsModalComponent, BsModalDirective, BsModalFooterDirective, BsModalHeaderDirective, BsModalHostComponent, BsModalModule, BsMultiselectComponent, BsMultiselectModule, BsNavbarBrandComponent, BsNavbarComponent, BsNavbarDropdownComponent, BsNavbarItemComponent, BsNavbarModule, BsNavbarNavComponent, BsNavbarTogglerComponent, BsOffcanvasCloseDirective, BsOffcanvasComponent, BsOffcanvasContentDirective, BsOffcanvasHostComponent, BsOffcanvasModule, BsPaginationComponent, BsPaginationModule, BsPlaceholderComponent, BsPlaceholderFieldDirective, BsPlaceholderModule, BsPopoverBodyDirective, BsPopoverComponent, BsPopoverDirective, BsPopoverHeaderDirective, BsPopoverModule, BsProgressBarComponent, BsProgressBarModule, BsProgressComponent, BsRangeComponent, BsRangeModule, BsRangeValueAccessor, BsRatingComponent, BsRatingModule, BsRowTemplateDirective, BsSchedulerComponent, BsSchedulerModule, BsScrollspyComponent, BsScrollspyDirective, BsScrollspyModule, BsSelect2Component, BsSelect2Module, BsSnackbarCloseDirective, BsSnackbarComponent, BsSnackbarModule, BsSnackbarService, BsSpinnerComponent, BsSpinnerModule, BsTabControlComponent, BsTabControlModule, BsTabPageComponent, BsTableComponent, BsTableModule, BsTimepickerComponent, BsTimepickerModule, BsToastBodyComponent, BsToastCloseDirective, BsToastComponent, BsToastContainerComponent, BsToastHeaderComponent, BsToastModule, BsToastService, BsToggleButtonComponent, BsToggleButtonGroupDirective, BsToggleButtonModule, BsToggleButtonValueAccessor, BsTooltipDirective, BsTooltipModule, BsTypeaheadComponent, BsTypeaheadModule, Color, DatatableSettings, DropdownToggleDirective, ESchedulerMode, EnhancedPasteDirective, NavLinkDirective, NavbarContentDirective, OffcanvasBodyComponent, OffcanvasHeaderComponent, Position, ResourceGroupPresenterComponent, availableScales };
 //# sourceMappingURL=mintplayer-ng-bootstrap.mjs.map