@mintplayer/ng-bootstrap 21.6.0 → 21.8.0

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

@@ -20,10 +20,10 @@ class EnumService {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EnumService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EnumService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnumService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnumService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: EnumService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EnumService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs

@@ -1,15 +1,10 @@
 import * as i0 from '@angular/core';
-import { Pipe, EventEmitter, HostListener, Output, Input, Component, inject, TemplateRef, Directive, NgModule } from '@angular/core';
-import { Color } from '@mintplayer/ng-bootstrap';
-import * as i1 from '@angular/common';
+import { Pipe, input, signal, model, output, ChangeDetectionStrategy, Component, inject, TemplateRef, Directive } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
-import * as i2 from '@mintplayer/ng-bootstrap/for';
 import { BsForDirective } from '@mintplayer/ng-bootstrap/for';
-import * as i3 from '@mintplayer/ng-bootstrap/progress-bar';
-import { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';
-import * as i4 from '@mintplayer/ng-bootstrap/list-group';
-import { BsListGroupModule } from '@mintplayer/ng-bootstrap/list-group';
-import { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';
+import { BsListGroupComponent, BsListGroupItemComponent } from '@mintplayer/ng-bootstrap/list-group';
+import { BsProgressComponent, BsProgressBarComponent } from '@mintplayer/ng-bootstrap/progress-bar';
+import { Color } from '@mintplayer/ng-bootstrap';
 
 class BsFormatBytesPipe {
     transform(value, decimals = 2) {
@@ -22,27 +17,26 @@ class BsFormatBytesPipe {
         const i = Math.floor(Math.log(value) / Math.log(k));
         return parseFloat((value / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFormatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsFormatBytesPipe, isStandalone: false, name: "bsFormatBytes" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFormatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: BsFormatBytesPipe, isStandalone: true, name: "bsFormatBytes" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFormatBytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFormatBytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsFormatBytes',
-                    standalone: false,
                     pure: true,
                 }]
         }] });
 
 class BsFileUploadComponent {
     constructor() {
-        this.dropFilesCaption = 'Drop your files here';
-        this.browseFilesCaption = 'Browse for files';
-        this.placeholder = 'Drop files to upload';
+        this.dropFilesCaption = input('Drop your files here', ...(ngDevMode ? [{ debugName: "dropFilesCaption" }] : []));
+        this.browseFilesCaption = input('Browse for files', ...(ngDevMode ? [{ debugName: "browseFilesCaption" }] : []));
+        this.placeholder = input('Drop files to upload', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.colors = Color;
-        this.isDraggingFile = false;
-        this.files = [];
-        this.filesDropped = new EventEmitter();
+        this.isDraggingFile = signal(false, ...(ngDevMode ? [{ debugName: "isDraggingFile" }] : []));
+        this.files = model([], ...(ngDevMode ? [{ debugName: "files" }] : []));
+        this.filesDropped = output();
     }
     onChange(event) {
         if (!event.target)
@@ -60,19 +54,19 @@ class BsFileUploadComponent {
         event.preventDefault();
         event.stopPropagation();
         if (event.dataTransfer) {
-            this.isDraggingFile = true;
+            this.isDraggingFile.set(true);
             event.dataTransfer.effectAllowed = "copy";
         }
     }
     onDragLeave(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.isDraggingFile = false;
+        this.isDraggingFile.set(false);
     }
     onDrop(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.isDraggingFile = false;
+        this.isDraggingFile.set(false);
         if (event.dataTransfer && event.dataTransfer.files) {
             this.processDroppedFiles(event.dataTransfer.files);
         }
@@ -81,107 +75,52 @@ class BsFileUploadComponent {
         const newFiles = [...Array(fileList.length).keys()]
             .map(i => fileList.item(i))
             .filter(f => !!f)
-            .map((file, index) => ({ file, progress: 0, index: this.files.length + index }));
-        this.files.push(...newFiles);
+            .map((file, index) => ({ file, progress: 0, index: this.files().length + index }));
+        this.files.update(f => [...f, ...newFiles]);
         this.filesDropped.emit(newFiles);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsFileUploadComponent, isStandalone: false, selector: "bs-file-upload", inputs: { dropFilesCaption: "dropFilesCaption", browseFilesCaption: "browseFilesCaption", placeholder: "placeholder", files: "files" }, outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files; track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#dc88a8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.BsForDirective, selector: "label[bsFor]", inputs: ["bsFor"] }, { kind: "component", type: i3.BsProgressBarComponent, selector: "bs-progress-bar", inputs: ["minimum", "maximum", "value", "color", "striped", "animated"] }, { kind: "component", type: i3.BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }, { kind: "component", type: i4.BsListGroupComponent, selector: "bs-list-group" }, { kind: "component", type: i4.BsListGroupItemComponent, selector: "bs-list-group-item" }, { kind: "pipe", type: BsFormatBytesPipe, name: "bsFormatBytes" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsFileUploadComponent, isStandalone: true, selector: "bs-file-upload", inputs: { dropFilesCaption: { classPropertyName: "dropFilesCaption", publicName: "dropFilesCaption", isSignal: true, isRequired: false, transformFunction: null }, browseFilesCaption: { classPropertyName: "browseFilesCaption", publicName: "browseFilesCaption", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { files: "filesChange", filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, ngImport: i0, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile()\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder()\" [placeholder]=\"placeholder()\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder()\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption() }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption() }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files(); track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#dc88a8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BsForDirective, selector: "label[bsFor]", inputs: ["bsFor"] }, { kind: "component", type: BsListGroupComponent, selector: "bs-list-group" }, { kind: "component", type: BsListGroupItemComponent, selector: "bs-list-group-item" }, { kind: "component", type: BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }, { kind: "component", type: BsProgressBarComponent, selector: "bs-progress-bar", inputs: ["minimum", "maximum", "value", "color", "striped", "animated"] }, { kind: "pipe", type: BsFormatBytesPipe, name: "bsFormatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-file-upload', standalone: false, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files; track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#dc88a8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"] }]
-        }], propDecorators: { dropFilesCaption: [{
-                type: Input
-            }], browseFilesCaption: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], files: [{
-                type: Input
-            }], filesDropped: [{
-                type: Output
-            }], onDragOver: [{
-                type: HostListener,
-                args: ['dragover', ['$event']]
-            }], onDragLeave: [{
-                type: HostListener,
-                args: ['dragleave', ['$event']]
-            }], onDrop: [{
-                type: HostListener,
-                args: ['drop', ['$event']]
-            }] } });
+            args: [{ selector: 'bs-file-upload', imports: [NgTemplateOutlet, BsForDirective, BsListGroupComponent, BsListGroupItemComponent, BsProgressComponent, BsProgressBarComponent, BsFormatBytesPipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(dragover)': 'onDragOver($event)',
+                        '(dragleave)': 'onDragLeave($event)',
+                        '(drop)': 'onDrop($event)',
+                    }, template: "<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile()\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder()\" [placeholder]=\"placeholder()\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder()\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption() }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption() }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files(); track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>", styles: [".dropzone{z-index:1}.dropzone.dragging{border:4px solid #CB1535!important;background:#dc88a8;margin:-3px -3px -4px}.dropzone input{opacity:0;z-index:2;top:0;left:0}.dropzone .btn{z-index:5}.files-list{margin-top:-1px}.files-list .d-flex{max-width:400px}.text-grey{color:#999}.list-group span{margin:-5px auto}\n"] }]
+        }], propDecorators: { dropFilesCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropFilesCaption", required: false }] }], browseFilesCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "browseFilesCaption", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }, { type: i0.Output, args: ["filesChange"] }], filesDropped: [{ type: i0.Output, args: ["filesDropped"] }] } });
 
 class BsFileUploadTemplateDirective {
     constructor() {
         this.fileUploadComponent = inject(BsFileUploadComponent);
+        this.bsFileUploadTemplateOf = input(undefined, ...(ngDevMode ? [{ debugName: "bsFileUploadTemplateOf" }] : []));
         const templateRef = inject(TemplateRef);
         this.fileUploadComponent.fileTemplate = templateRef;
-    }
-    set bsFileUploadTemplateOf(value) {
-        this.fileUploadComponent.files = value;
+        // TODO: fileUploadComponent.files is now an input() signal and cannot be assigned from the directive.
+        // Consider converting files to model() on BsFileUploadComponent to restore this functionality.
     }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsFileUploadTemplateDirective, isStandalone: false, selector: "[bsFileUploadTemplate]", inputs: { bsFileUploadTemplateOf: "bsFileUploadTemplateOf" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFileUploadTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: BsFileUploadTemplateDirective, isStandalone: true, selector: "[bsFileUploadTemplate]", inputs: { bsFileUploadTemplateOf: { classPropertyName: "bsFileUploadTemplateOf", publicName: "bsFileUploadTemplateOf", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFileUploadTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsFileUploadTemplate]',
-                    standalone: false,
                 }]
-        }], ctorParameters: () => [], propDecorators: { bsFileUploadTemplateOf: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { bsFileUploadTemplateOf: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsFileUploadTemplateOf", required: false }] }] } });
 class BsFileUploadTemplateContext {
     constructor() {
         this.$implicit = null;
     }
 }
 
-class BsFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadModule, declarations: [BsFileUploadComponent,
-            BsFileUploadTemplateDirective,
-            BsFormatBytesPipe], imports: [NgTemplateOutlet,
-            BsForDirective,
-            BsProgressBarModule,
-            BsListGroupModule,
-            BsButtonTypeDirective], exports: [BsFileUploadComponent,
-            BsFileUploadTemplateDirective,
-            BsFormatBytesPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadModule, imports: [BsProgressBarModule,
-            BsListGroupModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFileUploadModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BsFileUploadComponent,
-                        BsFileUploadTemplateDirective,
-                        BsFormatBytesPipe
-                    ],
-                    imports: [
-                        NgTemplateOutlet,
-                        BsForDirective,
-                        BsProgressBarModule,
-                        BsListGroupModule,
-                        BsButtonTypeDirective,
-                    ],
-                    exports: [
-                        BsFileUploadComponent,
-                        BsFileUploadTemplateDirective,
-                        BsFormatBytesPipe
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsFileUploadComponent, BsFileUploadModule, BsFileUploadTemplateContext, BsFileUploadTemplateDirective, BsFormatBytesPipe };
+export { BsFileUploadComponent, BsFileUploadTemplateContext, BsFileUploadTemplateDirective, BsFormatBytesPipe };
 //# sourceMappingURL=mintplayer-ng-bootstrap-file-upload.mjs.map

package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-file-upload.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/file-upload/src/pipes/format-bytes/format-bytes.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/component/file-upload.component.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/component/file-upload.component.html","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/directive/file-upload-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/file-upload.module.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/mintplayer-ng-bootstrap-file-upload.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsFormatBytes',\n  standalone: false,\n  pure: true,\n})\nexport class BsFormatBytesPipe implements PipeTransform {\n\n  transform(value: number, decimals = 2) {\n    if (value === 0) {\n      return \"0 Bytes\";\n    }\n\n    const k = 1024;\n    const dm = decimals <= 0 ? 0 : decimals;\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n    const i = Math.floor(Math.log(value) / Math.log(k));\n\n    return parseFloat((value / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n  }\n\n}\n","import { Component, EventEmitter, HostListener, Input, Output, TemplateRef } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { FileUpload } from '../file-upload';\n\n@Component({\n  selector: 'bs-file-upload',\n  templateUrl: './file-upload.component.html',\n  styleUrls: ['./file-upload.component.scss'],\n  standalone: false,\n})\nexport class BsFileUploadComponent {\n\n  @Input() public dropFilesCaption = 'Drop your files here';\n  @Input() public browseFilesCaption = 'Browse for files';\n  @Input() public placeholder = 'Drop files to upload';\n\n  colors = Color;\n  isDraggingFile = false;\n  fileTemplate?: TemplateRef<FileUpload>;\n  @Input() public files: FileUpload[] = [];\n  @Output() public filesDropped = new EventEmitter<FileUpload[]>();\n\n  onChange(event: Event) {\n    if (!event.target) return;\n    if (!('files' in event.target)) return;\n    if (!event.target['files']) return;\n\n    const files = (<HTMLInputElement>event.target).files;\n    if (!files) return;\n    \n    this.processDroppedFiles(files);\n  }\n\n  @HostListener('dragover', ['$event'])\n  onDragOver(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    \n    if (event.dataTransfer) {\n      this.isDraggingFile = true;\n      event.dataTransfer.effectAllowed = \"copy\";\n    }\n  }\n\n  @HostListener('dragleave', ['$event'])\n  onDragLeave(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDraggingFile = false;\n  }\n\n  @HostListener('drop', ['$event'])\n  onDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDraggingFile = false;\n    if (event.dataTransfer && event.dataTransfer.files) {\n      this.processDroppedFiles(event.dataTransfer.files);\n    }\n  }\n\n  private processDroppedFiles(fileList: FileList) {\n    const newFiles = [...Array(fileList.length).keys()]\n      .map(i => fileList.item(i))\n      .filter(f => !!f)\n      .map((file, index) => <FileUpload>{ file, progress: 0, index: this.files.length + index });\n    \n    this.files.push(...newFiles);\n    this.filesDropped.emit(newFiles);\n  }\n}\n","<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder\" [placeholder]=\"placeholder\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files; track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>","import { Directive, inject, Input, TemplateRef } from '@angular/core';\nimport { BsFileUploadComponent } from '../component/file-upload.component';\nimport { FileUpload } from '../file-upload';\n\n@Directive({\n  selector: '[bsFileUploadTemplate]',\n  standalone: false,\n})\nexport class BsFileUploadTemplateDirective {\n  private fileUploadComponent = inject(BsFileUploadComponent);\n\n  constructor() {\n    const templateRef = inject(TemplateRef);\n    this.fileUploadComponent.fileTemplate = templateRef;\n  }\n\n  @Input() set bsFileUploadTemplateOf(value: FileUpload[]) {\n    this.fileUploadComponent.files = value;\n  }\n\n  static ngTemplateContextGuard(dir: BsFileUploadTemplateDirective, ctx: any): ctx is BsFileUploadTemplateContext {\n    return true;\n  }\n\n}\n\nexport class BsFileUploadTemplateContext {\n  $implicit: FileUpload = null!;\n}","import { NgModule } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BsForDirective } from '@mintplayer/ng-bootstrap/for';\nimport { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { BsListGroupModule } from '@mintplayer/ng-bootstrap/list-group';\nimport { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';\nimport { BsFileUploadComponent } from './component/file-upload.component';\nimport { BsFileUploadTemplateDirective } from './directive/file-upload-template.directive';\nimport { BsFormatBytesPipe } from './pipes/format-bytes/format-bytes.pipe';\n\n@NgModule({\n  declarations: [\n    BsFileUploadComponent,\n    BsFileUploadTemplateDirective,\n    BsFormatBytesPipe\n  ],\n  imports: [\n    NgTemplateOutlet,\n    BsForDirective,\n    BsProgressBarModule,\n    BsListGroupModule,\n    BsButtonTypeDirective,\n  ],\n  exports: [\n    BsFileUploadComponent,\n    BsFileUploadTemplateDirective,\n    BsFormatBytesPipe\n  ]\n})\nexport class BsFileUploadModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i5.BsFormatBytesPipe"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-file-upload.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/file-upload/src/pipes/format-bytes/format-bytes.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/component/file-upload.component.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/component/file-upload.component.html","../../../../libs/mintplayer-ng-bootstrap/file-upload/src/directive/file-upload-template.directive.ts","../../../../libs/mintplayer-ng-bootstrap/file-upload/mintplayer-ng-bootstrap-file-upload.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsFormatBytes',\n  pure: true,\n})\nexport class BsFormatBytesPipe implements PipeTransform {\n\n  transform(value: number, decimals = 2) {\n    if (value === 0) {\n      return \"0 Bytes\";\n    }\n\n    const k = 1024;\n    const dm = decimals <= 0 ? 0 : decimals;\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n    const i = Math.floor(Math.log(value) / Math.log(k));\n\n    return parseFloat((value / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n  }\n\n}\n","import { Component, input, model, output, signal, TemplateRef, ChangeDetectionStrategy} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { BsForDirective } from '@mintplayer/ng-bootstrap/for';\nimport { BsListGroupComponent } from '@mintplayer/ng-bootstrap/list-group';\nimport { BsListGroupItemComponent } from '@mintplayer/ng-bootstrap/list-group';\nimport { BsProgressComponent, BsProgressBarComponent } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { FileUpload } from '../file-upload';\nimport { BsFormatBytesPipe } from '../pipes/format-bytes/format-bytes.pipe';\n\n@Component({\n  selector: 'bs-file-upload',\n  templateUrl: './file-upload.component.html',\n  styleUrls: ['./file-upload.component.scss'],\n  imports: [NgTemplateOutlet, BsForDirective, BsListGroupComponent, BsListGroupItemComponent, BsProgressComponent, BsProgressBarComponent, BsFormatBytesPipe],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(dragover)': 'onDragOver($event)',\n    '(dragleave)': 'onDragLeave($event)',\n    '(drop)': 'onDrop($event)',\n  },\n})\nexport class BsFileUploadComponent {\n\n  readonly dropFilesCaption = input('Drop your files here');\n  readonly browseFilesCaption = input('Browse for files');\n  readonly placeholder = input('Drop files to upload');\n\n  colors = Color;\n  isDraggingFile = signal(false);\n  fileTemplate?: TemplateRef<FileUpload>;\n  readonly files = model<FileUpload[]>([]);\n  readonly filesDropped = output<FileUpload[]>();\n\n  onChange(event: Event) {\n    if (!event.target) return;\n    if (!('files' in event.target)) return;\n    if (!event.target['files']) return;\n\n    const files = (<HTMLInputElement>event.target).files;\n    if (!files) return;\n\n    this.processDroppedFiles(files);\n  }\n\n  onDragOver(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.dataTransfer) {\n      this.isDraggingFile.set(true);\n      event.dataTransfer.effectAllowed = \"copy\";\n    }\n  }\n\n  onDragLeave(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDraggingFile.set(false);\n  }\n\n  onDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDraggingFile.set(false);\n    if (event.dataTransfer && event.dataTransfer.files) {\n      this.processDroppedFiles(event.dataTransfer.files);\n    }\n  }\n\n  private processDroppedFiles(fileList: FileList) {\n    const newFiles = [...Array(fileList.length).keys()]\n      .map(i => fileList.item(i))\n      .filter(f => !!f)\n      .map((file, index) => <FileUpload>{ file, progress: 0, index: this.files().length + index });\n\n    this.files.update(f => [...f, ...newFiles]);\n    this.filesDropped.emit(newFiles);\n  }\n}\n","<div class=\"dropzone border position-relative p-5\" [class.dragging]=\"isDraggingFile()\">\n    <input type=\"file\" multiple #fileUpload (change)=\"onChange($event)\" [title]=\"placeholder()\" [placeholder]=\"placeholder()\" class=\"position-absolute w-100 h-100\">\n    <!-- <img src=\"/assets/ic-file-upload.svg\" [alt]=\"placeholder()\"> -->\n    <span class=\"h3 d-block\">{{ dropFilesCaption() }}</span>\n    <label class=\"btn btn-primary position-relative\" [bsFor]=\"fileUpload\">{{ browseFilesCaption() }}</label>\n</div>\n<bs-list-group class=\"files-list\">\n    @for (upload of files(); track upload.index) {\n        <bs-list-group-item>\n            <ng-container *ngTemplateOutlet=\"fileTemplate ?? defaultFileTemplate; context: { $implicit: upload }\"></ng-container>\n        </bs-list-group-item>\n    }\n</bs-list-group>\n\n<ng-template #defaultFileTemplate let-upload>\n    <div class=\"d-flex flex-row mx-auto\">\n        <div class=\"file-img\"></div>\n        <div class=\"flex-grow-1 text-start px-2\">\n            <span class=\"d-block text-truncate text-secondary\">{{ upload.file.name }}</span>\n            <span class=\"d-block text-grey mb-0\">{{ upload.file.size | bsFormatBytes }}</span>\n            <bs-progress [height]=\"4\">\n                <bs-progress-bar [minimum]=\"0\" [maximum]=\"upload.file.size\" [value]=\"upload.progress\"></bs-progress-bar>\n            </bs-progress>\n        </div>\n    </div>\n</ng-template>","import { Directive, inject, input, TemplateRef } from '@angular/core';\nimport { BsFileUploadComponent } from '../component/file-upload.component';\nimport { FileUpload } from '../file-upload';\n\n@Directive({\n  selector: '[bsFileUploadTemplate]',\n})\nexport class BsFileUploadTemplateDirective {\n  private fileUploadComponent = inject(BsFileUploadComponent);\n\n  constructor() {\n    const templateRef = inject(TemplateRef);\n    this.fileUploadComponent.fileTemplate = templateRef;\n\n    // TODO: fileUploadComponent.files is now an input() signal and cannot be assigned from the directive.\n    // Consider converting files to model() on BsFileUploadComponent to restore this functionality.\n  }\n\n  readonly bsFileUploadTemplateOf = input<FileUpload[] | undefined>(undefined);\n\n  static ngTemplateContextGuard(dir: BsFileUploadTemplateDirective, ctx: any): ctx is BsFileUploadTemplateContext {\n    return true;\n  }\n\n}\n\nexport class BsFileUploadTemplateContext {\n  $implicit: FileUpload = null!;\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-floating-labels.mjs

@@ -1,22 +1,21 @@
 import * as i0 from '@angular/core';
-import { Optional, Component } from '@angular/core';
-import * as i1 from '@mintplayer/ng-bootstrap/form';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BsFormComponent } from '@mintplayer/ng-bootstrap/form';
 
 class BsFloatingLabelComponent {
-    constructor(bsForm) {
+    constructor() {
+        const bsForm = inject(BsFormComponent, { optional: true });
         if (!bsForm) {
             throw '<bs-floating-label> must be inside a <bs-form>';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFloatingLabelComponent, deps: [{ token: i1.BsFormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsFloatingLabelComponent, isStandalone: true, selector: "bs-floating-label", ngImport: i0, template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>textarea:focus~label:after,:host ::ng-deep .form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}:host ::ng-deep .form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}:host ::ng-deep .form-floating>:disabled~label,:host ::ng-deep .form-floating>.form-control:disabled~label{color:#6c757d}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFloatingLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: BsFloatingLabelComponent, isStandalone: true, selector: "bs-floating-label", ngImport: i0, template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>textarea:focus~label:after,:host ::ng-deep .form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}:host ::ng-deep .form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}:host ::ng-deep .form-floating>:disabled~label,:host ::ng-deep .form-floating>.form-control:disabled~label{color:#6c757d}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFloatingLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFloatingLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-floating-label', standalone: true, template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>textarea:focus~label:after,:host ::ng-deep .form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}:host ::ng-deep .form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}:host ::ng-deep .form-floating>:disabled~label,:host ::ng-deep .form-floating>.form-control:disabled~label{color:#6c757d}\n"] }]
-        }], ctorParameters: () => [{ type: i1.BsFormComponent, decorators: [{
-                    type: Optional
-                }] }] });
+            args: [{ selector: 'bs-floating-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>", styles: [":host ::ng-deep .form-floating{position:relative}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext,:host ::ng-deep .form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}:host ::ng-deep .form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-floating>label{transition:none}}:host ::ng-deep .form-floating>.form-control,:host ::ng-deep .form-floating>.form-control-plaintext{padding:1rem .75rem}:host ::ng-deep .form-floating>.form-control::placeholder,:host ::ng-deep .form-floating>.form-control-plaintext::placeholder{color:transparent}:host ::ng-deep .form-floating>.form-control:focus,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown),:host ::ng-deep .form-floating>.form-control-plaintext:focus,:host ::ng-deep .form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-control:-webkit-autofill,:host ::ng-deep .form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}:host ::ng-deep .form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}:host ::ng-deep .form-floating>.form-control:focus~label,:host ::ng-deep .form-floating>.form-control:not(:placeholder-shown)~label,:host ::ng-deep .form-floating>.form-control-plaintext~label,:host ::ng-deep .form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}:host ::ng-deep .form-floating>textarea:focus~label:after,:host ::ng-deep .form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:\"\";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}:host ::ng-deep .form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}:host ::ng-deep .form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}:host ::ng-deep .form-floating>:disabled~label,:host ::ng-deep .form-floating>.form-control:disabled~label{color:#6c757d}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mintplayer-ng-bootstrap-floating-labels.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-floating-labels.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/floating-labels/src/floating-label/floating-label.component.ts","../../../../libs/mintplayer-ng-bootstrap/floating-labels/src/floating-label/floating-label.component.html","../../../../libs/mintplayer-ng-bootstrap/floating-labels/mintplayer-ng-bootstrap-floating-labels.ts"],"sourcesContent":["import { Optional, Component, ContentChild, ElementRef } from '@angular/core';\nimport { BsFormComponent } from '@mintplayer/ng-bootstrap/form';\n\n@Component({\n  selector: 'bs-floating-label',\n  standalone: true,\n  templateUrl: './floating-label.component.html',\n  styleUrls: ['./floating-label.component.scss'],\n})\nexport class BsFloatingLabelComponent {\n  constructor(@Optional() bsForm: BsFormComponent) {\n    if (!bsForm) {\n      throw '<bs-floating-label> must be inside a <bs-form>';\n    }\n  }\n\n  // @ContentChild(BsFloatingFormControlDirective, { read: ElementRef }) input!: ElementRef<HTMLInputElement>;\n\n  // ngAfterContentInit() {\n  //   this.input.nativeElement.classList.add('form-control');\n  // }\n}\n","<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,wBAAwB,CAAA;AACnC,IAAA,WAAA,CAAwB,MAAuB,EAAA;QAC7C,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,MAAM,gDAAgD;QACxD;IACF;8GALW,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,6ECTrC,uIAGM,EAAA,MAAA,EAAA,CAAA,soFAAA,CAAA,EAAA,CAAA,CAAA;;2FDMO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cACjB,IAAI,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,soFAAA,CAAA,EAAA;;0BAKH;;;AEVf;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-floating-labels.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/floating-labels/src/floating-label/floating-label.component.ts","../../../../libs/mintplayer-ng-bootstrap/floating-labels/src/floating-label/floating-label.component.html","../../../../libs/mintplayer-ng-bootstrap/floating-labels/mintplayer-ng-bootstrap-floating-labels.ts"],"sourcesContent":["import { Component, inject, ChangeDetectionStrategy} from '@angular/core';\nimport { BsFormComponent } from '@mintplayer/ng-bootstrap/form';\n\n@Component({\n  selector: 'bs-floating-label',\n  templateUrl: './floating-label.component.html',\n  styleUrls: ['./floating-label.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsFloatingLabelComponent {\n  constructor() {\n    const bsForm = inject(BsFormComponent, { optional: true });\n    if (!bsForm) {\n      throw '<bs-floating-label> must be inside a <bs-form>';\n    }\n  }\n}\n","<div class=\"form-floating\">\n    <ng-content select=\"input\"></ng-content>\n    <ng-content select=\"label\"></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MASa,wBAAwB,CAAA;AACnC,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC1D,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,MAAM,gDAAgD;QACxD;IACF;8GANW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,6ECTrC,uIAGM,EAAA,MAAA,EAAA,CAAA,soFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDMO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,soFAAA,CAAA,EAAA;;;AEPjD;;AAEG;;;;"}

package/fesm2022/mintplayer-ng-bootstrap-font-color.mjs

@@ -15,14 +15,13 @@ class BsFontColorPipe {
         const CONTRAST_HEX = R_DEC * 0.299 + G_DEC * 0.587 + B_DEC * 0.114 > 186 ? '#000000' : '#FFFFFF';
         return CONTRAST_HEX;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFontColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsFontColorPipe, isStandalone: true, name: "bsFontColor" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFontColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: BsFontColorPipe, isStandalone: true, name: "bsFontColor" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsFontColorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsFontColorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bsFontColor',
-                    standalone: true,
                     pure: true,
                 }]
         }] });

