@mintplayer/ng-bootstrap 21.6.0 → 21.8.0

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

@@ -1,23 +1,16 @@
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, signal, model, output, effect, ViewChild, ChangeDetectionStrategy, Component, TemplateRef, Directive, Input, NgModule } from '@angular/core';
+import { inject, signal, viewChild, model, output, effect, ChangeDetectionStrategy, Component, TemplateRef, Directive, input } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i2 from '@angular/common';
-import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
-import * as i3 from '@mintplayer/ng-focus-on-load';
-import { FocusOnLoadDirective } from '@mintplayer/ng-focus-on-load';
-import * as i4 from '@mintplayer/ng-bootstrap/dropdown';
-import { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';
-import * as i8 from '@mintplayer/ng-bootstrap/progress-bar';
-import { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';
-import * as i6 from '@mintplayer/ng-bootstrap/dropdown-menu';
-import { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';
-import * as i7 from '@mintplayer/ng-bootstrap/button-type';
-import { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';
-import * as i5 from '@mintplayer/ng-bootstrap/has-overlay';
-import { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';
 import { Color } from '@mintplayer/ng-bootstrap';
 import { BsFormComponent } from '@mintplayer/ng-bootstrap/form';
+import { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';
+import { BsDropdownDirective, BsDropdownToggleDirective, BsDropdownMenuDirective } from '@mintplayer/ng-bootstrap/dropdown';
+import { BsDropdownMenuComponent, BsDropdownItemComponent } from '@mintplayer/ng-bootstrap/dropdown-menu';
+import { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';
+import { BsProgressComponent, BsProgressBarComponent } from '@mintplayer/ng-bootstrap/progress-bar';
+import { FocusOnLoadDirective } from '@mintplayer/ng-focus-on-load';
 import { DomSanitizer } from '@angular/platform-browser';
 
 /// <reference types="../types" />
@@ -29,6 +22,7 @@ class BsSearchboxComponent {
         this.caretDownFill = signal(undefined, ...(ngDevMode ? [{ debugName: "caretDownFill" }] : []));
         this.colors = Color;
         this.isBusy = signal(false, ...(ngDevMode ? [{ debugName: "isBusy" }] : []));
+        this.textbox = viewChild.required('textbox');
         this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
         this.selectedItem = model(undefined, ...(ngDevMode ? [{ debugName: "selectedItem" }] : []));
         this.searchterm = model('', ...(ngDevMode ? [{ debugName: "searchterm" }] : []));
@@ -60,7 +54,7 @@ class BsSearchboxComponent {
         effect(() => {
             const isOpen = this.isOpen();
             if (isOpen) {
-                setTimeout(() => this.textbox?.nativeElement?.setSelectionRange(0, -1), 20);
+                setTimeout(() => this.textbox()?.nativeElement?.setSelectionRange(0, -1), 20);
             }
         });
         import('bootstrap-icons/icons/caret-up-fill.svg').then((icon) => {
@@ -81,16 +75,26 @@ class BsSearchboxComponent {
         this.isOpen.set(false);
         this.searchterm.set('');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsSearchboxComponent, isStandalone: false, selector: "bs-searchbox", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, searchterm: { classPropertyName: "searchterm", publicName: "searchterm", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", selectedItem: "selectedItemChange", searchterm: "searchtermChange", suggestions: "suggestionsChange", provideSuggestions: "provideSuggestions" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n", styles: [".prog{height:.3rem;margin-top:-.5rem;margin-bottom:.2rem}\n"], dependencies: [{ 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: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FocusOnLoadDirective, selector: "*[autofocus]", inputs: ["autofocus"] }, { kind: "directive", type: i4.BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: i4.BsDropdownToggleDirective, selector: "[bsDropdownToggle]" }, { kind: "directive", type: i4.BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: i5.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "component", type: i6.BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: i6.BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "directive", type: i7.BsButtonTypeDirective, selector: "button[color],input[type=\"button\"][color],input[type=\"submit\"][color],a[color]", inputs: ["color"] }, { kind: "component", type: i8.BsProgressBarComponent, selector: "bs-progress-bar", inputs: ["minimum", "maximum", "value", "color", "striped", "animated"] }, { kind: "component", type: i8.BsProgressComponent, selector: "bs-progress", inputs: ["height", "isIndeterminate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsSearchboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: BsSearchboxComponent, isStandalone: true, selector: "bs-searchbox", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, searchterm: { classPropertyName: "searchterm", publicName: "searchterm", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", selectedItem: "selectedItemChange", searchterm: "searchtermChange", suggestions: "suggestionsChange", provideSuggestions: "provideSuggestions" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true, isSignal: true }], ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n", styles: [".prog{height:.3rem;margin-top:-.5rem;margin-bottom:.2rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "directive", type: FocusOnLoadDirective, selector: "*[autofocus]", inputs: ["autofocus"] }, { kind: "component", type: BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "directive", type: BsDropdownDirective, selector: "[bsDropdown]", inputs: ["hasBackdrop", "sameWidth", "closeOnClickOutside", "sameDropdownWidth", "isOpen"], outputs: ["isOpenChange"] }, { kind: "directive", type: BsDropdownToggleDirective, selector: "[bsDropdownToggle]" }, { kind: "directive", type: BsDropdownMenuDirective, selector: "[bsDropdownMenu]" }, { kind: "component", type: BsDropdownMenuComponent, selector: "bs-dropdown-menu", inputs: ["maxHeight"] }, { kind: "component", type: BsDropdownItemComponent, selector: "bs-dropdown-item", inputs: ["isSelected", "disabled"] }, { kind: "directive", type: BsButtonTypeDirective, selector: "button[color],input[type=\"button\"][color],input[type=\"submit\"][color],a[color]", inputs: ["color"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsSearchboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-searchbox', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n", styles: [".prog{height:.3rem;margin-top:-.5rem;margin-bottom:.2rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { textbox: [{
-                type: ViewChild,
-                args: ['textbox']
-            }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], searchterm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchterm", required: false }] }, { type: i0.Output, args: ["searchtermChange"] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }, { type: i0.Output, args: ["suggestionsChange"] }], provideSuggestions: [{ type: i0.Output, args: ["provideSuggestions"] }] } });
+            args: [{ selector: 'bs-searchbox', imports: [
+                        NgTemplateOutlet,
+                        FormsModule,
+                        FocusOnLoadDirective,
+                        BsHasOverlayComponent,
+                        BsDropdownDirective,
+                        BsDropdownToggleDirective,
+                        BsDropdownMenuDirective,
+                        BsDropdownMenuComponent,
+                        BsDropdownItemComponent,
+                        BsButtonTypeDirective,
+                        BsProgressComponent,
+                        BsProgressBarComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n", styles: [".prog{height:.3rem;margin-top:-.5rem;margin-bottom:.2rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { textbox: [{ type: i0.ViewChild, args: ['textbox', { isSignal: true }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], searchterm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchterm", required: false }] }, { type: i0.Output, args: ["searchtermChange"] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }, { type: i0.Output, args: ["suggestionsChange"] }], provideSuggestions: [{ type: i0.Output, args: ["provideSuggestions"] }] } });
 
 class BsEnterSearchTermTemplateDirective {
     constructor() {
@@ -98,41 +102,57 @@ class BsEnterSearchTermTemplateDirective {
         const template = inject(TemplateRef);
         searchbox.enterSearchtermTemplate = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsEnterSearchTermTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsEnterSearchTermTemplateDirective, isStandalone: false, selector: "[bsEnterSearchTermTemplate]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsEnterSearchTermTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: BsEnterSearchTermTemplateDirective, isStandalone: true, selector: "[bsEnterSearchTermTemplate]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsEnterSearchTermTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsEnterSearchTermTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsEnterSearchTermTemplate]',
-                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+class BsNoResultsTemplateDirective {
+    constructor() {
+        const searchbox = inject(BsSearchboxComponent);
+        const template = inject(TemplateRef);
+        searchbox.noResultsTemplate = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsNoResultsTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: BsNoResultsTemplateDirective, isStandalone: true, selector: "[bsNoResultsTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsNoResultsTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bsNoResultsTemplate]',
                 }]
         }], ctorParameters: () => [] });
 
 class BsSuggestionTemplateDirective {
     constructor() {
         this.searchbox = inject(BsSearchboxComponent);
+        this.bsSuggestionTemplateOf = input(undefined, ...(ngDevMode ? [{ debugName: "bsSuggestionTemplateOf" }] : []));
         const template = inject(TemplateRef);
         this.searchbox.suggestionTemplate = template;
+        effect(() => {
+            const value = this.bsSuggestionTemplateOf();
+            if (value) {
+                this.searchbox.suggestions.set(value);
+            }
+        });
     }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    set bsSuggestionTemplateOf(value) {
-        this.searchbox.suggestions.set(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSuggestionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsSuggestionTemplateDirective, isStandalone: false, selector: "[bsSuggestionTemplate]", inputs: { bsSuggestionTemplateOf: "bsSuggestionTemplateOf" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsSuggestionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: BsSuggestionTemplateDirective, isStandalone: true, selector: "[bsSuggestionTemplate]", inputs: { bsSuggestionTemplateOf: { classPropertyName: "bsSuggestionTemplateOf", publicName: "bsSuggestionTemplateOf", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSuggestionTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BsSuggestionTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bsSuggestionTemplate]',
-                    standalone: false,
                 }]
-        }], ctorParameters: () => [], propDecorators: { bsSuggestionTemplateOf: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { bsSuggestionTemplateOf: [{ type: i0.Input, args: [{ isSignal: true, alias: "bsSuggestionTemplateOf", required: false }] }] } });
 class BsSuggestionTemplateContext {
     constructor() {
         this.$implicit = null;
@@ -140,78 +160,9 @@ class BsSuggestionTemplateContext {
     }
 }
 
-class BsNoResultsTemplateDirective {
-    constructor() {
-        const searchbox = inject(BsSearchboxComponent);
-        const template = inject(TemplateRef);
-        searchbox.noResultsTemplate = template;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNoResultsTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsNoResultsTemplateDirective, isStandalone: false, selector: "[bsNoResultsTemplate]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsNoResultsTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bsNoResultsTemplate]',
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [] });
-
-class BsSearchboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxModule, declarations: [BsSearchboxComponent,
-            BsEnterSearchTermTemplateDirective,
-            BsSuggestionTemplateDirective,
-            BsNoResultsTemplateDirective], imports: [FormsModule,
-            AsyncPipe,
-            NgTemplateOutlet,
-            FocusOnLoadDirective,
-            BsDropdownModule,
-            BsDropdownMenuModule,
-            BsButtonTypeDirective,
-            BsProgressBarModule,
-            BsHasOverlayComponent], exports: [BsSearchboxComponent,
-            BsEnterSearchTermTemplateDirective,
-            BsSuggestionTemplateDirective,
-            BsNoResultsTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxModule, imports: [FormsModule,
-            BsDropdownModule,
-            BsDropdownMenuModule,
-            BsProgressBarModule,
-            BsHasOverlayComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsSearchboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BsSearchboxComponent,
-                        BsEnterSearchTermTemplateDirective,
-                        BsSuggestionTemplateDirective,
-                        BsNoResultsTemplateDirective,
-                    ],
-                    imports: [
-                        FormsModule,
-                        AsyncPipe,
-                        NgTemplateOutlet,
-                        FocusOnLoadDirective,
-                        BsDropdownModule,
-                        BsDropdownMenuModule,
-                        BsButtonTypeDirective,
-                        BsProgressBarModule,
-                        BsHasOverlayComponent,
-                    ],
-                    exports: [
-                        BsSearchboxComponent,
-                        BsEnterSearchTermTemplateDirective,
-                        BsSuggestionTemplateDirective,
-                        BsNoResultsTemplateDirective,
-                    ],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BsEnterSearchTermTemplateDirective, BsNoResultsTemplateDirective, BsSearchboxComponent, BsSearchboxModule, BsSuggestionTemplateContext, BsSuggestionTemplateDirective };
+export { BsEnterSearchTermTemplateDirective, BsNoResultsTemplateDirective, BsSearchboxComponent, BsSuggestionTemplateContext, BsSuggestionTemplateDirective };
 //# sourceMappingURL=mintplayer-ng-bootstrap-searchbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-searchbox.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/searchbox/src/searchbox/searchbox.component.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/searchbox/searchbox.component.html","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/enter-search-term.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/suggestion.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/no-results.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/searchbox.module.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/mintplayer-ng-bootstrap-searchbox.ts"],"sourcesContent":["/// <reference types=\"../types\" />\n\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, model, OnDestroy, output, signal, TemplateRef, ViewChild } from '@angular/core';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsFormComponent } from '@mintplayer/ng-bootstrap/form';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSuggestionTemplateContext } from '../directives';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n  selector: 'bs-searchbox',\n  templateUrl: './searchbox.component.html',\n  styleUrls: ['./searchbox.component.scss'],\n  standalone: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSearchboxComponent<T extends HasId<U>, U> implements OnDestroy {\n\n  private bsForm = inject(BsFormComponent, { optional: true });\n  private sanitizer = inject(DomSanitizer);\n\n  caretUpFill = signal<SafeHtml | undefined>(undefined);\n  caretDownFill = signal<SafeHtml | undefined>(undefined);\n  colors = Color;\n  isBusy = signal<boolean>(false);\n  @ViewChild('textbox') textbox!: ElementRef<HTMLInputElement>;\n\n  isOpen = model(false);\n  selectedItem = model<T | undefined>(undefined);\n  searchterm = model('');\n\n  suggestions = model<T[]>([]);\n\n  suggestionTemplate?: TemplateRef<BsSuggestionTemplateContext<T, U>>;\n  enterSearchtermTemplate?: TemplateRef<T>;\n  noResultsTemplate?: TemplateRef<T>;\n  provideSuggestions = output<string>();\n\n  private debouncedSearchterm = signal('');\n  private debounceTimeout: any;\n\n  constructor() {\n    if (!this.bsForm) {\n      throw '<bs-searchbox> must be inside a <bs-form>';\n    }\n\n    effect(() => {\n      const searchterm = this.searchterm();\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = setTimeout(() => {\n        if (searchterm === '') {\n          // clear suggestions - will be handled by the template\n        } else {\n          this.isBusy.set(true);\n          this.provideSuggestions.emit(searchterm);\n        }\n      }, 200);\n    });\n\n    effect(() => {\n      const suggestions = this.suggestions();\n      if (suggestions) {\n        this.isBusy.set(false);\n      }\n    });\n\n    effect(() => {\n      const isOpen = this.isOpen();\n      if (isOpen) {\n        setTimeout(() => this.textbox?.nativeElement?.setSelectionRange(0, -1), 20);\n      }\n    });\n\n    import('bootstrap-icons/icons/caret-up-fill.svg').then((icon) => {\n      this.caretUpFill.set(this.sanitizer.bypassSecurityTrustHtml(icon.default));\n    });\n    import('bootstrap-icons/icons/caret-down-fill.svg').then((icon) => {\n      this.caretDownFill.set(this.sanitizer.bypassSecurityTrustHtml(icon.default));\n    });\n  }\n\n  ngOnDestroy() {\n    clearTimeout(this.debounceTimeout);\n  }\n\n  onSearchtermChange(searchterm: string) {\n    this.searchterm.set(searchterm);\n  }\n\n  onSuggestionClicked(suggestion: T) {\n    this.selectedItem.set(suggestion);\n    this.isOpen.set(false);\n    this.searchterm.set('');\n  }\n}\n","<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsEnterSearchTermTemplate]',\n  standalone: false,\n})\nexport class BsEnterSearchTermTemplateDirective<T extends HasId<U>, U> {\n  constructor() {\n    const searchbox = inject<BsSearchboxComponent<T, U>>(BsSearchboxComponent);\n    const template = inject<TemplateRef<T>>(TemplateRef);\n    searchbox.enterSearchtermTemplate = template;\n  }\n}\n","import { Directive, inject, Input, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsSuggestionTemplate]',\n  standalone: false,\n})\nexport class BsSuggestionTemplateDirective<TData extends HasId<U>, U> {\n  private searchbox = inject<BsSearchboxComponent<TData, U>>(BsSearchboxComponent);\n\n  constructor() {\n    const template = inject<TemplateRef<BsSuggestionTemplateContext<TData, U>>>(TemplateRef);\n    this.searchbox.suggestionTemplate = template;\n  }\n  \n  public static ngTemplateContextGuard<TData extends HasId<U>, U>(\n    dir: BsSuggestionTemplateDirective<TData, U>,\n    ctx: any\n  ): ctx is BsSuggestionTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  @Input() set bsSuggestionTemplateOf(value: TData[]) {\n    this.searchbox.suggestions.set(value);\n  }\n}\n\nexport class BsSuggestionTemplateContext<TData extends HasId<U>, U> {\n  public $implicit: TData = null!;\n  public searchbox: BsSearchboxComponent<TData, U> = null!;\n}","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsNoResultsTemplate]',\n  standalone: false,\n})\nexport class BsNoResultsTemplateDirective<T extends HasId<U>, U> {\n  constructor() {\n    const searchbox = inject<BsSearchboxComponent<T, U>>(BsSearchboxComponent);\n    const template = inject<TemplateRef<T>>(TemplateRef);\n    searchbox.noResultsTemplate = template;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { FocusOnLoadDirective } from '@mintplayer/ng-focus-on-load';\nimport { BsDropdownModule } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsProgressBarModule } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { BsDropdownMenuModule } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsSearchboxComponent } from './searchbox/searchbox.component';\nimport { BsEnterSearchTermTemplateDirective } from './directives/enter-search-term.directive';\nimport { BsSuggestionTemplateDirective } from './directives/suggestion.directive';\nimport { BsNoResultsTemplateDirective } from './directives/no-results.directive';\n\n@NgModule({\n  declarations: [\n    BsSearchboxComponent,\n    BsEnterSearchTermTemplateDirective,\n    BsSuggestionTemplateDirective,\n    BsNoResultsTemplateDirective,\n  ],\n  imports: [\n    FormsModule,\n    AsyncPipe,\n    NgTemplateOutlet,\n    FocusOnLoadDirective,\n    BsDropdownModule,\n    BsDropdownMenuModule,\n    BsButtonTypeDirective,\n    BsProgressBarModule,\n    BsHasOverlayComponent,\n  ],\n  exports: [\n    BsSearchboxComponent,\n    BsEnterSearchTermTemplateDirective,\n    BsSuggestionTemplateDirective,\n    BsNoResultsTemplateDirective,\n  ],\n})\nexport class BsSearchboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-searchbox.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/searchbox/src/searchbox/searchbox.component.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/searchbox/searchbox.component.html","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/enter-search-term.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/no-results.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/src/directives/suggestion.directive.ts","../../../../libs/mintplayer-ng-bootstrap/searchbox/mintplayer-ng-bootstrap-searchbox.ts"],"sourcesContent":["/// <reference types=\"../types\" />\n\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, model, OnDestroy, output, signal, TemplateRef, viewChild } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsFormComponent } from '@mintplayer/ng-bootstrap/form';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsDropdownDirective } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownToggleDirective } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuDirective } from '@mintplayer/ng-bootstrap/dropdown';\nimport { BsDropdownMenuComponent } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsDropdownItemComponent } from '@mintplayer/ng-bootstrap/dropdown-menu';\nimport { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';\nimport { BsProgressComponent } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { BsProgressBarComponent } from '@mintplayer/ng-bootstrap/progress-bar';\nimport { FocusOnLoadDirective } from '@mintplayer/ng-focus-on-load';\nimport { BsSuggestionTemplateContext } from '../directives';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Component({\n  selector: 'bs-searchbox',\n  templateUrl: './searchbox.component.html',\n  styleUrls: ['./searchbox.component.scss'],\n  imports: [\n    NgTemplateOutlet,\n    FormsModule,\n    FocusOnLoadDirective,\n    BsHasOverlayComponent,\n    BsDropdownDirective,\n    BsDropdownToggleDirective,\n    BsDropdownMenuDirective,\n    BsDropdownMenuComponent,\n    BsDropdownItemComponent,\n    BsButtonTypeDirective,\n    BsProgressComponent,\n    BsProgressBarComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsSearchboxComponent<T extends HasId<U>, U> implements OnDestroy {\n\n  private bsForm = inject(BsFormComponent, { optional: true });\n  private sanitizer = inject(DomSanitizer);\n\n  caretUpFill = signal<SafeHtml | undefined>(undefined);\n  caretDownFill = signal<SafeHtml | undefined>(undefined);\n  colors = Color;\n  isBusy = signal<boolean>(false);\n  readonly textbox = viewChild.required<ElementRef<HTMLInputElement>>('textbox');\n\n  isOpen = model(false);\n  selectedItem = model<T | undefined>(undefined);\n  searchterm = model('');\n\n  suggestions = model<T[]>([]);\n\n  suggestionTemplate?: TemplateRef<BsSuggestionTemplateContext<T, U>>;\n  enterSearchtermTemplate?: TemplateRef<T>;\n  noResultsTemplate?: TemplateRef<T>;\n  provideSuggestions = output<string>();\n\n  private debouncedSearchterm = signal('');\n  private debounceTimeout: any;\n\n  constructor() {\n    if (!this.bsForm) {\n      throw '<bs-searchbox> must be inside a <bs-form>';\n    }\n\n    effect(() => {\n      const searchterm = this.searchterm();\n      clearTimeout(this.debounceTimeout);\n      this.debounceTimeout = setTimeout(() => {\n        if (searchterm === '') {\n          // clear suggestions - will be handled by the template\n        } else {\n          this.isBusy.set(true);\n          this.provideSuggestions.emit(searchterm);\n        }\n      }, 200);\n    });\n\n    effect(() => {\n      const suggestions = this.suggestions();\n      if (suggestions) {\n        this.isBusy.set(false);\n      }\n    });\n\n    effect(() => {\n      const isOpen = this.isOpen();\n      if (isOpen) {\n        setTimeout(() => this.textbox()?.nativeElement?.setSelectionRange(0, -1), 20);\n      }\n    });\n\n    import('bootstrap-icons/icons/caret-up-fill.svg').then((icon) => {\n      this.caretUpFill.set(this.sanitizer.bypassSecurityTrustHtml(icon.default));\n    });\n    import('bootstrap-icons/icons/caret-down-fill.svg').then((icon) => {\n      this.caretDownFill.set(this.sanitizer.bypassSecurityTrustHtml(icon.default));\n    });\n  }\n\n  ngOnDestroy() {\n    clearTimeout(this.debounceTimeout);\n  }\n\n  onSearchtermChange(searchterm: string) {\n    this.searchterm.set(searchterm);\n  }\n\n  onSuggestionClicked(suggestion: T) {\n    this.selectedItem.set(suggestion);\n    this.isOpen.set(false);\n    this.searchterm.set('');\n  }\n}\n","<bs-has-overlay></bs-has-overlay>\n<div bsDropdown [(isOpen)]=\"isOpen\" [hasBackdrop]=\"false\" [sameDropdownWidth]=\"true\">\n    <button [color]=\"colors.primary\" class=\"d-flex w-100\" bsDropdownToggle>\n        <div class=\"flex-grow-1\">\n            @if (!selectedItem()) {\n                <ng-content></ng-content>\n            } @else if (suggestionTemplate) {\n                <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: selectedItem(), searchbox: this }\"></ng-container>\n            }\n        </div>\n        <span [innerHTML]=\"isOpen() ? caretUpFill() : caretDownFill()\" class=\"float-end\"></span>\n    </button>\n    <bs-dropdown-menu *bsDropdownMenu>\n        @if (isBusy()) {\n            <bs-progress [isIndeterminate]=\"true\" class=\"prog\">\n                <bs-progress-bar></bs-progress-bar>\n            </bs-progress>\n        }\n        <div class=\"w-100 px-2 mb-2\">\n            <input type=\"text\" #textbox autofocus class=\"form-control d-block\" [ngModel]=\"searchterm()\" (ngModelChange)=\"onSearchtermChange($event)\">\n        </div>\n\n        @if (searchterm() === '') {\n            <bs-dropdown-item [disabled]=\"true\">\n                <ng-container *ngTemplateOutlet=\"enterSearchtermTemplate ?? defaultEnterSearchtermTemplate; context: { }\"></ng-container>\n            </bs-dropdown-item>\n        } @else {\n            <div class=\"overflow-y-auto\" [style.max-height.px]=\"200\">\n                @for (suggestion of suggestions(); track suggestion) {\n                    <bs-dropdown-item (click)=\"onSuggestionClicked(suggestion)\" [isSelected]=\"selectedItem()?.id === suggestion.id\" [disabled]=\"isBusy()\">\n                        @if (suggestionTemplate) {\n                            <ng-container *ngTemplateOutlet=\"suggestionTemplate; context: { $implicit: suggestion, searchbox: this }\"></ng-container>\n                        }\n                    </bs-dropdown-item>\n                }\n                @if (suggestions().length === 0) {\n                    <bs-dropdown-item [disabled]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"noResultsTemplate ?? defaultNoResultsTemplate; context: { }\"></ng-container>\n                    </bs-dropdown-item>\n                }\n            </div>\n        }\n    </bs-dropdown-menu>\n</div>\n\n<ng-template #defaultEnterSearchtermTemplate>\n    Enter a search term\n</ng-template>\n<ng-template #defaultNoResultsTemplate>\n    No results\n</ng-template>\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsEnterSearchTermTemplate]',\n})\nexport class BsEnterSearchTermTemplateDirective<T extends HasId<U>, U> {\n  constructor() {\n    const searchbox = inject<BsSearchboxComponent<T, U>>(BsSearchboxComponent);\n    const template = inject<TemplateRef<T>>(TemplateRef);\n    searchbox.enterSearchtermTemplate = template;\n  }\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsNoResultsTemplate]',\n})\nexport class BsNoResultsTemplateDirective<T extends HasId<U>, U> {\n  constructor() {\n    const searchbox = inject<BsSearchboxComponent<T, U>>(BsSearchboxComponent);\n    const template = inject<TemplateRef<T>>(TemplateRef);\n    searchbox.noResultsTemplate = template;\n  }\n}\n","import { Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { HasId } from '@mintplayer/ng-bootstrap/has-id';\nimport { BsSearchboxComponent } from '../searchbox/searchbox.component';\n\n@Directive({\n  selector: '[bsSuggestionTemplate]',\n})\nexport class BsSuggestionTemplateDirective<TData extends HasId<U>, U> {\n  private searchbox = inject<BsSearchboxComponent<TData, U>>(BsSearchboxComponent);\n\n  constructor() {\n    const template = inject<TemplateRef<BsSuggestionTemplateContext<TData, U>>>(TemplateRef);\n    this.searchbox.suggestionTemplate = template;\n\n    effect(() => {\n      const value = this.bsSuggestionTemplateOf();\n      if (value) {\n        this.searchbox.suggestions.set(value);\n      }\n    });\n  }\n\n  public static ngTemplateContextGuard<TData extends HasId<U>, U>(\n    dir: BsSuggestionTemplateDirective<TData, U>,\n    ctx: any\n  ): ctx is BsSuggestionTemplateContext<Exclude<TData, false | 0 | '' | null | undefined>, U> {\n    return true;\n  }\n\n  readonly bsSuggestionTemplateOf = input<TData[] | undefined>(undefined);\n}\n\nexport class BsSuggestionTemplateContext<TData extends HasId<U>, U> {\n  public $implicit: TData = null!;\n  public searchbox: BsSearchboxComponent<TData, U> = null!;\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}