@solcre-org/core-ui 2.11.24 → 2.11.26

package/assets/css/inc/components/bottom-alert.css

@@ -16,6 +16,7 @@
     padding-inline: calc(var(--_spacing)*2);
     padding-bottom: var(--app-alert-bottom, 4rem);
     max-height: 100svh;
+    pointer-events: none;
     z-index: 999;
 }
 
@@ -57,7 +58,7 @@
     width: fit-content;
     max-width: var(--alert-max-w, none);
     box-shadow: 0 2rem 2rem -2rem hsl(var(--_color-main-hsl)/60%);
-    
+    pointer-events: auto;
 }
 
 .c-bottom-alert__icon{

package/assets/css/inc/components/data-entry.input.css

@@ -191,6 +191,7 @@
     ):is([disabled],.is-disabled){
     opacity: 0.4;
     cursor: not-allowed;
+    pointer-events: none;
 }
 .c-entry-input:is([disabled],.is-disabled,[readonly],.is-readonly) :is( a, button ){
     pointer-events: none;

package/fesm2022/solcre-org-core-ui.mjs

@@ -1094,12 +1094,23 @@ var NumberFieldConfigType;
 class NumberFieldComponent extends BaseFieldComponent {
     elementRef;
     NumberFieldConfigType = NumberFieldConfigType;
-    controls = [];
+    holdInterval = null;
+    holdTimeout = null;
+    currentHoldDirection = 0;
+    holdSpeed = 300;
+    minHoldSpeed = 50;
+    accelerationRate = 0.9;
+    isHolding = false;
+    wasHeld = false;
     fieldType = computed(() => this.field().numberConfig?.type || NumberFieldConfigType.DEFAULT);
     iconClass = computed(() => {
         const numberField = this.field();
         return this.fieldType() === NumberFieldConfigType.WITH_ICON ? numberField.numberConfig?.icon : null;
     });
+    getDisableInput() {
+        const numberField = this.field();
+        return numberField.numberConfig?.disableInput ?? null;
+    }
     getCharsWidth() {
         const numberField = this.field();
         const chars = numberField.numberConfig?.chars;
@@ -1144,55 +1155,90 @@ class NumberFieldComponent extends BaseFieldComponent {
             }
         });
     }
-    ngAfterViewInit() {
-        this.initializeControls();
-    }
     ngOnDestroy() {
-        this.removeControlListeners();
-    }
-    initializeControls() {
-        const formGroup = this.elementRef.nativeElement.closest('.c-form__group');
-        if (formGroup) {
-            this.controls = Array.from(formGroup.querySelectorAll('.js-input-number-control'));
-            this.controls.forEach(control => {
-                control.addEventListener('click', this.handleControlClick.bind(this));
-            });
-            this.updateControlsState();
-        }
+        this.stopHold();
     }
