@mintplayer/ng-bootstrap 21.6.0 → 21.7.0

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

@@ -1,47 +1,31 @@
 import * as i0 from '@angular/core';
-import { Input, ViewChild, Component, inject, DestroyRef, forwardRef, Directive, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { viewChild, input, ChangeDetectionStrategy, Component, inject, forwardRef, Directive } 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;
+        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.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"] }); }
+    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 }], 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: BsRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.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
-            }] } });
+            args: [{ selector: 'bs-range', changeDetection: ChangeDetectionStrategy.OnPush, 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 }] }] } });
 
 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,46 +35,34 @@ 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,
                         }],
-                }]
-        }] });
-
-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] }); }
-}
-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],
+                    host: {
+                        '(input)': 'onInputEvent($event)',
+                    },
                 }]
         }] });
 
@@ -98,5 +70,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
  * 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/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/mintplayer-ng-bootstrap-range.ts"],"sourcesContent":["import { Component, ElementRef, input, viewChild, ChangeDetectionStrategy} from '@angular/core';\n\n@Component({\n  selector: 'bs-range',\n  templateUrl: './range.component.html',\n  styleUrls: ['./range.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\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","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","/**\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;;;;"}

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

@@ -1,19 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, HostListener, Input, HostBinding, Inject, Directive, inject, ElementRef, input, computed, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { InjectionToken, inject, input, effect, Directive, ElementRef, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 
 const RESIZABLE = new InjectionToken('Resizable');
 
 class BsResizeGlyphDirective {
-    constructor(resizable) {
+    constructor() {
+        // Can't use typed DI because of the `import type`
+        this.resizable = inject(RESIZABLE);
         this.positions = '';
-        this.glyphClass = true;
         this.activeClass = false;
+        this.bsResizeGlyph = input([], ...(ngDevMode ? [{ debugName: "bsResizeGlyph" }] : []));
         this.isBusy = false;
-        this.resizable = resizable;
-    }
-    set bsResizeGlyph(value) {
-        this.positions = value.join(' ');
+        effect(() => {
+            const value = this.bsResizeGlyph();
+            this.positions = value.join(' ');
+        });
     }
     onMouseDown(ev) {
         ev.preventDefault();
@@ -183,48 +184,26 @@ class BsResizeGlyphDirective {
         this.resizable.resizeAction = undefined;
         this.activeClass = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizeGlyphDirective, deps: [{ token: RESIZABLE }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsResizeGlyphDirective, isStandalone: false, selector: "[bsResizeGlyph]", inputs: { bsResizeGlyph: "bsResizeGlyph" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)", "document:mousemove": "onMouseMove($event)", "touchmove": "onTouchMove($event)", "document:mouseup": "onMouseUp($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "this.positions", "class.glyph": "this.glyphClass", "class.active": "this.activeClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizeGlyphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: BsResizeGlyphDirective, isStandalone: true, selector: "[bsResizeGlyph]", inputs: { bsResizeGlyph: { classPropertyName: "bsResizeGlyph", publicName: "bsResizeGlyph", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)", "document:mousemove": "onMouseMove($event)", "touchmove": "onTouchMove($event)", "document:mouseup": "onMouseUp($event)", "touchend": "onTouchEnd($event)" }, properties: { "class": "positions", "class.glyph": "true", "class.active": "activeClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizeGlyphDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizeGlyphDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsResizeGlyph]',
-                    standalone: false,
+                    host: {
+                        '[class]': 'positions',
+                        '[class.glyph]': 'true',
+                        '[class.active]': 'activeClass',
+                        '(mousedown)': 'onMouseDown($event)',
+                        '(touchstart)': 'onTouchStart($event)',
+                        '(document:mousemove)': 'onMouseMove($event)',
+                        '(touchmove)': 'onTouchMove($event)',
+                        '(document:mouseup)': 'onMouseUp($event)',
+                        '(touchend)': 'onTouchEnd($event)',
+                    },
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [RESIZABLE]
-                }] }], propDecorators: { positions: [{
-                type: HostBinding,
-                args: ['class']
-            }], glyphClass: [{
-                type: HostBinding,
-                args: ['class.glyph']
-            }], activeClass: [{
-                type: HostBinding,
-                args: ['class.active']
-            }], bsResizeGlyph: [{
-                type: Input
-            }], onMouseDown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }], onTouchStart: [{
-                type: HostListener,
-                args: ['touchstart', ['$event']]
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ['document:mousemove', ['$event']]
-            }], onTouchMove: [{
-                type: HostListener,
-                args: ['touchmove', ['$event']]
-            }], onMouseUp: [{
-                type: HostListener,
-                args: ['document:mouseup', ['$event']]
-            }], onTouchEnd: [{
-                type: HostListener,
-                args: ['touchend', ['$event']]
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { bsResizeGlyph: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsResizeGlyph", required: false }] }] } });
 
 class BsResizableComponent {
     constructor() {
@@ -244,95 +223,48 @@ class BsResizableComponent {
                 case 'inline': return [];
             }
         }, ...(ngDevMode ? [{ debugName: "wrapperPosition" }] : []));
-        this.classes = true;
-    }
-    set presetPosition(value) {
-        if (this.positioning() === 'inline') {
-            throw 'presetPosition currently only supported in absolute positioning';
-        }
-        this.width = value.width;
-        this.height = value.height;
-        this.left = value.left;
-        this.top = value.top;
-        this.marginTop = this.marginBottom = this.marginLeft = this.marginRight = undefined;
-    }
-    get hostClass() {
-        return this.hostPosition();
+        this.presetPosition = input(undefined, ...(ngDevMode ? [{ debugName: "presetPosition" }] : []));
+        effect(() => {
+            const value = this.presetPosition();
+            if (value) {
+                if (this.positioning() === 'inline') {
+                    throw 'presetPosition currently only supported in absolute positioning';
+                }
+                this.width = value.width;
+                this.height = value.height;
+                this.left = value.left;
+                this.top = value.top;
+                this.marginTop = this.marginBottom = this.marginLeft = this.marginRight = undefined;
+            }
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsResizableComponent, isStandalone: false, selector: "bs-resizable", inputs: { positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, presetPosition: { classPropertyName: "presetPosition", publicName: "presetPosition", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "style.margin-left.px": "this.marginLeft", "style.margin-right.px": "this.marginRight", "style.margin-top.px": "this.marginTop", "style.margin-bottom.px": "this.marginBottom", "style.width.px": "this.width", "style.height.px": "this.height", "style.left.px": "this.left", "style.top.px": "this.top", "class.d-block": "this.classes", "class.border": "this.classes", "class": "this.hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: BsResizableComponent, isStandalone: true, selector: "bs-resizable", inputs: { positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, presetPosition: { classPropertyName: "presetPosition", publicName: "presetPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.margin-left.px": "marginLeft", "style.margin-right.px": "marginRight", "style.margin-top.px": "marginTop", "style.margin-bottom.px": "marginBottom", "style.width.px": "width", "style.height.px": "height", "style.left.px": "left", "style.top.px": "top", "class.d-block": "true", "class.border": "true", "class": "hostPosition()" } }, providers: [
             { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
         ], ngImport: i0, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: BsResizeGlyphDirective, selector: "[bsResizeGlyph]", inputs: ["bsResizeGlyph"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsResizableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-resizable', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'bs-resizable', imports: [BsResizeGlyphDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: RESIZABLE, useExisting: forwardRef(() => BsResizableComponent) }
-                    ], template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"] }]
-        }], propDecorators: { positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], presetPosition: [{
-                type: Input
-            }], marginLeft: [{
-                type: HostBinding,
-                args: ['style.margin-left.px']
-            }], marginRight: [{
-                type: HostBinding,
-                args: ['style.margin-right.px']
-            }], marginTop: [{
-                type: HostBinding,
-                args: ['style.margin-top.px']
-            }], marginBottom: [{
-                type: HostBinding,
-                args: ['style.margin-bottom.px']
-            }], width: [{
-                type: HostBinding,
-                args: ['style.width.px']
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height.px']
-            }], left: [{
-                type: HostBinding,
-                args: ['style.left.px']
-            }], top: [{
-                type: HostBinding,
-                args: ['style.top.px']
-            }], classes: [{
-                type: HostBinding,
-                args: ['class.d-block']
-            }, {
-                type: HostBinding,
-                args: ['class.border']
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class BsResizableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsResizableModule, declarations: [BsResizableComponent,
-            BsResizeGlyphDirective], imports: [CommonModule], exports: [BsResizableComponent,
-            BsResizeGlyphDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizableModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsResizableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BsResizableComponent,
-                        BsResizeGlyphDirective
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        BsResizableComponent,
-                        BsResizeGlyphDirective
-                    ]
-                }]
-        }] });
+                    ], host: {
+                        '[style.margin-left.px]': 'marginLeft',
+                        '[style.margin-right.px]': 'marginRight',
+                        '[style.margin-top.px]': 'marginTop',
+                        '[style.margin-bottom.px]': 'marginBottom',
+                        '[style.width.px]': 'width',
+                        '[style.height.px]': 'height',
+                        '[style.left.px]': 'left',
+                        '[style.top.px]': 'top',
+                        '[class.d-block]': 'true',
+                        '[class.border]': 'true',
+                        '[class]': 'hostPosition()',
+                    }, template: "<div [class]=\"wrapperPosition()\" class=\"h-100\">\n    <div class=\"cursor-nw-resize\" [bsResizeGlyph]=\"['top', 'start']\"></div>\n    <div class=\"cursor-n-resize\" [bsResizeGlyph]=\"['top']\"></div>\n    <div class=\"cursor-ne-resize\" [bsResizeGlyph]=\"['top', 'end']\"></div>\n    <div class=\"cursor-e-resize\" [bsResizeGlyph]=\"['end']\"></div>\n    <div class=\"cursor-se-resize\" [bsResizeGlyph]=\"['bottom', 'end']\"></div>\n    <div class=\"cursor-s-resize\" [bsResizeGlyph]=\"['bottom']\"></div>\n    <div class=\"cursor-sw-resize\" [bsResizeGlyph]=\"['bottom', 'start']\"></div>\n    <div class=\"cursor-w-resize\" [bsResizeGlyph]=\"['start']\"></div>\n    <ng-content></ng-content>\n</div>", styles: [".glyph:before{content:\"\";width:8px;height:8px;display:block;border-radius:4px;transition:background-color .2s ease-in-out}.glyph{position:absolute;width:14px;height:14px;z-index:20}.glyph.top{top:-7px}.glyph.start{left:-7px}.glyph.bottom{bottom:-7px}.glyph.end{right:-7px}.glyph.start:not(.top):not(.bottom),.glyph.end:not(.top):not(.bottom){top:4px;height:calc(100% - 8px)}.glyph.start:not(.top):not(.bottom):before,.glyph.end:not(.top):not(.bottom):before{display:block;height:100%}.glyph.start:before,.glyph.end:before{margin-left:3px;margin-right:3px}.glyph.top:not(.start):not(.end),.glyph.bottom:not(.start):not(.end){left:4px;width:calc(100% - 8px)}.glyph.top:not(.start):not(.end):before,.glyph.bottom:not(.start):not(.end):before{display:block;width:100%}.glyph.top:before,.glyph.bottom:before{margin-top:3px;margin-bottom:3px}.glyph:hover:before,.glyph.active:before{background-color:#1389fd}:host{min-width:2rem;min-height:2rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], presetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "presetPosition", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsResizableComponent, BsResizableModule, BsResizeGlyphDirective, RESIZABLE };
+export { BsResizableComponent, BsResizeGlyphDirective, RESIZABLE };
 //# sourceMappingURL=mintplayer-ng-bootstrap-resizable.mjs.map