@guajiritos/general-autocomplete 0.0.11 → 0.1.1

package/{fesm2020 → fesm2022}/guajiritos-general-autocomplete.mjs

@@ -1,29 +1,29 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewChild, Input, Output, NgModule } from '@angular/core';
-import * as i4 from '@angular/forms';
-import { UntypedFormControl, Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { Injectable, Pipe, NgModule, signal, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewChild, Input, Output } from '@angular/core';
+import * as i7 from '@angular/forms';
+import { UntypedFormControl, Validators, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { Subject, takeUntil, debounceTime } from 'rxjs';
+import * as i5 from '@angular/common';
+import { CurrencyPipe, UpperCasePipe, NgClass, NgIf, NgForOf, NgStyle, NgTemplateOutlet } from '@angular/common';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i8 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i9 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i10 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { map } from 'rxjs/operators';
 import merge from 'lodash.merge';
-import * as i3 from '@angular/common';
-import { CommonModule, UpperCasePipe, CurrencyPipe } from '@angular/common';
-import * as i5 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i6 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i7 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i8 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i9 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i10 from '@angular/material/autocomplete';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i11 from '@angular/material/core';
+import * as i5$1 from '@angular/material/core';
 
 var CustomPipes;
 (function (CustomPipes) {
@@ -192,10 +192,10 @@ class AutocompleteService {
             return result;
         }));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AutocompleteService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AutocompleteService, providedIn: 'root' }); }
 }
-AutocompleteService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AutocompleteService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-AutocompleteService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AutocompleteService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AutocompleteService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AutocompleteService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -238,16 +238,45 @@ class UtilsService {
             return prev ? prev[curr] : null;
         }, obj || self);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: UtilsService, providedIn: 'root' }); }
 }
-UtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-UtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UtilsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: UtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: UtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }] });
 
+class DurationTimePipe {
+    transform(value) {
+        return UtilsService.getTimePretty(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: DurationTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: DurationTimePipe, name: "durationTime" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: DurationTimePipe }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: DurationTimePipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'durationTime' }]
+        }] });
+
+class HumanizeDurationPipe {
+    transform(input) {
+        return UtilsService.humanizeDuration(input);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: HumanizeDurationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: HumanizeDurationPipe, name: "humanizeDuration" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: HumanizeDurationPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'humanizeDuration'
+                }]
+        }] });
+
 class I18nFieldPipe {
     transform(value, lang) {
         if (!value) {
@@ -266,43 +295,14 @@ class I18nFieldPipe {
         }
         return value[lang] || 'No está definido';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: I18nFieldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: I18nFieldPipe, name: "i18nField" }); }
 }
-I18nFieldPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: I18nFieldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-I18nFieldPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: I18nFieldPipe, name: "i18nField" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: I18nFieldPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: I18nFieldPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'i18nField' }]
         }] });
 
-class DurationTimePipe {
-    transform(value) {
-        return UtilsService.getTimePretty(value);
-    }
-}
-DurationTimePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DurationTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DurationTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: DurationTimePipe, name: "durationTime" });
-DurationTimePipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DurationTimePipe });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DurationTimePipe, decorators: [{
-            type: Injectable
-        }, {
-            type: Pipe,
-            args: [{ name: 'durationTime' }]
-        }] });
-
-class HumanizeDurationPipe {
-    transform(input) {
-        return UtilsService.humanizeDuration(input);
-    }
-}
-HumanizeDurationPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HumanizeDurationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-HumanizeDurationPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: HumanizeDurationPipe, name: "humanizeDuration" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: HumanizeDurationPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'humanizeDuration'
-                }]
-        }] });
-
 class IdaReturnPipe {
     transform(value) {
         if (value === CustomPipes.IDA_RETURN) {
@@ -312,11 +312,11 @@ class IdaReturnPipe {
             return 'solo Ida';
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: IdaReturnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: IdaReturnPipe, name: "idaReturn" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: IdaReturnPipe }); }
 }
-IdaReturnPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: IdaReturnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-IdaReturnPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: IdaReturnPipe, name: "idaReturn" });
-IdaReturnPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: IdaReturnPipe });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: IdaReturnPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: IdaReturnPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -334,11 +334,11 @@ class ShowRolesPipe {
         }
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowRolesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: ShowRolesPipe, name: "showSegments" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowRolesPipe }); }
 }
-ShowRolesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowRolesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ShowRolesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ShowRolesPipe, name: "showSegments" });
-ShowRolesPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowRolesPipe });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowRolesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowRolesPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -356,11 +356,11 @@ class ShowSegmentsPipe {
         }
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowSegmentsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: ShowSegmentsPipe, name: "showSegments" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowSegmentsPipe }); }
 }
-ShowSegmentsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowSegmentsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ShowSegmentsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ShowSegmentsPipe, name: "showSegments" });
-ShowSegmentsPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowSegmentsPipe });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowSegmentsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowSegmentsPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -378,11 +378,11 @@ class ShowTransportTypesPipe {
         }
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowTransportTypesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: ShowTransportTypesPipe, name: "showTransportTypes" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowTransportTypesPipe }); }
 }
-ShowTransportTypesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowTransportTypesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ShowTransportTypesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ShowTransportTypesPipe, name: "showTransportTypes" });
-ShowTransportTypesPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowTransportTypesPipe });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ShowTransportTypesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ShowTransportTypesPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -402,7 +402,7 @@ class ResolvePropertyPath {
     }
     transform(obj, path) {
         let result = '';
-        path?.forEach(item => {
+        path?.forEach((item) => {
             if (item?.type === 'divider') {
                 result += item?.divider;
             }
@@ -443,35 +443,113 @@ class ResolvePropertyPath {
         });
         return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ResolvePropertyPath, deps: [{ token: ShowSegmentsPipe }, { token: ShowRolesPipe }, { token: ShowTransportTypesPipe }, { token: IdaReturnPipe }, { token: i5.CurrencyPipe }, { token: HumanizeDurationPipe }, { token: i5.UpperCasePipe }, { token: DurationTimePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: ResolvePropertyPath, name: "resolvePropertyPath" }); }
 }
-ResolvePropertyPath.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResolvePropertyPath, deps: [{ token: ShowSegmentsPipe }, { token: ShowRolesPipe }, { token: ShowTransportTypesPipe }, { token: IdaReturnPipe }, { token: i3.CurrencyPipe }, { token: HumanizeDurationPipe }, { token: i3.UpperCasePipe }, { token: DurationTimePipe }], target: i0.ɵɵFactoryTarget.Pipe });
-ResolvePropertyPath.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ResolvePropertyPath, name: "resolvePropertyPath" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResolvePropertyPath, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: ResolvePropertyPath, decorators: [{
             type: Pipe,
             args: [{ name: 'resolvePropertyPath' }]
-        }], ctorParameters: function () { return [{ type: ShowSegmentsPipe }, { type: ShowRolesPipe }, { type: ShowTransportTypesPipe }, { type: IdaReturnPipe }, { type: i3.CurrencyPipe }, { type: HumanizeDurationPipe }, { type: i3.UpperCasePipe }, { type: DurationTimePipe }]; } });
+        }], ctorParameters: function () { return [{ type: ShowSegmentsPipe }, { type: ShowRolesPipe }, { type: ShowTransportTypesPipe }, { type: IdaReturnPipe }, { type: i5.CurrencyPipe }, { type: HumanizeDurationPipe }, { type: i5.UpperCasePipe }, { type: DurationTimePipe }]; } });
 
