@mintplayer/ng-bootstrap 21.6.0 → 21.8.0

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

@@ -1,47 +1,16 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, Component, inject, DestroyRef, forwardRef, Directive, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { inject, forwardRef, Directive, viewChild, input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { fromEvent } from 'rxjs';
-
-class BsRangeComponent {
-    constructor() {
-        this.min = 0;
-        this.max = 10;
-        this.step = 1;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsRangeComponent, isStandalone: false, selector: "bs-range", inputs: { min: "min", max: "max", step: "step" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }], ngImport: i0, template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bs-range', standalone: false, template: "<input #slider type=\"range\" [min]=\"min\" [max]=\"max\" [step]=\"step\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }]
-        }], propDecorators: { slider: [{
-                type: ViewChild,
-                args: ['slider']
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }] } });
 
 class BsRangeValueAccessor {
     constructor() {
         this.host = inject(BsRangeComponent);
-        this.destroy = inject(DestroyRef);
     }
-    ngAfterViewInit() {
-        fromEvent(this.host.slider.nativeElement, 'input')
-            .pipe(takeUntilDestroyed(this.destroy))
-            .subscribe((ev) => {
-            if (this.onValueChange) {
-                const val = parseFloat(ev.target.value);
-                this.onValueChange(val);
-            }
-        });
+    onInputEvent(ev) {
+        if (this.onValueChange) {
+            const val = parseFloat(ev.target.value);
+            this.onValueChange(val);
+        }
     }
     //#region ControlValueAccessor implementation
     registerOnChange(fn) {
@@ -51,52 +20,55 @@ class BsRangeValueAccessor {
         this.onTouched = fn;
     }
     writeValue(value) {
-        if (this.host.slider && (typeof value === 'number')) {
-            this.host.slider.nativeElement.value = value.toString();
+        if (this.host.slider() && (typeof value === 'number')) {
+            this.host.slider().nativeElement.value = value.toString();
         }
     }
     setDisabledState(isDisabled) {
-        if (this.host.slider) {
-            this.host.slider.nativeElement.disabled = isDisabled;
+        if (this.host.slider()) {
+            this.host.slider().nativeElement.disabled = isDisabled;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsRangeValueAccessor, isStandalone: false, selector: "bs-range", providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRangeValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: BsRangeValueAccessor, isStandalone: true, selector: "bs-range", host: { listeners: { "input": "onInputEvent($event)" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BsRangeValueAccessor),
                 multi: true,
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'bs-range',
-                    standalone: false,
                     providers: [{
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => BsRangeValueAccessor),
                             multi: true,
                         }],
+                    host: {
+                        '(input)': 'onInputEvent($event)',
+                    },
                 }]
         }] });
 
-class BsRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeModule, imports: [CommonModule] }); }
+class BsRangeComponent {
+    constructor() {
+        this.slider = viewChild.required('slider');
+        this.min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : []));
+        this.max = input(10, ...(ngDevMode ? [{ debugName: "max" }] : []));
+        this.step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: BsRangeComponent, isStandalone: true, selector: "bs-range", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, isSignal: true }], hostDirectives: [{ directive: BsRangeValueAccessor }], ngImport: i0, template: "<input #slider type=\"range\" [min]=\"min()\" [max]=\"max()\" [step]=\"step()\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [BsRangeComponent, BsRangeValueAccessor],
-                    imports: [CommonModule],
-                    exports: [BsRangeComponent, BsRangeValueAccessor],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bs-range', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [BsRangeValueAccessor], template: "<input #slider type=\"range\" [min]=\"min()\" [max]=\"max()\" [step]=\"step()\" class=\"form-range\">\n", styles: [":host ::ng-deep .form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}: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;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-webkit-slider-thumb{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:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}:host ::ng-deep .form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-range::-moz-range-thumb{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:var(--bs-secondary-bg);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:var(--bs-secondary-color)}:host ::ng-deep .form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}\n"] }]
+        }], propDecorators: { slider: [{ type: i0.ViewChild, args: ['slider', { isSignal: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsRangeComponent, BsRangeModule, BsRangeValueAccessor };
+export { BsRangeComponent, BsRangeValueAccessor };
 //# sourceMappingURL=mintplayer-ng-bootstrap-range.mjs.map

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

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

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

@@ -1,10 +1,8 @@
 import * as i0 from '@angular/core';
-import { input, model, signal, output, computed, effect, HostListener, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, model, signal, output, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class BsRatingComponent {
     constructor() {
-        this.role = 'radiogroup';
-        this.ariaLabel = 'Rating';
         this.maximum = input(5, ...(ngDevMode ? [{ debugName: "maximum" }] : []));
         this.value = model(3, ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.previewValue = signal(null, ...(ngDevMode ? [{ debugName: "previewValue" }] : []));
@@ -31,22 +29,17 @@ class BsRatingComponent {
     onMouseLeave() {
         this.previewValue.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsRatingComponent, isStandalone: true, selector: "bs-rating", inputs: { maximum: { classPropertyName: "maximum", publicName: "maximum", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", starsChange: "starsChange" }, host: { listeners: { "mouseleave": "onMouseLeave()" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, ngImport: i0, template: "@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n", styles: [".btn-star{background:none;border:none;padding:0;font-size:inherit;color:inherit;line-height:1}.btn-star:focus{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsRatingComponent, isStandalone: true, selector: "bs-rating", inputs: { maximum: { classPropertyName: "maximum", publicName: "maximum", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", starsChange: "starsChange" }, host: { attributes: { "role": "radiogroup", "aria-label": "Rating" }, listeners: { "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n", styles: [".btn-star{background:none;border:none;padding:0;font-size:inherit;color:inherit;line-height:1}.btn-star:focus{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-rating', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n", styles: [".btn-star{background:none;border:none;padding:0;font-size:inherit;color:inherit;line-height:1}.btn-star:focus{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }], maximum: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximum", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], starsChange: [{ type: i0.Output, args: ["starsChange"] }], onMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
+            args: [{ selector: 'bs-rating', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'role': 'radiogroup',
+                        'aria-label': 'Rating',
+                        '(mouseleave)': 'onMouseLeave()',
+                    }, template: "@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n", styles: [".btn-star{background:none;border:none;padding:0;font-size:inherit;color:inherit;line-height:1}.btn-star:focus{outline:2px solid var(--bs-primary, #0d6efd);outline-offset:2px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { maximum: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximum", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], starsChange: [{ type: i0.Output, args: ["starsChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-rating.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.ts","../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.html","../../../../libs/mintplayer-ng-bootstrap/rating/mintplayer-ng-bootstrap-rating.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, HostBinding, HostListener, input, model, output, signal } from '@angular/core';\n\n@Component({\n  selector: 'bs-rating',\n  standalone: true,\n  templateUrl: './rating.component.html',\n  styleUrls: ['./rating.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsRatingComponent {\n  @HostBinding('attr.role') role = 'radiogroup';\n  @HostBinding('attr.aria-label') ariaLabel = 'Rating';\n\n  constructor() {\n    effect(() => {\n      const v = this.previewValue() ?? this.value();\n      this.starsChange.emit(v);\n    });\n  }\n\n  maximum = input<number>(5);\n  value = model<number>(3);\n  previewValue = signal<number | null>(null);\n  starsChange = output<number>();\n\n  stars = computed(() => {\n    const v = this.previewValue() ?? this.value();\n    const max = this.maximum();\n    return [\n      ...[...Array(v).keys()].map(() => true),\n      ...[...Array(max - v).keys()].map(() => false)\n    ];\n  });\n\n  hoverValue(index: number) {\n    this.previewValue.set(index + 1);\n  }\n\n  selectValue(index: number) {\n    this.value.set(index + 1);\n  }\n\n  @HostListener('mouseleave') onMouseLeave() {\n    this.previewValue.set(null);\n  }\n}\n","@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,iBAAiB,CAAA;AAI5B,IAAA,WAAA,GAAA;QAH0B,IAAA,CAAA,IAAI,GAAG,YAAY;QACb,IAAA,CAAA,SAAS,GAAG,QAAQ;AASpD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,CAAC,mDAAC;AAC1B,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,CAAC,iDAAC;AACxB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAgB,IAAI,wDAAC;QAC1C,IAAA,CAAA,WAAW,GAAG,MAAM,EAAU;AAE9B,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YACpB,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7C,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;AACL,gBAAA,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC;AACvC,gBAAA,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK;aAC9C;AACH,QAAA,CAAC,iDAAC;QAlBA,MAAM,CAAC,MAAK;YACV,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,QAAA,CAAC,CAAC;IACJ;AAgBA,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;IAClC;AAEA,IAAA,WAAW,CAAC,KAAa,EAAA;QACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3B;IAE4B,YAAY,GAAA;AACtC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;8GAnCW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8gBCT9B,4cAWA,EAAA,MAAA,EAAA,CAAA,kLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDFa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,kLAAA,CAAA,EAAA;;sBAG9C,WAAW;uBAAC,WAAW;;sBACvB,WAAW;uBAAC,iBAAiB;;sBA+B7B,YAAY;uBAAC,YAAY;;;AE1C5B;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-rating.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.ts","../../../../libs/mintplayer-ng-bootstrap/rating/src/component/rating.component.html","../../../../libs/mintplayer-ng-bootstrap/rating/mintplayer-ng-bootstrap-rating.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, input, model, output, signal } from '@angular/core';\n\n@Component({\n  selector: 'bs-rating',\n  templateUrl: './rating.component.html',\n  styleUrls: ['./rating.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'role': 'radiogroup',\n    'aria-label': 'Rating',\n    '(mouseleave)': 'onMouseLeave()',\n  },\n})\nexport class BsRatingComponent {\n\n  constructor() {\n    effect(() => {\n      const v = this.previewValue() ?? this.value();\n      this.starsChange.emit(v);\n    });\n  }\n\n  maximum = input<number>(5);\n  value = model<number>(3);\n  previewValue = signal<number | null>(null);\n  starsChange = output<number>();\n\n  stars = computed(() => {\n    const v = this.previewValue() ?? this.value();\n    const max = this.maximum();\n    return [\n      ...[...Array(v).keys()].map(() => true),\n      ...[...Array(max - v).keys()].map(() => false)\n    ];\n  });\n\n  hoverValue(index: number) {\n    this.previewValue.set(index + 1);\n  }\n\n  selectValue(index: number) {\n    this.value.set(index + 1);\n  }\n\n  onMouseLeave() {\n    this.previewValue.set(null);\n  }\n}\n","@for (star of stars(); let i = $index; track i) {\n    <button type=\"button\"\n        class=\"cursor-pointer btn-star\"\n        role=\"radio\"\n        (mouseenter)=\"hoverValue(i)\"\n        (click)=\"selectValue(i)\"\n        [attr.aria-label]=\"'Rate ' + (i + 1) + ' out of ' + maximum() + ' stars'\"\n        [attr.aria-checked]=\"value() === (i + 1)\">\n        <span aria-hidden=\"true\">{{ star ? '&#9733;' : '&#9734;' }}</span>\n    </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAaa,iBAAiB,CAAA;AAE5B,IAAA,WAAA,GAAA;AAOA,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,CAAC,mDAAC;AAC1B,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,CAAC,iDAAC;AACxB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAgB,IAAI,wDAAC;QAC1C,IAAA,CAAA,WAAW,GAAG,MAAM,EAAU;AAE9B,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YACpB,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7C,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;AACL,gBAAA,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC;AACvC,gBAAA,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK;aAC9C;AACH,QAAA,CAAC,iDAAC;QAlBA,MAAM,CAAC,MAAK;YACV,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;AAC7C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,QAAA,CAAC,CAAC;IACJ;AAgBA,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;IAClC;AAEA,IAAA,WAAW,CAAC,KAAa,EAAA;QACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3B;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;8GAjCW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,6fCb9B,4cAWA,EAAA,MAAA,EAAA,CAAA,kLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDEa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,eAAA,EAGJ,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,MAAM,EAAE,YAAY;AACpB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,cAAc,EAAE,gBAAgB;AACjC,qBAAA,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,kLAAA,CAAA,EAAA;;;AEXH;;AAEG;;;;"}