package/fesm2022/mintplayer-ng-bootstrap-font-color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-font-color.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/font-color/src/font-color.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/font-color/mintplayer-ng-bootstrap-font-color.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsFontColor',\n  standalone: true,\n  pure: true,\n})\nexport class BsFontColorPipe implements PipeTransform {\n\n  transform(color_hex: any, defaultColor = '#FFFFFF'): any {\n    if (color_hex === undefined || color_hex === null || color_hex.length < 7 || typeof (color_hex) !== 'string') {\n      return defaultColor;\n    }\n    const R_HEX: string = color_hex.substr(1, 2);\n    const G_HEX: string = color_hex.substr(3, 2);\n    const B_HEX: string = color_hex.substr(5, 2);\n    const R_DEC: number = parseInt(R_HEX, 16);\n    const G_DEC: number = parseInt(G_HEX, 16);\n    const B_DEC: number = parseInt(B_HEX, 16);\n    const CONTRAST_HEX: string = R_DEC * 0.299 + G_DEC * 0.587 + B_DEC * 0.114 > 186 ? '#000000' : '#FFFFFF';\n    return CONTRAST_HEX;\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,eAAe,CAAA;AAE1B,IAAA,SAAS,CAAC,SAAc,EAAE,YAAY,GAAG,SAAS,EAAA;QAChD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,SAAS,CAAC,KAAK,QAAQ,EAAE;AAC5G,YAAA,OAAO,YAAY;QACrB;QACA,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,YAAY,GAAW,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS;AACxG,QAAA,OAAO,YAAY;IACrB;8GAdW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,aAAa;AACnB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-font-color.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/font-color/src/font-color.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/font-color/mintplayer-ng-bootstrap-font-color.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'bsFontColor',\n  pure: true,\n})\nexport class BsFontColorPipe implements PipeTransform {\n\n  transform(color_hex: any, defaultColor = '#FFFFFF'): any {\n    if (color_hex === undefined || color_hex === null || color_hex.length < 7 || typeof (color_hex) !== 'string') {\n      return defaultColor;\n    }\n    const R_HEX: string = color_hex.substr(1, 2);\n    const G_HEX: string = color_hex.substr(3, 2);\n    const B_HEX: string = color_hex.substr(5, 2);\n    const R_DEC: number = parseInt(R_HEX, 16);\n    const G_DEC: number = parseInt(G_HEX, 16);\n    const B_DEC: number = parseInt(B_HEX, 16);\n    const CONTRAST_HEX: string = R_DEC * 0.299 + G_DEC * 0.587 + B_DEC * 0.114 > 186 ? '#000000' : '#FFFFFF';\n    return CONTRAST_HEX;\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,eAAe,CAAA;AAE1B,IAAA,SAAS,CAAC,SAAc,EAAE,YAAY,GAAG,SAAS,EAAA;QAChD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,SAAS,CAAC,KAAK,QAAQ,EAAE;AAC5G,YAAA,OAAO,YAAY;QACrB;QACA,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,KAAK,GAAW,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC;QACzC,MAAM,YAAY,GAAW,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS;AACxG,QAAA,OAAO,YAAY;IACrB;8GAdW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4GAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,aAAa;AACnB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA;;;ACLD;;AAEG;;;;"}

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

