sf-crud 12.1.1 → 12.3.0

package/bundles/sf-crud.umd.js

@@ -776,6 +776,7 @@
             this._changeData = new rxjs.BehaviorSubject(undefined);
             this.__formLoading = new rxjs.BehaviorSubject({ inProgress: false, target: undefined });
             this._crudLoaded = new rxjs.BehaviorSubject(false);
+            this._mascaras = [];
         }
         Object.defineProperty(SfCrudService.prototype, "user", {
             get: function () {
@@ -859,6 +860,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SfCrudService.prototype, "mascaras", {
+            get: function () {
+                return this._mascaras;
+            },
+            set: function (mascaras) {
+                this._mascaras = mascaras;
+            },
+            enumerable: false,
+            configurable: true
+        });
         SfCrudService.prototype.getURL = function (operation, index, id) {
             if (index === void 0) { index = undefined; }
             if (id === void 0) { id = undefined; }
@@ -1335,6 +1346,28 @@
             console.log(esquema);
             console.log(params);
         };
+        SfCrudService.prototype.armarNuevaDireccion = function (tipo, dataDireccion, separador) {
+            var resultado;
+            if (tipo == "string") {
+                resultado = "";
+                this.mascaras.forEach(function (mascara) {
+                    mascara.Campo.forEach(function (campo, i) {
+                        var valor = jsonpath__namespace.query(dataDireccion, "$." + campo.Id)[0];
+                        if (valor && i - 1 >= 0 && mascara.Campo[i - 1].Tipo.toLocaleLowerCase() == "label") {
+                            valor = mascara.Campo[i - 1].Valor + valor;
+                        }
+                        if (valor && !separador)
+                            resultado += valor + " ";
+                        else if (separador)
+                            resultado += (valor !== null && valor !== void 0 ? valor : "") + separador;
+                    });
+                });
+            }
+            else {
+                throw new Error("flujo sin realizar");
+            }
+            return resultado;
+        };
         return SfCrudService;
     }());
     SfCrudService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SfCrudService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -1408,9 +1441,7 @@
              * Useful to deny or approve request made by requestAprroval
              */
             set: function (approved) {
-                if (this._desiredIndex === undefined)
-                    throw new Error('desiredIndex is not defined');
-                if (approved)
+                if (approved && this._desiredIndex !== undefined)
                     this._currentPosition.next(this._desiredIndex);
                 this._requestApproved.next(approved);
             },
@@ -1971,6 +2002,29 @@
         return Archivo;
     }());
 