-class GuajiritosGeneralAutocompleteComponent {
-    constructor(_autocompleteService, _cdRef, _zone, translateService) {
+class PipesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: PipesModule, declarations: [DurationTimePipe,
+            HumanizeDurationPipe,
+            I18nFieldPipe,
+            IdaReturnPipe,
+            ResolvePropertyPath,
+            ShowRolesPipe,
+            ShowSegmentsPipe,
+            ShowTransportTypesPipe], imports: [CurrencyPipe,
+            UpperCasePipe], exports: [DurationTimePipe,
+            HumanizeDurationPipe,
+            I18nFieldPipe,
+            IdaReturnPipe,
+            ResolvePropertyPath,
+            ShowRolesPipe,
+            ShowSegmentsPipe,
+            ShowTransportTypesPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: PipesModule, providers: [
+            DurationTimePipe,
+            HumanizeDurationPipe,
+            I18nFieldPipe,
+            IdaReturnPipe,
+            ResolvePropertyPath,
+            ShowRolesPipe,
+            ShowSegmentsPipe,
+            ShowTransportTypesPipe,
+            CurrencyPipe,
+            UpperCasePipe
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: PipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DurationTimePipe,
+                        HumanizeDurationPipe,
+                        I18nFieldPipe,
+                        IdaReturnPipe,
+                        ResolvePropertyPath,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe,
+                    ],
+                    imports: [
+                        CurrencyPipe,
+                        UpperCasePipe
+                    ],
+                    exports: [
+                        DurationTimePipe,
+                        HumanizeDurationPipe,
+                        I18nFieldPipe,
+                        IdaReturnPipe,
+                        ResolvePropertyPath,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe
+                    ],
+                    providers: [
+                        DurationTimePipe,
+                        HumanizeDurationPipe,
+                        I18nFieldPipe,
+                        IdaReturnPipe,
+                        ResolvePropertyPath,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe,
+                        CurrencyPipe,
+                        UpperCasePipe
+                    ]
+                }]
+        }] });
+
+class GuajiritosGeneralAutocomplete {
+    constructor(_autocompleteService, _zone, translateService) {
         this._autocompleteService = _autocompleteService;
-        this._cdRef = _cdRef;
         this._zone = _zone;
         this.translateService = translateService;
         this.unsubscribeAll$ = new Subject();
-        this.firstCall = true;
-        this.restrictionsFilters = [];
-        this.required = true;
+        this.firstCall = signal(false);
+        this.selectedElement = signal(null);
+        this._url = signal(null);
+        this.restrictionsFilters = signal([]);
+        this.value = signal(null);
+        this.disabledButton = signal(false);
+        this.loading = signal(false);
+        this.required = signal(false);
+        this.filteredOptions = signal([]);
         this.component = new UntypedFormControl({
             value: null, disabled: false
         });
-        this.disabledButton = false;
-        this.loading = false;
         /**
          * Possible values 'never', 'auto' or 'always'
          */
         this.floatLabel = 'auto';
         this.debounceTimeValue = 250;
         this.label = 'Seleccione';
+        this.appearance = 'outline';
+        this.color = 'accent';
         this.placeholder = 'Seleccione un elemento';
         this.field = ['name'];
         this.filterString = 'filter[$and][name][$like]';
@@ -507,18 +585,17 @@ class GuajiritosGeneralAutocompleteComponent {
         };
     }
     set disable(flag) {
-        this.disabledButton = flag;
+        this.disabledButton.set(flag);
         if (flag) {
             this.component.disable();
         }
         else {
             this.component.enable();
         }
-        this._cdRef.detectChanges();
     }
     set url(data) {
         if (data) {
-            this._url = data;
+            this._url.set(data);
             this.subscribeComponentChanges();
         }
     }
@@ -530,9 +607,9 @@ class GuajiritosGeneralAutocompleteComponent {
                 .subscribe({
                 next: () => {
                     this.component.setValue(null);
-                    this.selectedElement = null;
+                    this.selectedElement.set(null);
                     this.SelectElement.emit(null);
-                    this.filteredOptions = [];
+                    this.filteredOptions.set([]);
                     this.onChanged(null);
                 }
             });
@@ -543,16 +620,16 @@ class GuajiritosGeneralAutocompleteComponent {
     }
     set restrictions(value) {
         if (value) {
-            this.restrictionsFilters = value;
+            this.restrictionsFilters.set(value);
         }
         else {
-            this.restrictionsFilters = [];
+            this.restrictionsFilters.set([]);
         }
     }
     set isRequired(value) {
-        this.required = value;
-        if (this.required) {
-            this.component.setValidators([Validators.required, GuajiritosGeneralAutocompleteComponent.ValidateAutocomplete]);
+        this.required.set(value);
+        if (value) {
+            this.component.setValidators([Validators.required, GuajiritosGeneralAutocomplete.autocompleteValidator]);
         }
         else {
             this.component.clearValidators();
@@ -571,48 +648,49 @@ class GuajiritosGeneralAutocompleteComponent {
                 next: () => {
                     this._zone.run(() => {
                         setTimeout(() => {
-                            this.inputText.nativeElement.focus();
+                            this.inputText?.nativeElement?.focus();
                         }, 500);
                     });
                 }
             });
         }
     }
-    static ValidateAutocomplete(control) {
-        if (control?.value?.constructor !== Object || !control?.value?.id) {
-            return { invalidSelection: true };
-        }
-        return null;
+    static autocompleteValidator() {
+        return (control) => {
+            if (control?.value?.constructor !== Object || !control?.value?.id) {
+                return { invalidSelection: true };
+            }
+            return null;
+        };
     }
     subscribeComponentChanges() {
         this.component?.valueChanges
             ?.pipe(debounceTime(this.debounceTimeValue), takeUntil(this.unsubscribeAll$))
             ?.subscribe({
             next: () => {
-                if (!this.firstCall) {
+                if (!this.firstCall()) {
                     this.getAutocompleteByTextHandler(this.getAutocompleteSearchText());
                 }
                 else {
-                    this.firstCall = false;
+                    this.firstCall.set(false);
                 }
             }
         });
     }
     getAutocompleteByTextHandler(text) {
         this._autocompleteService
-            .getAutocompleteByText(this._url, text, this.filterString, this.restrictionsFilters, this.removeProperties, this.order, this.bodyRequest)
+            .getAutocompleteByText(this._url(), text, this.filterString, this.restrictionsFilters(), this.removeProperties, this.order, this.bodyRequest)
             .then((resp) => {
             resp?.subscribe({
                 next: (result) => {
-                    this.filteredOptions = result?.payload?.data || result?.data;
-                    this.loading = false;
-                    this._cdRef.detectChanges();
+                    this.filteredOptions.set(result?.payload?.data ?? result?.data);
+                    this.loading.set(false);
                 }
             });
         });
     }
     getAutocompleteSearchText() {
-        this.loading = true;
+        this.loading.set(true);
         let text = null;
         if (this.component?.value) {
             if (typeof this.component.value === 'object') {
@@ -634,56 +712,50 @@ class GuajiritosGeneralAutocompleteComponent {
     writeValue(value) {
         if (value) {
             if (typeof value === 'number') {
-                this.value = value;
+                this.value.set(value);
             }
             else if (typeof value === 'object') {
                 this.component.setValue(value);
-                this.value = value.id;
+                this.value.set(value.id);
             }
             else {
-                this.value = value;
+                this.value.set(value);
             }
         }
         else {
-            this.value = null;
+            this.value.set(null);
         }
-        this._cdRef.detectChanges();
     }
     registerOnChange(fn) {
         this.onChanged = fn;
-        this._cdRef.detectChanges();
     }
     registerOnTouched(fn) {
         this.onTouched = fn;
-        this._cdRef.detectChanges();
     }
     clear(trigger) {
         this.component.setValue(null);
-        this.selectedElement = null;
+        this.selectedElement.set(null);
         this.SelectElement.emit(null);
-        this._cdRef.detectChanges();
         this.onChanged(null);
         this._zone.run(() => {
             setTimeout(() => {
                 trigger.openPanel();
-                this._cdRef.detectChanges();
-            }, 200);
+            }, 100);
         });
     }
     onFocus() {
         this.getAutocompleteByTextHandler(this.getAutocompleteSearchText());
     }
     onSelectElement(item) {
-        this.selectedElement = item;
+        this.selectedElement.set(item);
         this.SelectElement.emit(item);
-        this.value = item;
+        this.value.set(item);
         if (this.valueId) {
             this.onChanged(item?.id);
         }
         else {
             this.onChanged(item);
         }
-        this._cdRef.detectChanges();
     }
     ngOnInit() {
         this.component.markAllAsTouched();
@@ -692,25 +764,40 @@ class GuajiritosGeneralAutocompleteComponent {
         this.unsubscribeAll$.next();
         this.unsubscribeAll$.complete();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: GuajiritosGeneralAutocomplete, deps: [{ token: AutocompleteService }, { token: i0.NgZone }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: GuajiritosGeneralAutocomplete, isStandalone: true, selector: "guajiritos-general-autocomplete", inputs: { floatLabel: "floatLabel", bodyRequest: "bodyRequest", debounceTimeValue: "debounceTimeValue", detailsTemplate: "detailsTemplate", label: "label", appearance: "appearance", color: "color", placeholder: "placeholder", field: "field", filterString: "filterString", displayOptions: "displayOptions", withoutPaddingBottom: "withoutPaddingBottom", valueId: "valueId", order: "order", removeProperties: "removeProperties", disable: "disable", url: "url", clearData: "clearData", initialValue: "initialValue", restrictions: "restrictions", isRequired: "isRequired", doFocus: "doFocus" }, outputs: { SelectElement: "SelectElement" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GuajiritosGeneralAutocomplete),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\" [ngClass]=\"{'without-padding-bottom': withoutPaddingBottom}\" class=\"w-100\"\r\n                [appearance]=\"appearance\" [color]=\"color\">\r\n\r\n  <mat-label>{{label | translate}}</mat-label>\r\n  <input #inputText #trigger=\"matAutocompleteTrigger\" (blur)=\"onTouched()\" (focus)=\"onFocus()\"\r\n         [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"placeholder | translate\"\r\n         aria-label=\"autocomplete\" autocomplete=\"off\" matInput type=\"text\">\r\n  <button (click)=\"clear(trigger)\" *ngIf=\"!loading() && component?.value\" [disabled]=\"disabledButton()\"\r\n          aria-label=\"Clear\" mat-icon-button matSuffix>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n  <button *ngIf=\"loading()\" aria-label=\"search\" mat-icon-button matSuffix>\r\n    <mat-spinner [value]=\"90\" color=\"accent\" diameter=\"25\"></mat-spinner>\r\n  </button>\r\n  <mat-autocomplete #autocomplete=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n    <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\" (onSelectionChange)=\"onSelectElement(option)\">\r\n\r\n      <ng-container *ngIf=\"!displayOptions && !detailsTemplate\">\r\n        {{ option?.name | i18nField: translateService.currentLang }}\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!detailsTemplate\">\r\n        <div class=\"display-options\">\r\n          <span [ngStyle]=\"{'line-height': displayOptions?.secondLabel ? '16px' : ''}\">\r\n            {{option | resolvePropertyPath:displayOptions.firthLabel | i18nField: translateService.currentLang}}\r\n          </span>\r\n          <span *ngIf=\"displayOptions?.secondLabel\" class=\"mat-caption\">\r\n            {{option | resolvePropertyPath: displayOptions.secondLabel | i18nField: translateService.currentLang}}\r\n          </span>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"detailsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"detailsTemplate;context:{$implicit: option }\"></ng-container>\r\n      </ng-container>\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field>\r\n", styles: [".w-100{width:100%}.display-options{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}::ng-deep .mat-mdc-form-field-flex{align-items:center!important}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: PipesModule }, { kind: "pipe", type: I18nFieldPipe, name: "i18nField" }, { kind: "pipe", type: ResolvePropertyPath, name: "resolvePropertyPath" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-GuajiritosGeneralAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteComponent, deps: [{ token: AutocompleteService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-GuajiritosGeneralAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: GuajiritosGeneralAutocompleteComponent, selector: "guajiritos-general-autocomplete", inputs: { floatLabel: "floatLabel", bodyRequest: "bodyRequest", debounceTimeValue: "debounceTimeValue", detailsTemplate: "detailsTemplate", label: "label", placeholder: "placeholder", field: "field", filterString: "filterString", displayOptions: "displayOptions", withoutPaddingBottom: "withoutPaddingBottom", valueId: "valueId", order: "order", removeProperties: "removeProperties", disable: "disable", url: "url", clearData: "clearData", initialValue: "initialValue", restrictions: "restrictions", isRequired: "isRequired", doFocus: "doFocus" }, outputs: { SelectElement: "SelectElement" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => GuajiritosGeneralAutocompleteComponent),
-            multi: true
-        }
-    ], viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\" [ngClass]=\"{'without-padding-bottom': withoutPaddingBottom}\"\r\n                appearance=\"outline\" class=\"w-100\" color=\"accent\">\r\n\r\n    <mat-label>{{label | translate}}</mat-label>\r\n    <input #inputText #trigger=\"matAutocompleteTrigger\" (blur)=\"onTouched()\" (focus)=\"onFocus()\"\r\n           [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"placeholder | translate\"\r\n           aria-label=\"Number\" autocomplete=\"off\" matInput type=\"text\">\r\n    <button (click)=\"clear(trigger)\" *ngIf=\"!loading && component?.value\" [disabled]=\"disabledButton\" aria-label=\"Clear\"\r\n            mat-icon-button matSuffix>\r\n        <mat-icon>close</mat-icon>\r\n    </button>\r\n    <button *ngIf=\"loading\" aria-label=\"Clear\" mat-icon-button matSuffix>\r\n        <mat-spinner [value]=\"90\" color=\"accent\" diameter=\"25\"></mat-spinner>\r\n    </button>\r\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n        <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\"\r\n                    (onSelectionChange)=\"onSelectElement(option)\">\r\n\r\n            <ng-container *ngIf=\"!displayOptions && !detailsTemplate\">\r\n                {{ option?.name | i18nField: translateService.currentLang }}\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!detailsTemplate\">\r\n                <div class=\"display-options\">\r\n                  <span [ngStyle]=\"{'line-height': displayOptions?.secondLabel ? '16px' : ''}\">\r\n                    {{option | resolvePropertyPath:displayOptions?.firthLabel | i18nField: translateService.currentLang}}\r\n                  </span>\r\n                    <span *ngIf=\"displayOptions?.secondLabel\" class=\"mat-caption\">\r\n                    {{option | resolvePropertyPath: displayOptions?.secondLabel | i18nField: translateService.currentLang}}\r\n                  </span>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"detailsTemplate\">\r\n                <ng-container *ngTemplateOutlet=\"detailsTemplate;context:{$implicit: option }\"></ng-container>\r\n            </ng-container>\r\n\r\n        </mat-option>\r\n    </mat-autocomplete>\r\n</mat-form-field>\r\n", styles: ["::ng-deep .without-padding-bottom .mat-form-field-wrapper{padding-bottom:0!important}.w-100{width:100%}.display-options{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: I18nFieldPipe, name: "i18nField" }, { kind: "pipe", type: ResolvePropertyPath, name: "resolvePropertyPath" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: GuajiritosGeneralAutocomplete, decorators: [{
             type: Component,
-            args: [{ selector: 'guajiritos-general-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'guajiritos-general-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatFormFieldModule,
+                        NgClass,
+                        TranslateModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        NgIf,
+                        NgForOf,
+                        NgStyle,
+                        PipesModule,
+                        NgTemplateOutlet
+                    ], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => GuajiritosGeneralAutocompleteComponent),
+                            useExisting: forwardRef(() => GuajiritosGeneralAutocomplete),
                             multi: true
                         }
-                    ], template: "<mat-form-field [floatLabel]=\"floatLabel\" [ngClass]=\"{'without-padding-bottom': withoutPaddingBottom}\"\r\n                appearance=\"outline\" class=\"w-100\" color=\"accent\">\r\n\r\n    <mat-label>{{label | translate}}</mat-label>\r\n    <input #inputText #trigger=\"matAutocompleteTrigger\" (blur)=\"onTouched()\" (focus)=\"onFocus()\"\r\n           [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"placeholder | translate\"\r\n           aria-label=\"Number\" autocomplete=\"off\" matInput type=\"text\">\r\n    <button (click)=\"clear(trigger)\" *ngIf=\"!loading && component?.value\" [disabled]=\"disabledButton\" aria-label=\"Clear\"\r\n            mat-icon-button matSuffix>\r\n        <mat-icon>close</mat-icon>\r\n    </button>\r\n    <button *ngIf=\"loading\" aria-label=\"Clear\" mat-icon-button matSuffix>\r\n        <mat-spinner [value]=\"90\" color=\"accent\" diameter=\"25\"></mat-spinner>\r\n    </button>\r\n    <mat-autocomplete #autocomplete=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n        <mat-option *ngFor=\"let option of filteredOptions\" [value]=\"option\"\r\n                    (onSelectionChange)=\"onSelectElement(option)\">\r\n\r\n            <ng-container *ngIf=\"!displayOptions && !detailsTemplate\">\r\n                {{ option?.name | i18nField: translateService.currentLang }}\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!detailsTemplate\">\r\n                <div class=\"display-options\">\r\n                  <span [ngStyle]=\"{'line-height': displayOptions?.secondLabel ? '16px' : ''}\">\r\n                    {{option | resolvePropertyPath:displayOptions?.firthLabel | i18nField: translateService.currentLang}}\r\n                  </span>\r\n                    <span *ngIf=\"displayOptions?.secondLabel\" class=\"mat-caption\">\r\n                    {{option | resolvePropertyPath: displayOptions?.secondLabel | i18nField: translateService.currentLang}}\r\n                  </span>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"detailsTemplate\">\r\n                <ng-container *ngTemplateOutlet=\"detailsTemplate;context:{$implicit: option }\"></ng-container>\r\n            </ng-container>\r\n\r\n        </mat-option>\r\n    </mat-autocomplete>\r\n</mat-form-field>\r\n", styles: ["::ng-deep .without-padding-bottom .mat-form-field-wrapper{padding-bottom:0!important}.w-100{width:100%}.display-options{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}\n"] }]
-        }], ctorParameters: function () { return [{ type: AutocompleteService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i2.TranslateService }]; }, propDecorators: { inputText: [{
+                    ], template: "<mat-form-field [floatLabel]=\"floatLabel\" [ngClass]=\"{'without-padding-bottom': withoutPaddingBottom}\" class=\"w-100\"\r\n                [appearance]=\"appearance\" [color]=\"color\">\r\n\r\n  <mat-label>{{label | translate}}</mat-label>\r\n  <input #inputText #trigger=\"matAutocompleteTrigger\" (blur)=\"onTouched()\" (focus)=\"onFocus()\"\r\n         [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"placeholder | translate\"\r\n         aria-label=\"autocomplete\" autocomplete=\"off\" matInput type=\"text\">\r\n  <button (click)=\"clear(trigger)\" *ngIf=\"!loading() && component?.value\" [disabled]=\"disabledButton()\"\r\n          aria-label=\"Clear\" mat-icon-button matSuffix>\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n  <button *ngIf=\"loading()\" aria-label=\"search\" mat-icon-button matSuffix>\r\n    <mat-spinner [value]=\"90\" color=\"accent\" diameter=\"25\"></mat-spinner>\r\n  </button>\r\n  <mat-autocomplete #autocomplete=\"matAutocomplete\" [displayWith]=\"displayFn\">\r\n    <mat-option *ngFor=\"let option of filteredOptions()\" [value]=\"option\" (onSelectionChange)=\"onSelectElement(option)\">\r\n\r\n      <ng-container *ngIf=\"!displayOptions && !detailsTemplate\">\r\n        {{ option?.name | i18nField: translateService.currentLang }}\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!detailsTemplate\">\r\n        <div class=\"display-options\">\r\n          <span [ngStyle]=\"{'line-height': displayOptions?.secondLabel ? '16px' : ''}\">\r\n            {{option | resolvePropertyPath:displayOptions.firthLabel | i18nField: translateService.currentLang}}\r\n          </span>\r\n          <span *ngIf=\"displayOptions?.secondLabel\" class=\"mat-caption\">\r\n            {{option | resolvePropertyPath: displayOptions.secondLabel | i18nField: translateService.currentLang}}\r\n          </span>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"detailsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"detailsTemplate;context:{$implicit: option }\"></ng-container>\r\n      </ng-container>\r\n    </mat-option>\r\n  </mat-autocomplete>\r\n</mat-form-field>\r\n", styles: [".w-100{width:100%}.display-options{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}::ng-deep .mat-mdc-form-field-flex{align-items:center!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: AutocompleteService }, { type: i0.NgZone }, { type: i2.TranslateService }]; }, propDecorators: { inputText: [{
                 type: ViewChild,
                 args: ['inputText', { static: true }]
             }], floatLabel: [{
@@ -723,6 +810,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], appearance: [{
+                type: Input
+            }], color: [{
+                type: Input
             }], placeholder: [{
                 type: Input
             }], field: [{
@@ -757,94 +848,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Input
             }] } });
 
-class GuajiritosGeneralAutocompleteModule {
-}
-GuajiritosGeneralAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GuajiritosGeneralAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, declarations: [GuajiritosGeneralAutocompleteComponent,
-        DurationTimePipe,
-        I18nFieldPipe,
-        ResolvePropertyPath,
-        HumanizeDurationPipe,
-        IdaReturnPipe,
-        ShowRolesPipe,
-        ShowSegmentsPipe,
-        ShowTransportTypesPipe], imports: [CommonModule,
-        TranslateModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatProgressSpinnerModule,
-        MatButtonModule,
-        MatInputModule,
-        MatAutocompleteModule], exports: [GuajiritosGeneralAutocompleteComponent] });
-GuajiritosGeneralAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, providers: [
-        UpperCasePipe,
-        CurrencyPipe,
-        AutocompleteService,
-        DurationTimePipe,
-        I18nFieldPipe,
-        ResolvePropertyPath,
-        HumanizeDurationPipe,
-        IdaReturnPipe,
-        ShowRolesPipe,
-        ShowSegmentsPipe,
-        ShowTransportTypesPipe
-    ], imports: [CommonModule,
-        TranslateModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatProgressSpinnerModule,
-        MatButtonModule,
-        MatInputModule,
-        MatAutocompleteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        GuajiritosGeneralAutocompleteComponent,
-                        DurationTimePipe,
-                        I18nFieldPipe,
-                        ResolvePropertyPath,
-                        HumanizeDurationPipe,
-                        IdaReturnPipe,
-                        ShowRolesPipe,
-                        ShowSegmentsPipe,
-                        ShowTransportTypesPipe
-                    ],
-                    imports: [
-                        CommonModule,
-                        TranslateModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatProgressSpinnerModule,
-                        MatButtonModule,
-                        MatInputModule,
-                        MatAutocompleteModule
-                    ],
-                    providers: [
-                        UpperCasePipe,
-                        CurrencyPipe,
-                        AutocompleteService,
-                        DurationTimePipe,
-                        I18nFieldPipe,
-                        ResolvePropertyPath,
-                        HumanizeDurationPipe,
-                        IdaReturnPipe,
-                        ShowRolesPipe,
-                        ShowSegmentsPipe,
-                        ShowTransportTypesPipe
-                    ],
-                    exports: [
-                        GuajiritosGeneralAutocompleteComponent
-                    ]
-                }]
-        }] });
-
 /*
  * Public API Surface of guachos-general-autocomplete
  */
@@ -853,5 +856,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CustomPipes, GENERAL_DISPLAY_OPTIONS, GuajiritosGeneralAutocompleteComponent, GuajiritosGeneralAutocompleteModule };
+export { CustomPipes, GENERAL_DISPLAY_OPTIONS, GuajiritosGeneralAutocomplete };
 //# sourceMappingURL=guajiritos-general-autocomplete.mjs.map