@solcre-org/core-ui 2.13.0 → 2.13.2

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

@@ -2113,6 +2113,10 @@ class NumberFieldComponent extends BaseFieldComponent {
         const numberField = this.field();
         return numberField.numberConfig?.disableInput ?? null;
     }
+    getCanUseInput() {
+        const numberField = this.field();
+        return numberField.numberConfig?.canUseInput ?? true;
+    }
     getCharsWidth() {
         const numberField = this.field();
         const chars = numberField.numberConfig?.chars;
@@ -2269,11 +2273,11 @@ class NumberFieldComponent extends BaseFieldComponent {
         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\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </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" }] });
+    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\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </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                [class.is-readonly]=\"!getCanUseInput()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                \n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\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                [class.is-readonly]=\"!getCanUseInput()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\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: [".c-entry-input.is-readonly,.c-entry-stepper .c-entry-input.is-readonly{background-color:var(--color-background-disabled, #f5f5f5);cursor:not-allowed;color:var(--color-text-disabled, #999)}\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.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\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </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" }]
+            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\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </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                [class.is-readonly]=\"!getCanUseInput()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                \n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\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                [class.is-readonly]=\"!getCanUseInput()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\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: [".c-entry-input.is-readonly,.c-entry-stepper .c-entry-input.is-readonly{background-color:var(--color-background-disabled, #f5f5f5);cursor:not-allowed;color:var(--color-text-disabled, #999)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 class PasswordFieldComponent extends BaseFieldComponent {
@@ -14669,12 +14673,12 @@ 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.13.0',
+    full: '2.13.2',
     major: 2,
     minor: 13,
-    patch: 0,
-    timestamp: '2025-09-24T14:15:27.547Z',
-    buildDate: '24/9/2025'
+    patch: 2,
+    timestamp: '2025-09-26T10:22:24.585Z',
+    buildDate: '26/9/2025'
 };
 
 class MainNavComponent {