+    var FormatAddressPipe = /** @class */ (function () {
+        function FormatAddressPipe() {
+        }
+        FormatAddressPipe.prototype.transform = function (address, separator) {
+            if (!address) {
+                return address;
+            }
+            if (separator) {
+                return address.replaceAll(separator, ' ').replaceAll('  ', ' ');
+            }
+            return address;
+        };
+        return FormatAddressPipe;
+    }());
+    FormatAddressPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormatAddressPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    FormatAddressPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormatAddressPipe, name: "formatAddress" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormatAddressPipe, decorators: [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'formatAddress'
+                    }]
+            }] });
+
     var ControlComponent = /** @class */ (function () {
         function ControlComponent(generalService, crudService, cdr, notificationService) {
             this.generalService = generalService;
@@ -1982,10 +2036,12 @@
             this.label = '';
             this.setValue = new i0.EventEmitter();
             this.sendObject = new i0.EventEmitter();
+            this.addressClicked = new i0.EventEmitter();
             this.isLoading = false;
             this.dataFromService = [];
             this.uploadedFiles = [];
             this.displayAdd = false;
+            this.clicked = false;
             this.uploadingFiles = false;
         }
         ControlComponent.prototype.ngOnChanges = function (changes) {
@@ -2134,17 +2190,23 @@
         };
         ControlComponent.prototype.loadDataFromService = function () {
             var _this = this;
+            var _a;
             this.isLoading = true;
             this.dataFromService = [];
             var op = this.control.config;
             var url = this.crudService.getURL(op, undefined, undefined);
-            this.generalService.genericRequest(this.control.config.method, url)
-                .then(function (res) {
-                _this.dataFromService = res.data;
-            }).finally(function () {
-                _this.isLoading = false;
-                _this.cdr.detectChanges();
-            });
+            if ((_a = this.control.config) === null || _a === void 0 ? void 0 : _a.customOptions) {
+                this.dataFromService = this.control.config.customOptions;
+            }
+            else {
+                this.generalService.genericRequest(this.control.config.method, url)
+                    .then(function (res) {
+                    _this.dataFromService = res.data;
+                }).finally(function () {
+                    _this.isLoading = false;
+                    _this.cdr.detectChanges();
+                });
+            }
         };
         ControlComponent.prototype.loadDataFromControlBusquedaService = function (event) {
             var _this = this;
@@ -2304,10 +2366,13 @@
             }
             this.cdr.detectChanges();
         };
+        ControlComponent.prototype.onClickedAddres = function () {
+            this.addressClicked.emit();
+        };
         return ControlComponent;
     }());
     ControlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ControlComponent, deps: [{ token: GeneralService }, { token: SfCrudService }, { token: i0__namespace.ChangeDetectorRef }, { token: NotificationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ControlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ControlComponent, selector: "sf-control", inputs: { showTempValue: "showTempValue", control: "control", label: "label", value: "value", appendTo: "appendTo" }, outputs: { setValue: "setValue", sendObject: "sendObject" }, viewQueries: [{ propertyName: "tooltips", predicate: i13.Tooltip, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<p *ngIf=\"showTempValue && tempValue\">{{tempValue[control.field]}}</p>\r\n\r\n<div *ngIf=\"!showTempValue\" [ngSwitch]=\"control.type\" #cc class=\"control-container\">\r\n    <div class=\"label-container\">\r\n        <label [for]=\"label\">{{label}}</label>\r\n        <i #tooltip *ngIf=\"control.tooltip\" class=\"pi pi-question-circle\"\r\n            [tooltipPosition]=\"control.tooltipPosition || 'top'\" [pTooltip]=\"control.tooltip\"\r\n            (touchstart)=\"onTouchDescription()\" (touchend)=\"onUnTouchDescription()\"></i>\r\n    </div>\r\n\r\n    <ng-container *ngSwitchCase=\"'string'\" >\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'input'\">\r\n                <input pInputText [name]=\"label\" type=\"text\" [(ngModel)]=\"value\" (input)=\"sendValue()\"\r\n                    [disabled]=\"control.disabled || false\" [autocomplete]=\"control.autocomplete || 'off'\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'textarea'\">\r\n                <textarea [rows]=\"control.config?.rows ? control.config.rows : 4\" [(ngModel)]=\"value\"\r\n                    (input)=\"sendValue()\" pInputTextarea [disabled]=\"control.config?.disabled || false\"\r\n                    [autoResize]=\"control.config?.autoresize || false\"></textarea>\r\n          </ng-container>\r\n            <ng-container *ngSwitchCase=\"'password'\">\r\n                <input pInputText type=\"password\" [(ngModel)]=\"value\" (input)=\"sendValue()\"\r\n                    [disabled]=\"control.disabled || false\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'email'\">\r\n                <input pInputText type=\"text\" [(ngModel)]=\"value\" placeholder=\"email@example.com\"\r\n                    [disabled]=\"control.disabled || false\" autocomplete=\"email\" (input)=\"onInputEmail(false)\"\r\n                    (focusout)=\"onInputEmail(true)\" (keyup.enter)=\"doFocusOut()\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'phone'\">\r\n                <p-inputMask mask=\"(999) 999-9999\" [(ngModel)]=\"value\" placeholder=\"(999) 999-9999\"\r\n                    [disabled]=\"control.disabled || false\" autocomplete=\"tel-national\"\r\n                    [unmask]=\"control.unmask || false\" (onComplete)=\"sendValue()\"></p-inputMask>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'enum'\">\r\n                <p-dropdown [options]=\"control.enum\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\" appendTo=\"body\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\" [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                <p-dropdown [lazy]=\"isLoading\" [options]=\"dataFromService\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    [optionLabel]=\"control.config.optionLabel\"\r\n                    [optionValue]=\"control.field || control.config.optionValue\" appendTo=\"body\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\" [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown:replace'\">\r\n                <p-dropdown [lazy]=\"isLoading\" [options]=\"dataFromService\"\r\n                    (onChange)=\"sendValueFromObject($event)\" [optionLabel]=\"control.config.optionLabel\"\r\n                    appendTo=\"body\" placeholder=\"Seleccione una opci\u00F3n\"\r\n                    [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete'\">\r\n                <p-autoComplete [showEmptyMessage]=\"true\" [suggestions]=\"dataFromService\" appendTo=\"body\"\r\n                    (completeMethod)=\"loadDataFromControlBusquedaService($event)\" [field]=\"control.field\"\r\n                    [minLength]=\"1\" (onSelect)=\"sendValueFromObject($event)\" [(ngModel)]=\"tempValue\"\r\n                    [disabled]=\"control.disabled || false\"></p-autoComplete>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'input:search'\">\r\n                <div class=\"p-inputgroup\">\r\n                    <input type=\"text\" pInputText [(ngModel)]=\"value\" (focusout)=\"sendValue()\"\r\n                        (keyup.enter)=\"doFocusOut()\" />\r\n                    <button type=\"button\" pButton icon=\"pi pi-search\" (click)=\"searchValue(value)\"></button>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'file'\">\r\n                <sf-file-upload *ngIf=\"!isLoading\" [accept]=\"control.config?.accept || 'image/*,application/pdf'\"\r\n                    [loading]=\"uploadingFiles\" [files]=\"uploadedFiles\" [configName]=\"control.config?.configName\"\r\n                    [limit]=\"control.config?.limit || 1\" (onUpload)=\"onUpload($event)\"\r\n                    (onDeleteFile)=\"onDeleteFile($event)\"></sf-file-upload>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'calendar'\">\r\n                <div class=\"p-col-12\">\r\n                    <div class=\"p-inputgroup\">\r\n                        <p-inputMask [(ngModel)]=\"tempValue\" mask=\"99/99/9999\" [placeholder]=\"control.placeholder\"\r\n                            (onComplete)=\"onChangeSDate()\" [disabled]=\"control.disabled || false\"></p-inputMask>\r\n                        <p-calendar [(ngModel)]=\"value\" class=\"only-icon\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1900:2035\"\r\n                            [dateFormat]=\"control.format || 'yy-mm-dd'\" appendTo=\"body\" [disabled]=\"control.disabled || false\"\r\n                            [showOnFocus]=\"!control.hide\" [placeholder]=\"control.placeholder || 'aaaa-mm-dd'\"\r\n                            [touchUI]=\"control.touchUI || false\" [showIcon]=\"control.showIcon || false\" (onSelect)=\"onChangeDate()\"\r\n                            (onBlur)=\"onChangeDate()\"></p-calendar>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'numeric'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'currency'\">\r\n                <p-inputNumber [ngModel]=\"value\"  (ngModelChange)=\"value = $event; sendValue()\" mode=\"decimal\" [minFractionDigits]=\"control.minFractionDigits || 0\"\r\n                    [min]=\"control.min || null\" [max]=\"control.max || null\" (onInput)=\"sendNumberValue($event)\"\r\n                    [prefix]=\"control.currency || '$ '\" [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'decimal'\">\r\n                <p-inputNumber [ngModel]=\"value\" mode=\"decimal\" (ngModelChange)=\"value = $event; sendValue()\" [min]=\"control.min || null\"\r\n                    [max]=\"control.max || null\" [minFractionDigits]=\"control.minFractionDigits || 0\"\r\n                    [locale]=\"control.locale || undefined\" [useGrouping]=\"control.useGrouping || false\"\r\n                    [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'percentage'\">\r\n                <p-inputNumber [ngModel]=\"value\" suffix=\" %\" (ngModelChange)=\"value = $event; sendValue()\" (onInput)=\"sendValue()\" [min]=\"control.min || null\"\r\n                    [max]=\"control.max || null\" [minFractionDigits]=\"control.minFractionDigits || 2\"\r\n                    [locale]=\"control.locale || undefined\" [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'decimal:search'\">\r\n                <div class=\"p-inputgroup\">\r\n                    <input type=\"number\" pInputText [(ngModel)]=\"value\" (focusout)=\"sendValue()\"\r\n                        (keyup.enter)=\"doFocusOut()\" />\r\n                    <button type=\"button\" pButton icon=\"pi pi-search\" (click)=\"searchValue(value)\"></button>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'array'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'file'\">\r\n                <sf-file-upload *ngIf=\"!isLoading\" [loading]=\"uploadingFiles\" [files]=\"uploadedFiles\"\r\n                    [configName]=\"control.config?.configName\" [limit]=\"control.config?.limit || 1\"\r\n                    [accept]=\"control.config?.accept || 'image/*,application/pdf'\" (onUpload)=\"onUpload($event)\"\r\n                    (onDeleteFile)=\"onDeleteFile($event)\"></sf-file-upload>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'multiselect'\">\r\n                <p-multiSelect [options]=\"dataFromService\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    [optionLabel]=\"control.config?.optionLabel\" [optionValue]=\"control.config?.optionValue\"\r\n                    [placeholder]=\"control.config?.placeholder\"\r\n                    [display]=\"control.config?.display || 'chip'\"></p-multiSelect>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'boolean'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'switch'\">\r\n                <p-inputSwitch  [(ngModel)]=\"tempValue\" (onChange)=\"onChangeSwitch()\" [id]=\"label\"\r\n                [trueValue]=\"control?.trueValue !== undefined ? control?.trueValue: null\"\r\n                [falseValue]=\"control?.falseValue !== undefined ? control?.falseValue: null\"></p-inputSwitch>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n", styles: ["::ng-deep .label-container{& label{margin-right:10px;color:#55585b;font-size:17px}& i{font-size:1.1rem}}::ng-deep .p-tooltip{max-width:15rem;font-size:.85rem;text-align:center}.control-container ::ng-deep .p-button:hover{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important;filter:brightness(85%)}.control-container ::ng-deep .p-component,.control-container ::ng-deep .p-component *{border-radius:6px}.control-container ::ng-deep .p-inputtext{font-size:17px;border:1px solid #d1d5db;border-radius:6px}.control-container ::ng-deep .p-inputtext:focus,.control-container ::ng-deep .p-inputtext:active,.control-container ::ng-deep .p-inputwrapper:focus,.control-container ::ng-deep .p-inputwrapper:active{border-color:var(--button-color)}.control-container ::ng-deep .p-inputtext:enabled:focus{border-color:var(--secondary-color)!important;box-shadow:inset 0 0 0 1px #fff}.control-container ::ng-deep input.p-inputtext::placeholder{color:#6b7280;font-family:sans-serif;font-size:18px}.control-container ::ng-deep .p-dropdown{background:#ffffff;border:1px solid #d1d5db;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:6px}.control-container ::ng-deep .p-dropdown:not(.p-disabled):hover{border-color:var(--secondary-color)!important}.control-container ::ng-deep .p-dropdown:not(.p-disabled).p-focus{border-color:var(--secondary-color)!important;box-shadow:inset 0 0 0 1px #fff}.control-container ::ng-deep .p-dropdown .p-inputtext{border:none}.control-container ::ng-deep .p-dropdown .p-dropdown-label.p-placeholder{font-family:sans-serif;color:#6b7280}.control-container ::ng-deep .p-button.p-button-danger,.control-container ::ng-deep .p-buttonset.p-button-danger>.p-button,.control-container ::ng-deep .p-splitbutton.p-button-danger>.p-button{border-color:var(--secondary-color)!important;background:var(--secondary-color)!important}.control-container ::ng-deep .p-inputgroup button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.control-container ::ng-deep .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.control-container ::ng-deep .p-inputgroup input:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.control-container ::ng-deep .p-datepicker-touch-ui .p-datepicker-title{padding:3px}.control-container ::ng-deep .p-datepicker-month,.control-container ::ng-deep .p-datepicker-month:focus,.control-container ::ng-deep .p-datepicker-year:focus,.control-container ::ng-deep .p-datepicker-year{border:none}.p-inputgroup{& p-calendar{display:contents;& input{display:none}& .p-button-icon-only{border-top-left-radius:0;border-bottom-left-radius:0}}& p-inputMask{display:contents;& ::ng-deep input{border-top-right-radius:0;border-bottom-right-radius:0}}}@media (max-width <=768px){:host{font-size:14px}}\n"], components: [{ type: i4__namespace.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown"] }, { type: i5__namespace$1.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i6__namespace$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: FileUploadComponent, selector: "sf-file-upload", inputs: ["limit", "files", "loading", "configName", "accept"], outputs: ["onUpload", "onDeleteFile"] }, { type: i8__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "touchUI", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "tabindex", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i9__namespace$1.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "step", "inputStyle", "inputStyleClass", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i10__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: i11__namespace$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i13__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i12__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i14__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12__namespace$1.InputText, selector: "[pInputText]" }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i16__namespace.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i14__namespace.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    ControlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ControlComponent, selector: "sf-control", inputs: { showTempValue: "showTempValue", control: "control", label: "label", value: "value", appendTo: "appendTo" }, outputs: { setValue: "setValue", sendObject: "sendObject", addressClicked: "addressClicked" }, viewQueries: [{ propertyName: "tooltips", predicate: i13.Tooltip, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"showTempValue\"><p *ngIf=\"tempValue\">{{tempValue[control.field]}}</p></ng-container>\r\n\r\n<div *ngIf=\"!showTempValue\" [ngSwitch]=\"control.type\" #cc class=\"control-container\">\r\n    <div class=\"label-container\">\r\n        <label [for]=\"label\">{{label}}</label>\r\n        <i #tooltip *ngIf=\"control.tooltip\" class=\"pi pi-question-circle\"\r\n            [tooltipPosition]=\"control.tooltipPosition || 'top'\" [pTooltip]=\"control.tooltip\"\r\n            (touchstart)=\"onTouchDescription()\" (touchend)=\"onUnTouchDescription()\"></i>\r\n    </div>\r\n\r\n    <ng-container *ngSwitchCase=\"'string'\" >\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'input'\">\r\n                <input pInputText [name]=\"label\" type=\"text\" [(ngModel)]=\"value\" (input)=\"sendValue()\"\r\n                    [disabled]=\"control.disabled || false\" [autocomplete]=\"control.autocomplete || 'off'\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'textarea'\">\r\n                <textarea [rows]=\"control.config?.rows ? control.config.rows : 4\" [(ngModel)]=\"value\"\r\n                    (input)=\"sendValue()\" pInputTextarea [disabled]=\"control.config?.disabled || false\"\r\n                    [autoResize]=\"control.config?.autoresize || false\"></textarea>\r\n          </ng-container>\r\n            <ng-container *ngSwitchCase=\"'password'\">\r\n                <input pInputText type=\"password\" [(ngModel)]=\"value\" (input)=\"sendValue()\"\r\n                    [disabled]=\"control.disabled || false\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'email'\">\r\n                <input pInputText type=\"text\" [(ngModel)]=\"value\" placeholder=\"email@example.com\"\r\n                    [disabled]=\"control.disabled || false\" autocomplete=\"email\" (input)=\"onInputEmail(false)\"\r\n                    (focusout)=\"onInputEmail(true)\" (keyup.enter)=\"doFocusOut()\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'phone'\">\r\n                <p-inputMask mask=\"(999) 999-9999\" [(ngModel)]=\"value\" placeholder=\"(999) 999-9999\"\r\n                    [disabled]=\"control.disabled || false\" autocomplete=\"tel-national\"\r\n                    [unmask]=\"control.unmask || false\" (onComplete)=\"sendValue()\"></p-inputMask>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'address'\">\r\n              <input pInputText type=\"text\" [value]=\"value | formatAddress: control.separador\" autocomplete=\"off\" [disabled]=\"clicked\" (keydown)=\"onClickedAddres()\" (focus)=\"onClickedAddres()\">\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'enum'\">\r\n                <p-dropdown [options]=\"control.enum\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\" appendTo=\"body\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\" [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown'\">\r\n                <p-dropdown [lazy]=\"isLoading\" [options]=\"dataFromService\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    [optionLabel]=\"control.config.optionLabel\" [showClear]=\"control.config.showClear\"\r\n                    [optionValue]=\"control.field || control.config.optionValue\" appendTo=\"body\"\r\n                    placeholder=\"Seleccione una opci\u00F3n\" [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'dropdown:replace'\">\r\n                <p-dropdown [lazy]=\"isLoading\" [options]=\"dataFromService\"\r\n                    (onChange)=\"sendValueFromObject($event)\" [optionLabel]=\"control.config.optionLabel\"\r\n                    appendTo=\"body\" placeholder=\"Seleccione una opci\u00F3n\"\r\n                    [disabled]=\"control.disabled || false\"></p-dropdown>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'autocomplete'\">\r\n                <p-autoComplete [showEmptyMessage]=\"true\" [suggestions]=\"dataFromService\" appendTo=\"body\"\r\n                    (completeMethod)=\"loadDataFromControlBusquedaService($event)\" [field]=\"control.field\"\r\n                    [minLength]=\"1\" (onSelect)=\"sendValueFromObject($event)\" [(ngModel)]=\"tempValue\"\r\n                    [disabled]=\"control.disabled || false\"></p-autoComplete>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'input:search'\">\r\n                <div class=\"p-inputgroup\">\r\n                    <input type=\"text\" pInputText [(ngModel)]=\"value\" (focusout)=\"sendValue()\"\r\n                        (keyup.enter)=\"doFocusOut()\" />\r\n                    <button type=\"button\" pButton icon=\"pi pi-search\" (click)=\"searchValue(value)\"></button>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'file'\">\r\n                <sf-file-upload *ngIf=\"!isLoading\" [accept]=\"control.config?.accept || 'image/*,application/pdf'\"\r\n                    [loading]=\"uploadingFiles\" [files]=\"uploadedFiles\" [configName]=\"control.config?.configName\"\r\n                    [limit]=\"control.config?.limit || 1\" (onUpload)=\"onUpload($event)\"\r\n                    (onDeleteFile)=\"onDeleteFile($event)\"></sf-file-upload>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'calendar'\">\r\n                <div class=\"p-col-12\">\r\n                    <div class=\"p-inputgroup\">\r\n                        <p-inputMask [(ngModel)]=\"tempValue\" mask=\"99/99/9999\" [placeholder]=\"control.placeholder\"\r\n                            (onComplete)=\"onChangeSDate()\" [disabled]=\"control.disabled || false\"></p-inputMask>\r\n                        <p-calendar [(ngModel)]=\"value\" class=\"only-icon\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1900:2035\"\r\n                            [dateFormat]=\"control.format || 'yy-mm-dd'\" appendTo=\"body\" [disabled]=\"control.disabled || false\"\r\n                            [showOnFocus]=\"!control.hide\" [placeholder]=\"control.placeholder || 'aaaa-mm-dd'\"\r\n                            [touchUI]=\"control.touchUI || false\" [showIcon]=\"control.showIcon || false\" (onSelect)=\"onChangeDate()\"\r\n                            (onBlur)=\"onChangeDate()\"></p-calendar>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'numeric'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'currency'\">\r\n                <p-inputNumber [ngModel]=\"value\"  (ngModelChange)=\"value = $event; sendValue()\" mode=\"decimal\" [minFractionDigits]=\"control.minFractionDigits || 0\"\r\n                    [min]=\"control.min || null\" [max]=\"control.max || null\" (onInput)=\"sendNumberValue($event)\"\r\n                    [prefix]=\"control.currency || '$ '\" [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'decimal'\">\r\n                <p-inputNumber [ngModel]=\"value\" mode=\"decimal\" (ngModelChange)=\"value = $event; sendValue()\" [min]=\"control.min || null\"\r\n                    [max]=\"control.max || null\" [minFractionDigits]=\"control.minFractionDigits || 0\"\r\n                    [locale]=\"control.locale || undefined\" [useGrouping]=\"control.useGrouping || false\"\r\n                    [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'percentage'\">\r\n                <p-inputNumber [ngModel]=\"value\" suffix=\" %\" (ngModelChange)=\"value = $event; sendValue()\" (onInput)=\"sendValue()\" [min]=\"control.min || null\"\r\n                    [max]=\"control.max || null\" [minFractionDigits]=\"control.minFractionDigits || 2\"\r\n                    [locale]=\"control.locale || undefined\" [disabled]=\"control.disabled || false\"></p-inputNumber>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'decimal:search'\">\r\n                <div class=\"p-inputgroup\">\r\n                    <input type=\"number\" pInputText [(ngModel)]=\"value\" (focusout)=\"sendValue()\"\r\n                        (keyup.enter)=\"doFocusOut()\" />\r\n                    <button type=\"button\" pButton icon=\"pi pi-search\" (click)=\"searchValue(value)\"></button>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'array'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'file'\">\r\n                <sf-file-upload *ngIf=\"!isLoading\" [loading]=\"uploadingFiles\" [files]=\"uploadedFiles\"\r\n                    [configName]=\"control.config?.configName\" [limit]=\"control.config?.limit || 1\"\r\n                    [accept]=\"control.config?.accept || 'image/*,application/pdf'\" (onUpload)=\"onUpload($event)\"\r\n                    (onDeleteFile)=\"onDeleteFile($event)\"></sf-file-upload>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'multiselect'\">\r\n                <p-multiSelect [options]=\"dataFromService\" [(ngModel)]=\"value\" (onChange)=\"sendValue()\"\r\n                    [optionLabel]=\"control.config?.optionLabel\" [optionValue]=\"control.config?.optionValue\"\r\n                    [placeholder]=\"control.config?.placeholder\"\r\n                    [display]=\"control.config?.display || 'chip'\"></p-multiSelect>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'boolean'\">\r\n        <ng-container [ngSwitch]=\"control.subtype\">\r\n            <ng-container *ngSwitchCase=\"'switch'\">\r\n                <p-inputSwitch  [(ngModel)]=\"tempValue\" (onChange)=\"onChangeSwitch()\" [id]=\"label\"\r\n                [trueValue]=\"control?.trueValue !== undefined ? control?.trueValue: null\"\r\n                [falseValue]=\"control?.falseValue !== undefined ? control?.falseValue: null\"></p-inputSwitch>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</div>\r\n", styles: ["::ng-deep .label-container{& label{margin-right:10px;color:#55585b;font-size:17px}& i{font-size:1.1rem}}::ng-deep .p-tooltip{max-width:15rem;font-size:.85rem;text-align:center}.control-container ::ng-deep .p-button:hover{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important;filter:brightness(85%)}.control-container ::ng-deep .p-component,.control-container ::ng-deep .p-component *{border-radius:6px}.control-container ::ng-deep .p-inputtext{font-size:17px;border:1px solid #d1d5db;border-radius:6px}.control-container ::ng-deep .p-inputtext:focus,.control-container ::ng-deep .p-inputtext:active,.control-container ::ng-deep .p-inputwrapper:focus,.control-container ::ng-deep .p-inputwrapper:active{border-color:var(--button-color)}.control-container ::ng-deep .p-inputtext:enabled:focus{border-color:var(--secondary-color)!important;box-shadow:inset 0 0 0 1px #fff}.control-container ::ng-deep input.p-inputtext::placeholder{color:#6b7280;font-family:sans-serif;font-size:18px}.control-container ::ng-deep .p-dropdown{background:#ffffff;border:1px solid #d1d5db;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;border-radius:6px}.control-container ::ng-deep .p-dropdown:not(.p-disabled):hover{border-color:var(--secondary-color)!important}.control-container ::ng-deep .p-dropdown:not(.p-disabled).p-focus{border-color:var(--secondary-color)!important;box-shadow:inset 0 0 0 1px #fff}.control-container ::ng-deep .p-dropdown .p-inputtext{border:none}.control-container ::ng-deep .p-dropdown .p-dropdown-label.p-placeholder{font-family:sans-serif;color:#6b7280}.control-container ::ng-deep .p-button.p-button-danger,.control-container ::ng-deep .p-buttonset.p-button-danger>.p-button,.control-container ::ng-deep .p-splitbutton.p-button-danger>.p-button{border-color:var(--secondary-color)!important;background:var(--secondary-color)!important}.control-container ::ng-deep .p-inputgroup button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.control-container ::ng-deep .p-inputgroup input:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.control-container ::ng-deep .p-inputgroup input:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.control-container ::ng-deep .p-datepicker-touch-ui .p-datepicker-title{padding:3px}.control-container ::ng-deep .p-datepicker-month,.control-container ::ng-deep .p-datepicker-month:focus,.control-container ::ng-deep .p-datepicker-year:focus,.control-container ::ng-deep .p-datepicker-year{border:none}.p-inputgroup{& p-calendar{display:contents;& input{display:none}& .p-button-icon-only{border-top-left-radius:0;border-bottom-left-radius:0}}& p-inputMask{display:contents;& ::ng-deep input{border-top-right-radius:0;border-bottom-right-radius:0}}}@media (max-width <=768px){:host{font-size:14px}}\n"], components: [{ type: i4__namespace.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown"] }, { type: i5__namespace$1.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "virtualScroll", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide"] }, { type: i6__namespace$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "virtualScroll", "itemSize", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "field", "scrollHeight", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: FileUploadComponent, selector: "sf-file-upload", inputs: ["limit", "files", "loading", "configName", "accept"], outputs: ["onUpload", "onDeleteFile"] }, { type: i8__namespace.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "numberOfMonths", "view", "touchUI", "timeSeparator", "focusTrap", "firstDayOfWeek", "showTransitionOptions", "hideTransitionOptions", "tabindex", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { type: i9__namespace$1.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "step", "inputStyle", "inputStyleClass", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown"] }, { type: i10__namespace.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "autoZIndex", "baseZIndex", "filterBy", "virtualScroll", "itemSize", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "scrollHeight", "defaultLabel", "placeholder", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onPanelShow", "onPanelHide"] }, { type: i11__namespace$1.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "ariaLabelledBy"], outputs: ["onChange"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i13__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i12__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i14__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12__namespace$1.InputText, selector: "[pInputText]" }, { type: i14__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i14__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i16__namespace.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i14__namespace.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }], pipes: { "formatAddress": FormatAddressPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ControlComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2330,6 +2395,8 @@
                     type: i0.Output
                 }], sendObject: [{
                     type: i0.Output
+                }], addressClicked: [{
+                    type: i0.Output
                 }], tooltips: [{
                     type: i0.ViewChildren,
                     args: [i13.Tooltip]
@@ -2345,6 +2412,7 @@
             this.adoService = adoService;
             this.jwtService = jwtService;
             this.isDialog = false;
+            this.isAddressDialog = false;
             this.controlsLoaded = false;
             this.isMobile = false;
             this.loading = { inProgress: true, target: undefined };
@@ -2361,6 +2429,8 @@
         FormComponent.prototype.ngOnInit = function () {
             var _this = this;
             try {
+                if (this.isAddressDialog)
+                    this.currentAddress = this.data.currentValue;
                 this.jwtService.idKatios = this.crudService.idKatios;
                 this.jwtService.servidorIntegraciones = this.crudService.environment.ServidorIntegraciones;
                 this.adoService.servidorIntegraciones = this.crudService.environment.ServidorIntegraciones;
@@ -2391,6 +2461,9 @@
             this.controlsLoaded = false;
             this.controls = [];
             this.values = [];
+            //address
+            if (this.isAddressDialog)
+                this.newAddress = this.crudService.armarNuevaDireccion("string", this.data, this.crudService.getValue("$..separador", this.data));
             this.uiEsquema.elements.forEach(function (layout, i) {
                 var _a;
                 var isVisible = layout.conditions ? _this.crudService.isConditionsCompleted(layout.conditions, _this.registro.conditions || [], _this.data) : true;
@@ -2412,9 +2485,17 @@
                         _this.values[i].push(undefined);
                     }
                     else {
-                        _this.controls[i].push(_this.crudService.getControl(element.scope, _this.esquema));
-                        _this.controls[i][j].scope = element.scope;
-                        _this.values[i].push(_this.crudService.getValue(element.scope, _this.data));
+                        try {
+                            _this.controls[i].push(_this.crudService.getControl(element.scope, _this.esquema));
+                            _this.controls[i][j].scope = element.scope;
+                            _this.values[i].push(_this.crudService.getValue(element.scope, _this.data));
+                        }
+                        catch (e) {
+                            console.log(element);
+                            console.error(e);
+                            console.log(_this.controls[i]);
+                            console.log(_this.values[i]);
+                        }
                     }
                 });
             });
@@ -2528,6 +2609,9 @@
         FormComponent.prototype.addObjectArray = function (element) {
             this.stepService.addCustomChildrenEvent("onClickedAddButton", { element: element });
         };
+        FormComponent.prototype.openPopUpDireccion = function (scope) {
+            this.stepService.addCustomChildrenEvent("onClickedAddress", { scope: scope });
+        };
         FormComponent.prototype.onStateDocument = function (state) {
             this.data.pdf.signed = state.toUpperCase() == "FIRMADO";
         };
@@ -2576,7 +2660,7 @@
         return FormComponent;
     }());
     FormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormComponent, deps: [{ token: i1__namespace$1.MessageService }, { token: SfCrudService }, { token: i3__namespace$1.DomSanitizer }, { token: StepService }, { token: i5__namespace$2.AdoService }, { token: i5__namespace$2.JWTService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FormComponent, selector: "app-form", inputs: { uiEsquema: "uiEsquema", esquema: "esquema", data: "data", isDialog: "isDialog" }, viewQueries: [{ propertyName: "tooltips", predicate: i13.Tooltip, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"controlsLoaded\" class=\"frm-container\">\r\n    <div *ngFor=\"let element of uiEsquema.elements; let i = index\" [class]=\"element?.class\" #a>\r\n        <ng-container [ngSwitch]=\"element.type\" *ngIf=\"visible[i][0]\">\r\n            <div class=\"label\" *ngSwitchCase=\"'Label'\" [style]=\"element?.style\">\r\n                {{element?.label}}\r\n            </div>\r\n            <ng-container *ngSwitchCase=\"'HorizontalLayout'\">\r\n                <div *ngFor=\"let el of element.elements; let j =index\" [class]=\"el?.class\">\r\n                    <ng-container [ngSwitch]=\"el.type\" *ngIf=\"visible[i][j]\">\r\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"controls[i][j]\" [label]=\"el.label\"\r\n                            [value]=\"values[i][j]\" (setValue)=\"setValue($event, el.scope, i, j)\"\r\n                            (sendNotification)=\"sendNotification($event)\"\r\n                            (sendObject)=\"applyValuesFromObject($event)\"></sf-control>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'VerticalLayout'\">\r\n                <div *ngFor=\"let el of element.elements; let j =index\" [class]=\"el?.class\">\r\n                    <ng-container [ngSwitch]=\"el.type\" *ngIf=\"visible[i][j]\">\r\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"controls[i][j]\" [label]=\"el.label\"\r\n                            [value]=\"values[i][j]\" (setValue)=\"setValue($event, el.scope, i, j)\"\r\n                            (sendNotification)=\"sendNotification($event)\"\r\n                            (sendObject)=\"applyValuesFromObject($event)\"></sf-control>\r\n                        <div *ngSwitchCase=\"'PDF'\" class=\"pdf\">\r\n                            <iframe [src]=\"values[i][j]\" frameborder=\"0\" allow=\"geolocation *; camera *;\"></iframe>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"'PDF-SIGN'\">\r\n                            <sf-sign [allowDownload]=\"true\" [idkatios]=\"idKatios\" [tdoc]=\"data.pdf.tdoc\" [ndoc]=\"data.pdf.ndoc\"\r\n                                [idDocument]=\"data.pdf.id\" [typeDocument]=\"data.pdf.idDoc\"\r\n                                (stateDocument)=\"onStateDocument($event)\"></sf-sign>\r\n                        </div>\r\n                        <ng-container *ngSwitchCase=\"'SIMULADOR'\">\r\n                            <sf-simulador  [simulador]=\"data\" [otherToolTips]=\"data.otherTooltips\"\r\n                                (simuladorChange)=\"onSimuladorChange($event)\" (enProceso)=\"emitLoadingForm($event)\"></sf-simulador>\r\n                        </ng-container>\r\n\r\n                        <div *ngSwitchCase=\"'ADO'\" class=\"buttons\">\r\n                            <p-button *ngIf=\"!data?.ADO?.dataProceso?.idProceso\" [ngStyle]=\"el?.ngStyle\" (click)=\"goToADO()\" label=\"Validar identidad\"></p-button>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"'ADO'\">\r\n                          <div *ngIf=\"data?.ADO?.dataProceso?.idProceso\">\r\n                            <div class=\"data-ado-container\">\r\n                              <ng-container *ngIf=\"proceso\">\r\n                                <i *ngIf=\"proceso?.respuestaProceso?.EsExitoso === true\" pTooltip=\"Validado\" tooltipPosition=\"top\" id=\"Validado\" class=\"pi pi-user\" style=\"color: green\"\r\n                                (touchstart)=\"onTouchDescription('Validado', false)\" (touchend)=\"onUnTouchDescription('Validado')\"></i>\r\n                                <i *ngIf=\"proceso?.respuestaProceso?.EsExitoso === false\" pTooltip=\"No validado\" tooltipPosition=\"top\" id=\"No-Validado\" class=\"pi pi-user\" style=\"color: red\"\r\n                                (touchstart)=\"onTouchDescription('No-Validado', false)\" (touchend)=\"onUnTouchDescription('No-Validado')\"></i>\r\n                                <i *ngIf=\"!proceso?.respuestaProceso\" pTooltip=\"Sin validar\" tooltipPosition=\"top\" class=\"pi pi-user\" id=\"Sin-Validar\" style=\"color: gray\"\r\n                                (touchstart)=\"onTouchDescription('Sin-Validar', false)\" (touchend)=\"onUnTouchDescription('Sin-Validar')\"></i>\r\n                              </ng-container>\r\n                              <div class=\"buttons\">\r\n                                <button pButton icon=\"pi pi-external-link\" (click)=\"goToADO()\" pTooltip=\"Abrir\" [disabled]=\"!proceso\"></button>\r\n                                <button pButton icon=\"pi pi-copy\" (click)=\"copyToClipboard(proceso.id)\" pTooltip=\"Copiar\" [disabled]=\"!proceso\"></button>\r\n                                <button pButton icon=\"pi pi-refresh\" (click)=\"refreshIntegracion(proceso.id)\" pTooltip=\"Refrescar\" [disabled]=\"!proceso\"></button>\r\n                              </div>\r\n                            </div>\r\n                            <p class=\"result-ado\" *ngIf=\"proceso && !proceso.respuestaProceso && proceso.estado == 'PROCESANDO'\">Procesando</p>\r\n                            <p class=\"result-ado\" *ngIf=\"proceso && proceso.respuestaProceso && proceso.estado == 'TERMINADO'\">{{proceso.respuestaProceso.Detalle ?? proceso.respuestaProceso.Mensaje}}</p>\r\n                          </div>\r\n                        </div>\r\n                        <ng-container *ngSwitchCase=\"'Table'\">\r\n                            <p-table [value]=\"values[i][j]\" [columns]=\"controls[i][j].config.columns\">\r\n                                <ng-template pTemplate=\"caption\">\r\n                                    <div class=\"flex align-items-center justify-content-between\">\r\n                                        <button pButton pRipple icon=\"pi pi-plus\" (click)=\"addObjectArray(el)\"\r\n                                            class=\"p-button-success\" [disabled]=\"controls[i][j].disabled === true\"></button>\r\n                                    </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"header\" let-columns>\r\n                                    <tr>\r\n                                        <th *ngFor=\"let col of columns\">\r\n                                            {{col.label}}\r\n                                        </th>\r\n                                        <ng-container>\r\n                                            <th></th>\r\n                                        </ng-container>\r\n                                    </tr>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                                    <tr>\r\n                                        <ng-container *ngFor=\"let col of columns\" [ngSwitch]=\"col.type\">\r\n                                            <ng-container *ngSwitchCase=\"'control'\">\r\n                                                <sf-control [control]=\"extracControlFromTableElements(i, j, col)\" [label]=\"\"\r\n                                                    [value]=\"extracValueFromTableElements(i, j, rowIndex, col)\"\r\n                                                    (sendNotification)=\"sendNotification($event)\"\r\n                                                    (sendObject)=\"applyValuesFromObject($event)\"\r\n                                                    (setValue)=\"setValue($event, extracValueFromTableElements(i, j, rowIndex, col).scope, i, j)\"\r\n                                                    [showTempValue]=\"true\"\r\n                                                    >\r\n                                                </sf-control>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'text'\">\r\n                                                <td>{{rowData[col.col]}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'currency:USD'\">\r\n                                                <td>{{rowData[col.col] | currency: 'USD'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'date:yyyy-mm-dd'\">\r\n                                                <td>{{rowData[col.col] | date: 'yyyy-mm-dd'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'date:dd/mm/yyyy'\">\r\n                                                <td>{{rowData[col.col] | date: 'dd/MM/yyyy'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'boolean'\">\r\n                                                <td>\r\n                                                    <i *ngIf=\"rowData[col.col]\" class=\"pi pi-check\"></i>\r\n                                                    <i *ngIf=\"!rowData[col.col]\" class=\"pi pi-times\"></i>\r\n                                                </td>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                        <ng-container>\r\n                                            <td>\r\n                                                <button pButton pRipple type=\"button\"\r\n                                                    (click)=\"editRow(el, rowData, rowIndex)\" icon=\"pi pi-pencil\"\r\n                                                    class=\"p-button-rounded p-button-info mr-1\"></button>\r\n                                                <button pButton pRipple type=\"button\" (click)=\"deleteRow(el, rowIndex)\" [disabled]=\"controls[i][j].disabled === true\"\r\n                                                    icon=\"pi pi-trash\" class=\"p-button-rounded p-button-danger\"></button>\r\n                                            </td>\r\n                                        </ng-container>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n<p-toast *ngIf=\"isDialog\"></p-toast>", styles: [":not(.col-12) .label{display:flex;justify-content:center;align-items:center;padding-inline:.5rem;margin-bottom:15px;margin-top:20px;border-radius:13px;font-size:18px;font-size:inherit;background-color:var(--primary-color);text-align:center;color:var(--normal-text-color)}.pdf{display:flex;width:100%;height:80vh;& iframe{width:80%;margin-inline:10%}}.data-ado-container{display:flex;margin-inline:auto;align-items:center;width:-moz-fit-content;width:fit-content;&>*{margin-inline:4px}&>div{display:flex;align-items:center;&>*{margin-inline:4px}}}i.pi-user{font-size:2rem}.result-ado{min-height:1rem;text-align:center}sf-simulador{display:flow-root;width:80%;margin-inline:auto;margin-bottom:35px}sf-sign{display:block;margin-inline:auto;width:80%;& pdf-viewer{min-height:130vh!important;max-height:130vh!important}}.buttons{display:flex;justify-content:space-evenly}.buttons ::ng-deep .p-button.p-component{border-radius:35px}::ng-deep *{box-shadow:none}.frm-container ::ng-deep .p-inputtext:focus,.frm-container ::ng-deep .p-inputtext:active,.frm-container ::ng-deep .p-inputwrapper:focus,.frm-container ::ng-deep .p-inputwrapper:active{border-color:var(--button-color)}.frm-container ::ng-deep .p-button{background-color:var(--button-color);border-color:var(--button-color)}.frm-container ::ng-deep .p-button:hover{background-color:var(--button-color);filter:brightness(85%)}.frm-container ::ng-deep :not(:disabled):active,.frm-container ::ng-deep :not(.p-disabled) .p-inputtext:hover,.frm-container ::ng-deep :not(.p-disabled) .p-inputwrapper:hover,.frm-container ::ng-deep :not(.p-disabled) .p-inputwrapper-focus,.frm-container ::ng-deep .p-radiobutton-box .p-highlight,.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover{border-color:var(--button-color)}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{background:var(--button-color);border-color:var(--button-color)!important}.frm-container ::ng-deep .p-button.p-button-success,.p-buttonset.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button{background:var(--button-color);border-color:var(--button-color)!important}@media screen and (max-width:765px){:not(.col-12) .label{height:-moz-fit-content;height:fit-content}.field{margin-bottom:.5rem}.pdf>iframe{width:100%;margin-inline:0}sf-sign{width:100%;& pdf-viewer{min-height:60vh!important;max-height:120vh!important}}sf-simulador{display:block;width:100%;margin-inline:auto}.data-ado-container{text-align:center;& .buttons{max-width:80vw;flex-direction:row}}.buttons{flex-direction:column;align-items:center}}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-button.p-button-success:enabled:focus,.p-buttonset.p-button-success>.p-button:enabled:focus,.p-splitbutton.p-button-success>.p-button:enabled:focus{box-shadow:inset 0 0 #fff}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover{color:var(--secondary-color)!important}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus{box-shadow:inset 0 0 0 1px var(--secondary-color)!important}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{background-color:#fff}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover{background-color:#e5e7eb}.frm-container ::ng-deep .p-slider{background-color:#e5e7eb}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover .p-slider-range{background-color:var(--primary-color)!important}.frm-container ::ng-deep .p-button:enabled:active{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover .p-slider-handle{border-color:var(--primary-color)!important}.frm-container ::ng-deep .p-button:focus{box-shadow:inset 0 0 0 1px var(--secondary-color)!important}.frm-container ::ng-deep .p-button:enabled:hover{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-button.p-button-info,.p-buttonset.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button{background:var(--secondary-color)!important;border:1px solid var(--secondary-color)!important}\n"], components: [{ type: ControlComponent, selector: "sf-control", inputs: ["showTempValue", "control", "label", "value", "appendTo"], outputs: ["setValue", "sendObject"] }, { type: i6__namespace$2.SignComponent, selector: "sf-sign", inputs: ["idkatios", "tdoc", "ndoc", "idDocument", "typeDocument", "allowDownload"], outputs: ["stateDocument", "loading"] }, { type: i7__namespace$1.SfSimuladorComponent, selector: "sf-simulador", inputs: ["simulador", "otherToolTips", "labels"], outputs: ["simuladorChange", "enProceso"] }, { type: i9__namespace.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { type: i6__namespace.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "stateKey", "stateStorage", "editMode", "groupRowsBy", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i11__namespace$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i12__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i1__namespace$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i11__namespace.Ripple, selector: "[pRipple]" }], pipes: { "currency": i12__namespace.CurrencyPipe, "date": i12__namespace.DatePipe } });
+    FormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FormComponent, selector: "app-form", inputs: { uiEsquema: "uiEsquema", esquema: "esquema", data: "data", isDialog: "isDialog", isAddressDialog: "isAddressDialog", separador: "separador" }, viewQueries: [{ propertyName: "tooltips", predicate: i13.Tooltip, descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div *ngIf=\"controlsLoaded\" class=\"frm-container\">\r\n  <ng-container *ngIf=\"isAddressDialog && currentAddress\">\r\n    Direcci\u00F3n actual: {{currentAddress | formatAddress: separador}}\r\n    <br>\r\n  </ng-container>\r\n  <br>\r\n  <ng-container *ngIf=\"isAddressDialog\">\r\n    Direcci\u00F3n nueva: {{newAddress | formatAddress: separador}}\r\n  </ng-container>\r\n    <div *ngFor=\"let element of uiEsquema.elements; let i = index\" [class]=\"element?.class\" #a>\r\n        <ng-container [ngSwitch]=\"element.type\" *ngIf=\"visible[i][0]\">\r\n            <div class=\"label\" *ngSwitchCase=\"'Label'\" [style]=\"element?.style\">\r\n                {{element?.label}}\r\n            </div>\r\n            <ng-container *ngSwitchCase=\"'HorizontalLayout'\">\r\n                <div *ngFor=\"let el of element.elements; let j =index\" [class]=\"el?.class\">\r\n                    <ng-container [ngSwitch]=\"el.type\" *ngIf=\"visible[i][j]\">\r\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"controls[i][j]\" [label]=\"el.label\"\r\n                            [value]=\"values[i][j]\" (setValue)=\"setValue($event, el.scope, i, j)\"\r\n                            (sendNotification)=\"sendNotification($event)\"\r\n                            (sendObject)=\"applyValuesFromObject($event)\"\r\n                            (addressClicked)=\"openPopUpDireccion(el.scope)\"></sf-control>\r\n                          <div *ngSwitchCase=\"'Texto'\" [ngStyle]=\"{'height': '100%', 'margin-block': 'auto'}\">\r\n                            <p>{{el.label}}</p>\r\n                          </div>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'VerticalLayout'\">\r\n                <div *ngFor=\"let el of element.elements; let j =index\" [class]=\"el?.class\">\r\n                    <ng-container [ngSwitch]=\"el.type\" *ngIf=\"visible[i][j]\">\r\n                        <sf-control *ngSwitchCase=\"'Control'\" [control]=\"controls[i][j]\" [label]=\"el.label\"\r\n                            [value]=\"values[i][j]\" (setValue)=\"setValue($event, el.scope, i, j)\"\r\n                            (sendNotification)=\"sendNotification($event)\"\r\n                            (sendObject)=\"applyValuesFromObject($event)\"\r\n                            (addressClicked)=\"openPopUpDireccion(el.scope)\"></sf-control>\r\n                        <div *ngSwitchCase=\"'PDF'\" class=\"pdf\">\r\n                            <iframe [src]=\"values[i][j]\" frameborder=\"0\" allow=\"geolocation *; camera *;\"></iframe>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"'PDF-SIGN'\">\r\n                            <sf-sign [allowDownload]=\"true\" [idkatios]=\"idKatios\" [tdoc]=\"data.pdf.tdoc\" [ndoc]=\"data.pdf.ndoc\"\r\n                                [idDocument]=\"data.pdf.id\" [typeDocument]=\"data.pdf.idDoc\"\r\n                                (stateDocument)=\"onStateDocument($event)\"></sf-sign>\r\n                        </div>\r\n                        <ng-container *ngSwitchCase=\"'SIMULADOR'\">\r\n                            <sf-simulador  [simulador]=\"data\" [otherToolTips]=\"data.otherTooltips\"\r\n                                (simuladorChange)=\"onSimuladorChange($event)\" (enProceso)=\"emitLoadingForm($event)\"></sf-simulador>\r\n                        </ng-container>\r\n                        <div *ngSwitchCase=\"'ADO'\" class=\"buttons\">\r\n                            <p-button *ngIf=\"!data?.ADO?.dataProceso?.idProceso\" [ngStyle]=\"el?.ngStyle\" (click)=\"goToADO()\" label=\"Validar identidad\"></p-button>\r\n                        </div>\r\n                        <div *ngSwitchCase=\"'ADO'\">\r\n                          <div *ngIf=\"data?.ADO?.dataProceso?.idProceso\">\r\n                            <div class=\"data-ado-container\">\r\n                              <ng-container *ngIf=\"proceso\">\r\n                                <i *ngIf=\"proceso?.respuestaProceso?.EsExitoso === true\" pTooltip=\"Validado\" tooltipPosition=\"top\" id=\"Validado\" class=\"pi pi-user\" style=\"color: green\"\r\n                                (touchstart)=\"onTouchDescription('Validado', false)\" (touchend)=\"onUnTouchDescription('Validado')\"></i>\r\n                                <i *ngIf=\"proceso?.respuestaProceso?.EsExitoso === false\" pTooltip=\"No validado\" tooltipPosition=\"top\" id=\"No-Validado\" class=\"pi pi-user\" style=\"color: red\"\r\n                                (touchstart)=\"onTouchDescription('No-Validado', false)\" (touchend)=\"onUnTouchDescription('No-Validado')\"></i>\r\n                                <i *ngIf=\"!proceso?.respuestaProceso\" pTooltip=\"Sin validar\" tooltipPosition=\"top\" class=\"pi pi-user\" id=\"Sin-Validar\" style=\"color: gray\"\r\n                                (touchstart)=\"onTouchDescription('Sin-Validar', false)\" (touchend)=\"onUnTouchDescription('Sin-Validar')\"></i>\r\n                              </ng-container>\r\n                              <div class=\"buttons\">\r\n                                <button pButton icon=\"pi pi-external-link\" (click)=\"goToADO()\" pTooltip=\"Abrir\" [disabled]=\"!proceso\"></button>\r\n                                <button pButton icon=\"pi pi-copy\" (click)=\"copyToClipboard(proceso.id)\" pTooltip=\"Copiar\" [disabled]=\"!proceso\"></button>\r\n                                <button pButton icon=\"pi pi-refresh\" (click)=\"refreshIntegracion(proceso.id)\" pTooltip=\"Refrescar\" [disabled]=\"!proceso\"></button>\r\n                              </div>\r\n                            </div>\r\n                            <p class=\"result-ado\" *ngIf=\"proceso && !proceso.respuestaProceso && proceso.estado == 'PROCESANDO'\">Procesando</p>\r\n                            <p class=\"result-ado\" *ngIf=\"proceso && proceso.respuestaProceso && proceso.estado == 'TERMINADO'\">{{proceso.respuestaProceso.Detalle ?? proceso.respuestaProceso.Mensaje}}</p>\r\n                          </div>\r\n                        </div>\r\n                        <ng-container *ngSwitchCase=\"'Table'\">\r\n                            <p-table [value]=\"values[i][j]\" [columns]=\"controls[i][j].config.columns\">\r\n                                <ng-template pTemplate=\"caption\">\r\n                                    <div class=\"flex align-items-center justify-content-between\">\r\n                                        <button pButton pRipple icon=\"pi pi-plus\" (click)=\"addObjectArray(el)\"\r\n                                            class=\"p-button-success\" [disabled]=\"controls[i][j].disabled === true\"></button>\r\n                                    </div>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"header\" let-columns>\r\n                                    <tr>\r\n                                        <th *ngFor=\"let col of columns\">\r\n                                            {{col.label}}\r\n                                        </th>\r\n                                        <ng-container>\r\n                                            <th></th>\r\n                                        </ng-container>\r\n                                    </tr>\r\n                                </ng-template>\r\n                                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-rowIndex=\"rowIndex\">\r\n                                    <tr>\r\n                                        <ng-container *ngFor=\"let col of columns\" [ngSwitch]=\"col.type\">\r\n                                            <ng-container *ngSwitchCase=\"'control'\">\r\n                                                <sf-control [control]=\"extracControlFromTableElements(i, j, col)\" [label]=\"\"\r\n                                                    [value]=\"extracValueFromTableElements(i, j, rowIndex, col)\"\r\n                                                    (sendNotification)=\"sendNotification($event)\"\r\n                                                    (sendObject)=\"applyValuesFromObject($event)\"\r\n                                                    (setValue)=\"setValue($event, extracValueFromTableElements(i, j, rowIndex, col).scope, i, j)\"\r\n                                                    [showTempValue]=\"true\"\r\n                                                    >\r\n                                                </sf-control>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'text'\">\r\n                                                <td>{{rowData[col.col]}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'address'\">\r\n                                              <td>{{rowData[col.col] | formatAddress: extracControlFromTableElements(i, j, col).separador }}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'currency:USD'\">\r\n                                                <td>{{rowData[col.col] | currency: 'USD'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'date:yyyy-mm-dd'\">\r\n                                                <td>{{rowData[col.col] | date: 'yyyy-mm-dd'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'date:dd/mm/yyyy'\">\r\n                                                <td>{{rowData[col.col] | date: 'dd/MM/yyyy'}}</td>\r\n                                            </ng-container>\r\n                                            <ng-container *ngSwitchCase=\"'boolean'\">\r\n                                                <td>\r\n                                                    <i *ngIf=\"rowData[col.col]\" class=\"pi pi-check\"></i>\r\n                                                    <i *ngIf=\"!rowData[col.col]\" class=\"pi pi-times\"></i>\r\n                                                </td>\r\n                                            </ng-container>\r\n                                        </ng-container>\r\n                                        <ng-container>\r\n                                            <td>\r\n                                                <button pButton pRipple type=\"button\"\r\n                                                    (click)=\"editRow(el, rowData, rowIndex)\" icon=\"pi pi-pencil\"\r\n                                                    class=\"p-button-rounded p-button-info mr-1\"></button>\r\n                                                <button pButton pRipple type=\"button\" (click)=\"deleteRow(el, rowIndex)\" [disabled]=\"controls[i][j].disabled === true\"\r\n                                                    icon=\"pi pi-trash\" class=\"p-button-rounded p-button-danger\"></button>\r\n                                            </td>\r\n                                        </ng-container>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n<p-toast *ngIf=\"isDialog\"></p-toast>\r\n", styles: [":not(.col-12) .label{display:flex;justify-content:center;align-items:center;padding-inline:.5rem;margin-bottom:15px;margin-top:20px;border-radius:13px;font-size:18px;font-size:inherit;background-color:var(--primary-color);text-align:center;color:var(--normal-text-color)}.pdf{display:flex;width:100%;height:80vh;& iframe{width:80%;margin-inline:10%}}.data-ado-container{display:flex;margin-inline:auto;align-items:center;width:-moz-fit-content;width:fit-content;&>*{margin-inline:4px}&>div{display:flex;align-items:center;&>*{margin-inline:4px}}}i.pi-user{font-size:2rem}.result-ado{min-height:1rem;text-align:center}sf-simulador{display:flow-root;width:80%;margin-inline:auto;margin-bottom:35px}sf-sign{display:block;margin-inline:auto;width:80%;& pdf-viewer{min-height:130vh!important;max-height:130vh!important}}.buttons{display:flex;justify-content:space-evenly}.buttons ::ng-deep .p-button.p-component{border-radius:35px}::ng-deep *{box-shadow:none}.frm-container ::ng-deep .p-inputtext:focus,.frm-container ::ng-deep .p-inputtext:active,.frm-container ::ng-deep .p-inputwrapper:focus,.frm-container ::ng-deep .p-inputwrapper:active{border-color:var(--button-color)}.frm-container ::ng-deep .p-button{background-color:var(--button-color);border-color:var(--button-color)}.frm-container ::ng-deep .p-button:hover{background-color:var(--button-color);filter:brightness(85%)}.frm-container ::ng-deep :not(:disabled):active,.frm-container ::ng-deep :not(.p-disabled) .p-inputtext:hover,.frm-container ::ng-deep :not(.p-disabled) .p-inputwrapper:hover,.frm-container ::ng-deep :not(.p-disabled) .p-inputwrapper-focus,.frm-container ::ng-deep .p-radiobutton-box .p-highlight,.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover{border-color:var(--button-color)}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight{background:var(--button-color);border-color:var(--button-color)!important}.frm-container ::ng-deep .p-button.p-button-success,.p-buttonset.p-button-success>.p-button,.p-splitbutton.p-button-success>.p-button{background:var(--button-color);border-color:var(--button-color)!important}@media screen and (max-width:765px){:not(.col-12) .label{height:-moz-fit-content;height:fit-content}.field{margin-bottom:.5rem}.pdf>iframe{width:100%;margin-inline:0}sf-sign{width:100%;& pdf-viewer{min-height:60vh!important;max-height:120vh!important}}sf-simulador{display:block;width:100%;margin-inline:auto}.data-ado-container{text-align:center;& .buttons{max-width:80vw;flex-direction:row}}.buttons{flex-direction:column;align-items:center}}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-button.p-button-success:enabled:focus,.p-buttonset.p-button-success>.p-button:enabled:focus,.p-splitbutton.p-button-success>.p-button:enabled:focus{box-shadow:inset 0 0 #fff}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover{color:var(--secondary-color)!important}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus{box-shadow:inset 0 0 0 1px var(--secondary-color)!important}.frm-container ::ng-deep .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{background-color:#fff}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover{background-color:#e5e7eb}.frm-container ::ng-deep .p-slider{background-color:#e5e7eb}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover .p-slider-range{background-color:var(--primary-color)!important}.frm-container ::ng-deep .p-button:enabled:active{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-slider:not(.p-disabled):hover .p-slider-handle{border-color:var(--primary-color)!important}.frm-container ::ng-deep .p-button:focus{box-shadow:inset 0 0 0 1px var(--secondary-color)!important}.frm-container ::ng-deep .p-button:enabled:hover{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.frm-container ::ng-deep .p-button.p-button-info,.p-buttonset.p-button-info>.p-button,.p-splitbutton.p-button-info>.p-button{background:var(--secondary-color)!important;border:1px solid var(--secondary-color)!important}\n"], components: [{ type: ControlComponent, selector: "sf-control", inputs: ["showTempValue", "control", "label", "value", "appendTo"], outputs: ["setValue", "sendObject", "addressClicked"] }, { type: i6__namespace$2.SignComponent, selector: "sf-sign", inputs: ["idkatios", "tdoc", "ndoc", "idDocument", "typeDocument", "allowDownload"], outputs: ["stateDocument", "loading"] }, { type: i7__namespace$1.SfSimuladorComponent, selector: "sf-simulador", inputs: ["simulador", "otherToolTips", "labels"], outputs: ["simuladorChange", "enProceso"] }, { type: i9__namespace.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { type: i6__namespace.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollDelay", "virtualRowHeight", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "stateKey", "stateStorage", "editMode", "groupRowsBy", "minBufferPx", "maxBufferPx", "responsiveLayout", "breakpoint", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { type: i11__namespace$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i12__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i13__namespace.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i1__namespace$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i11__namespace.Ripple, selector: "[pRipple]" }], pipes: { "formatAddress": FormatAddressPipe, "currency": i12__namespace.CurrencyPipe, "date": i12__namespace.DatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FormComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2592,6 +2676,10 @@
                     type: i0.Input
                 }], isDialog: [{
                     type: i0.Input
+                }], isAddressDialog: [{
+                    type: i0.Input
+                }], separador: [{
+                    type: i0.Input
                 }], tooltips: [{
                     type: i0.ViewChildren,
                     args: [i13.Tooltip]
@@ -2644,6 +2732,7 @@
         };
         RegistroComponent.prototype.ngOnInit = function () {
             var _this = this;
+            this.cargarMascarasDirecciones();
             this.instanceSubsStepService();
             this.notificationSubscription = this.notificationService.notificationAdded$().subscribe(function (notification) {
                 var _a, _b;
@@ -2703,6 +2792,9 @@
                     case "ONCLICKEDADDBUTTON":
                         _this.onClickedAddButton(event.data.element);
                         break;
+                    case "ONCLICKEDADDRESS":
+                        _this.onClickedAddress(event.data.scope);
+                        break;
                 }
             }));
             this.subsToKillOnDestroy.push(this.stepService.requestApproval$.subscribe(function (value) {
@@ -2991,12 +3083,13 @@
                     res = {};
                 res = _this.sfCrudService.applyObjectKeys(res, operation.keysEsquema || [], registro);
                 _this.sfCrudService.setAnswers(res, _this.indexCrud);
-                if (operation.changeTrx)
+                if (operation.changeTrx && Array.isArray(operation.changeTrx))
                     operation.changeTrx.forEach(function (x) { return _this.sfCrudService.setTrx(x.trx, x.index); });
                 _this.notificationService.addNotification(_this.notificationService.generateMessage(_this.notificationService.genDefaultMessage("success", undefined, "Información subida correctamente", operation.answerChecking), res, operation.answerChecking), operation.answerChecking);
                 return res;
             })
                 .catch(function (err) {
+                console.error(err);
                 _this.notificationService.addNotification(_this.notificationService.generateMessage(_this.notificationService.genDefaultMessage("error", "Error no controlado", "Por favor comunicarse con el admin", operation.errorChecking), err.error, operation.errorChecking), operation.errorChecking);
                 throw new Error(err);
             });
@@ -3042,12 +3135,6 @@
                 console.log(scope);
                 console.log(this.indexCrud);
                 console.log(this.sfCrudService.getData(this.indexCrud));
-                if (index == 0 && scope) {
-                    console.log(jsonpath__namespace.query(this.sfCrudService.getData(this.indexCrud), scope));
-                }
-                else if (scope) {
-                    console.log(jsonpath__namespace.query(this.dialogElements[index - 1].data, scope));
-                }
                 throw error;
             }
         };
@@ -3068,8 +3155,144 @@
         RegistroComponent.prototype.onReject = function () {
             this.messageService.clear('c');
         };
+        RegistroComponent.prototype.onClickedAddress = function (scope) {
+            var _this = this;
+            var _a;
+            var j = 1, k = 0;
+            var separador = (_a = jsonpath__namespace.query(this.sfCrudService.esquemas[this.indexCrud], scope)[0]) === null || _a === void 0 ? void 0 : _a.separador;
+            var dataPadre = this.dialogElements.length > 0 ? this.dialogElements[this.dialogElements.length - 1].data : this.sfCrudService.dataset[this.indexCrud];
+            var currentValue = jsonpath__namespace.query(dataPadre, scope.replaceAll('.properties', ''))[0];
+            var currentValues = currentValue === null || currentValue === void 0 ? void 0 : currentValue.split(separador);
+            var esquema = {
+                type: "object",
+                validations: {
+                    type: "local",
+                    required: []
+                },
+                properties: {
+                    currentValue: {
+                        type: "string",
+                        default: currentValue
+                    },
+                    separador: {
+                        type: "string",
+                        default: separador
+                    }
+                }
+            };
+            var uiesquema = { elements: [] };
+            var traductorTamaniosMascaras = {
+                "grande": "field col-12 md:col-4",
+                "pequeño": "field col-12 md:col-2",
+                "mediano": "field col-12 md:col-3",
+            };
+            this.cargarMascarasDirecciones().then(function () {
+                var op = _this.sfCrudService.registros[_this.indexCrud].operations.find(function (x) { return x.type.startsWith(_this.sfCrudService.getTrx(_this.indexCrud)); });
+                _this.sfCrudService.mascaras.forEach(function (mascara) {
+                    //generar el uiesquema de las direcciones
+                    uiesquema.elements.push({
+                        "type": "Label",
+                        "class": "col-12 md:col-12",
+                        "style": "font-size: medium; color:white; background: var(--primary-color) !important; border-radius: 10px; text-align: center;",
+                        "label": "L\u00EDnea " + mascara.linea
+                    });
+                    uiesquema.elements.push({
+                        "type": "HorizontalLayout",
+                        "class": "p-fluid p-formgrid grid",
+                        "elements": []
+                    });
+                    mascara.Campo.forEach(function (campo) {
+                        if (campo.Tipo.toLocaleLowerCase() == "label") {
+                            uiesquema.elements[j].elements.push({
+                                "type": "Texto",
+                                "class": "my-auto",
+                                "label": campo.Valor,
+                                "scope": "$..properties." + campo.Id,
+                                "ngStyle": {
+                                    "font-size": "1.5rem"
+                                }
+                            });
+                        }
+                        else {
+                            uiesquema.elements[j].elements.push({
+                                "type": "Control",
+                                "class": campo.Tamaño ? traductorTamaniosMascaras[campo.Tamaño.toLocaleLowerCase()] : traductorTamaniosMascaras.mediano,
+                                "scope": "$..properties." + campo.Id
+                            });
+                        }
+                        //generar el esquema de las direcciones
+                        if (campo.Tipo.toLocaleLowerCase() == "combo") {
+                            var customOptions_1 = [];
+                            var valores = campo.Valores.split(",");
+                            valores.forEach(function (valor) { return customOptions_1.push({ label: valor.split("-")[0], value: valor.split("-")[1] }); });
+                            esquema.properties[campo.Id] = {
+                                type: "string",
+                                subtype: "dropdown",
+                                default: _this.getDefaultValueDireccion(k, currentValues),
+                                config: {
+                                    optionLabel: "label",
+                                    optionValue: "value",
+                                    customOptions: customOptions_1,
+                                    showClear: k >= 2
+                                }
+                            };
+                        }
+                        else if (campo.Tipo.toLocaleLowerCase() == "text" || campo.Tipo.toLocaleLowerCase() == "label") {
+                            esquema.properties[campo.Id] = {
+                                type: "string",
+                                subtype: "input",
+                                default: _this.getDefaultValueDireccion(k, currentValues)
+                            };
+                        }
+                        else if (campo.Tipo.toLocaleLowerCase() == "numeric") {
+                            esquema.properties[campo.Id] = {
+                                type: "numeric",
+                                subtype: "decimal",
+                                default: _this.getDefaultValueDireccion(k, currentValues)
+                            };
+                        }
+                        if (esquema.validations.required.length < 2) { //validar los primeros 2 campos
+                            esquema.validations.required.push({
+                                "field": "$.." + campo.Id,
+                                "message": "Por favor digite el campo N\u00B0 " + (esquema.validations.required.length + 1)
+                            });
+                        }
+                        k += 1;
+                    });
+                    j += 2;
+                });
+                var currentElement = {
+                    data: _this.sfCrudService.createObject(esquema, op),
+                    uiEsquema: uiesquema,
+                    esquema: esquema,
+                    scope: scope,
+                    index: 0,
+                    isAddressDialog: true,
+                    separador: separador,
+                    operation: "address"
+                };
+                console.log(currentElement);
+                _this.displays.push(true);
+                _this.dialogElements.push(currentElement);
+            });
+        };
+        RegistroComponent.prototype.getDefaultValueDireccion = function (index, currentValues) {
+            var valoresLiterales = [];
+            this.sfCrudService.mascaras.forEach(function (mascara) {
+                mascara.Campo.forEach(function (campo) {
+                    if (campo.Valor && campo.Tipo.toLocaleLowerCase() == "label")
+                        valoresLiterales.push(campo.Valor);
+                });
+            });
+            var invalidCurrentValues = ["", null, undefined];
+            var temporalValue = currentValues && index < currentValues.length && currentValues.length > 1 && !invalidCurrentValues.includes(currentValues[index]) ? currentValues[index] : null;
+            valoresLiterales.forEach(function (valor) {
+                if (temporalValue === null || temporalValue === void 0 ? void 0 : temporalValue.startsWith(valor))
+                    temporalValue = temporalValue.replace(valor, "");
+            });
+            return temporalValue;
+        };
         RegistroComponent.prototype.onClickedEditButton = function (element, data, index) {
-            this.dialogOperation = "u";
             var esquema = ___namespace.cloneDeep(this.sfCrudService.getControl(element.scope, this.sfCrudService.getEsquema(this.indexCrud)));
             esquema.type = "object";
             var currentElement = {
@@ -3077,14 +3300,14 @@
                 uiEsquema: ___namespace.cloneDeep(element.elements[0]),
                 esquema: esquema,
                 scope: element.scope,
-                index: index
+                index: index,
+                operation: "u"
             };
             this.displays.push(true);
             this.dialogElements.push(currentElement);
         };
         RegistroComponent.prototype.onClickedAddButton = function (element) {
             var _this = this;
-            this.dialogOperation = "c";
             var esquema = ___namespace.cloneDeep(this.sfCrudService.getControl(element.scope, this.sfCrudService.getEsquema(this.indexCrud)));
             var op = this.sfCrudService.registros[this.indexCrud].operations.find(function (x) { return x.type.startsWith(_this.sfCrudService.getTrx(_this.indexCrud)); });
             esquema.type = "object";
@@ -3093,7 +3316,8 @@
                 uiEsquema: ___namespace.cloneDeep(element.elements[0]),
                 esquema: esquema,
                 scope: element.scope,
-                index: 0
+                index: 0,
+                operation: "c"
             };
             try {
                 currentElement.data.id = this.sfCrudService.getValue(element.scope, this.sfCrudService.getData(this.indexCrud)).length + 1;
@@ -3105,6 +3329,26 @@
             this.displays.push(true);
             this.dialogElements.push(currentElement);
         };
+        RegistroComponent.prototype.onCloseAddress = function (index) {
+            var _a;
+            var separador = (_a = jsonpath__namespace.query(this.sfCrudService.esquemas[this.indexCrud], this.dialogElements[index].scope)[0]) === null || _a === void 0 ? void 0 : _a.separador;
+            //leer los campos de las mascaras, setear el string
+            var newValue = this.sfCrudService.armarNuevaDireccion("string", this.dialogElements[index].data, separador);
+            console.log(newValue);
+            var scope = this.dialogElements[index].scope.replaceAll('.properties', '');
+            console.log(scope);
+            if (index == 0) {
+                jsonpath__namespace.value(this.sfCrudService.getData(this.indexCrud), scope, newValue);
+            }
+            else {
+                //Actualizarlo en un dialog anterior. Se crea una nueva referencia para que el compilador detecte cambios en el objeto data y lo recargue
+                var newDataPreviousDialog = ___namespace.cloneDeep(this.dialogElements[index - 1].data);
+                jsonpath__namespace.value(newDataPreviousDialog, scope, newValue);
+                this.dialogElements[index - 1].data = newDataPreviousDialog;
+            }
+            this.stepService.desiredIndex = undefined;
+            this.stepService.requestApproved = true;
+        };
         RegistroComponent.prototype.onCloseDialog = function (index) {
             var validated = true;
             if (this.dialogElements[index].esquema.validations) {
@@ -3112,15 +3356,17 @@
                 op.validations = this.dialogElements[index].esquema.validations;
                 validated = this.validateData(op, this.dialogElements[index].data, this.sfCrudService.getRegistro(this.indexCrud).conditions || []);
             }
-            console.log(this.dialogElements[index].esquema);
             if (validated) {
-                switch (this.dialogOperation) {
+                switch (this.dialogElements[index].operation) {
                     case "c":
                         this.onCloseAddItem(index);
                         break;
                     case "u":
                         this.onCloseEditRow(index);
                         break;
+                    case "address":
+                        this.onCloseAddress(index);
+                        break;
                 }
                 this.removeDialogItem();
             }
@@ -3139,10 +3385,19 @@
         RegistroComponent.prototype.back = function () {
             this.router.navigateByUrl(this.sfCrudService.registros[0].btnBack);
         };
+        RegistroComponent.prototype.cargarMascarasDirecciones = function () {
+            var _this = this;
+            if (this.sfCrudService.mascaras.length == 0) {
+                return this.generalService.genericRequest("GET", this.generalService.generales + "/General/getConfiguracionKatios/" + this.idKatios).then(function (res) {
+                    _this.sfCrudService.mascaras = JSON.parse(res).RESPUESTA.MascarasDirecciones.Mascaras.Mascara;
+                });
+            }
+            return Promise.resolve(this.sfCrudService.mascaras);
+        };
         return RegistroComponent;
     }());
     RegistroComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RegistroComponent, deps: [{ token: GeneralService }, { token: i2__namespace.ActivatedRoute }, { token: i1__namespace$1.MessageService }, { token: SfCrudService }, { token: StepService }, { token: i6__namespace$2.SfPdfsignService }, { token: i7__namespace$1.SfSimuladorService }, { token: NotificationService }, { token: i2__namespace.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RegistroComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RegistroComponent, selector: "sf-registro", inputs: { idKatios: "idKatios", trx: "trx", id: "id", user: "user", dataExt: "dataExt", ids: "ids", environment: "environment", buttonsFooterTemplate: "buttonsFooterTemplate", idEntidad: "idEntidad" }, outputs: { sendData: "sendData", onSubmit: "onSubmit" }, host: { properties: { "style.--primary-color": "this.color", "style.--secondary-color": "this.color2", "style.--button-color": "this.colorButton" } }, providers: [i1$1.MessageService], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"card\">\r\n    <!--TODO convertir en template y editarla en -->\r\n    <h5 *ngIf=\"sfCrudService.registros.length == 1\" class=\"card-header mb-2\" style=\"display: flex; justify-content: space-between;align-items: center;\">\r\n        <span>{{sfCrudService.registros[0]?.label || idForm.replaceAll('_', ' ')}} {{ids.length > 0 ? '-' + ids[0] : ''}}</span>\r\n        <button *ngIf=\"sfCrudService.registros[0]?.canBack\" pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\" (click)=\"back()\"></button>\r\n    </h5>\r\n    <div *ngIf=\"items.length > 1\">\r\n        <app-step [items]=\"items\"></app-step>\r\n    </div>\r\n    <div *ngIf=\"items.length == 1\">\r\n        <app-form [data]=\"sfCrudService.dataset[0]\" [esquema]=\"sfCrudService.esquemas[0]\"\r\n        [uiEsquema]=\"sfCrudService.uiEsquemas[0]\" [isDialog]=\"false\"></app-form>\r\n\r\n        <!--renderizar un codigo personalizado desde el componente padre o renderizar el que se tiene por defecto-->\r\n        <ng-container *ngTemplateOutlet=\"buttonsFooterTemplate || defaultButtonsFooterTemplate\"></ng-container>\r\n        <ng-template #defaultButtonsFooterTemplate>\r\n            <div class=\"card-footer mt-2\" *ngIf=\"btnSubmit\">\r\n                <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\" (click)=\"onClickBtnSubmit()\"></button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</div>\r\n\r\n<span *ngFor=\"let item of dialogElements; let $index=index\">\r\n    <p-dialog [(visible)]=\"displays[$index]\" [modal]=\"true\" [header]=\"'Detalle'\" [closable]=\"false\">\r\n        <!-- TODO header = currentElement.element.label ? currentElement.element.label: -->\r\n        <app-form [data]=\"item.data\" [esquema]=\"item.esquema\" [uiEsquema]=\"item.uiEsquema\" [isDialog]=\"true\"\r\n            [id]=\"ids[indexCrud]\"></app-form>\r\n        <ng-template pTemplate=\"footer\">\r\n            <p-button icon=\"pi pi-times\" (onClick)=\"removeDialogItem()\" label=\"Cancelar\" ></p-button>\r\n            <p-button icon=\"pi pi-check\" [disabled]=\"item.esquema.disabled === true\" (onClick)=\"onCloseDialog($index)\" label=\"Ok\" pAutoFocus\r\n                [autofocus]=\"true\"></p-button>\r\n        </ng-template>\r\n    </p-dialog>\r\n</span>\r\n\r\n<p-toast *ngIf=\"dialogElements.length == 0\">\r\n    <ng-template let-message pTemplate=\"message\">\r\n        <div class=\"custom-toast\">\r\n            <i class=\"pi\" [ngClass]=\"{\r\n                'pi-check-circle': message.severity === 'success',\r\n                'pi-info-circle': message.severity === 'info',\r\n                'pi-exclamation-triangle': message.severity === 'warn',\r\n                'pi-times-circle': message.severity === 'error'\r\n            }\"></i>\r\n            <div class=\"custom-toast-content\">\r\n                <span class=\"custom-toast-detail\">{{message.detail}}</span>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-toast>\r\n\r\n\r\n", styles: ["@media screen and (max-width: 600px){::ng-deep .p-toast{width:90vw!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}::ng-deep .p-dialog-mask .p-dialog{width:95vw}}@media screen and (min-width: 601px){::ng-deep .p-toast{width:25rem!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-toast{padding:8px;display:-webkit-box;z-index:inherit;justify-content:center;width:100%}.custom-toast-detail{display:flex;font-family:sans-serif;font-size:1.05rem;font-weight:400;margin:.5rem 0 0 .5rem;width:80%}.custom-toast i{margin-right:.5rem;font-size:2rem;width:100%;height:100%}::ng-deep .p-toast-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::ng-deep .p-toast .p-toast-message.p-toast-message-info{background:#B3E5FC;border:solid #0891cf;color:#0891cf;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message{border-radius:6px}::ng-deep .p-toast .p-toast-message.p-toast-message-warn{background:rgba(255,242,226,.7);border:solid #cc8925;color:#cc8925;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message.p-toast-message-error{background:#FFCDD2;border:solid #e60017;color:#e60017;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message.p-toast-message-success{background:#C8E6C9;border:solid #439446;color:#439446;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message .p-toast-icon-close{margin-top:1rem;margin-right:1.5rem}::ng-deep .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:#cc8925}::ng-deep .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:#0891cf}::ng-deep .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:#e60017}::ng-deep .p-toast .p-toast-message.p-toast-message-succes .p-toast-icon-close{color:#439446}\n"], components: [{ type: StepComponent, selector: "app-step", inputs: ["items"] }, { type: FormComponent, selector: "app-form", inputs: ["uiEsquema", "esquema", "data", "isDialog"] }, { type: i11__namespace$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: i9__namespace.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { type: i11__namespace$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i11__namespace.Ripple, selector: "[pRipple]" }, { type: i12__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i12__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    RegistroComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: RegistroComponent, selector: "sf-registro", inputs: { idKatios: "idKatios", trx: "trx", id: "id", user: "user", dataExt: "dataExt", ids: "ids", environment: "environment", buttonsFooterTemplate: "buttonsFooterTemplate", idEntidad: "idEntidad" }, outputs: { sendData: "sendData", onSubmit: "onSubmit" }, host: { properties: { "style.--primary-color": "this.color", "style.--secondary-color": "this.color2", "style.--button-color": "this.colorButton" } }, providers: [i1$1.MessageService], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"card\">\r\n    <!--TODO convertir en template y editarla en -->\r\n    <h5 *ngIf=\"sfCrudService.registros.length == 1\" class=\"card-header mb-2\" style=\"display: flex; justify-content: space-between;align-items: center;\">\r\n        <span>{{sfCrudService.registros[0]?.label || idForm.replaceAll('_', ' ')}} {{ids.length > 0 ? '-' + ids[0] : ''}}</span>\r\n        <button *ngIf=\"sfCrudService.registros[0]?.canBack\" pButton pRipple type=\"button\" icon=\"pi pi-arrow-left\" (click)=\"back()\"></button>\r\n    </h5>\r\n    <div *ngIf=\"items.length > 1\">\r\n        <app-step [items]=\"items\"></app-step>\r\n    </div>\r\n    <div *ngIf=\"items.length == 1\">\r\n        <app-form [data]=\"sfCrudService.dataset[0]\" [esquema]=\"sfCrudService.esquemas[0]\"\r\n        [uiEsquema]=\"sfCrudService.uiEsquemas[0]\" [isDialog]=\"false\"></app-form>\r\n\r\n        <!--renderizar un codigo personalizado desde el componente padre o renderizar el que se tiene por defecto-->\r\n        <ng-container *ngTemplateOutlet=\"buttonsFooterTemplate || defaultButtonsFooterTemplate\"></ng-container>\r\n        <ng-template #defaultButtonsFooterTemplate>\r\n            <div class=\"card-footer mt-2\" *ngIf=\"btnSubmit\">\r\n                <button pButton pRipple type=\"button\" [icon]=\"btnSubmit.icon\" [label]=\"btnSubmit.label\" (click)=\"onClickBtnSubmit()\"></button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</div>\r\n\r\n<span *ngFor=\"let item of dialogElements; let $index=index\">\r\n    <p-dialog [(visible)]=\"displays[$index]\" [modal]=\"true\" [header]=\"'Detalle'\" [closable]=\"false\">\r\n        <!-- TODO header = currentElement.element.label ? currentElement.element.label: -->\r\n        <app-form [data]=\"item.data\" [esquema]=\"item.esquema\" [uiEsquema]=\"item.uiEsquema\" [isDialog]=\"true\"\r\n            [id]=\"ids[indexCrud]\" [isAddressDialog]=\"item.isAddressDialog === true\" [separador]=\"item.separador\"></app-form>\r\n        <ng-template pTemplate=\"footer\">\r\n            <p-button icon=\"pi pi-times\" (onClick)=\"removeDialogItem()\" label=\"Cancelar\" ></p-button>\r\n            <p-button icon=\"pi pi-check\" [disabled]=\"item.esquema.disabled === true\" (onClick)=\"onCloseDialog($index)\" label=\"Ok\" pAutoFocus\r\n                [autofocus]=\"true\"></p-button>\r\n        </ng-template>\r\n    </p-dialog>\r\n</span>\r\n\r\n<p-toast *ngIf=\"dialogElements.length == 0\">\r\n    <ng-template let-message pTemplate=\"message\">\r\n        <div class=\"custom-toast\">\r\n            <i class=\"pi\" [ngClass]=\"{\r\n                'pi-check-circle': message.severity === 'success',\r\n                'pi-info-circle': message.severity === 'info',\r\n                'pi-exclamation-triangle': message.severity === 'warn',\r\n                'pi-times-circle': message.severity === 'error'\r\n            }\"></i>\r\n            <div class=\"custom-toast-content\">\r\n                <span class=\"custom-toast-detail\">{{message.detail}}</span>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</p-toast>\r\n\r\n\r\n", styles: ["@media screen and (max-width: 600px){::ng-deep .p-toast{width:90vw!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}::ng-deep .p-dialog-mask .p-dialog{width:95vw}}@media screen and (min-width: 601px){::ng-deep .p-toast{width:25rem!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-toast{padding:8px;display:-webkit-box;z-index:inherit;justify-content:center;width:100%}.custom-toast-detail{display:flex;font-family:sans-serif;font-size:1.05rem;font-weight:400;margin:.5rem 0 0 .5rem;width:80%}.custom-toast i{margin-right:.5rem;font-size:2rem;width:100%;height:100%}::ng-deep .p-toast-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::ng-deep .p-toast .p-toast-message.p-toast-message-info{background:#B3E5FC;border:solid #0891cf;color:#0891cf;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message{border-radius:6px}::ng-deep .p-toast .p-toast-message.p-toast-message-warn{background:rgba(255,242,226,.7);border:solid #cc8925;color:#cc8925;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message.p-toast-message-error{background:#FFCDD2;border:solid #e60017;color:#e60017;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message.p-toast-message-success{background:#C8E6C9;border:solid #439446;color:#439446;border-width:0 0 0 6px}::ng-deep .p-toast .p-toast-message .p-toast-icon-close{margin-top:1rem;margin-right:1.5rem}::ng-deep .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close{color:#cc8925}::ng-deep .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close{color:#0891cf}::ng-deep .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close{color:#e60017}::ng-deep .p-toast .p-toast-message.p-toast-message-succes .p-toast-icon-close{color:#439446}\n"], components: [{ type: StepComponent, selector: "app-step", inputs: ["items"] }, { type: FormComponent, selector: "app-form", inputs: ["uiEsquema", "esquema", "data", "isDialog", "isAddressDialog", "separador"] }, { type: i11__namespace$3.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: i9__namespace.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { type: i11__namespace$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }], directives: [{ type: i12__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { type: i11__namespace.Ripple, selector: "[pRipple]" }, { type: i12__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i12__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RegistroComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3236,7 +3491,8 @@
             ControlComponent,
             StepComponent,
             FormComponent,
-            FileUploadComponent], imports: [SfCrudRoutingModule,
+            FileUploadComponent,
+            FormatAddressPipe], imports: [SfCrudRoutingModule,
             i6$2.SfPdfsignModule,
             i7$1.SfSimuladorModule,
             accordion.AccordionModule,
@@ -3403,7 +3659,8 @@
                             ControlComponent,
                             StepComponent,
                             FormComponent,
-                            FileUploadComponent
+                            FileUploadComponent,
+                            FormatAddressPipe
                         ],
                         imports: [
                             SfCrudRoutingModule,