@mintplayer/ng-bootstrap 21.0.0 → 21.1.1

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

@@ -1,6 +1,5 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Input, Output, ViewChild, Component } from '@angular/core';
+import { signal, input, computed, model, output, effect, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i3 from '@mintplayer/ng-bootstrap/dropdown';
@@ -13,78 +12,59 @@ import * as i4 from '@mintplayer/ng-bootstrap/has-overlay';
 import { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';
 import * as i6 from '@mintplayer/ng-bootstrap/progress-bar';
 import { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';
-import { BehaviorSubject, map } from 'rxjs';
 
 class BsTypeaheadComponent {
     constructor() {
-        this.isOpen = false;
-        this.suggestions$ = new BehaviorSubject([]);
-        this.isLoading$ = new BehaviorSubject(false);
-        this.searchterm = '';
-        this.isLoadingText = 'Loading...';
-        this.noSuggestionsText = 'No suggestions found';
-        this.provideSuggestions = new EventEmitter();
-        this.suggestionSelected = new EventEmitter();
-        this.searchtermChange = new EventEmitter();
-        this.submitted = new EventEmitter();
-        this.showNoSuggestions$ = this.suggestions$
-            .pipe(map(suggestions => suggestions.length === 0));
+        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.suggestions = input([], ...(ngDevMode ? [{ debugName: "suggestions" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.showNoSuggestions = computed(() => this.suggestions().length === 0, ...(ngDevMode ? [{ debugName: "showNoSuggestions" }] : []));
+        this.searchterm = model('', ...(ngDevMode ? [{ debugName: "searchterm" }] : []));
+        this.isLoadingText = input('Loading...', ...(ngDevMode ? [{ debugName: "isLoadingText" }] : []));
+        this.noSuggestionsText = input('No suggestions found', ...(ngDevMode ? [{ debugName: "noSuggestionsText" }] : []));
+        this.provideSuggestions = output();
+        this.suggestionSelected = output();
+        this.submitted = output();
+        effect(() => {
+            const suggestions = this.suggestions();
+            if (suggestions) {
+                this.isLoading.set(false);
+            }
+        });
     }
     onProvideSuggestions(value) {
-        this.searchtermChange.emit(value);
+        this.searchterm.set(value);
         if (value === '') {
-            this.isOpen = false;
-            this.suggestions$.next([]);
+            this.isOpen.set(false);
         }
         else {
-            this.isLoading$.next(true);
-            this.isOpen = true;
+            this.isLoading.set(true);
+            this.isOpen.set(true);
             this.provideSuggestions.emit(value);
         }
     }
-    set suggestions(value) {
-        this.isLoading$.next(false);
-        this.suggestions$.next(value);
-    }
     suggestionClicked(suggestion) {
-        this.searchterm = suggestion.text;
-        this.searchtermChange.emit(this.searchterm);
-        this.isOpen = false;
+        this.searchterm.set(suggestion.text);
+        this.isOpen.set(false);
         this.suggestionSelected.emit(suggestion);
     }
     onSubmit() {
-        this.isOpen = false;
-        this.submitted.emit(this.searchterm);
+        this.isOpen.set(false);
+        this.submitted.emit(this.searchterm());
     }
     focus() {
         this.textbox.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsTypeaheadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsTypeaheadComponent, isStandalone: true, selector: "bs-typeahead", inputs: { searchterm: "searchterm", isLoadingText: "isLoadingText", noSuggestionsText: "noSuggestionsText", suggestions: "suggestions" }, outputs: { provideSuggestions: "provideSuggestions", suggestionSelected: "suggestionSelected", searchtermChange: "searchtermChange", submitted: "submitted" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [(ngModel)]=\"searchterm\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading$ | async) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText }}\n                </bs-dropdown-item>\n            }\n            @if ((isLoading$ | async) === false) {\n                @if (showNoSuggestions$ | async) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of (suggestions$ | async); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>", styles: ["bs-progress{margin-top:-8px;margin-bottom:6px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: BsFormModule }, { kind: "component", type: i2.BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: i2.BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i3.BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: i3.BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: i4.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "ngmodule", type: BsDropdownMenuModule }, { kind: "component", type: i5.BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: i5.BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "ngmodule", type: BsProgressBarModule }, { kind: "component", type: i6.BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsTypeaheadComponent, isStandalone: true, selector: "bs-typeahead", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, searchterm: { classPropertyName: "searchterm", publicName: "searchterm", isSignal: true, isRequired: false, transformFunction: null }, isLoadingText: { classPropertyName: "isLoadingText", publicName: "isLoadingText", isSignal: true, isRequired: false, transformFunction: null }, noSuggestionsText: { classPropertyName: "noSuggestionsText", publicName: "noSuggestionsText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchterm: "searchtermChange", provideSuggestions: "provideSuggestions", suggestionSelected: "suggestionSelected", submitted: "submitted" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [ngModel]=\"searchterm()\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading()) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText() }}\n                </bs-dropdown-item>\n            }\n            @if (!isLoading()) {\n                @if (showNoSuggestions()) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText() }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>\n", styles: ["bs-progress{margin-top:-8px;margin-bottom:6px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: BsFormModule }, { kind: "component", type: i2.BsFormComponent, selector: "bs-form", inputs: ["action", "method"], outputs: ["submitted"] }, { kind: "directive", type: i2.BsFormControlDirective, selector: "bs-form input:not(.no-form-control), bs-form textarea:not(.no-form-control)" }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i3.BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: i3.BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: i4.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "ngmodule", type: BsDropdownMenuModule }, { kind: "component", type: i5.BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: i5.BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "ngmodule", type: BsProgressBarModule }, { kind: "component", type: i6.BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsTypeaheadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-typeahead', standalone: true, imports: [AsyncPipe, FormsModule, BsFormModule, BsDropdownModule, BsDropdownMenuModule, BsProgressBarModule, BsHasOverlayComponent], template: "<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [(ngModel)]=\"searchterm\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading$ | async) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText }}\n                </bs-dropdown-item>\n            }\n            @if ((isLoading$ | async) === false) {\n                @if (showNoSuggestions$ | async) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of (suggestions$ | async); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>", styles: ["bs-progress{margin-top:-8px;margin-bottom:6px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { textbox: [{
+            args: [{ selector: 'bs-typeahead', standalone: true, imports: [FormsModule, BsFormModule, BsDropdownModule, BsDropdownMenuModule, BsProgressBarModule, BsHasOverlayComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [ngModel]=\"searchterm()\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading()) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText() }}\n                </bs-dropdown-item>\n            }\n            @if (!isLoading()) {\n                @if (showNoSuggestions()) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText() }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>\n", styles: ["bs-progress{margin-top:-8px;margin-bottom:6px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], textbox: [{
                 type: ViewChild,
                 args: ['textbox']
-            }], searchterm: [{
-                type: Input
-            }], isLoadingText: [{
-                type: Input
-            }], noSuggestionsText: [{
-                type: Input
-            }], provideSuggestions: [{
-                type: Output
-            }], suggestionSelected: [{
-                type: Output
-            }], searchtermChange: [{
-                type: Output
-            }], submitted: [{
-                type: Output
-            }], suggestions: [{
-                type: Input
-            }] } });
+            }], searchterm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchterm", required: false }] }, { type: i0.Output, args: ["searchtermChange"] }], isLoadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoadingText", required: false }] }], noSuggestionsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noSuggestionsText", required: false }] }], provideSuggestions: [{ type: i0.Output, args: ["provideSuggestions"] }], suggestionSelected: [{ type: i0.Output, args: ["suggestionSelected"] }], submitted: [{ type: i0.Output, args: ["submitted"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-typeahead.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/typeahead/src/typeahead.component.ts","../../../../libs/mintplayer-ng-bootstrap/typeahead/src/typeahead.component.html","../../../../libs/mintplayer-ng-bootstrap/typeahead/mintplayer-ng-bootstrap-typeahead.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsFormModule } from '@mintplayer/ng-bootstrap/form';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\n\n@Component({\n  selector: 'bs-typeahead',\n  templateUrl: './typeahead.component.html',\n  styleUrls: ['./typeahead.component.scss'],\n  standalone: true,\n  imports: [AsyncPipe, FormsModule, BsFormModule, BsDropdownModule, BsDropdownMenuModule, BsProgressBarModule, BsHasOverlayComponent]\n})\nexport class BsTypeaheadComponent {\n\n  isOpen = false;\n  \n  suggestions$ = new BehaviorSubject<any[]>([]);\n  isLoading$ = new BehaviorSubject<boolean>(false);\n  showNoSuggestions$: Observable<boolean>;\n  \n  @ViewChild('textbox') textbox!: ElementRef<HTMLInputElement>;\n  @Input() searchterm = '';\n  @Input() public isLoadingText = 'Loading...';\n  @Input() public noSuggestionsText = 'No suggestions found';\n  @Output() public provideSuggestions = new EventEmitter<string>();\n  @Output() suggestionSelected = new EventEmitter<any>();\n  @Output() searchtermChange = new EventEmitter<string>();\n  @Output() submitted = new EventEmitter<string>();\n  \n  constructor() {\n    this.showNoSuggestions$ = this.suggestions$\n      .pipe(map(suggestions => suggestions.length === 0));\n  }\n\n  onProvideSuggestions(value: string) {\n    this.searchtermChange.emit(value);\n    if (value === '') {\n      this.isOpen = false;\n      this.suggestions$.next([]);\n    } else {\n      this.isLoading$.next(true);\n      this.isOpen = true;\n      this.provideSuggestions.emit(value);\n    }\n  }\n\n  @Input() public set suggestions(value: any[]) {\n    this.isLoading$.next(false);\n    this.suggestions$.next(value);\n  }\n  suggestionClicked(suggestion: any) {\n    this.searchterm = suggestion.text;\n    this.searchtermChange.emit(this.searchterm);\n\n    this.isOpen = false;\n    this.suggestionSelected.emit(suggestion);\n  }\n\n  onSubmit() {\n    this.isOpen = false;\n    this.submitted.emit(this.searchterm);\n  }\n\n  public focus() {\n    this.textbox.nativeElement.focus();\n  }\n\n}\n","<!-- <bs-dropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\"></bs-dropdown> -->\n<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [(ngModel)]=\"searchterm\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading$ | async) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText }}\n                </bs-dropdown-item>\n            }\n            @if ((isLoading$ | async) === false) {\n                @if (showNoSuggestions$ | async) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of (suggestions$ | async); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>","/**\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-typeahead.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/typeahead/src/typeahead.component.ts","../../../../libs/mintplayer-ng-bootstrap/typeahead/src/typeahead.component.html","../../../../libs/mintplayer-ng-bootstrap/typeahead/mintplayer-ng-bootstrap-typeahead.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, input, model, output, signal, ViewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsFormModule } from '@mintplayer/ng-bootstrap/form';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';\n\n@Component({\n  selector: 'bs-typeahead',\n  templateUrl: './typeahead.component.html',\n  styleUrls: ['./typeahead.component.scss'],\n  standalone: true,\n  imports: [FormsModule, BsFormModule, BsDropdownModule, BsDropdownMenuModule, BsProgressBarModule, BsHasOverlayComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsTypeaheadComponent {\n\n  isOpen = signal(false);\n\n  suggestions = input<any[]>([]);\n  isLoading = signal<boolean>(false);\n  showNoSuggestions = computed(() => this.suggestions().length === 0);\n\n  @ViewChild('textbox') textbox!: ElementRef<HTMLInputElement>;\n  searchterm = model('');\n  isLoadingText = input('Loading...');\n  noSuggestionsText = input('No suggestions found');\n  provideSuggestions = output<string>();\n  suggestionSelected = output<any>();\n  submitted = output<string>();\n\n  constructor() {\n    effect(() => {\n      const suggestions = this.suggestions();\n      if (suggestions) {\n        this.isLoading.set(false);\n      }\n    });\n  }\n\n  onProvideSuggestions(value: string) {\n    this.searchterm.set(value);\n    if (value === '') {\n      this.isOpen.set(false);\n    } else {\n      this.isLoading.set(true);\n      this.isOpen.set(true);\n      this.provideSuggestions.emit(value);\n    }\n  }\n\n  suggestionClicked(suggestion: any) {\n    this.searchterm.set(suggestion.text);\n    this.isOpen.set(false);\n    this.suggestionSelected.emit(suggestion);\n  }\n\n  onSubmit() {\n    this.isOpen.set(false);\n    this.submitted.emit(this.searchterm());\n  }\n\n  public focus() {\n    this.textbox.nativeElement.focus();\n  }\n}\n","<bs-has-overlay></bs-has-overlay>\n<bs-form>\n    <div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n        <input type=\"text\" #textbox [ngModel]=\"searchterm()\" (ngModelChange)=\"onProvideSuggestions($event)\" (keyup.enter)=\"onSubmit()\" />\n        <bs-dropdown-menu *bsDropdownMenu>\n            @if (isLoading()) {\n                <bs-progress [height]=\"2\" [isIndeterminate]=\"true\"></bs-progress>\n                <bs-dropdown-item [disabled]=\"true\">\n                    {{ isLoadingText() }}\n                </bs-dropdown-item>\n            }\n            @if (!isLoading()) {\n                @if (showNoSuggestions()) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        {{ noSuggestionsText() }}\n                    </bs-dropdown-item>\n                }\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"suggestionClicked(suggestion)\">\n                        {{ suggestion.text }}\n                    </bs-dropdown-item>\n                }\n            }\n        </bs-dropdown-menu>\n    </div>\n</bs-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mintplayer/ng-bootstrap",
   "private": false,
-  "version": "21.0.0",
+  "version": "21.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/MintPlayer/mintplayer-ng-bootstrap",
@@ -360,11 +360,11 @@
     "bootstrap": "^5.3.0",
     "bootstrap-icons": "^1.7.2",
     "ngx-highlightjs": "^10.0.0",
-    "@mintplayer/ng-click-outside": "^21.0.0",
-    "@mintplayer/ng-animations": "^21.0.0",
+    "@mintplayer/ng-click-outside": "^21.1.0",
+    "@mintplayer/ng-animations": "^21.1.0",
     "@mintplayer/pagination": "^2.2.0",
-    "@mintplayer/ng-focus-on-load": "^21.0.0",
-    "@mintplayer/ng-swiper": "^21.0.0",
+    "@mintplayer/ng-focus-on-load": "^21.1.0",
+    "@mintplayer/ng-swiper": "^21.1.0",
     "@mintplayer/parentify": "^1.1.0"
   },
   "dependencies": {

package/types/mintplayer-ng-bootstrap-accordion.d.ts

@@ -1,41 +1,37 @@
 import * as i0 from '@angular/core';
-import { QueryList, EventEmitter } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { QueryList } from '@angular/core';
 import * as i4 from '@angular/common';
 import * as i5 from '@mintplayer/ng-bootstrap/no-noscript';
 
 declare class BsAccordionTabComponent {
     accordion: BsAccordionComponent;
-    accordionTabId$: BehaviorSubject<number>;
-    accordionTabName$: Observable<string>;
+    accordionTabId: i0.WritableSignal<number>;
+    accordionTabName: i0.Signal<string>;
     childAccordions: QueryList<BsAccordionComponent>;
-    constructor(accordion: BsAccordionComponent);
+    constructor();
     accordionItemClass: boolean;
     dBlock: boolean;
     noBorder: boolean;
-    isActiveChange: EventEmitter<boolean>;
-    private _isActive;
-    get isActive(): boolean;
-    set isActive(value: boolean);
+    isActive: i0.ModelSignal<boolean>;
+    setActive(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsAccordionTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsAccordionTabComponent, "bs-accordion-tab", never, { "isActive": { "alias": "isActive"; "required": false; }; }, { "isActiveChange": "isActiveChange"; }, ["childAccordions"], ["bs-accordion-tab-header", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsAccordionTabComponent, "bs-accordion-tab", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "isActive": "isActiveChange"; }, ["childAccordions"], ["bs-accordion-tab-header", "*"], false, never>;
 }
 
 declare class BsAccordionComponent {
     constructor();
     tabPages: QueryList<BsAccordionTabComponent>;
     disableAnimations: boolean;
-    highlightActiveTab: boolean;
-    accordionId$: BehaviorSubject<number>;
-    accordionName$: Observable<string>;
+    highlightActiveTab: i0.InputSignal<boolean>;
+    accordionId: i0.WritableSignal<number>;
+    accordionName: i0.Signal<string>;
     accordionTabCounter: number;
     static accordionCounter: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsAccordionComponent, "bs-accordion", never, { "highlightActiveTab": { "alias": "highlightActiveTab"; "required": false; }; }, {}, ["tabPages"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsAccordionComponent, "bs-accordion", never, { "highlightActiveTab": { "alias": "highlightActiveTab"; "required": false; "isSignal": true; }; }, {}, ["tabPages"], ["*"], false, never>;
 }
 
 declare class BsAccordionTabHeaderComponent {
-    constructor(accordionTab: BsAccordionTabComponent);
     accordionTab: BsAccordionTabComponent;
     headerClicked(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsAccordionTabHeaderComponent, never>;

package/types/mintplayer-ng-bootstrap-alert.d.ts

@@ -1,23 +1,18 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
 import { Color } from '@mintplayer/ng-bootstrap';
 
 declare class BsAlertComponent {
-    type: Color;
+    type: i0.InputSignal<Color>;
     colors: typeof Color;
-    private _isVisible;
-    get isVisible(): boolean;
-    set isVisible(value: boolean);
-    isVisibleChange: EventEmitter<boolean>;
-    afterOpenedOrClosed: EventEmitter<any>;
+    isVisible: i0.ModelSignal<boolean>;
+    afterOpenedOrClosed: i0.OutputEmitterRef<boolean>;
     onAfterOpenedOrClosed(isVisible: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsAlertComponent, "bs-alert", never, { "type": { "alias": "type"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; }, { "isVisibleChange": "isVisibleChange"; "afterOpenedOrClosed": "afterOpenedOrClosed"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsAlertComponent, "bs-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; }, { "isVisible": "isVisibleChange"; "afterOpenedOrClosed": "afterOpenedOrClosed"; }, never, ["*"], false, never>;
 }
 
 declare class BsAlertCloseComponent {
     private alert;
-    constructor(alert: BsAlertComponent);
     closeAlert(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsAlertCloseComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BsAlertCloseComponent, "bs-alert-close", never, {}, {}, never, never, false, never>;

package/types/mintplayer-ng-bootstrap-badge.d.ts

@@ -1,16 +1,12 @@
-import { BehaviorSubject, Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
 import { Color } from '@mintplayer/ng-bootstrap';
-import * as i0 from '@angular/core';
 
 declare class BsBadgeComponent {
-    constructor();
     colors: typeof Color;
-    type$: BehaviorSubject<Color>;
-    get type(): Color;
-    set type(value: Color);
-    colorClass$: Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsBadgeComponent, "bs-badge", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+    type: _angular_core.InputSignal<Color>;
+    colorClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsBadgeComponent, "bs-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { BsBadgeComponent };

package/types/mintplayer-ng-bootstrap-calendar.d.ts

@@ -1,33 +1,25 @@
-import * as i0 from '@angular/core';
-import { DestroyRef, EventEmitter } from '@angular/core';
-import { Observable, BehaviorSubject } from 'rxjs';
-import { BsCalendarMonthService, Week, WeekDay, DateDayOfMonth } from '@mintplayer/ng-bootstrap/calendar-month';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as _mintplayer_ng_bootstrap_calendar_month from '@mintplayer/ng-bootstrap/calendar-month';
+import { WeekDay, DateDayOfMonth } from '@mintplayer/ng-bootstrap/calendar-month';
+import * as _angular_core from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
 
 declare class BsCalendarComponent {
     private sanitizer;
     private calendarMonthService;
-    private destroy;
-    constructor(sanitizer: DomSanitizer, calendarMonthService: BsCalendarMonthService, destroy: DestroyRef);
-    chevronLeft?: SafeHtml;
-    chevronRight?: SafeHtml;
-    weeks$: Observable<Week[]>;
-    shownDays$: Observable<WeekDay[]>;
-    currentMonth$: BehaviorSubject<Date>;
-    currentMonthChange: EventEmitter<Date>;
-    get currentMonth(): Date;
-    set currentMonth(value: Date);
-    selectedDate$: BehaviorSubject<Date>;
-    selectedDateChange: EventEmitter<Date>;
-    get selectedDate(): Date;
-    set selectedDate(value: Date);
-    disableDateFn?: (date: Date) => boolean;
+    constructor();
+    chevronLeft: _angular_core.WritableSignal<SafeHtml | undefined>;
+    chevronRight: _angular_core.WritableSignal<SafeHtml | undefined>;
+    currentMonth: _angular_core.ModelSignal<Date>;
+    selectedDate: _angular_core.ModelSignal<Date>;
+    disableDateFn: _angular_core.InputSignal<((date: Date) => boolean) | undefined>;
+    weeks: _angular_core.Signal<_mintplayer_ng_bootstrap_calendar_month.Week[]>;
+    shownDays: _angular_core.Signal<WeekDay[]>;
     previousMonth(): boolean;
     nextMonth(): boolean;
     isSameDate(date1: Date | null, date2: Date | null): boolean;
     goto(day: DateDayOfMonth | null): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsCalendarComponent, "bs-calendar", never, { "currentMonth": { "alias": "currentMonth"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "disableDateFn": { "alias": "disableDateFn"; "required": false; }; }, { "currentMonthChange": "currentMonthChange"; "selectedDateChange": "selectedDateChange"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsCalendarComponent, "bs-calendar", never, { "currentMonth": { "alias": "currentMonth"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "disableDateFn": { "alias": "disableDateFn"; "required": false; "isSignal": true; }; }, { "currentMonth": "currentMonthChange"; "selectedDate": "selectedDateChange"; }, never, never, true, never>;
 }
 
 export { BsCalendarComponent };

package/types/mintplayer-ng-bootstrap-carousel.d.ts

@@ -1,67 +1,73 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, ElementRef, AfterViewInit, OnDestroy, ChangeDetectorRef, QueryList } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit, OnDestroy, QueryList, ElementRef } from '@angular/core';
 import { Color } from '@mintplayer/ng-bootstrap';
-import * as i5 from '@mintplayer/ng-swiper/swiper';
 import { BsSwipeContainerDirective } from '@mintplayer/ng-swiper/swiper';
-import { BehaviorSubject, Observable } from 'rxjs';
-import * as i4 from '@angular/common';
-import * as i6 from '@mintplayer/ng-bootstrap/no-noscript';
 
 declare class BsCarouselImageDirective {
     private templateRef;
+    private carousel;
     private element;
     itemTemplate: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>, carousel: BsCarouselComponent, element: ElementRef<HTMLElement>);
     id: number;
     isFirst: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCarouselImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BsCarouselImageDirective, "*[bsCarouselImage]", never, {}, {}, never, never, false, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCarouselImageDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BsCarouselImageDirective, "*[bsCarouselImage]", never, {}, {}, never, never, true, never>;
 }
 
 declare class BsCarouselComponent implements AfterViewInit, OnDestroy {
-    private cdRef;
-    constructor(platformId: any, cdRef: ChangeDetectorRef);
+    private platformId;
+    private destroyRef;
     colors: typeof Color;
     isServerSide: boolean;
-    currentImageIndex: number;
-    images$: BehaviorSubject<QueryList<BsCarouselImageDirective> | null>;
-    imageCount$: Observable<number>;
-    firstImageTemplate$: Observable<TemplateRef<any> | null>;
-    lastImageTemplate$: Observable<TemplateRef<any> | null>;
+    currentImageIndex: _angular_core.WritableSignal<number>;
+    images: _angular_core.WritableSignal<QueryList<BsCarouselImageDirective> | null>;
     resizeObserver?: ResizeObserver;
-    indicators: boolean;
-    keyboardEvents: boolean;
-    private _orientation;
-    set orientation(value: 'horizontal' | 'vertical');
-    get orientation(): "horizontal" | "vertical";
+    private intervalId?;
+    indicators: _angular_core.InputSignal<boolean>;
+    keyboardEvents: _angular_core.InputSignal<boolean>;
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    animation: _angular_core.InputSignal<"fade" | "slide" | "none">;
+    interval: _angular_core.InputSignal<number | null>;
+    wrap: _angular_core.InputSignal<boolean>;
+    slideChange: _angular_core.OutputEmitterRef<number>;
+    animationStart: _angular_core.OutputEmitterRef<void>;
+    animationEnd: _angular_core.OutputEmitterRef<void>;
+    imageCount: _angular_core.Signal<number>;
+    firstImageTemplate: _angular_core.Signal<TemplateRef<any> | null>;
+    lastImageTemplate: _angular_core.Signal<TemplateRef<any> | null>;
     innerElement: ElementRef<HTMLDivElement>;
     swipeContainer: BsSwipeContainerDirective;
-    set images(value: QueryList<BsCarouselImageDirective>);
+    set imagesQuery(value: QueryList<BsCarouselImageDirective>);
     animationsDisabled: boolean;
-    private _animation;
-    set animation(value: 'fade' | 'slide');
-    get animation(): "fade" | "slide";
     onKeyPress(event: Event): void;
-    previousImage(): void;
-    nextImage(): void;
+    constructor();
+    private clearAutoAdvance;
+    previous(): void;
+    next(): void;
+    goto(index: number): void;
     imageCounter: number;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsCarouselComponent, "bs-carousel", never, { "indicators": { "alias": "indicators"; "required": false; }; "keyboardEvents": { "alias": "keyboardEvents"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, {}, ["images"], never, false, never>;
+    onContainerAnimationStart(): void;
+    onContainerAnimationEnd(): void;
+    onImageIndexChange(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCarouselComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsCarouselComponent, "bs-carousel", never, { "indicators": { "alias": "indicators"; "required": false; "isSignal": true; }; "keyboardEvents": { "alias": "keyboardEvents"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "slideChange": "slideChange"; "animationStart": "animationStart"; "animationEnd": "animationEnd"; }, ["imagesQuery"], never, true, never>;
 }
 
 declare class BsCarouselImgDirective {
-    constructor(image: BsCarouselImageDirective);
+    private image;
     fetchPriority: 'high' | 'low' | 'auto';
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCarouselImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BsCarouselImgDirective, "img", never, {}, {}, never, never, false, never>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCarouselImgDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BsCarouselImgDirective, "img", never, {}, {}, never, never, true, never>;
 }
 
 declare class BsCarouselModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCarouselModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BsCarouselModule, [typeof BsCarouselComponent, typeof BsCarouselImageDirective, typeof BsCarouselImgDirective], [typeof i4.AsyncPipe, typeof i4.NgTemplateOutlet, typeof i5.BsSwiperModule, typeof i6.BsNoNoscriptDirective], [typeof BsCarouselComponent, typeof BsCarouselImageDirective, typeof BsCarouselImgDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BsCarouselModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCarouselModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BsCarouselModule, never, [typeof BsCarouselComponent, typeof BsCarouselImageDirective, typeof BsCarouselImgDirective], [typeof BsCarouselComponent, typeof BsCarouselImageDirective, typeof BsCarouselImgDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<BsCarouselModule>;
 }
 
 export { BsCarouselComponent, BsCarouselImageDirective, BsCarouselImgDirective, BsCarouselModule };

package/types/mintplayer-ng-bootstrap-close.d.ts

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
 
 declare class BsCloseComponent {
-    click: EventEmitter<any>;
+    click: i0.OutputEmitterRef<void>;
     onClose(ev: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BsCloseComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BsCloseComponent, "bs-close", never, {}, { "click": "click"; }, never, never, true, never>;

package/types/mintplayer-ng-bootstrap-code-snippet.d.ts

@@ -1,16 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, EventEmitter } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { HighlightResult } from 'highlight.js';
-import { BehaviorSubject } from 'rxjs';
 
 declare class BsCodeSnippetComponent {
     constructor();
-    offcanvasVisible: boolean;
+    offcanvasVisible: _angular_core.WritableSignal<boolean>;
     codeToCopy: _angular_core.InputSignal<string>;
     language: _angular_core.InputSignal<string>;
     copiedTemplate: TemplateRef<any>;
-    detectedLanguage: EventEmitter<string>;
-    language$: BehaviorSubject<string>;
+    detectedLanguage: _angular_core.OutputEmitterRef<string>;
+    detectedLanguageValue: _angular_core.WritableSignal<string>;
     copiedHtml(): void;
     onHighlighted(result: HighlightResult | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCodeSnippetComponent, never>;