@@ -1,40 +1,37 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive } from '@angular/core';
+import { input, effect, Directive } from '@angular/core';
 
 class BsForDirective {
-    constructor() {
-        this.defaultCursor = true;
-    }
     static { this.counter = 1; }
-    set bsFor(value) {
-        this.target = value;
-        if (this.target instanceof HTMLElement) {
-            if (!this.target.id) {
-                const count = BsForDirective.counter++;
-                this.target.id = `for-target-${count}`;
+    constructor() {
+        this.bsFor = input(undefined, ...(ngDevMode ? [{ debugName: "bsFor" }] : []));
+        effect(() => {
+            const value = this.bsFor();
+            if (value !== undefined) {
+                this.target = value;
+                if (this.target instanceof HTMLElement) {
+                    if (!this.target.id) {
+                        const count = BsForDirective.counter++;
+                        this.target.id = `for-target-${count}`;
+                    }
+                    this.forValue = this.target.id;
+                }
             }
-            this.forValue = this.target.id;
-        }
-        // console.log('target', this.target);
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsForDirective, isStandalone: true, selector: "label[bsFor]", inputs: { bsFor: "bsFor" }, host: { properties: { "class.cursor-default": "this.defaultCursor", "attr.for": "this.forValue" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: BsForDirective, isStandalone: true, selector: "label[bsFor]", inputs: { bsFor: { classPropertyName: "bsFor", publicName: "bsFor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cursor-default": "true", "attr.for": "forValue" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsForDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsForDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'label[bsFor]',
-                    standalone: true,
+                    host: {
+                        '[class.cursor-default]': 'true',
+                        '[attr.for]': 'forValue',
+                    },
                 }]
-        }], propDecorators: { defaultCursor: [{
-                type: HostBinding,
-                args: ['class.cursor-default']
-            }], bsFor: [{
-                type: Input
-            }], forValue: [{
-                type: HostBinding,
-                args: ['attr.for']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { bsFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsFor", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-for.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/for/src/for.directive.ts","../../../../libs/mintplayer-ng-bootstrap/for/mintplayer-ng-bootstrap-for.ts"],"sourcesContent":["import { Directive, HostBinding, HostListener, Input } from '@angular/core';\n\n@Directive({\n  selector: 'label[bsFor]',\n  standalone: true,\n})\nexport class BsForDirective {\n\n  @HostBinding('class.cursor-default') defaultCursor = true;\n\n  static counter = 1;\n  private target: any;\n  @Input() public set bsFor(value: any) {\n    this.target = value;\n    if (this.target instanceof HTMLElement) {\n      if (!this.target.id) {\n        const count = BsForDirective.counter++;\n        this.target.id = `for-target-${count}`;\n      }\n      this.forValue = this.target.id;\n    }\n    // console.log('target', this.target);\n  }\n\n  @HostBinding('attr.for') forValue?: string;\n  \n  // @HostListener('click') onMouseClick() {\n  //   if (!('tagName' in this.target)) {\n  //     // Not a form-control, let's just assume the class has some \"focus\" method\n  //     this.target.focus();\n  //   } else if (this.target.tagName.toLowerCase() !== 'input') {\n  //     // HTML element, but not an input, probably a textarea\n  //     this.target.focus();\n  //   } else if (this.target.type.toLowerCase() === 'file') {\n  //     // HtmlInputElement for a file\n  //     this.target.click();\n  //   } else {\n  //     // HtmlInputElement\n  //     this.target.focus();\n  //   }\n  // }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,cAAc,CAAA;AAJ3B,IAAA,WAAA,GAAA;QAMuC,IAAA,CAAA,aAAa,GAAG,IAAI;AAkC1D,IAAA;aAhCQ,IAAA,CAAA,OAAO,GAAG,CAAH,CAAK;IAEnB,IAAoB,KAAK,CAAC,KAAU,EAAA;AAClC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,IAAI,CAAC,MAAM,YAAY,WAAW,EAAE;AACtC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;AACnB,gBAAA,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA,WAAA,EAAc,KAAK,EAAE;YACxC;YACA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE;QAChC;;IAEF;8GAhBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;sBAGE,WAAW;uBAAC,sBAAsB;;sBAIlC;;sBAYA,WAAW;uBAAC,UAAU;;;ACxBzB;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-for.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/for/src/for.directive.ts","../../../../libs/mintplayer-ng-bootstrap/for/mintplayer-ng-bootstrap-for.ts"],"sourcesContent":["import { Directive, effect, input } from '@angular/core';\n\n@Directive({\n  selector: 'label[bsFor]',\n  host: {\n    '[class.cursor-default]': 'true',\n    '[attr.for]': 'forValue',\n  },\n})\nexport class BsForDirective {\n\n  static counter = 1;\n  private target: any;\n  readonly bsFor = input<any>(undefined);\n\n  constructor() {\n    effect(() => {\n      const value = this.bsFor();\n      if (value !== undefined) {\n        this.target = value;\n        if (this.target instanceof HTMLElement) {\n          if (!this.target.id) {\n            const count = BsForDirective.counter++;\n            this.target.id = `for-target-${count}`;\n          }\n          this.forValue = this.target.id;\n        }\n      }\n    });\n  }\n\n  forValue?: string;\n\n  // @HostListener('click') onMouseClick() {\n  //   if (!('tagName' in this.target)) {\n  //     // Not a form-control, let's just assume the class has some \"focus\" method\n  //     this.target.focus();\n  //   } else if (this.target.tagName.toLowerCase() !== 'input') {\n  //     // HTML element, but not an input, probably a textarea\n  //     this.target.focus();\n  //   } else if (this.target.type.toLowerCase() === 'file') {\n  //     // HtmlInputElement for a file\n  //     this.target.click();\n  //   } else {\n  //     // HtmlInputElement\n  //     this.target.focus();\n  //   }\n  // }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,cAAc,CAAA;aAElB,IAAA,CAAA,OAAO,GAAG,CAAH,CAAK;AAInB,IAAA,WAAA,GAAA;AAFS,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAM,SAAS,iDAAC;QAGpC,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,gBAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,gBAAA,IAAI,IAAI,CAAC,MAAM,YAAY,WAAW,EAAE;AACtC,oBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;AACnB,wBAAA,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE;wBACtC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA,WAAA,EAAc,KAAK,EAAE;oBACxC;oBACA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE;gBAChC;YACF;AACF,QAAA,CAAC,CAAC;IACJ;8GApBW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACJ,wBAAA,wBAAwB,EAAE,MAAM;AAChC,wBAAA,YAAY,EAAE,UAAU;AACzB,qBAAA;AACF,iBAAA;;;ACRD;;AAEG;;;;"}