npm - @mintplayer/ng-bootstrap - Versions diffs - 20.6.3 → 21.1.0 - Mend

@mintplayer/ng-bootstrap 20.6.3 → 21.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (267) hide show

package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs CHANGED Viewed

@@ -1,9 +1,7 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Component, NgModule } from '@angular/core';
+import { HostBinding, Input, Component, input, computed, effect, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Color } from '@mintplayer/ng-bootstrap';
-import { BehaviorSubject, combineLatest, map } from 'rxjs';
 class BsProgressComponent {
     constructor() {
@@ -12,12 +10,12 @@ class BsProgressComponent {
         this.isIndeterminate = false;
         this.progressClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: BsProgressComponent, isStandalone: false, selector: "bs-progress", inputs: { height: "height", isIndeterminate: "isIndeterminate" }, host: { properties: { "style.height.px": "this.height", "class.d-block": "this.progressClass", "class.overflow-hidden": "this.progressClass" } }, ngImport: i0, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsProgressComponent, isStandalone: false, selector: "bs-progress", inputs: { height: "height", isIndeterminate: "isIndeterminate" }, host: { properties: { "style.height.px": "this.height", "class.d-block": "this.progressClass", "class.overflow-hidden": "this.progressClass" } }, ngImport: i0, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-progress', standalone: false, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }]
+            args: [{ selector: 'bs-progress', standalone: false, template: "<div class=\"progress\">\n    @if (isIndeterminate) {\n        <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n    } @else {\n        <ng-content></ng-content>\n    }\n</div>", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host .progress,:host .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){:host .progress-bar{transition:none}}:host .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host .progress-stacked>.progress{overflow:visible}:host .progress-stacked>.progress>.progress-bar{width:100%}:host .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){:host .progress-bar-animated{animation:none}}:host .progress-bar-infinite{animation:progress-infinite 1.5s infinite}@keyframes progress-infinite{0%{width:10%;margin-left:0%}25%{width:70%;margin-left:15%}50%{width:10%;margin-left:90%}75%{width:70%;margin-left:15%}to{width:10%;margin-left:0%}}\n"] }]
         }], propDecorators: { height: [{
                 type: Input
             }, {
@@ -35,12 +33,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 class BsProgressBarComponent {
     constructor() {
-        this.minimum$ = new BehaviorSubject(0);
-        this.maximum$ = new BehaviorSubject(100);
-        this.value$ = new BehaviorSubject(50);
-        this.color$ = new BehaviorSubject(Color.primary);
-        this.striped = false;
-        this.animated = false;
+        this.minimum = input(0, ...(ngDevMode ? [{ debugName: "minimum" }] : []));
+        this.maximum = input(100, ...(ngDevMode ? [{ debugName: "maximum" }] : []));
+        this.value = input(50, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.color = input(Color.primary, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.striped = input(false, ...(ngDevMode ? [{ debugName: "striped" }] : []));
+        this.animated = input(false, ...(ngDevMode ? [{ debugName: "animated" }] : []));
+        this.percentage = computed(() => {
+            const min = this.minimum();
+            const max = this.maximum();
+            const val = this.value();
+            return (val - min) / (max - min) * 100;
+        }, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+        this.width = computed(() => `${this.percentage()}%`, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.colorClassComputed = computed(() => {
+            const name = Color[this.color()];
+            return `bg-${name}`;
+        }, ...(ngDevMode ? [{ debugName: "colorClassComputed" }] : []));
         this.progressBar = true;
         this.colorClass = 'bg-primary';
         this.widthStyle = '0';
@@ -48,69 +57,31 @@ class BsProgressBarComponent {
         this.valueNow = 50;
         this.valueMin = 0;
         this.valueMax = 100;
-        this.percentage$ = combineLatest([this.minimum$, this.maximum$, this.value$])
-            .pipe(map(([minimum, maximum, value]) => {
-            return (value - minimum) / (maximum - minimum) * 100;
-        }));
-        this.width$ = this.percentage$
-            .pipe(map((width) => {
-            return String(width) + '%';
-        }));
-        this.colorClass$ = this.color$
-            .pipe(map((color) => {
-            const name = Color[color];
-            return `bg-${name}`;
-        }));
-        this.colorClass$.pipe(takeUntilDestroyed())
-            .subscribe(color => this.colorClass = color);
-        this.width$.pipe(takeUntilDestroyed())
-            .subscribe(width => this.widthStyle = width);
-        this.value$.pipe(takeUntilDestroyed())
-            .subscribe(value => this.valueNow = value);
-        this.minimum$.pipe(takeUntilDestroyed())
-            .subscribe(value => this.valueMin = value);
-        this.maximum$.pipe(takeUntilDestroyed())
-            .subscribe(value => this.valueMax = value);
-    }
-    set minimum(value) {
-        this.minimum$.next(value);
-    }
-    set maximum(value) {
-        this.maximum$.next(value);
-    }
-    set value(value) {
-        this.value$.next(value);
+        effect(() => {
+            this.colorClass = this.colorClassComputed();
+            this.widthStyle = this.width();
+            this.valueNow = this.value();
+            this.valueMin = this.minimum();
+            this.valueMax = this.maximum();
+        });
     }
-    set color(value) {
-        this.color$.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsProgressBarComponent, isStandalone: false, selector: "bs-progress-bar", inputs: { minimum: "minimum", maximum: "maximum", value: "value", color: "color", striped: "striped", animated: "animated" }, host: { properties: { "class.progress-bar-striped": "this.striped", "class.progress-bar-animated": "this.animated", "class.progress-bar": "this.progressBar", "class": "this.colorClass", "style.width": "this.widthStyle", "attr.role": "this.role", "attr.aria-valuenow": "this.valueNow", "attr.aria-valuemin": "this.valueMin", "attr.aria-valuemax": "this.valueMax" } }, ngImport: i0, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }); }
+    get stripedClass() { return this.striped(); }
+    get animatedClass() { return this.animated(); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsProgressBarComponent, isStandalone: false, selector: "bs-progress-bar", inputs: { minimum: { classPropertyName: "minimum", publicName: "minimum", isSignal: true, isRequired: false, transformFunction: null }, maximum: { classPropertyName: "maximum", publicName: "maximum", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.progress-bar": "this.progressBar", "class.progress-bar-striped": "this.stripedClass", "class.progress-bar-animated": "this.animatedClass", "class": "this.colorClass", "style.width": "this.widthStyle", "attr.role": "this.role", "attr.aria-valuenow": "this.valueNow", "attr.aria-valuemin": "this.valueMin", "attr.aria-valuemax": "this.valueMax" } }, ngImport: i0, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-progress-bar', standalone: false, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion: reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { minimum: [{
-                type: Input
-            }], maximum: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], striped: [{
-                type: Input
-            }, {
+            args: [{ selector: 'bs-progress-bar', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: ["@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:host ::ng-deep .progress,:host ::ng-deep .progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #0d6efd;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}:host ::ng-deep .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){:host ::ng-deep .progress-bar{transition:none}}:host ::ng-deep .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}:host ::ng-deep .progress-stacked>.progress{overflow:visible}:host ::ng-deep .progress-stacked>.progress>.progress-bar{width:100%}:host ::ng-deep .progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){:host ::ng-deep .progress-bar-animated{animation:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { minimum: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimum", required: false }] }], maximum: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximum", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], progressBar: [{
+                type: HostBinding,
+                args: ['class.progress-bar']
+            }], stripedClass: [{
                 type: HostBinding,
                 args: ['class.progress-bar-striped']
-            }], animated: [{
-                type: Input
-            }, {
+            }], animatedClass: [{
                 type: HostBinding,
                 args: ['class.progress-bar-animated']
-            }], progressBar: [{
-                type: HostBinding,
-                args: ['class.progress-bar']
             }], colorClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -132,13 +103,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 class BsProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarModule, declarations: [BsProgressBarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarModule, declarations: [BsProgressBarComponent,
             BsProgressComponent], imports: [CommonModule], exports: [BsProgressBarComponent,
             BsProgressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mintplayer-ng-bootstrap-progress-bar.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar.module.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/mintplayer-ng-bootstrap-progress-bar.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'bs-progress',\n templateUrl: './progress.component.html',\n styleUrls: ['./progress.component.scss'],\n standalone: false,\n})\nexport class BsProgressComponent {\n // @HostBinding('class.progress') private progressClass = true;\n @Input() @HostBinding('style.height.px') public height: number \| null = null;\n @Input() public isIndeterminate = false;\n\n @HostBinding('class.d-block')\n @HostBinding('class.overflow-hidden')\n ~~private~~ progressClass = true;\n\n}\n","<div class=\"progress\">\n @if (isIndeterminate) {\n <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n } @else {\n <ng-content></ng-content>\n }\n</div>","import { Component, ~~HostBinding~~, ~~Input~~ } ~~from~~ ~~'@angular/core';\nimport { takeUntilDestroyed~~ } from '@angular/core~~/rxjs-interop~~';\nimport { Color } from '@mintplayer/ng-bootstrap';\~~nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\~~n\n@Component({\n selector: 'bs-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n standalone: false,\n})\nexport class BsProgressBarComponent {\n\n constructor() {\n ~~this.percentage$ = combineLatest~~(~~[this.minimum$, this.maximum$, this.value$])\n .pipe~~(~~map(([minimum, maximum, value]~~) => {\n ~~return (value - minimum) / (maximum - minimum) * 100;\n~~ ~~}));\n~~ this.~~width$ = this.percentage$\n .pipe(map((width) => {\n return String(width) + '%';\n }));\n this.~~colorClass$ = this.~~color$\n .pipe~~(~~map((color~~) ~~=> {\n const name = Color[color]~~;\n ~~return `bg-${name}`;\n~~ ~~}));\n\n~~ this.~~colorClass$.pipe(takeUntilDestroyed())\n .subscribe(color~~ ~~=> this.colorClass~~ = ~~color);\n~~ this.width~~$.pipe~~(~~takeUntilDestroyed(~~))\n ~~.subscribe(width =>~~ this.~~widthStyle~~ = ~~width);\n~~ this.value~~$.pipe~~(~~takeUntilDestroyed(~~))\n ~~.subscribe(value =>~~ this.~~valueNow~~ = ~~value);\n~~ this.minimum~~$.pipe~~(~~takeUntilDestroyed(~~))\n ~~.subscribe(value =>~~ this.~~valueMin~~ = ~~value);\n~~ this.maximum~~$.pipe~~(~~takeUntilDestroyed(~~))\n ~~.subscribe(value => this.valueMax = value~~);\n }\n\n minimum$ = ~~new BehaviorSubject~~<number>(0);\n maximum$ = ~~new BehaviorSubject~~<number>(100);\n value$ = ~~new BehaviorSubject~~<number>(50);\n ~~percentage$: Observable<number>;\n width$: Observable<string>;\n~~ color$ = ~~new BehaviorSubject~~<Color>(Color.primary);\n ~~colorClass$:~~ ~~Observable<string>;\~~n\n ~~@Input()~~ ~~public~~ ~~set minimum~~(~~value: number~~) {\n this.minimum~~$.next~~(~~value~~);\n ~~}\n @Input()~~ ~~public~~ ~~set~~ maximum(~~value: number~~) {\n this.~~maximum$.next~~(~~value~~);\n }\n ~~@Input()~~ ~~public~~ ~~set value~~(~~value: number~~) {\n this.~~value$.next~~(~~value~~);\n }\n ~~@Input()~~ ~~public~~ ~~set color~~(~~value: Color~~) {\n this.color~~$.next~~(~~value~~);\n }\n @~~Input() @~~HostBinding('class.progress-bar~~-striped~~') ~~public~~ ~~striped~~ = ~~false~~;\n @~~Input() @~~HostBinding('class.progress-bar-~~animated~~') ~~public~~ ~~animated~~ = ~~false;\n~~\n @HostBinding('class.progress-bar') ~~progressBar~~ = ~~true;\~~n @HostBinding('class') colorClass = 'bg-primary';\n @HostBinding('style.width') widthStyle = '0';\n @HostBinding('attr.role') role = 'progressbar';\n @HostBinding('attr.aria-valuenow') valueNow = 50;\n @HostBinding('attr.aria-valuemin') valueMin = 0;\n @HostBinding('attr.aria-valuemax') valueMax = 100;\n}\n","","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsProgressComponent } from './progress/progress.component';\nimport { BsProgressBarComponent } from './progress-bar/progress-bar.component';\n\n\n\n@NgModule({\n declarations: [\n BsProgressBarComponent,\n BsProgressComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n BsProgressBarComponent,\n BsProgressComponent\n ]\n})\nexport class BsProgressBarModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;~~MAQa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;;QAQkD,IAAA,CAAA,MAAM,GAAkB,IAAI;QAC5D,IAAA,CAAA,eAAe,GAAG,KAAK;~~QAI/B~~,IAAA,CAAA,aAAa,GAAG,IAAI;~~AAE7B~~,IAAA~~;+GATY~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,mBAAmB,4RCRhC,qPAMM,EAAA,MAAA,EAAA,CAAA,~~wtDAAA~~,CAAA,EAAA,CAAA,CAAA;;~~4FDEO~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,cAGX,KAAK,EAAA,QAAA,EAAA,qPAAA,EAAA,MAAA,EAAA,CAAA,~~wtDAAA~~,CAAA,EAAA;;sBAIhB;;sBAAS,WAAW;uBAAC,iBAAiB;;sBACtC;;sBAEA,WAAW;uBAAC,eAAe;;sBAC3B,WAAW;uBAAC,uBAAuB;;;~~MEHzB~~,sBAAsB,CAAA;AAEjC,IAAA,WAAA,GAAA;~~AA2BA~~,QAAA,IAAA,CAAA,~~QAAQ~~,GAAG,~~IAAI~~,~~eAAe,~~CAAS,CAAC,~~CAAC~~;~~AACzC~~,QAAA,IAAA,CAAA,~~QAAQ~~,GAAG,~~IAAI~~,~~eAAe,~~CAAS,GAAG,~~CAAC~~;~~AAC3C~~,QAAA,IAAA,CAAA,~~MAAM~~,GAAG,~~IAAI~~,~~eAAe,~~CAAS,EAAE,~~CAAC~~;~~QAGxC~~,IAAA,CAAA,~~MAAM~~,GAAG,~~IAAI~~,~~eAAe,~~CAAQ,KAAK,CAAC,OAAO,~~CAAC~~;~~QAeS~~,IAAA,CAAA,OAAO,GAAG,KAAK~~;QACd~~,~~IAAA~~,~~CAAA~~,~~QAAQ,GAAG,KAAK~~;~~QAEzC~~,~~IAAA~~,~~CAAA,WAAW,GAAG,IAAI;QAC/B,~~IAAA,CAAA,~~UAAU~~,GAAG,~~YAAY;QACnB~~,~~IAAA~~,~~CAAA~~,~~UAAU,GAAG,GAAG~~;~~QAClB~~,~~IAAA~~,~~CAAA,IAAI,GAAG,aAAa;QACX,~~IAAA,CAAA,~~QAAQ~~,GAAG,~~EAAE;QACb,IAAA,CAAA,~~QAAQ,~~GAAG~~,~~CAAC~~;~~QACZ~~,~~IAAA~~,~~CAAA~~,~~QAAQ,~~GAAG,GAAG~~;AAvD/C~~,~~QAAA,~~IAAI,CAAC,~~WAAW~~,~~GAAG~~,~~aAAa~~,~~CAAC~~,~~CAAC~~,~~IAAI~~,~~CAAC,QAAQ,EAAE,~~IAAI,CAAC,~~QAAQ~~,EAAE,~~IAAI~~,~~CAAC,~~MAAM,~~CAAC;AACzE~~,~~aAAA~~,IAAI,CAAC,~~GAAG~~,~~CAAC,CAAC,CAAC,OAAO,~~EAAE~~,OAAO,EAAE,KAAK,CAAC,KAAI~~;~~AACtC~~,YAAA,OAAO,CAAC,~~KAAK~~,GAAG,~~OAAO~~,KAAK,~~OAAO~~,GAAG,~~OAAO~~,CAAC,GAAG,GAAG;~~QACtD~~,~~CAAC~~,CAAC,~~CAAC~~;~~AACL~~,QAAA,~~IAAI~~,~~CAAC~~,~~MAAM~~,GAAG,~~IAAI~~,CAAC~~;AAChB~~,~~aAAA~~,~~IAAI~~,~~CAAC~~,~~GAAG~~,CAAC,~~CAAC~~,~~KAAK~~,~~KAAI;AAClB~~,~~YAAA~~,~~OAAO~~,~~MAAM~~,~~CAAC~~,~~KAAK~~,~~CAAC~~,~~GAAG~~,GAAG~~;QAC5B~~,~~CAAC~~,CAAC,~~CAAC~~;~~AACL~~,~~QAAA~~,IAAI,~~CAAC,WAAW,~~GAAG,~~IAAI~~,CAAC~~;AACrB~~,~~aAAA,~~IAAI,CAAC,~~GAAG,CAAC,CAAC,~~KAAK,~~KAAI;AAClB~~,~~YAAA,MAAM,IAAI,GAAG,KAAK,~~CAAC~~,KAAK,CAAC~~;~~YACzB~~,OAAO,CAAA,GAAA,EAAM,IAAI,CAAA,CAAE;~~QACrB~~,~~CAAC~~,CAAC,~~CAAC~~;~~AAEL~~,~~QAAA~~,~~IAAI~~,~~CAAC,~~WAAW,~~CAAC~~,IAAI,~~CAAC~~,~~kBAAkB~~,~~EAAE;aACvC~~,~~SAAS~~,~~CAAC~~,~~KAAK~~,~~IAAI~~,~~IAAI,CAAC,~~UAAU,GAAG,~~KAAK,CAAC~~;~~AAC9C~~,~~QAAA~~,IAAI,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~IAAI~~,~~CAAC~~,~~kBAAkB~~,EAAE;~~aAClC~~,~~SAAS~~,~~CAAC~~,~~KAAK~~,~~IAAI,IAAI,CAAC,UAAU,~~GAAG,~~KAAK,~~CAAC;~~AAC9C~~,~~QAAA~~,~~IAAI~~,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~IAAI~~,CAAC,~~kBAAkB,EAAE~~;~~aAClC~~,~~SAAS~~,~~CAAC,KAAK,~~IAAI,~~IAAI,~~CAAC,~~QAAQ~~,GAAG,~~KAAK,CAAC;AAC5C,QAAA,~~IAAI,CAAC,~~QAAQ,CAAC,IAAI,CAAC,~~kBAAkB,EAAE;~~aACpC~~,~~SAAS~~,CAAC,~~KAAK~~,~~IAAI~~,IAAI,CAAC,~~QAAQ,GAAG,~~KAAK,~~CAAC~~;~~AAC5C~~,~~QAAA~~,IAAI,CAAC,QAAQ,~~CAAC~~,IAAI,CAAC,~~kBAAkB~~,EAAE;~~aACpC~~,~~SAAS~~,~~CAAC,KAAK,~~IAAI,~~IAAI,~~CAAC,QAAQ,GAAG,~~KAAK~~,CAAC~~;IAC9C;IAUA~~,~~IAAoB,~~OAAO,~~CAAC,KAAa,EAAA~~;~~AACvC~~,~~QAAA~~,IAAI,CAAC,QAAQ,~~CAAC~~,IAAI,CAAC,~~KAAK,CAAC;IAC3B;IACA,IAAoB,~~OAAO,~~CAAC,KAAa,EAAA~~;~~AACvC~~,QAAA,~~IAAI,~~CAAC,~~QAAQ,~~CAAC~~,IAAI,CAAC,KAAK,CAAC~~;~~IAC3B~~;~~IACA~~,~~IAAoB~~,KAAK,~~CAAC~~,~~KAAa,EAAA;AACrC,QAAA,~~IAAI,CAAC,~~MAAM~~,~~CAAC~~,~~IAAI,~~CAAC,~~KAAK,~~CAAC;~~IACzB;IACA~~,~~IAAoB~~,KAAK,~~CAAC~~,~~KAAY,EAAA;AACpC,QAAA,~~IAAI,CAAC,~~MAAM~~,~~CAAC~~,~~IAAI,~~CAAC,~~KAAK,~~CAAC;~~IACzB;+GAhDW~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,sBAAsB,~~yjBCXnC~~,EAAA,EAAA,MAAA,EAAA,CAAA,~~2jDAAA~~,CAAA,EAAA,CAAA,CAAA;;~~4FDWa~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;~~kBANlC~~,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,~~cAGf~~,KAAK,EAAA,QAAA,EAAA,EAAA,EAAA,MAAA,EAAA,CAAA,~~2jDAAA~~,CAAA,EAAA;;~~sBAuChB;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAAS~~,WAAW;uBAAC,~~4BAA4B~~;;~~sBACjD;;sBAAS~~,WAAW;uBAAC,~~6BAA6B~~;;~~sBAElD~~,WAAW;uBAAC,~~oBAAoB~~;;~~sBAChC~~,WAAW;uBAAC,OAAO;;sBACnB,WAAW;uBAAC,aAAa;;sBACzB,WAAW;uBAAC,WAAW;;sBACvB,WAAW;uBAAC,oBAAoB;;sBAChC,WAAW;uBAAC,oBAAoB;;sBAChC,WAAW;uBAAC,oBAAoB;;;~~MEjDtB~~,mBAAmB,CAAA~~;+GAAnB~~,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAX5B,sBAAsB;YACtB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY,CAAA,EAAA,OAAA,EAAA,CAGZ,sBAAsB;YACtB,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY,CAAA,EAAA,CAAA,CAAA;;~~4FAOH~~,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,sBAAsB;wBACtB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB;AACD;AACF,iBAAA;;;ACnBD;;AAEG;;;;"}
1	+ {"version":3,"file":"mintplayer-ng-bootstrap-progress-bar.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress/progress.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar/progress-bar.component.html","../../../../libs/mintplayer-ng-bootstrap/progress-bar/src/progress-bar.module.ts","../../../../libs/mintplayer-ng-bootstrap/progress-bar/mintplayer-ng-bootstrap-progress-bar.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'bs-progress',\n templateUrl: './progress.component.html',\n styleUrls: ['./progress.component.scss'],\n standalone: false,\n})\nexport class BsProgressComponent {\n // @HostBinding('class.progress') private progressClass = true;\n @Input() @HostBinding('style.height.px') public height: number \| null = null;\n @Input() public isIndeterminate = false;\n\n @HostBinding('class.d-block')\n @HostBinding('class.overflow-hidden')\n progressClass = true;\n\n}\n","<div class=\"progress\">\n @if (isIndeterminate) {\n <div class=\"progress-bar progress-bar-infinite bg-primary\" role=\"progressbar\" aria-valuenow=\"infinite\"></div>\n } @else {\n <ng-content></ng-content>\n }\n</div>","import { ChangeDetectionStrategy, Component, computed, effect, HostBinding, input } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\n\n@Component({\n selector: 'bs-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsProgressBarComponent {\n\n constructor() {\n effect(() => {\n this.colorClass = this.colorClassComputed();\n this.widthStyle = this.width();\n this.valueNow = this.value();\n this.valueMin = this.minimum();\n this.valueMax = this.maximum();\n });\n }\n\n minimum = input<number>(0);\n maximum = input<number>(100);\n value = input<number>(50);\n color = input<Color>(Color.primary);\n striped = input(false);\n animated = input(false);\n\n percentage = computed(() => {\n const min = this.minimum();\n const max = this.maximum();\n const val = this.value();\n return (val - min) / (max - min) * 100;\n });\n\n width = computed(() => `${this.percentage()}%`);\n\n colorClassComputed = computed(() => {\n const name = Color[this.color()];\n return `bg-${name}`;\n });\n\n @HostBinding('class.progress-bar') progressBar = true;\n @HostBinding('class.progress-bar-striped') get stripedClass() { return this.striped(); }\n @HostBinding('class.progress-bar-animated') get animatedClass() { return this.animated(); }\n @HostBinding('class') colorClass = 'bg-primary';\n @HostBinding('style.width') widthStyle = '0';\n @HostBinding('attr.role') role = 'progressbar';\n @HostBinding('attr.aria-valuenow') valueNow = 50;\n @HostBinding('attr.aria-valuemin') valueMin = 0;\n @HostBinding('attr.aria-valuemax') valueMax = 100;\n}\n","","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BsProgressComponent } from './progress/progress.component';\nimport { BsProgressBarComponent } from './progress-bar/progress-bar.component';\n\n\n\n@NgModule({\n declarations: [\n BsProgressBarComponent,\n BsProgressComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n BsProgressBarComponent,\n BsProgressComponent\n ]\n})\nexport class BsProgressBarModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, Component, forwardRef, Directive, NgModule } from '@angular/core';
+import { Input, ViewChild, Component, inject, DestroyRef, forwardRef, Directive, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -11,12 +11,12 @@ class BsRangeComponent {
         this.max = 10;
         this.step = 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", 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"] }); }
+    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: "20.3.13", ngImport: i0, type: BsRangeComponent, decorators: [{
+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"] }]
+            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']
@@ -29,9 +29,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }] } });
 class BsRangeValueAccessor {
-    constructor(host, destroy) {
-        this.host = host;
-        this.destroy = destroy;
+    constructor() {
+        this.host = inject(BsRangeComponent);
+        this.destroy = inject(DestroyRef);
     }
     ngAfterViewInit() {
         fromEvent(this.host.slider.nativeElement, 'input')
@@ -60,14 +60,14 @@ class BsRangeValueAccessor {
             this.host.slider.nativeElement.disabled = isDisabled;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeValueAccessor, deps: [{ token: BsRangeComponent }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: BsRangeValueAccessor, isStandalone: false, selector: "bs-range", providers: [{
+    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: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BsRangeValueAccessor),
                 multi: true,
             }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     selector: 'bs-range',
@@ -78,14 +78,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                             multi: true,
                         }],
                 }]
-        }], ctorParameters: () => [{ type: BsRangeComponent }, { type: i0.DestroyRef }] });
+        }] });
 class BsRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: BsRangeModule, declarations: [BsRangeComponent, BsRangeValueAccessor], imports: [CommonModule], exports: [BsRangeComponent, BsRangeValueAccessor] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeModule, imports: [CommonModule] }); }
