@guajiritos/general-autocomplete 0.0.1

package/fesm2020/guajiritos-general-autocomplete.mjs

@@ -0,0 +1,874 @@
+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 { FormControl, Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { Subject, takeUntil, debounceTime } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpParams } from '@angular/common/http';
+import { map } from 'rxjs/operators';
+import * as _ from 'lodash';
+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';
+
+var CustomPipes;
+(function (CustomPipes) {
+    CustomPipes["SHOW_SEGMENTS"] = "showSegments";
+    CustomPipes["DURATION_TIME"] = "durationTime";
+    CustomPipes["HUMANIZE_DURATION"] = "humanizeDuration";
+    CustomPipes["SHOW_TRANSPORT_TYPES"] = "showTransportTypes";
+    CustomPipes["SHOW_ROLES"] = "showRoles";
+    CustomPipes["IDA_RETURN"] = "idaReturn";
+    CustomPipes["CURRENCY"] = "currency";
+    CustomPipes["UPPERCASE"] = "uppercase";
+})(CustomPipes || (CustomPipes = {}));
+
+const GENERAL_DISPLAY_OPTIONS = {
+    firthLabel: [
+        {
+            type: 'path',
+            path: ['name']
+        }
+    ],
+    applyTranslate: true
+};
+
+class AutocompleteService {
+    constructor(_httpClient) {
+        this._httpClient = _httpClient;
+        this.httpOptions = {};
+    }
+    processParams(filters, value) {
+        return new Promise((resolve, reject) => {
+            setTimeout(async () => {
+                let filter = {};
+                if (Array.isArray(filters)) {
+                    for (const f of filters) {
+                        await this.processFilterString(f, value).then((resp) => {
+                            if (Object.keys(filter)?.length) {
+                                _.merge(filter, resp);
+                            }
+                            else {
+                                filter = {
+                                    ...filter,
+                                    ...resp
+                                };
+                            }
+                            if (f === filters[filters?.length - 1]) {
+                                resolve(filter);
+                            }
+                        });
+                    }
+                }
+                else if (typeof filters === 'string') {
+                    await this.processFilterString(filters, value).then((resp) => {
+                        filter = {
+                            ...filter,
+                            ...resp
+                        };
+                        resolve(filter);
+                    });
+                }
+                else {
+                    reject(null);
+                }
+            }, 100);
+        });
+    }
+    async processFilterString(filter, value) {
+        let f = {};
+        const arrayFilters = filter?.split('[');
+        if (arrayFilters?.findIndex((a) => a === 'filter') >= 0) {
+            arrayFilters?.splice(0, 1);
+        }
+        await this.createObjectFilters(arrayFilters, value).then((data) => {
+            f = data;
+        });
+        return f;
+    }
+    async createObjectFilters(array, value) {
+        for (let filter of array) {
+            filter = filter?.replace(']', '');
+            if (array.length > 1) {
+                array.splice(0, 1);
+                return { [filter]: await this.createObjectFilters(array, value) };
+            }
+            else {
+                if (filter === '$like') {
+                    return { [filter]: '%' + value + '%' };
+                }
+                else {
+                    return { [filter]: value };
+                }
+            }
+        }
+    }
+    async getAutocompleteByText(url, text, field, restrictions, removeProperties, order, bodyRequest) {
+        let httpParams = new HttpParams().set('offset', '0');
+        httpParams = httpParams.append('limit', '20');
+        if (order) {
+            httpParams = httpParams.append('order', order);
+        }
+        if (!text) {
+            text = '';
+        }
+        if (bodyRequest) {
+            let body = {};
+            if (text && text !== '') {
+                await this.processParams(field, text)
+                    .then((data) => {
+                    body = {
+                        ...bodyRequest,
+                        filter: data
+                    };
+                });
+            }
+            else {
+                body = JSON.parse(JSON.stringify(bodyRequest));
+            }
+            if (restrictions?.length) {
+                for (let r of restrictions) {
+                    await this.processParams(r?.filter, r?.value?.toString())
+                        .then((data) => {
+                        let filtersAux = { ...body?.filter };
+                        _.merge(filtersAux, data);
+                        body = {
+                            ...body,
+                            filter: filtersAux
+                        };
+                        httpParams = httpParams.set('form', JSON.stringify(body));
+                    });
+                }
+            }
+            else {
+                httpParams = httpParams.append('form', JSON.stringify(body));
+            }
+        }
+        else {
+            if (text && text !== '') {
+                if (Array.isArray(field)) {
+                    for (const f of field) {
+                        httpParams = httpParams.append(f, '%' + text + '%');
+                    }
+                }
+                else {
+                    if (field?.includes('$like')) {
+                        httpParams = httpParams.append(field, '%' + text + '%');
+                    }
+                    else if (field) {
+                        httpParams = httpParams.append(field, text);
+                    }
+                }
+            }
+            restrictions?.forEach((restriction) => {
+                if (restriction?.value) {
+                    httpParams = httpParams.append(restriction?.filter, restriction.value?.toString());
+                }
+            });
+        }
+        this.httpOptions = { params: httpParams };
+        return this._httpClient
+            .get(url, this.httpOptions)
+            .pipe(map((result) => {
+            result?.data?.map((item) => {
+                removeProperties?.forEach((property) => {
+                    delete item[property];
+                });
+            });
+            return result;
+        }));
+    }
+}
+AutocompleteService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AutocompleteService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+AutocompleteService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AutocompleteService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AutocompleteService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class UtilsService {
+    /**
+     * Convierte el tiempo pasado por parámetro en horas y minutos
+     *
+     * @param time - Tiempo
+     * @returns Devuelve las horas y minutos
+     */
+    static getTime(time) {
+        const hours = parseInt(Number(time) / 3600 + '', 10);
+        time = Number(time) - (hours * 3600);
+        const minutes = parseInt(Number(time) / 60 + '', 10);
+        return { hours, minutes };
+    }
+    /**
+     * Devuelve el tiempo en formato 'hh:mm'
+     *
+     * @param time - Tiempo
+     */
+    static getTimePretty(time) {
+        const { hours, minutes } = UtilsService.getTime(time);
+        return (hours < 10 ? '0' + hours : hours) + ':' + (minutes < 10 ? '0' + minutes : minutes);
+    }
+    /**
+     * Devuelve el tiempo en formato 'hhh : mmm'
+     *
+     * @param time - Tiempo
+     */
+    static humanizeDuration(time) {
+        const { hours, minutes } = UtilsService.getTime(time);
+        return (hours < 10 ? '0' + hours : hours) + 'h : ' + (minutes < 10 ? '0' + minutes : minutes) + 'm';
+    }
+    static resolvePropertyByPath(obj, path) {
+        return path.reduce((prev, curr) => {
+            return prev ? prev[curr] : null;
+        }, obj || self);
+    }
+}
+UtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UtilsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class I18nFieldPipe {
+    transform(value, lang) {
+        if (!value) {
+            return '';
+        }
+        if (typeof value === 'string') {
+            return value;
+        }
+        const keys = Object.keys(value);
+        if (!value[lang]) {
+            let i = 0;
+            while (i < keys?.length && (value[keys[i]] === null || value[keys[i]] === '')) {
+                i++;
+            }
+            return keys?.length > i ? value[keys[i]] : 'No está definido';
+        }
+        return value[lang] || 'No está definido';
+    }
+}
+I18nFieldPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: I18nFieldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+I18nFieldPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: I18nFieldPipe, name: "i18nField" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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.4", ngImport: i0, type: DurationTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DurationTimePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: DurationTimePipe, name: "durationTime" });
+DurationTimePipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: DurationTimePipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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.4", ngImport: i0, type: HumanizeDurationPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+HumanizeDurationPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: HumanizeDurationPipe, name: "humanizeDuration" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: HumanizeDurationPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'humanizeDuration'
+                }]
+        }] });
+
+class IdaReturnPipe {
+    transform(value) {
+        if (value === CustomPipes.IDA_RETURN) {
+            return 'Ida y Vuelta';
+        }
+        else {
+            return 'solo Ida';
+        }
+    }
+}
+IdaReturnPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdaReturnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+IdaReturnPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: IdaReturnPipe, name: "idaReturn" });
+IdaReturnPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdaReturnPipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: IdaReturnPipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'idaReturn' }]
+        }] });
+
+class ShowRolesPipe {
+    transform(value) {
+        let result = '';
+        if (value?.length) {
+            value.forEach(item => {
+                result += item?.Rol?.name + ', ';
+            });
+            result = result.substring(0, result?.length - 2);
+        }
+        return result;
+    }
+}
+ShowRolesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowRolesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ShowRolesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: ShowRolesPipe, name: "showSegments" });
+ShowRolesPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowRolesPipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowRolesPipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showSegments' }]
+        }] });
+
+class ShowSegmentsPipe {
+    transform(value) {
+        let result = '';
+        if (value?.length) {
+            value.forEach(item => {
+                result += item?.Segment?.PlaceOrigin?.alpha3 + '-' + item?.Segment?.PlaceDestination?.alpha3 + ', ';
+            });
+            result = result.substring(0, result?.length - 2);
+        }
+        return result;
+    }
+}
+ShowSegmentsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowSegmentsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ShowSegmentsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: ShowSegmentsPipe, name: "showSegments" });
+ShowSegmentsPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowSegmentsPipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowSegmentsPipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showSegments' }]
+        }] });
+
+class ShowTransportTypesPipe {
+    transform(value) {
+        let result = '';
+        if (value?.length) {
+            value.forEach(item => {
+                result += item?.TransportType?.name['es'] + ', ';
+            });
+            result = result.substring(0, result?.length - 2);
+        }
+        return result;
+    }
+}
+ShowTransportTypesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowTransportTypesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ShowTransportTypesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: ShowTransportTypesPipe, name: "showTransportTypes" });
+ShowTransportTypesPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowTransportTypesPipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ShowTransportTypesPipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showTransportTypes' }]
+        }] });
+
+class ResolvePropertyPath {
+    constructor(_showSegmentPipe, _showRolesPipe, _showTransportTypesPipe, _idaReturnPipe, _currencyPipe, _humanizeDurationPipe, _upperCasePipe, _durationPipe) {
+        this._showSegmentPipe = _showSegmentPipe;
+        this._showRolesPipe = _showRolesPipe;
+        this._showTransportTypesPipe = _showTransportTypesPipe;
+        this._idaReturnPipe = _idaReturnPipe;
+        this._currencyPipe = _currencyPipe;
+        this._humanizeDurationPipe = _humanizeDurationPipe;
+        this._upperCasePipe = _upperCasePipe;
+        this._durationPipe = _durationPipe;
+    }
+    transform(obj, path) {
+        let result = '';
+        path?.forEach(item => {
+            if (item?.type === 'divider') {
+                result += item?.divider;
+            }
+            else {
+                if (item?.path) {
+                    let value = UtilsService.resolvePropertyByPath(obj, item.path);
+                    switch (item?.customPipe) {
+                        case CustomPipes.SHOW_SEGMENTS:
+                            value = this._showSegmentPipe.transform(value);
+                            break;
+                        case CustomPipes.DURATION_TIME:
+                            value = this._durationPipe.transform(value);
+                            break;
+                        case CustomPipes.HUMANIZE_DURATION:
+                            value = this._humanizeDurationPipe.transform(value);
+                            break;
+                        case CustomPipes.SHOW_TRANSPORT_TYPES:
+                            value = this._showTransportTypesPipe.transform(value);
+                            break;
+                        case CustomPipes.SHOW_ROLES:
+                            value = this._showRolesPipe.transform(value);
+                            break;
+                        case CustomPipes.IDA_RETURN:
+                            value = this._idaReturnPipe.transform(value);
+                            break;
+                        case CustomPipes.CURRENCY:
+                            value = this._currencyPipe.transform(value);
+                            break;
+                        case CustomPipes.UPPERCASE:
+                            value = this._upperCasePipe.transform(value);
+                            break;
+                        default:
+                            break;
+                    }
+                    result += value;
+                }
+            }
+        });
+        return result;
+    }
+}
+ResolvePropertyPath.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", 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.4", ngImport: i0, type: ResolvePropertyPath, name: "resolvePropertyPath" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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 }]; } });
+
+class GuajiritosGeneralAutocompleteComponent {
+    constructor(_autocompleteService, _cdRef, translateService) {
+        this._autocompleteService = _autocompleteService;
+        this._cdRef = _cdRef;
+        this.translateService = translateService;
+        this.unsubscribeAll$ = new Subject();
+        this.firstCall = true;
+        this.restrictionsFilters = [];
+        this.required = true;
+        this.component = new FormControl({
+            value: null, disabled: false
+        });
+        this.disabled = false;
+        this.loading = false;
+        /**
+         * Possible values 'never', 'auto' or 'always'
+         */
+        this.floatLabel = 'auto';
+        this.debounceTimeValue = 250;
+        this.label = 'Selecciona un elemento';
+        this.field = ['name'];
+        this.filterString = 'filter[$and][name][$like]';
+        this.displayOptions = GENERAL_DISPLAY_OPTIONS;
+        this.withoutPaddingBottom = true;
+        this.valueId = false;
+        this.disable = false;
+        this.order = null;
+        this.removeProperties = [];
+        this.SelectElement = new EventEmitter();
+        this.onChanged = () => {
+        };
+        this.onTouched = () => {
+        };
+        this.displayFn = (value) => {
+            if (value) {
+                if (typeof value === 'string') {
+                    return value;
+                }
+                let displayText = '';
+                if (!this.displayOptions) {
+                    this.displayOptions = GENERAL_DISPLAY_OPTIONS;
+                }
+                this.displayOptions?.firthLabel?.forEach((field) => {
+                    if (field?.type === 'path') {
+                        displayText += UtilsService.resolvePropertyByPath(value, field?.path);
+                    }
+                    else {
+                        displayText += field?.divider;
+                    }
+                });
+                return displayText;
+            }
+        };
+    }
+    set url(data) {
+        if (data) {
+            this._url = data;
+            this.subscribeComponentChanges();
+        }
+    }
+    set clearData(value) {
+        this.clearData$ = value;
+        if (this.clearData$) {
+            this.clearData$
+                .pipe(takeUntil(this.unsubscribeAll$))
+                .subscribe(() => {
+                this.component.setValue(null);
+                this.selectedElement = null;
+                this.SelectElement.emit(null);
+                this.filteredOptions = [];
+                this.onChanged(null);
+            });
+        }
+    }
+    set initialValue(value) {
+        this.component.setValue(value);
+    }
+    set restrictions(value) {
+        if (value) {
+            this.restrictionsFilters = value;
+        }
+        else {
+            this.restrictionsFilters = [];
+        }
+    }
+    set isRequired(value) {
+        this.required = value;
+        if (this.required) {
+            this.component.setValidators([Validators.required, GuajiritosGeneralAutocompleteComponent.ValidateAutocomplete]);
+        }
+        else {
+            this.component.clearValidators();
+        }
+        this.component.updateValueAndValidity();
+    }
+    get doFocus() {
+        return this.doFocusSubject;
+    }
+    set doFocus(value) {
+        this.doFocusSubject = value;
+        if (value) {
+            this.doFocusSubject
+                .pipe(takeUntil(this.unsubscribeAll$))
+                .subscribe(() => {
+                setTimeout(() => {
+                    this.inputText.nativeElement.focus();
+                }, 500);
+            });
+        }
+    }
+    static ValidateAutocomplete(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(() => {
+            if (!this.firstCall) {
+                this.getAutocompleteByTextHandler(this.getAutocompleteSearchText());
+            }
+            else {
+                this.firstCall = false;
+            }
+        });
+    }
+    getAutocompleteByTextHandler(text) {
+        this._autocompleteService
+            .getAutocompleteByText(this._url, text, this.filterString, this.restrictionsFilters, this.removeProperties, this.order, this.bodyRequest)
+            .then((resp) => {
+            resp?.subscribe((result) => {
+                this.filteredOptions = result?.data;
+                this.loading = false;
+                this._cdRef.detectChanges();
+            });
+        });
+    }
+    getAutocompleteSearchText() {
+        this.loading = true;
+        let text = null;
+        if (this.component?.value) {
+            if (typeof this.component.value === 'object') {
+                const componentValue = this.component?.value[this.field[0]];
+                if (typeof componentValue === 'object') {
+                    let lang = 'es';
+                    if (this.field[1]) {
+                        lang = this.field[1];
+                    }
+                    text = componentValue[lang];
+                }
+            }
+            else if (typeof this.component?.value === 'string') {
+                text = this.component.value;
+            }
+        }
+        return text;
+    }
+    clear(trigger) {
+        this.component.setValue(null);
+        this.selectedElement = null;
+        this.SelectElement.emit(null);
+        this._cdRef.detectChanges();
+        this.onChanged(null);
+        setTimeout(() => {
+            trigger.openPanel();
+            this._cdRef.detectChanges();
+        }, 200);
+    }
+    onFocus() {
+        this.getAutocompleteByTextHandler(this.getAutocompleteSearchText());
+    }
+    onSelectElement(item) {
+        this.selectedElement = item;
+        this.SelectElement.emit(item);
+        this.value = item;
+        if (this.valueId) {
+            this.onChanged(item?.id);
+        }
+        else {
+            this.onChanged(item);
+        }
+        this._cdRef.detectChanges();
+    }
+    writeValue(value) {
+        if (value) {
+            if (typeof value === 'number') {
+                this.value = value;
+            }
+            else if (typeof value === 'object') {
+                this.component.setValue(value);
+                this.value = value.id;
+            }
+            else {
+                this.value = value;
+            }
+        }
+        else {
+            this.value = null;
+        }
+        this._cdRef.detectChanges();
+    }
+    registerOnChange(fn) {
+        this.onChanged = fn;
+        this._cdRef.detectChanges();
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+        this._cdRef.detectChanges();
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._cdRef.detectChanges();
+    }
+    ngOnInit() {
+        this.component.markAllAsTouched();
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next();
+        this.unsubscribeAll$.complete();
+    }
+}
+GuajiritosGeneralAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GuajiritosGeneralAutocompleteComponent, deps: [{ token: AutocompleteService }, { token: i0.ChangeDetectorRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+GuajiritosGeneralAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: GuajiritosGeneralAutocompleteComponent, selector: "guajiritos-general-autocomplete", inputs: { floatLabel: "floatLabel", bodyRequest: "bodyRequest", debounceTimeValue: "debounceTimeValue", detailsTemplate: "detailsTemplate", label: "label", field: "field", filterString: "filterString", displayOptions: "displayOptions", withoutPaddingBottom: "withoutPaddingBottom", valueId: "valueId", disable: "disable", order: "order", removeProperties: "removeProperties", 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()\" [disabled]=\"disable\"\r\n           [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"label | translate\"\r\n           aria-label=\"Number\" autocomplete=\"off\" matInput type=\"text\">\r\n    <button (click)=\"clear(trigger)\" *ngIf=\"!loading && component?.value\" [disabled]=\"disable\" 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.4", ngImport: i0, type: GuajiritosGeneralAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'guajiritos-general-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GuajiritosGeneralAutocompleteComponent),
+                            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()\" [disabled]=\"disable\"\r\n           [formControl]=\"component\" [matAutocomplete]=\"autocomplete\" [placeholder]=\"label | translate\"\r\n           aria-label=\"Number\" autocomplete=\"off\" matInput type=\"text\">\r\n    <button (click)=\"clear(trigger)\" *ngIf=\"!loading && component?.value\" [disabled]=\"disable\" 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: i2.TranslateService }]; }, propDecorators: { inputText: [{
+                type: ViewChild,
+                args: ['inputText', { static: true }]
+            }], floatLabel: [{
+                type: Input
+            }], bodyRequest: [{
+                type: Input
+            }], debounceTimeValue: [{
+                type: Input
+            }], detailsTemplate: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], filterString: [{
+                type: Input
+            }], displayOptions: [{
+                type: Input
+            }], withoutPaddingBottom: [{
+                type: Input
+            }], valueId: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], removeProperties: [{
+                type: Input
+            }], SelectElement: [{
+                type: Output
+            }], url: [{
+                type: Input
+            }], clearData: [{
+                type: Input
+            }], initialValue: [{
+                type: Input
+            }], restrictions: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], doFocus: [{
+                type: Input
+            }] } });
+
+class PipesModule {
+}
+PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: PipesModule, declarations: [DurationTimePipe,
+        I18nFieldPipe,
+        ResolvePropertyPath,
+        HumanizeDurationPipe,
+        IdaReturnPipe,
+        ShowRolesPipe,
+        ShowSegmentsPipe,
+        ShowTransportTypesPipe], imports: [CommonModule], exports: [DurationTimePipe,
+        I18nFieldPipe,
+        ResolvePropertyPath,
+        HumanizeDurationPipe,
+        IdaReturnPipe,
+        ShowRolesPipe,
+        ShowSegmentsPipe,
+        ShowTransportTypesPipe] });
+PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PipesModule, providers: [
+        DurationTimePipe,
+        HumanizeDurationPipe,
+        I18nFieldPipe,
+        IdaReturnPipe,
+        ResolvePropertyPath,
+        ShowRolesPipe,
+        ShowSegmentsPipe,
+        ShowTransportTypesPipe
+    ], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: PipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DurationTimePipe,
+                        I18nFieldPipe,
+                        ResolvePropertyPath,
+                        HumanizeDurationPipe,
+                        IdaReturnPipe,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe
+                    ],
+                    exports: [
+                        DurationTimePipe,
+                        I18nFieldPipe,
+                        ResolvePropertyPath,
+                        HumanizeDurationPipe,
+                        IdaReturnPipe,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    providers: [
+                        DurationTimePipe,
+                        HumanizeDurationPipe,
+                        I18nFieldPipe,
+                        IdaReturnPipe,
+                        ResolvePropertyPath,
+                        ShowRolesPipe,
+                        ShowSegmentsPipe,
+                        ShowTransportTypesPipe
+                    ]
+                }]
+        }] });
+
+class GuajiritosGeneralAutocompleteModule {
+}
+GuajiritosGeneralAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GuajiritosGeneralAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, declarations: [GuajiritosGeneralAutocompleteComponent], imports: [CommonModule,
+        TranslateModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        PipesModule], exports: [GuajiritosGeneralAutocompleteComponent] });
+GuajiritosGeneralAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, providers: [
+        UpperCasePipe,
+        CurrencyPipe,
+        AutocompleteService
+    ], imports: [CommonModule,
+        TranslateModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        PipesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: GuajiritosGeneralAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        GuajiritosGeneralAutocompleteComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        PipesModule
+                    ],
+                    providers: [
+                        UpperCasePipe,
+                        CurrencyPipe,
+                        AutocompleteService
+                    ],
+                    exports: [
+                        GuajiritosGeneralAutocompleteComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of guachos-general-autocomplete
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CustomPipes, GuajiritosGeneralAutocompleteComponent, GuajiritosGeneralAutocompleteModule };
+//# sourceMappingURL=guajiritos-general-autocomplete.mjs.map