@guajiritos/general-autocomplete 0.0.7 → 0.0.9

package/fesm2015/guajiritos-general-autocomplete.mjs

@@ -26,828 +26,836 @@ 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";
+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
+const GENERAL_DISPLAY_OPTIONS = {
+    firthLabel: [
+        {
+            type: 'path',
+            path: ['name']
+        }
+    ],
+    applyTranslate: true
 };
 
-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.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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+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.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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }] });
 
-class AutocompleteService {
-    constructor(_httpClient) {
-        this._httpClient = _httpClient;
-        this.httpOptions = {};
-    }
-    processParams(filters, value) {
-        return new Promise((resolve, reject) => {
-            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                let filter = {};
-                if (Array.isArray(filters)) {
-                    for (const f of filters) {
-                        yield this.processFilterString(f, value).then((resp) => {
-                            var _a;
-                            if ((_a = Object.keys(filter)) === null || _a === void 0 ? void 0 : _a.length) {
-                                merge(filter, resp);
-                            }
-                            else {
-                                filter = Object.assign(Object.assign({}, filter), resp);
-                            }
-                            if (f === filters[(filters === null || filters === void 0 ? void 0 : filters.length) - 1]) {
-                                resolve(filter);
-                            }
-                        });
-                    }
-                }
-                else if (typeof filters === 'string') {
-                    yield this.processFilterString(filters, value).then((resp) => {
-                        filter = Object.assign(Object.assign({}, filter), resp);
-                        resolve(filter);
-                    });
-                }
-                else {
-                    reject(null);
-                }
-            }), 100);
-        });
-    }
-    processFilterString(filter, value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let f = {};
-            const arrayFilters = filter === null || filter === void 0 ? void 0 : filter.split('[');
-            if ((arrayFilters === null || arrayFilters === void 0 ? void 0 : arrayFilters.findIndex((a) => a === 'filter')) >= 0) {
-                arrayFilters === null || arrayFilters === void 0 ? void 0 : arrayFilters.splice(0, 1);
-            }
-            yield this.createObjectFilters(arrayFilters, value).then((data) => {
-                f = data;
-            });
-            return f;
-        });
-    }
-    createObjectFilters(array, value) {
-        return __awaiter(this, void 0, void 0, function* () {
-            for (let filter of array) {
-                filter = filter === null || filter === void 0 ? void 0 : filter.replace(']', '');
-                if (array.length > 1) {
-                    array.splice(0, 1);
-                    return { [filter]: yield this.createObjectFilters(array, value) };
-                }
-                else {
-                    if (filter === '$like') {
-                        return { [filter]: '%' + value + '%' };
-                    }
-                    else {
-                        return { [filter]: value };
-                    }
-                }
-            }
-        });
-    }
-    getAutocompleteByText(url, text, field, restrictions, removeProperties, order, bodyRequest) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            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 !== '') {
-                    yield this.processParams(field, text)
-                        .then((data) => {
-                        body = Object.assign(Object.assign({}, bodyRequest), { filter: data });
-                    });
-                }
-                else {
-                    body = JSON.parse(JSON.stringify(bodyRequest));
-                }
-                if (restrictions === null || restrictions === void 0 ? void 0 : restrictions.length) {
-                    for (let r of restrictions) {
-                        yield this.processParams(r === null || r === void 0 ? void 0 : r.filter, (_a = r === null || r === void 0 ? void 0 : r.value) === null || _a === void 0 ? void 0 : _a.toString())
-                            .then((data) => {
-                            let filtersAux = Object.assign({}, body === null || body === void 0 ? void 0 : body.filter);
-                            merge(filtersAux, data);
-                            body = Object.assign(Object.assign({}, 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 === null || field === void 0 ? void 0 : field.includes('$like')) {
-                            httpParams = httpParams.append(field, '%' + text + '%');
-                        }
-                        else if (field) {
-                            httpParams = httpParams.append(field, text);
-                        }
-                    }
-                }
-                restrictions === null || restrictions === void 0 ? void 0 : restrictions.forEach((restriction) => {
-                    var _a;
-                    if (restriction === null || restriction === void 0 ? void 0 : restriction.value) {
-                        httpParams = httpParams.append(restriction === null || restriction === void 0 ? void 0 : restriction.filter, (_a = restriction.value) === null || _a === void 0 ? void 0 : _a.toString());
-                    }
-                });
-            }
-            this.httpOptions = { params: httpParams };
-            return this._httpClient
-                .get(url, this.httpOptions)
-                .pipe(map((result) => {
-                var _a;
-                (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.map((item) => {
-                    removeProperties === null || removeProperties === void 0 ? void 0 : removeProperties.forEach((property) => {
-                        delete item[property];
-                    });
-                });
-                return result;
-            }));
-        });
-    }
-}
-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: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class AutocompleteService {
+    constructor(_httpClient) {
+        this._httpClient = _httpClient;
+        this.httpOptions = {};
+    }
+    processParams(filters, value) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                let filter = {};
+                if (Array.isArray(filters)) {
+                    for (const f of filters) {
+                        yield this.processFilterString(f, value).then((resp) => {
+                            var _a;
+                            if ((_a = Object.keys(filter)) === null || _a === void 0 ? void 0 : _a.length) {
+                                merge(filter, resp);
+                            }
+                            else {
+                                filter = Object.assign(Object.assign({}, filter), resp);
+                            }
+                            if (f === filters[(filters === null || filters === void 0 ? void 0 : filters.length) - 1]) {
+                                resolve(filter);
+                            }
+                        });
+                    }
+                }
+                else if (typeof filters === 'string') {
+                    yield this.processFilterString(filters, value).then((resp) => {
+                        filter = Object.assign(Object.assign({}, filter), resp);
+                        resolve(filter);
+                    });
+                }
+                else {
+                    reject(null);
+                }
+            }), 100);
+        });
+    }
+    processFilterString(filter, value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let f = {};
+            const arrayFilters = filter === null || filter === void 0 ? void 0 : filter.split('[');
+            if ((arrayFilters === null || arrayFilters === void 0 ? void 0 : arrayFilters.findIndex((a) => a === 'filter')) >= 0) {
+                arrayFilters === null || arrayFilters === void 0 ? void 0 : arrayFilters.splice(0, 1);
+            }
+            yield this.createObjectFilters(arrayFilters, value).then((data) => {
+                f = data;
+            });
+            return f;
+        });
+    }
+    createObjectFilters(array, value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (let filter of array) {
+                filter = filter === null || filter === void 0 ? void 0 : filter.replace(']', '');
+                if (array.length > 1) {
+                    array.splice(0, 1);
+                    return { [filter]: yield this.createObjectFilters(array, value) };
+                }
+                else {
+                    if (filter === '$like') {
+                        return { [filter]: '%' + value + '%' };
+                    }
+                    else {
+                        return { [filter]: value };
+                    }
+                }
+            }
+        });
+    }
+    getAutocompleteByText(url, text, field, restrictions, removeProperties, order, bodyRequest) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            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 !== '') {
+                    yield this.processParams(field, text)
+                        .then((data) => {
+                        body = Object.assign(Object.assign({}, bodyRequest), { filter: data });
+                    });
+                }
+                else {
+                    body = JSON.parse(JSON.stringify(bodyRequest));
+                }
+                if (restrictions === null || restrictions === void 0 ? void 0 : restrictions.length) {
+                    for (let r of restrictions) {
+                        yield this.processParams(r === null || r === void 0 ? void 0 : r.filter, (_a = r === null || r === void 0 ? void 0 : r.value) === null || _a === void 0 ? void 0 : _a.toString())
+                            .then((data) => {
+                            let filtersAux = Object.assign({}, body === null || body === void 0 ? void 0 : body.filter);
+                            merge(filtersAux, data);
+                            body = Object.assign(Object.assign({}, 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 === null || field === void 0 ? void 0 : field.includes('$like')) {
+                            httpParams = httpParams.append(field, '%' + text + '%');
+                        }
+                        else if (field) {
+                            httpParams = httpParams.append(field, text);
+                        }
+                    }
+                }
+                restrictions === null || restrictions === void 0 ? void 0 : restrictions.forEach((restriction) => {
+                    var _a;
+                    if (restriction === null || restriction === void 0 ? void 0 : restriction.value) {
+                        httpParams = httpParams.append(restriction === null || restriction === void 0 ? void 0 : restriction.filter, (_a = restriction.value) === null || _a === void 0 ? void 0 : _a.toString());
+                    }
+                });
+            }
+            this.httpOptions = { params: httpParams };
+            return this._httpClient
+                .get(url, this.httpOptions)
+                .pipe(map((result) => {
+                var _a;
+                (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.map((item) => {
+                    removeProperties === null || removeProperties === void 0 ? void 0 : removeProperties.forEach((property) => {
+                        delete item[property];
+                    });
+                });
+                return result;
+            }));
+        });
+    }
+}
+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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 
-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 === null || keys === void 0 ? void 0 : keys.length) && (value[keys[i]] === null || value[keys[i]] === '')) {
-                i++;
-            }
-            return (keys === null || keys === void 0 ? void 0 : 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.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: [{
-            type: Pipe,
-            args: [{ name: 'i18nField' }]
+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 === null || keys === void 0 ? void 0 : keys.length) && (value[keys[i]] === null || value[keys[i]] === '')) {
+                i++;
+            }
+            return (keys === null || keys === void 0 ? void 0 : 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.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: [{
+            type: Pipe,
+            args: [{ name: 'i18nField' }]
         }] });
 