+    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] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [BsRangeComponent, BsRangeValueAccessor],

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

	@@ -1 +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 } 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 ~~constructor(~~private host: BsRangeComponent, private destroy: 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":[~~"i1.BsRangeComponent"~~],"mappings":";;;;;;;MAQa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;QASW,IAAA,CAAA,GAAG,GAAG,CAAC;QACP,IAAA,CAAA,GAAG,GAAG,EAAE;QACR,IAAA,CAAA,IAAI,GAAG,CAAC;AAClB,IAAA~~;+GANY~~,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,gBAAgB,yNCR7B,mGACA,EAAA,MAAA,EAAA,CAAA,~~g5DAAA~~,CAAA,EAAA,CAAA,CAAA;;~~4FDOa~~,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cAGR,KAAK,EAAA,QAAA,EAAA,mGAAA,EAAA,MAAA,EAAA,CAAA,~~g5DAAA~~,CAAA,EAAA;;sBAGhB,SAAS;uBAAC,QAAQ;;sBAElB;;sBACA;;sBACA;;;MEEU,oBAAoB,CAAA;~~IAC/B~~,WAAA,~~CAAoB~~,~~IAAsB~~,~~EAAU,OAAmB,EAAA;QAAnD,~~IAAA,CAAA,IAAI,~~GAAJ~~,~~IAAI~~;~~QAA4B~~,IAAA,CAAA,OAAO,~~GAAP~~,~~OAAO~~;~~IAAe~~;~~IAK1E~~,eAAe,GAAA;QACb,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO;AAC9C,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;AACrC,aAAA,SAAS,CAAC,CAAC,EAAE,KAAI;AAChB,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,MAAM,GAAG,GAAG,UAAU,CAAoB,EAAE,CAAC,MAAO,CAAC,KAAK,CAAC;AAC3D,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;YACzB;AACF,QAAA,CAAC,CAAC;IACN;;AAGA,IAAA,gBAAgB,CAAC,EAAoB,EAAA;AACnC,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC,EAAE;AACnD,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE;QACzD;IACF;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,GAAG,UAAU;QACtD;IACF~~;+GApCW~~,oBAAoB,EAAA,IAAA,EAAA,~~CAAA,~~EAAA,~~KAAA,EAAAA,gBAAA,~~EAAA,~~EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,~~MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,oBAAoB,wDANpB,CAAC;AACV,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,gBAAA,KAAK,EAAE,IAAI;aACZ,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;~~4FAES~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAThC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,SAAS,EAAE,CAAC;AACV,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;yBACZ,CAAC;AACH,iBAAA;;;MCJY,aAAa,CAAA~~;+GAAb~~,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA~~;gHAAb~~,aAAa,EAAA,YAAA,EAAA,CAJT,gBAAgB,EAAE,oBAAoB,aAC3C,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,gBAAgB,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAErC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHd,YAAY,CAAA,EAAA,CAAA,CAAA;;~~4FAGX~~,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;oBACtD,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;AAClD,iBAAA;;;ACTD;;AAEG;;;;"}
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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"}

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

@@ -1,69 +1,41 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Input, Output, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { BehaviorSubject, combineLatest, map } from 'rxjs';
+import { input, model, signal, output, computed, effect, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
 class BsRatingComponent {
     constructor() {
-        this.maximum$ = new BehaviorSubject(5);
-        this.value$ = new BehaviorSubject(3);
-        this.previewValue$ = new BehaviorSubject(null);
-        //#endregion
-        //#region Value
-        this.valueChange = new EventEmitter();
-        this.starsChange = new EventEmitter();
-        this.stars$ = combineLatest([this.maximum$, this.previewValue$, this.value$])
-            .pipe(map(([maximum, previewValue, value]) => {
-            const v = previewValue ?? value;
+        this.maximum = input(5, ...(ngDevMode ? [{ debugName: "maximum" }] : []));
+        this.value = model(3, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.previewValue = signal(null, ...(ngDevMode ? [{ debugName: "previewValue" }] : []));
+        this.starsChange = output();
+        this.stars = computed(() => {
+            const v = this.previewValue() ?? this.value();
+            const max = this.maximum();
             return [
-                ...[...Array(v).keys()].map(i => true),
-                ...[...Array(maximum - v).keys()].map(i => false)
+                ...[...Array(v).keys()].map(() => true),
+                ...[...Array(max - v).keys()].map(() => false)
             ];
-        }));
-        combineLatest([this.previewValue$, this.value$])
-            .pipe(takeUntilDestroyed())
-            .subscribe(([previewValue, value]) => {
-            const v = previewValue ?? value;
+        }, ...(ngDevMode ? [{ debugName: "stars" }] : []));
+        effect(() => {
+            const v = this.previewValue() ?? this.value();
             this.starsChange.emit(v);
         });
     }
-    //#region Maximum
-    set maximum(value) {
-        this.maximum$.next(value);
-    }
-    get value() {
-        return this.value$.value;
-    }
-    set value(value) {
-        this.value$.next(value);
-        this.valueChange.emit(value);
-    }
-    //#endregion
     hoverValue(index) {
-        this.previewValue$.next(index + 1);
+        this.previewValue.set(index + 1);
     }
     selectValue(index) {
-        this.value = index + 1;
+        this.value.set(index + 1);
     }
     onMouseLeave() {
-        this.previewValue$.next(null);
+        this.previewValue.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: BsRatingComponent, isStandalone: true, selector: "bs-rating", inputs: { maximum: "maximum", value: "value" }, outputs: { valueChange: "valueChange", starsChange: "starsChange" }, host: { listeners: { "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@for (star of (stars$ | async); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    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()" } }, ngImport: i0, template: "@for (star of stars(); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsRatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-rating', standalone: true, imports: [AsyncPipe], template: "@for (star of (stars$ | async); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}" }]
-        }], ctorParameters: () => [], propDecorators: { maximum: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], starsChange: [{
-                type: Output
-            }], value: [{
-                type: Input
-            }], onMouseLeave: [{
+            args: [{ selector: 'bs-rating', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (star of stars(); let i = $index; track i) {\n    <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n        {{ star ? '&#9733;' : '&#9734;' }}\n    </span>\n}\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"] }], onMouseLeave: [{
                 type: HostListener,
                 args: ['mouseleave']
             }] } });

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

	@@ -1 +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 { ~~AsyncPipe~~ ~~} from '@angular/common';\nimport {~~ Component, ~~EventEmitter~~, HostListener, ~~Input~~, ~~Output~~ } ~~from~~ ~~'@angular/core';\nimport { takeUntilDestroyed~~ } from '@angular/core~~/rxjs-interop~~';\~~nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\~~n\n@Component({\n selector: 'bs-rating',\n standalone: true,\n templateUrl: './rating.component.html',\n styleUrls: ['./rating.component.scss'],\n ~~imports~~: ~~[AsyncPipe]~~,\n})\nexport class BsRatingComponent {\n\n constructor() {\n ~~this.stars$ = combineLatest~~(~~[this.maximum$, this.previewValue$, this.value$])\n .pipe~~(~~map(([maximum, previewValue, value]~~) => {\n const v = previewValue ~~?? value;\n return [\n ...[...Array~~(v)~~.keys()].map(i~~ => ~~true),\n ...[...Array(maximum - v).keys()].map(i => false)\n ];\n }));\n\n combineLatest([~~this.~~previewValue$, this.~~value~~$])\n .pipe~~(~~takeUntilDestroyed(~~))\n ~~.subscribe(([previewValue, value]) => {\n const v = previewValue ?? value;\n~~ this.starsChange.emit(v);\n });\n }\n\n maximum$ = ~~new BehaviorSubject~~<number>(5);\n value$ = ~~new BehaviorSubject~~<number>(3);\n previewValue$ = ~~new BehaviorSubject~~<number \| null>(null);\n ~~stars$:~~ ~~Observable~~<~~boolean[]>;\~~n\n ~~//#region~~ ~~Maximum\n @Input~~() ~~public~~ ~~set maximum(value: number)~~ {\n this.~~maximum$.next~~(~~value~~)~~;\n }\n //#endregion\n\n //#region~~ ~~Value\n @Output()~~ ~~public valueChange = new EventEmitter<number>~~();\n ~~@Output()~~ ~~public~~ ~~starsChange~~ = ~~new EventEmitter<number>~~();\n ~~public get value() {\n~~ return ~~this.value$.value;\n }~~\n ~~@Input~~() ~~public~~ ~~set value~~(~~value:~~ ~~number~~) ~~{\n this~~.~~value$.next~~(~~value~~)~~;\n this~~.~~valueChange.emit~~(~~value~~);\n }\n ~~//#endregion~~\n\n hoverValue(index: number) {\n this.previewValue~~$.next~~(index + 1);\n }\n selectValue(index: number) {\n this.value = index + 1;\n }\n\n @HostListener('mouseleave') onMouseLeave() {\n this.previewValue~~$.next~~(null);\n }\n}\n","@for (star of (~~stars$ \| async~~); let i = $index; track i) {\n <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n {{ star ? '★' : '☆' }}\n </span>\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;MAYa~~,iBAAiB,CAAA;AAE5B,IAAA,WAAA,GAAA;~~AAkBA~~,QAAA,IAAA,CAAA,~~QAAQ~~,GAAG,~~IAAI~~,~~eAAe,~~CAAS,CAAC,~~CAAC~~;~~AACzC~~,QAAA,IAAA,CAAA,~~MAAM~~,GAAG,~~IAAI~~,~~eAAe,~~CAAS,CAAC,~~CAAC~~;~~AACvC~~,QAAA,IAAA,CAAA,~~aAAa~~,GAAG,~~IAAI~~,~~eAAe,~~CAAgB,IAAI,~~CAAC;;;AAUvC~~,~~QAAA,~~IAAA,CAAA,WAAW,GAAG,~~IAAI~~,~~YAAY,~~EAAU;~~AACxC~~,QAAA,IAAA,CAAA,~~WAAW~~,GAAG,~~IAAI~~,~~YAAY~~,~~EAAU~~;~~AA9BvD~~,~~QAAA~~,~~IAAI,~~CAAC,~~MAAM,~~GAAG,~~aAAa,CAAC,CAAC,~~IAAI,CAAC,~~QAAQ~~,EAAE,IAAI,~~CAAC,aAAa,EAAE,~~IAAI,CAAC,~~MAAM~~,~~CAAC~~;~~AACzE~~,~~aAAA~~,~~IAAI~~,~~CAAC~~,GAAG,~~CAAC~~,CAAC,~~CAAC,~~OAAO,EAAE~~,YAAY,EAAE,KAAK,CAAC,KAAI~~;~~AAC3C~~,~~YAAA,MAAM,CAAC,GAAG,YAAY,IAAI,KAAK;YAC/B,~~OAAO;AACL,gBAAA,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,~~CAAC~~,IAAI,~~IAAI,~~CAAC;~~gBACtC~~,GAAG,CAAC,GAAG,KAAK,CAAC,~~OAAO~~,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,~~CAAC~~,~~IAAI,~~KAAK;~~aACjD~~;~~QACH~~,~~CAAC~~,CAAC,~~CAAC~~;~~QAEL~~,~~aAAa,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,~~MAAM,CAAC~~;aAC5C~~,~~IAAI,CAAC,kBAAkB,EAAE~~;~~aACzB~~,~~SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,KAAI;AACnC,YAAA,~~MAAM,CAAC,GAAG,~~YAAY,~~IAAI,~~KAAK;AAC/B,YAAA,IAAI,~~CAAC,~~WAAW~~,~~CAAC~~,IAAI,~~CAAC,CAAC,CAAC;AAC1B,QAAA,CAAC,CAAC;IACN;;IAQA,IAAoB,OAAO,CAAC,KAAa,EAAA;AACvC,QAAA,~~IAAI,CAAC,~~QAAQ,CAAC,IAAI,CAAC,~~KAAK,~~CAAC~~;~~IAC3B;AAMA~~,~~IAAA~~,~~IAAW,KAAK,GAAA;AACd,QAAA,OAAO,~~IAAI,CAAC,~~MAAM~~,CAAC,~~KAAK;IAC1B;IACA,IAAoB,KAAK,CAAC,KAAa,EAAA;AACrC,QAAA,~~IAAI,CAAC,~~MAAM,~~CAAC,~~IAAI,~~CAAC~~,KAAK,CAAC~~;~~AACvB~~,QAAA,~~IAAI,~~CAAC,~~WAAW,~~CAAC~~,IAAI,CAAC,KAAK,CAAC~~;~~IAC9B;;AAGA~~,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,CAAC,~~aAAa~~,CAAC,~~IAAI~~,CAAC,KAAK,GAAG,CAAC,CAAC;~~IACpC~~;~~AACA~~,IAAA,WAAW,CAAC,KAAa,EAAA;~~AACvB~~,~~QAAA,~~IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC;~~IACxB~~;IAE4B,YAAY,GAAA;AACtC,QAAA,IAAI,CAAC,~~aAAa~~,CAAC,~~IAAI~~,CAAC,IAAI,CAAC;~~IAC/B;+GApDW~~,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~mGAAjB~~,~~iBAAiB~~,~~EAAA~~,~~YAAA~~,~~EAAA~~,IAAA,~~EAAA~~,~~QAAA,~~EAAA,~~WAAA~~,~~EAAA~~,~~MAAA~~,EAAA,~~EAAA~~,~~OAAA,~~EAAA,~~SAAA~~,EAAA,~~KAAA,EAAA,~~OAAA,EAAA,~~EAAA~~,~~OAAA,~~EAAA,~~EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,~~IAAA,EAAA,~~EAAA~~,~~SAAA~~,EAAA,~~EAAA~~,~~YAAA,~~EAAA,~~gBAAA~~,EAAA,~~EAAA~~,EAAA,~~QAAA~~,EAAA,EAAA,~~EAAA,QAAA,ECZ9B,uNAIC,EAAA,MAAA,EAAA,~~CAAA,~~EAAA~~,CAAA,~~EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,~~MAAA,EAAA,~~IAAA,EDMW,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,~~CAAA,~~EAAA,~~CAAA~~,CAAA~~;;~~4FAER~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,~~OAAA~~,~~EAGP~~,CAAC,~~SAAS~~,~~CAAC,~~EAAA,QAAA,EAAA,~~uNAAA~~,EAAA;;~~sBA4BnB;;sBAMA;;sBACA;;sBAIA;;sBAaA~~,YAAY;uBAAC,YAAY;;;~~AE9D5B~~;;AAEG;;;;"}
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, 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\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 <span class=\"cursor-pointer\" (mouseenter)=\"hoverValue(i)\" (click)=\"selectValue(i)\">\n {{ star ? '★' : '☆' }}\n </span>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MASa,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;IAE4B,YAAY,GAAA;AACtC,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,+bCT9B,gNAKA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDIa,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,gNAAA,EAAA;;sBAiC9C,YAAY;uBAAC,YAAY;;;AExC5B;;AAEG;;;;"}