-    removeControlListeners() {
-        this.controls.forEach(control => {
-            control.removeEventListener('click', this.handleControlClick.bind(this));
-        });
+    handleMouseDown(event, direction) {
+        event.preventDefault();
+        if (this.isDisabled())
+            return;
+        this.isHolding = true;
+        this.wasHeld = false;
+        this.startHold(direction);
     }
-    handleControlClick(event) {
-        const button = event.currentTarget;
-        const control = button.getAttribute('data-control');
-        if (control) {
-            const change = parseInt(control);
-            if (!isNaN(change)) {
-                this.onControlClick(change);
-            }
-        }
+    handleMouseUp(event) {
+        this.isHolding = false;
+        this.stopHold();
+    }
+    handleTouchStart(event, direction) {
+        event.preventDefault();
+        if (this.isDisabled())
+            return;
+        this.isHolding = true;
+        this.wasHeld = false;
+        this.startHold(direction);
+    }
+    handleTouchEnd(event) {
+        this.isHolding = false;
+        this.stopHold();
     }
     onControlClick(change) {
+        if (this.wasHeld) {
+            this.wasHeld = false;
+            return;
+        }
+        this.executeIncrement(change);
+    }
+    executeIncrement(change) {
         if (this.isReadonly())
             return;
         const currentValue = Number(this.formControl().value) || 0;
         const newValue = Math.max(0, currentValue + change);
         this.formControl().setValue(newValue.toString());
     }
-    updateControlsState() {
-        const currentValue = Number(this.formControl().value) || 0;
-        this.controls.forEach(control => {
-            const controlValue = control.getAttribute('data-control');
-            if (controlValue) {
-                const changeValue = parseInt(controlValue);
-                if (!isNaN(changeValue) && changeValue < 0) {
-                    control.disabled = currentValue <= 0;
+    startHold(direction) {
+        if (this.isReadonly())
+            return;
+        this.currentHoldDirection = direction;
+        this.holdSpeed = 300;
+        this.holdTimeout = setTimeout(() => {
+            this.wasHeld = true;
+            this.executeIncrement(this.currentHoldDirection);
+            this.holdInterval = setInterval(() => {
+                this.executeIncrement(this.currentHoldDirection);
+                if (this.holdSpeed > this.minHoldSpeed) {
+                    this.holdSpeed = Math.max(this.minHoldSpeed, this.holdSpeed * this.accelerationRate);
+                    this.restartInterval();
                 }
-            }
-        });
+            }, this.holdSpeed);
+        }, 500);
+    }
+    stopHold() {
+        if (this.holdTimeout) {
+            clearTimeout(this.holdTimeout);
+            this.holdTimeout = null;
+        }
+        if (this.holdInterval) {
+            clearInterval(this.holdInterval);
+            this.holdInterval = null;
+        }
+        this.currentHoldDirection = 0;
+        this.holdSpeed = 300;
+        setTimeout(() => {
+            this.wasHeld = false;
+        }, 100);
+    }
+    restartInterval() {
+        if (this.holdInterval) {
+            clearInterval(this.holdInterval);
+            this.holdInterval = setInterval(() => {
+                this.executeIncrement(this.currentHoldDirection);
+                if (this.holdSpeed > this.minHoldSpeed) {
+                    this.holdSpeed = Math.max(this.minHoldSpeed, this.holdSpeed * this.accelerationRate);
+                    this.restartInterval();
+                }
+            }, this.holdSpeed);
+        }
     }
     onValueChange(newValue) {
         const parsedValue = Number(newValue);
@@ -1202,17 +1248,16 @@ class NumberFieldComponent extends BaseFieldComponent {
         }
         const validValue = Math.max(0, parsedValue);
         super.onValueChange(validValue);
-        this.updateControlsState();
     }
     onBlurInput() {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: NumberFieldComponent, isStandalone: true, selector: "core-number-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                data-control=\"-1\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                data-control=\"1\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    data-control=\"1\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    data-control=\"-1\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: NumberFieldComponent, isStandalone: true, selector: "core-number-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                (mousedown)=\"handleMouseDown($event, -1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, -1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled() || getDisableInput()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                (mousedown)=\"handleMouseDown($event, 1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, 1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    (mousedown)=\"handleMouseDown($event, 1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, 1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    (mousedown)=\"handleMouseDown($event, -1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, -1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-number-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                data-control=\"-1\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                data-control=\"1\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    data-control=\"1\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    data-control=\"-1\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n" }]
+            args: [{ selector: 'core-number-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                (mousedown)=\"handleMouseDown($event, -1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, -1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled() || getDisableInput()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                (mousedown)=\"handleMouseDown($event, 1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, 1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    (mousedown)=\"handleMouseDown($event, 1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, 1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    (mousedown)=\"handleMouseDown($event, -1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, -1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class PasswordFieldComponent extends BaseFieldComponent {
@@ -1441,11 +1486,11 @@ class SelectFieldComponent extends BaseFieldComponent {
         this.hasValue.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n  <div class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n      [class.is-placeholder]=\"isPlaceholderVisible()\"\n      [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"field().options ?? []\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [multiple]=\"field().multiple\"\n        [formControl]=\"formControl()\"\n        [compareWith]=\"compareWith\"\n        [class.has-error]=\"hasError()\"\n        [readonly]=\"field().readonly\"\n        [clearable]=\"true\"\n        [searchable]=\"isSearchable()\"\n        (blur)=\"onBlurInput()\"\n        (change)=\"onSelectChange($event)\"\n        (clear)=\"onSelectClear()\"\n        [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? '') | translate) : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n          {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n            {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-notfound-tmp>\n          <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n        </ng-template>\n      </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative;overflow:auto}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n  <div class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n      [class.is-placeholder]=\"isPlaceholderVisible()\"\n      [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"field().options ?? []\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [multiple]=\"field().multiple\"\n        [formControl]=\"formControl()\"\n        [compareWith]=\"compareWith\"\n        [class.has-error]=\"hasError()\"\n        [readonly]=\"field().readonly\"\n        [clearable]=\"true\"\n        [searchable]=\"isSearchable()\"\n        (blur)=\"onBlurInput()\"\n        (change)=\"onSelectChange($event)\"\n        (clear)=\"onSelectClear()\"\n        [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? '') | translate) : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n          {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n            {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-notfound-tmp>\n          <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n        </ng-template>\n      </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n  <div class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n      [class.is-placeholder]=\"isPlaceholderVisible()\"\n      [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"field().options ?? []\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [multiple]=\"field().multiple\"\n        [formControl]=\"formControl()\"\n        [compareWith]=\"compareWith\"\n        [class.has-error]=\"hasError()\"\n        [readonly]=\"field().readonly\"\n        [clearable]=\"true\"\n        [searchable]=\"isSearchable()\"\n        (blur)=\"onBlurInput()\"\n        (change)=\"onSelectChange($event)\"\n        (clear)=\"onSelectClear()\"\n        [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? '') | translate) : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n          {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n            {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-notfound-tmp>\n          <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n        </ng-template>\n      </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative;overflow:auto}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
+            args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n  <div class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n      [class.is-placeholder]=\"isPlaceholderVisible()\"\n      [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"field().options ?? []\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [multiple]=\"field().multiple\"\n        [formControl]=\"formControl()\"\n        [compareWith]=\"compareWith\"\n        [class.has-error]=\"hasError()\"\n        [readonly]=\"field().readonly\"\n        [clearable]=\"true\"\n        [searchable]=\"isSearchable()\"\n        (blur)=\"onBlurInput()\"\n        (change)=\"onSelectChange($event)\"\n        (clear)=\"onSelectClear()\"\n        [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? '') | translate) : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n          {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n            <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n            {{ item.label | translate }}\n        </ng-template>\n        <ng-template ng-notfound-tmp>\n          <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n        </ng-template>\n      </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { ngSelect: [{
                 type: ViewChild,
                 args: [NgSelectComponent]
@@ -2117,11 +2162,11 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServerSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ServerSelectFieldComponent, isStandalone: true, selector: "core-server-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: ["ngSelect"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative;overflow:auto}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i5.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i5.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ServerSelectFieldComponent, isStandalone: true, selector: "core-server-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: ["ngSelect"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i5.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i5.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServerSelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-server-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative;overflow:auto}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
+            args: [{ selector: 'core-server-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">{{ field().label | translate }}</span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { ngSelect: [{
                 type: ViewChild,
                 args: ['ngSelect']
@@ -10224,11 +10269,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.11.24',
+    full: '2.11.26',
     major: 2,
     minor: 11,
-    patch: 24,
-    timestamp: '2025-08-28T12:31:36.159Z',
+    patch: 26,
+    timestamp: '2025-08-28T15:28:38.169Z',
     buildDate: '28/8/2025'
 };