@net7/boilerplate-muruca 5.5.8 → 5.5.9

package/fesm2022/net7-boilerplate-muruca.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Input, Component, TemplateRef, ContentChild, ElementRef, ViewChild, NgModule } from '@angular/core';
+import { Injectable, Pipe, Input, Component, HostListener, TemplateRef, ContentChild, ElementRef, ViewChild, NgModule } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i7 from '@net7/components';
@@ -4172,6 +4172,70 @@ class MrInputCheckboxEH extends EventHandler {
     }
 }
 
+class MrInputTypeaheadDS extends DataSource {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            value: null,
+            disabled: false,
+            hidden: false,
+        };
+        this.getState = () => this.state;
+    }
+    transform(data) {
+        return {
+            ...data,
+            placeholder: _t(data.placeholder)
+        };
+    }
+    setState(newState) {
+        this.state = {
+            ...this.state,
+            ...newState
+        };
+        this.refresh();
+    }
+    clear() {
+        this.setState({ value: null });
+    }
+    refresh() {
+        const { value, hidden, disabled } = this.state;
+        // render value
+        this.output.value = value;
+        // fix element update (same DOM hack as MrInputTextDS)
+        const el = document.getElementById(this.id);
+        if (el) {
+            el.value = value;
+        }
+        // render disabled
+        this.output.disabled = disabled;
+        // render hidden
+        this.output.classes = hidden ? 'is-hidden' : '';
+    }
+}
+
+class MrInputTypeaheadEH extends EventHandler {
+    listen() {
+        this.innerEvents$.subscribe(({ type, payload }) => {
+            switch (type) {
+                case `${this.dataSource.id}.change`: {
+                    const { value } = payload;
+                    // set new value
+                    this.dataSource.setState({ value });
+                    // emit changed signal
+                    this.changed$.next({
+                        id: this.dataSource.id,
+                        state: this.dataSource.getState()
+                    });
+                    break;
+                }
+                default:
+                    break;
+            }
+        });
+    }
+}
+
 class MrFormModel {
     constructor() {
         this.loaded$ = new ReplaySubject();
@@ -4188,6 +4252,10 @@ class MrFormModel {
             checkbox: {
                 ds: MrInputCheckboxDS,
                 eh: MrInputCheckboxEH
+            },
+            typeahead: {
+                ds: MrInputTypeaheadDS,
+                eh: MrInputTypeaheadEH
             }
         };
         this.changed$ = new Subject();
@@ -4377,8 +4445,8 @@ class MrAdvancedSearchLayoutDS extends LayoutDataSource {
                 if (input.data.legend) {
                     input.data.legend = _t(input.data.legend);
                 }
-                // input text
-                if (input.type === 'text') {
+                // input text / typeahead
+                if (input.type === 'text' || input.type === 'typeahead') {
                     if (input.data.placeholder) {
                         input.data.placeholder = _t(input.data.placeholder);
                     }
@@ -4396,7 +4464,7 @@ class MrAdvancedSearchLayoutDS extends LayoutDataSource {
                     });
                 }
                 // info tooltip
-                if (input.info && input.data.label && ['text', 'select'].includes(input.type)) {
+                if (input.info && input.data.label && ['text', 'select', 'typeahead'].includes(input.type)) {
                     const inputData = input.data;
                     if (/n7-icon/.test(input.data.label))
                         return;
@@ -4481,6 +4549,144 @@ const MrAdvancedSearchLayoutConfig = {
     layoutOptions: {}
 };
 
+/**
+ * MrInputTypeaheadComponent
+ *
+ * A text input with an inline autocomplete dropdown. Supports two modes:
+ *
+ * 1. **Static (local) filtering** — provide a fixed list of strings via `data.options`.
+ *    No API call is made; suggestions are filtered client-side on every keystroke.
+ *
+ *    ```ts
+ *    {
+ *      id: 'my-field',
+ *      type: 'typeahead',
+ *      data: {
+ *        id: 'my-field',
+ *        label: 'My Field',
+ *        options: ['Apple', 'Banana', 'Cherry'],
+ *      }
+ *    }
+ *    ```
+ *
+ * 2. **Dynamic (API) autocomplete** — omit `data.options` and provide
+ *    `data.communicationKey` instead. The component calls
+ *    `CommunicationService.request$(communicationKey, { queryParams: { q } })`
+ *    after a 200 ms debounce. The endpoint must return `string[]`.
+ *
+ *    ```ts
+ *    {
+ *      id: 'my-field',
+ *      type: 'typeahead',
+ *      data: {
+ *        id: 'my-field',
+ *        label: 'My Field',
+ *        communicationKey: 'myAutocompleteEndpoint',
+ *      }
+ *    }
+ *    ```
+ *
+ * Suggestions appear after 2 characters are typed. Tab completes with the first
+ * suggestion. Clicking outside dismisses the dropdown.
+ */
+class MrInputTypeaheadComponent {
+    constructor(communication, el) {
+        this.communication = communication;
+        this.el = el;
+        this.suggestions = [];
+        this.isLoading = false;
+        this.currentQuery = '';
+        /** Wraps the form emit to intercept change events for autocomplete fetching */
+        this.localEmit = (type, payload) => {
+            this.emit(type, payload);
+            if (type === 'change') {
+                this.onValueChange(payload?.value || '');
+            }
+        };
+    }
+    /** Wraps the first occurrence of `query` in `text` with a <strong> tag */
+    highlight(text, query) {
+        if (!query)
+            return text;
+        const idx = text.toLowerCase().indexOf(query.toLowerCase());
+        if (idx === -1)
+            return text;
+        return (text.slice(0, idx) +
+            '<strong>' + text.slice(idx, idx + query.length) + '</strong>' +
+            text.slice(idx + query.length));
+    }
+    /** Completes with the first suggestion on Tab */
+    onKeydown(event) {
+        if (event.key === 'Tab' && this.suggestions.length > 0) {
+            event.preventDefault();
+            this.onSelect(this.suggestions[0]);
+        }
+    }
+    /** Selects a suggestion, updates the input and form state */
+    onSelect(suggestion, event) {
+        if (event)
+            event.preventDefault();
+        this.emit('change', { value: suggestion });
+        this.suggestions = [];
+        this.isLoading = false;
+        const input = this.el.nativeElement.querySelector('input');
+        if (input)
+            input.value = suggestion;
+    }
+    onDocumentClick(event) {
+        if (!this.el.nativeElement.contains(event.target)) {
+            this.suggestions = [];
+            this.isLoading = false;
+        }
+    }
+    ngOnDestroy() {
+        clearTimeout(this.timer);
+    }
+    onValueChange(value) {
+        clearTimeout(this.timer);
+        this.currentQuery = value;
+        if (!value || value.length < 2) {
+            this.suggestions = [];
+            this.isLoading = false;
+            return;
+        }
+        // Static options: filter locally, no API call needed
+        if (Array.isArray(this.data?.options)) {
+            const q = value.toLowerCase();
+            this.suggestions = this.data.options
+                .filter((o) => o.toLowerCase().includes(q))
+                .slice(0, 20);
+            return;
+        }
+        this.isLoading = true;
+        this.timer = setTimeout(() => {
+            this.communication.request$(this.data.communicationKey, {
+                queryParams: { q: value },
+                onError: () => {
+                    this.isLoading = false;
+                    this.suggestions = [];
+                }
+            }).subscribe((res) => {
+                this.isLoading = false;
+                this.suggestions = res || [];
+            });
+        }, 200);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrInputTypeaheadComponent, deps: [{ token: i1.CommunicationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrInputTypeaheadComponent, selector: "mr-input-typeahead", inputs: { data: "data", emit: "emit" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"mr-input-typeahead\" (keydown)=\"onKeydown($event)\">\n    <n7-input-text\n        [data]=\"data\"\n        [emit]=\"localEmit\">\n    </n7-input-text>\n    <ul *ngIf=\"suggestions.length > 0\" class=\"mr-input-typeahead__dropdown\">\n        <li *ngFor=\"let s of suggestions\"\n            class=\"mr-input-typeahead__option\"\n            (mousedown)=\"onSelect(s, $event)\">\n            <span [innerHTML]=\"highlight(s, currentQuery)\"></span>\n        </li>\n    </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrInputTypeaheadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mr-input-typeahead', template: "<div class=\"mr-input-typeahead\" (keydown)=\"onKeydown($event)\">\n    <n7-input-text\n        [data]=\"data\"\n        [emit]=\"localEmit\">\n    </n7-input-text>\n    <ul *ngIf=\"suggestions.length > 0\" class=\"mr-input-typeahead__dropdown\">\n        <li *ngFor=\"let s of suggestions\"\n            class=\"mr-input-typeahead__option\"\n            (mousedown)=\"onSelect(s, $event)\">\n            <span [innerHTML]=\"highlight(s, currentQuery)\"></span>\n        </li>\n    </ul>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.CommunicationService }, { type: i0.ElementRef }], propDecorators: { data: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 class MrFormComponent {
     ngOnInit() {
         if (this.group) {
@@ -4498,11 +4704,11 @@ class MrFormComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrFormComponent, selector: "mr-form", inputs: { form: "form", group: "group" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n    <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n         [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection  }\" >\n        \n        <div class=\"mr-form__section-header\">\n            <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n            <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n        </div>\n        \n        <div class=\"mr-form__section-content\">\n            <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n                <ng-container [ngSwitch]=\"input.type\">\n\n                    <!-- INPUT TEXT -->\n                    <n7-input-text *ngSwitchCase=\"'text'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n                    <!-- INPUT CHECKBOX -->\n                    <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n                    <!-- INPUT SELECT -->\n                    <n7-input-select *ngSwitchCase=\"'select'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n                    <!-- DEFAULT (external template) -->\n                    <ng-container *ngSwitchDefault>\n                        <ng-template *ngTemplateOutlet=\"\n                        templateRef; \n                        context: { \n                            type: input.type, \n                            input: form.inputs[input.id] \n                        }\"></ng-template>\n                    </ng-container>\n\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i7.InputCheckboxComponent, selector: "n7-input-checkbox", inputs: ["data", "emit"] }, { kind: "component", type: i7.InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }, { kind: "component", type: i7.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrFormComponent, selector: "mr-form", inputs: { form: "form", group: "group" }, queries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n    <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n         [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection  }\" >\n        \n        <div class=\"mr-form__section-header\">\n            <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n            <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n        </div>\n        \n        <div class=\"mr-form__section-content\">\n            <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n                <ng-container [ngSwitch]=\"input.type\">\n\n                    <!-- INPUT TEXT -->\n                    <n7-input-text *ngSwitchCase=\"'text'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n                    <!-- INPUT CHECKBOX -->\n                    <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n                    <!-- INPUT SELECT -->\n                    <n7-input-select *ngSwitchCase=\"'select'\"\n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n                    <!-- INPUT TYPEAHEAD -->\n                    <mr-input-typeahead *ngSwitchCase=\"'typeahead'\"\n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></mr-input-typeahead>\n\n                    <!-- DEFAULT (external template) -->\n                    <ng-container *ngSwitchDefault>\n                        <ng-template *ngTemplateOutlet=\"\n                        templateRef; \n                        context: { \n                            type: input.type, \n                            input: form.inputs[input.id] \n                        }\"></ng-template>\n                    </ng-container>\n\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i7.InputCheckboxComponent, selector: "n7-input-checkbox", inputs: ["data", "emit"] }, { kind: "component", type: i7.InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }, { kind: "component", type: i7.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }, { kind: "component", type: MrInputTypeaheadComponent, selector: "mr-input-typeahead", inputs: ["data", "emit"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mr-form', template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n    <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n         [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection  }\" >\n        \n        <div class=\"mr-form__section-header\">\n            <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n            <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n        </div>\n        \n        <div class=\"mr-form__section-content\">\n            <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n                <ng-container [ngSwitch]=\"input.type\">\n\n                    <!-- INPUT TEXT -->\n                    <n7-input-text *ngSwitchCase=\"'text'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n                    <!-- INPUT CHECKBOX -->\n                    <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n                    <!-- INPUT SELECT -->\n                    <n7-input-select *ngSwitchCase=\"'select'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n                    <!-- DEFAULT (external template) -->\n                    <ng-container *ngSwitchDefault>\n                        <ng-template *ngTemplateOutlet=\"\n                        templateRef; \n                        context: { \n                            type: input.type, \n                            input: form.inputs[input.id] \n                        }\"></ng-template>\n                    </ng-container>\n\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'mr-form', template: "<div *ngIf=\"form.loaded$ | async\" class=\"mr-form {{ group?.classes || '' }}\">\n    <div *ngFor=\"let section of sections\" class=\"mr-form__section {{ section.classes || '' }}\" \n         [ngClass]=\"{ 'mr-form__section-advanced' : section.advancedSection  }\" >\n        \n        <div class=\"mr-form__section-header\">\n            <h3 *ngIf=\"section.title\" class=\"mr-form__section-title\">{{ section.title }}</h3>\n            <p *ngIf=\"section.description\" class=\"mr-form__section-description\">{{ section.description }}</p>\n        </div>\n        \n        <div class=\"mr-form__section-content\">\n            <div *ngFor=\"let input of section.inputs\" class=\"mr-form__element {{ input.options?.classes || '' }}\">\n                <ng-container [ngSwitch]=\"input.type\">\n\n                    <!-- INPUT TEXT -->\n                    <n7-input-text *ngSwitchCase=\"'text'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-text>\n\n                    <!-- INPUT CHECKBOX -->\n                    <n7-input-checkbox *ngSwitchCase=\"'checkbox'\" \n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-checkbox>\n\n                    <!-- INPUT SELECT -->\n                    <n7-input-select *ngSwitchCase=\"'select'\"\n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></n7-input-select>\n\n                    <!-- INPUT TYPEAHEAD -->\n                    <mr-input-typeahead *ngSwitchCase=\"'typeahead'\"\n                        [data]=\"form.inputs[input.id].ds.out$ | async\"\n                        [emit]=\"form.inputs[input.id].emit\"></mr-input-typeahead>\n\n                    <!-- DEFAULT (external template) -->\n                    <ng-container *ngSwitchDefault>\n                        <ng-template *ngTemplateOutlet=\"\n                        templateRef; \n                        context: { \n                            type: input.type, \n                            input: form.inputs[input.id] \n                        }\"></ng-template>\n                    </ng-container>\n\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { form: [{
                 type: Input
             }], group: [{
@@ -8601,6 +8807,7 @@ const COMPONENTS = [
     MrGalleryComponent,
     MrAdvancedResultComponent,
     MrMetadataDynamicComponent,
+    MrInputTypeaheadComponent,
 ];
 class N7BoilerplateMurucaModule {
     constructor(localeService, mainState, router) {
@@ -8645,7 +8852,8 @@ class N7BoilerplateMurucaModule {
             MrResourceModalComponent,
             MrGalleryComponent,
             MrAdvancedResultComponent,
-            MrMetadataDynamicComponent], imports: [CommonModule,
+            MrMetadataDynamicComponent,
+            MrInputTypeaheadComponent], imports: [CommonModule,
             DvComponentsLibModule,
             N7BoilerplateCommonModule], exports: [
             // Layout components
@@ -8670,7 +8878,8 @@ class N7BoilerplateMurucaModule {
             MrResourceModalComponent,
             MrGalleryComponent,
             MrAdvancedResultComponent,
-            MrMetadataDynamicComponent] }); }
+            MrMetadataDynamicComponent,
+            MrInputTypeaheadComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: N7BoilerplateMurucaModule, providers: [
             MrSearchService,
             MrLayoutStateService,
@@ -8966,5 +9175,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DynamicPathGuard, FACETS_REQUEST_STATE_CONTEXT, FACET_STATE_CONTEXT, INPUT_STATE_CONTEXT, LayoutState, LocaleDependenciesGuard, MrAdvancedResultComponent, MrAdvancedResultsLayoutComponent, MrAdvancedResultsLayoutConfig, MrAdvancedResultsLayoutDS, MrAdvancedResultsLayoutEH, MrAdvancedSearchLayoutComponent, MrAdvancedSearchLayoutConfig, MrAdvancedSearchLayoutDS, MrAdvancedSearchLayoutEH, MrAdvancedSearchTagsDS, MrBreadcrumbsDS, MrButtonDS, MrButtonEH, MrCollectionDS, MrCollectionEH, MrContentDS, MrDummyEH, MrFiltersDS, MrFiltersEH, MrFooterService, MrFormComponent, MrFormWrapperAccordionComponent, MrFormWrapperAccordionDS, MrFormWrapperAccordionEH, MrGalleryComponent, MrGalleryDS, MrGalleryEH, MrHeroDS, MrHomeLayoutComponent, MrHomeLayoutConfig, MrHomeLayoutDS, MrHomeLayoutEH, MrImageViewerDS, MrImageViewerIiifDS, MrImageViewerOverlayDetailsDS, MrImageViewerToolsDS, MrInfoBoxDS, MrInnerTitleDS, MrItemPreviewDS, MrItemPreviewsDS, MrItineraryLayoutComponent, MrItineraryLayoutConfig, MrItineraryLayoutDS, MrItineraryLayoutEH, MrLayoutStateService, MrLocaleService, MrMapDS, MrMapEH, MrMapLayoutComponent, MrMapLayoutConfig, MrMapLayoutDS, MrMapLayoutEH, MrMenuService, MrMetadataDS, MrMetadataDynamicComponent, MrMetadataDynamicDS, MrMetadataDynamicEH, MrMetadataReadmoreComponent, MrNavDS, MrNavEH, MrNetworkDS, MrNetworkEH, MrNetworkLayoutComponent, MrNetworkLayoutConfig, MrNetworkLayoutDS, MrNetworkLayoutEH, MrNetworkResourceDS, MrNetworkResourceEH, MrParallelTextViewerDS, MrParallelTextViewerEH, MrPostsLayoutComponent, MrPostsLayoutConfig, MrPostsLayoutDS, MrPostsLayoutEH, MrResourceLayoutComponent, MrResourceLayoutConfig, MrResourceLayoutDS, MrResourceLayoutEH, MrResourceModalComponent, MrResourceModalService, MrResourceTabsDS, MrSearchFacetsLayoutComponent, MrSearchLayoutComponent, MrSearchLayoutConfig, MrSearchLayoutDS, MrSearchLayoutEH, MrSearchPageDescriptionComponent, MrSearchPageDescriptionDS, MrSearchPageDescriptionEH, MrSearchPageTitleDS, MrSearchPageTitleEH, MrSearchResultsDS, MrSearchResultsEH, MrSearchResultsTitleDS, MrSearchResultsTitleEH, MrSearchService, MrSearchTagsDS, MrSearchTagsEH, MrStaticLayoutComponent, MrStaticLayoutConfig, MrStaticLayoutDS, MrStaticLayoutEH, MrStaticMetadataDS, MrTextViewerDS, MrTextViewerEH, MrTimelineDS, MrTimelineEH, MrTimelineLayoutComponent, MrTimelineLayoutConfig, MrTimelineLayoutDS, MrTimelineLayoutEH, MrTranslationsLoaderService, MrYearHeaderDS, MrYearHeaderEH, N7BoilerplateMurucaModule, RESULTS_REQUEST_STATE_CONTEXT, ReadMoreComponent, SECTION_STATE_CONTEXT, SearchFacetsLayoutConfig, SearchFacetsLayoutDS, SearchFacetsLayoutEH };
+export { DynamicPathGuard, FACETS_REQUEST_STATE_CONTEXT, FACET_STATE_CONTEXT, INPUT_STATE_CONTEXT, LayoutState, LocaleDependenciesGuard, MrAdvancedResultComponent, MrAdvancedResultsLayoutComponent, MrAdvancedResultsLayoutConfig, MrAdvancedResultsLayoutDS, MrAdvancedResultsLayoutEH, MrAdvancedSearchLayoutComponent, MrAdvancedSearchLayoutConfig, MrAdvancedSearchLayoutDS, MrAdvancedSearchLayoutEH, MrAdvancedSearchTagsDS, MrBreadcrumbsDS, MrButtonDS, MrButtonEH, MrCollectionDS, MrCollectionEH, MrContentDS, MrDummyEH, MrFiltersDS, MrFiltersEH, MrFooterService, MrFormComponent, MrFormWrapperAccordionComponent, MrFormWrapperAccordionDS, MrFormWrapperAccordionEH, MrGalleryComponent, MrGalleryDS, MrGalleryEH, MrHeroDS, MrHomeLayoutComponent, MrHomeLayoutConfig, MrHomeLayoutDS, MrHomeLayoutEH, MrImageViewerDS, MrImageViewerIiifDS, MrImageViewerOverlayDetailsDS, MrImageViewerToolsDS, MrInfoBoxDS, MrInnerTitleDS, MrInputTypeaheadComponent, MrItemPreviewDS, MrItemPreviewsDS, MrItineraryLayoutComponent, MrItineraryLayoutConfig, MrItineraryLayoutDS, MrItineraryLayoutEH, MrLayoutStateService, MrLocaleService, MrMapDS, MrMapEH, MrMapLayoutComponent, MrMapLayoutConfig, MrMapLayoutDS, MrMapLayoutEH, MrMenuService, MrMetadataDS, MrMetadataDynamicComponent, MrMetadataDynamicDS, MrMetadataDynamicEH, MrMetadataReadmoreComponent, MrNavDS, MrNavEH, MrNetworkDS, MrNetworkEH, MrNetworkLayoutComponent, MrNetworkLayoutConfig, MrNetworkLayoutDS, MrNetworkLayoutEH, MrNetworkResourceDS, MrNetworkResourceEH, MrParallelTextViewerDS, MrParallelTextViewerEH, MrPostsLayoutComponent, MrPostsLayoutConfig, MrPostsLayoutDS, MrPostsLayoutEH, MrResourceLayoutComponent, MrResourceLayoutConfig, MrResourceLayoutDS, MrResourceLayoutEH, MrResourceModalComponent, MrResourceModalService, MrResourceTabsDS, MrSearchFacetsLayoutComponent, MrSearchLayoutComponent, MrSearchLayoutConfig, MrSearchLayoutDS, MrSearchLayoutEH, MrSearchPageDescriptionComponent, MrSearchPageDescriptionDS, MrSearchPageDescriptionEH, MrSearchPageTitleDS, MrSearchPageTitleEH, MrSearchResultsDS, MrSearchResultsEH, MrSearchResultsTitleDS, MrSearchResultsTitleEH, MrSearchService, MrSearchTagsDS, MrSearchTagsEH, MrStaticLayoutComponent, MrStaticLayoutConfig, MrStaticLayoutDS, MrStaticLayoutEH, MrStaticMetadataDS, MrTextViewerDS, MrTextViewerEH, MrTimelineDS, MrTimelineEH, MrTimelineLayoutComponent, MrTimelineLayoutConfig, MrTimelineLayoutDS, MrTimelineLayoutEH, MrTranslationsLoaderService, MrYearHeaderDS, MrYearHeaderEH, N7BoilerplateMurucaModule, RESULTS_REQUEST_STATE_CONTEXT, ReadMoreComponent, SECTION_STATE_CONTEXT, SearchFacetsLayoutConfig, SearchFacetsLayoutDS, SearchFacetsLayoutEH };
 //# sourceMappingURL=net7-boilerplate-muruca.mjs.map