-class ShowSegmentsPipe {
-    transform(value) {
-        let result = '';
-        if (value === null || value === void 0 ? void 0 : value.length) {
-            value.forEach(item => {
-                var _a, _b, _c, _d;
-                result += ((_b = (_a = item === null || item === void 0 ? void 0 : item.Segment) === null || _a === void 0 ? void 0 : _a.PlaceOrigin) === null || _b === void 0 ? void 0 : _b.alpha3) + '-' + ((_d = (_c = item === null || item === void 0 ? void 0 : item.Segment) === null || _c === void 0 ? void 0 : _c.PlaceDestination) === null || _d === void 0 ? void 0 : _d.alpha3) + ', ';
-            });
-            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
-        }
-        return result;
-    }
-}
-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: [{
-            type: Injectable
-        }, {
-            type: Pipe,
-            args: [{ name: 'showSegments' }]
+class ShowSegmentsPipe {
+    transform(value) {
+        let result = '';
+        if (value === null || value === void 0 ? void 0 : value.length) {
+            value.forEach(item => {
+                var _a, _b, _c, _d;
+                result += ((_b = (_a = item === null || item === void 0 ? void 0 : item.Segment) === null || _a === void 0 ? void 0 : _a.PlaceOrigin) === null || _b === void 0 ? void 0 : _b.alpha3) + '-' + ((_d = (_c = item === null || item === void 0 ? void 0 : item.Segment) === null || _c === void 0 ? void 0 : _c.PlaceDestination) === null || _d === void 0 ? void 0 : _d.alpha3) + ', ';
+            });
+            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
+        }
+        return result;
+    }
+}
+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: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showSegments' }]
         }] });
 
-class ShowRolesPipe {
-    transform(value) {
-        let result = '';
-        if (value === null || value === void 0 ? void 0 : value.length) {
-            value.forEach(item => {
-                var _a;
-                result += ((_a = item === null || item === void 0 ? void 0 : item.Rol) === null || _a === void 0 ? void 0 : _a.name) + ', ';
-            });
-            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
-        }
-        return result;
-    }
-}
-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: [{
-            type: Injectable
-        }, {
-            type: Pipe,
-            args: [{ name: 'showSegments' }]
+class ShowRolesPipe {
+    transform(value) {
+        let result = '';
+        if (value === null || value === void 0 ? void 0 : value.length) {
+            value.forEach(item => {
+                var _a;
+                result += ((_a = item === null || item === void 0 ? void 0 : item.Rol) === null || _a === void 0 ? void 0 : _a.name) + ', ';
+            });
+            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
+        }
+        return result;
+    }
+}
+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: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showSegments' }]
         }] });
 
-class ShowTransportTypesPipe {
-    transform(value) {
-        let result = '';
-        if (value === null || value === void 0 ? void 0 : value.length) {
-            value.forEach(item => {
-                var _a;
-                result += ((_a = item === null || item === void 0 ? void 0 : item.TransportType) === null || _a === void 0 ? void 0 : _a.name['es']) + ', ';
-            });
-            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
-        }
-        return result;
-    }
-}
-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: [{
-            type: Injectable
-        }, {
-            type: Pipe,
-            args: [{ name: 'showTransportTypes' }]
+class ShowTransportTypesPipe {
+    transform(value) {
+        let result = '';
+        if (value === null || value === void 0 ? void 0 : value.length) {
+            value.forEach(item => {
+                var _a;
+                result += ((_a = item === null || item === void 0 ? void 0 : item.TransportType) === null || _a === void 0 ? void 0 : _a.name['es']) + ', ';
+            });
+            result = result.substring(0, (result === null || result === void 0 ? void 0 : result.length) - 2);
+        }
+        return result;
+    }
+}
+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: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'showTransportTypes' }]
         }] });
 
-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.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: [{
-            type: Injectable
-        }, {
-            type: Pipe,
-            args: [{ name: 'idaReturn' }]
+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.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: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{ name: 'idaReturn' }]
         }] });
 
-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 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 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 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 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 === null || path === void 0 ? void 0 : path.forEach(item => {
-            if ((item === null || item === void 0 ? void 0 : item.type) === 'divider') {
-                result += item === null || item === void 0 ? void 0 : item.divider;
-            }
-            else {
-                if (item === null || item === void 0 ? void 0 : item.path) {
-                    let value = UtilsService.resolvePropertyByPath(obj, item.path);
-                    switch (item === null || item === void 0 ? void 0 : 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.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: [{
-            type: Pipe,
-            args: [{ name: 'resolvePropertyPath' }]
+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 === null || path === void 0 ? void 0 : path.forEach(item => {
+            if ((item === null || item === void 0 ? void 0 : item.type) === 'divider') {
+                result += item === null || item === void 0 ? void 0 : item.divider;
+            }
+            else {
+                if (item === null || item === void 0 ? void 0 : item.path) {
+                    let value = UtilsService.resolvePropertyByPath(obj, item.path);
+                    switch (item === null || item === void 0 ? void 0 : 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.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: [{
+            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, _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.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.placeholder = 'Seleccione un elemento';
-        this.field = ['name'];
-        this.filterString = 'filter[$and][name][$like]';
-        this.displayOptions = GENERAL_DISPLAY_OPTIONS;
-        this.withoutPaddingBottom = true;
-        this.valueId = false;
-        this.order = null;
-        this.removeProperties = [];
-        this.SelectElement = new EventEmitter();
-        this.onChanged = () => {
-        };
-        this.onTouched = () => {
-        };
-        this.displayFn = (value) => {
-            var _a, _b;
-            if (value) {
-                if (typeof value === 'string') {
-                    return value;
-                }
-                let displayText = '';
-                if (!this.displayOptions) {
-                    this.displayOptions = GENERAL_DISPLAY_OPTIONS;
-                }
-                (_b = (_a = this.displayOptions) === null || _a === void 0 ? void 0 : _a.firthLabel) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
-                    if ((field === null || field === void 0 ? void 0 : field.type) === 'path') {
-                        displayText += UtilsService.resolvePropertyByPath(value, field === null || field === void 0 ? void 0 : field.path);
-                    }
-                    else {
-                        displayText += field === null || field === void 0 ? void 0 : field.divider;
-                    }
-                });
-                return displayText;
-            }
-        };
-    }
-    set disable(flag) {
-        this.disabledButton = flag;
-        if (flag) {
-            this.component.disable();
-        }
-        else {
-            this.component.enable();
-        }
-        this._cdRef.detectChanges();
-    }
-    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(() => {
-                this._zone.run(() => {
-                    setTimeout(() => {
-                        this.inputText.nativeElement.focus();
-                    }, 500);
-                });
-            });
-        }
-    }
-    static ValidateAutocomplete(control) {
-        var _a, _b;
-        if (((_a = control === null || control === void 0 ? void 0 : control.value) === null || _a === void 0 ? void 0 : _a.constructor) !== Object || !((_b = control === null || control === void 0 ? void 0 : control.value) === null || _b === void 0 ? void 0 : _b.id)) {
-            return { invalidSelection: true };
-        }
-        return null;
-    }
-    subscribeComponentChanges() {
-        var _a, _b, _c;
-        (_c = (_b = (_a = this.component) === null || _a === void 0 ? void 0 : _a.valueChanges) === null || _b === void 0 ? void 0 : _b.pipe(debounceTime(this.debounceTimeValue), takeUntil(this.unsubscribeAll$))) === null || _c === void 0 ? void 0 : _c.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 === null || resp === void 0 ? void 0 : resp.subscribe((result) => {
-                var _a;
-                this.filteredOptions = (_a = result === null || result === void 0 ? void 0 : result.payload) === null || _a === void 0 ? void 0 : _a.data;
-                this.loading = false;
-                this._cdRef.detectChanges();
-            });
-        });
-    }
-    getAutocompleteSearchText() {
-        var _a, _b, _c;
-        this.loading = true;
-        let text = null;
-        if ((_a = this.component) === null || _a === void 0 ? void 0 : _a.value) {
-            if (typeof this.component.value === 'object') {
-                const componentValue = (_b = this.component) === null || _b === void 0 ? void 0 : _b.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 ((_c = this.component) === null || _c === void 0 ? void 0 : _c.value) === 'string') {
-                text = this.component.value;
-            }
-        }
-        return text;
-    }
-    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();
-    }
-    clear(trigger) {
-        this.component.setValue(null);
-        this.selectedElement = null;
-        this.SelectElement.emit(null);
-        this._cdRef.detectChanges();
-        this.onChanged(null);
-        this._zone.run(() => {
-            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 === null || item === void 0 ? void 0 : item.id);
-        }
-        else {
-            this.onChanged(item);
-        }
-        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.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: [{
-            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()\"\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: [{
-                type: ViewChild,
-                args: ['inputText', { static: true }]
-            }], floatLabel: [{
-                type: Input
-            }], bodyRequest: [{
-                type: Input
-            }], debounceTimeValue: [{
-                type: Input
-            }], detailsTemplate: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }], filterString: [{
-                type: Input
-            }], displayOptions: [{
-                type: Input
-            }], withoutPaddingBottom: [{
-                type: Input
-            }], valueId: [{
-                type: Input
-            }], order: [{
-                type: Input
-            }], removeProperties: [{
-                type: Input
-            }], SelectElement: [{
-                type: Output
-            }], disable: [{
-                type: Input
-            }], url: [{
-                type: Input
-            }], clearData: [{
-                type: Input
-            }], initialValue: [{
-                type: Input
-            }], restrictions: [{
-                type: Input
-            }], isRequired: [{
-                type: Input
-            }], doFocus: [{
-                type: Input
+class GuajiritosGeneralAutocompleteComponent {
+    constructor(_autocompleteService, _cdRef, _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.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.placeholder = 'Seleccione un elemento';
+        this.field = ['name'];
+        this.filterString = 'filter[$and][name][$like]';
+        this.displayOptions = GENERAL_DISPLAY_OPTIONS;
+        this.withoutPaddingBottom = true;
+        this.valueId = false;
+        this.order = null;
+        this.removeProperties = [];
+        this.SelectElement = new EventEmitter();
+        this.onChanged = () => {
+        };
+        this.onTouched = () => {
+        };
+        this.displayFn = (value) => {
+            var _a, _b;
+            if (value) {
+                if (typeof value === 'string') {
+                    return value;
+                }
+                let displayText = '';
+                if (!this.displayOptions) {
+                    this.displayOptions = GENERAL_DISPLAY_OPTIONS;
+                }
+                (_b = (_a = this.displayOptions) === null || _a === void 0 ? void 0 : _a.firthLabel) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+                    if ((field === null || field === void 0 ? void 0 : field.type) === 'path') {
+                        displayText += UtilsService.resolvePropertyByPath(value, field === null || field === void 0 ? void 0 : field.path);
+                    }
+                    else {
+                        displayText += field === null || field === void 0 ? void 0 : field.divider;
+                    }
+                });
+                return displayText;
+            }
+        };
+    }
+    set disable(flag) {
+        this.disabledButton = flag;
+        if (flag) {
+            this.component.disable();
+        }
+        else {
+            this.component.enable();
+        }
+        this._cdRef.detectChanges();
+    }
+    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({
+                next: () => {
+                    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({
+                next: () => {
+                    this._zone.run(() => {
+                        setTimeout(() => {
+                            this.inputText.nativeElement.focus();
+                        }, 500);
+                    });
+                }
+            });
+        }
+    }
+    static ValidateAutocomplete(control) {
+        var _a, _b;
+        if (((_a = control === null || control === void 0 ? void 0 : control.value) === null || _a === void 0 ? void 0 : _a.constructor) !== Object || !((_b = control === null || control === void 0 ? void 0 : control.value) === null || _b === void 0 ? void 0 : _b.id)) {
+            return { invalidSelection: true };
+        }
+        return null;
+    }
+    subscribeComponentChanges() {
+        var _a, _b, _c;
+        (_c = (_b = (_a = this.component) === null || _a === void 0 ? void 0 : _a.valueChanges) === null || _b === void 0 ? void 0 : _b.pipe(debounceTime(this.debounceTimeValue), takeUntil(this.unsubscribeAll$))) === null || _c === void 0 ? void 0 : _c.subscribe({
+            next: () => {
+                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 === null || resp === void 0 ? void 0 : resp.subscribe({
+                next: (result) => {
+                    var _a;
+                    this.filteredOptions = ((_a = result === null || result === void 0 ? void 0 : result.payload) === null || _a === void 0 ? void 0 : _a.data) || (result === null || result === void 0 ? void 0 : result.data);
+                    this.loading = false;
+                    this._cdRef.detectChanges();
+                }
+            });
+        });
+    }
+    getAutocompleteSearchText() {
+        var _a, _b, _c;
+        this.loading = true;
+        let text = null;
+        if ((_a = this.component) === null || _a === void 0 ? void 0 : _a.value) {
+            if (typeof this.component.value === 'object') {
+                const componentValue = (_b = this.component) === null || _b === void 0 ? void 0 : _b.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 ((_c = this.component) === null || _c === void 0 ? void 0 : _c.value) === 'string') {
+                text = this.component.value;
+            }
+        }
+        return text;
+    }
+    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();
+    }
+    clear(trigger) {
+        this.component.setValue(null);
+        this.selectedElement = null;
+        this.SelectElement.emit(null);
+        this._cdRef.detectChanges();
+        this.onChanged(null);
+        this._zone.run(() => {
+            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 === null || item === void 0 ? void 0 : item.id);
+        }
+        else {
+            this.onChanged(item);
+        }
+        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.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: [{
+            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()\"\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: [{
+                type: ViewChild,
+                args: ['inputText', { static: true }]
+            }], floatLabel: [{
+                type: Input
+            }], bodyRequest: [{
+                type: Input
+            }], debounceTimeValue: [{
+                type: Input
+            }], detailsTemplate: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], filterString: [{
+                type: Input
+            }], displayOptions: [{
+                type: Input
+            }], withoutPaddingBottom: [{
+                type: Input
+            }], valueId: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], removeProperties: [{
+                type: Input
+            }], SelectElement: [{
+                type: Output
+            }], disable: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], clearData: [{
+                type: Input
+            }], initialValue: [{
+                type: Input
+            }], restrictions: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], doFocus: [{
+                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
-                    ]
-                }]
+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
+/*
+ * Public API Surface of guachos-general-autocomplete
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { CustomPipes, GENERAL_DISPLAY_OPTIONS, GuajiritosGeneralAutocompleteComponent, GuajiritosGeneralAutocompleteModule };