@solcre-org/core-ui 2.13.1 → 2.13.3

package/assets/i18n/en/common.json

@@ -1074,7 +1074,12 @@
     "select-time": "Select a time",
     "select-end-time": "Select end time",
     "used": "Used",
-    "unavailable": "Unavailable"
+    "unavailable": "Unavailable",
+    "errors": {
+      "start-time-required": "Start time is required",
+      "end-time-required": "End time is required",
+      "end-time-after-start": "End time must be after start time"
+    }
   },
   "multi-entry": {
     "add-field": "Add field",

package/assets/i18n/es/common.json

@@ -1076,7 +1076,12 @@
     "select-time": "Selecciona una hora",
     "select-end-time": "Selecciona hora de fin",
     "used": "Ocupado",
-    "unavailable": "No disponible"
+    "unavailable": "No disponible",
+    "errors": {
+      "start-time-required": "La hora de inicio es obligatoria",
+      "end-time-required": "La hora de fin es obligatoria",
+      "end-time-after-start": "La hora de fin debe ser posterior a la de inicio"
+    }
   },
   "multi-entry": {
     "add-field": "Agregar campo",

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 {
@@ -4496,11 +4500,17 @@ class TimeFieldComponent {
     valueChange = output();
     onBlurEvent = output();
     onEnterEvent = output();
+    startTimeChange = output();
+    endTimeChange = output();
+    startTimeBlur = output();
+    endTimeBlur = output();
     ModalMode = ModalMode;
     selectedStartTime = signal(null);
     selectedEndTime = signal(null);
     hasStartValue = signal(false);
     hasEndValue = signal(false);
+    startTimeErrors = signal([]);
+    endTimeErrors = signal([]);
     config = computed(() => this.field().config || {});
     isStartPlaceholderVisible = computed(() => {
         const hasVal = this.hasStartValue();
@@ -4561,6 +4571,28 @@ class TimeFieldComponent {
         const validators = this.getCurrentValidators();
         return validators.some((validator) => validator === Validators.required);
     });
+    validateStartTime(value) {
+        const errors = [];
+        if (this.hasRequiredValidators() && (!value || !value.trim())) {
+            errors.push('time-field.errors.start-time-required');
+        }
+        return errors;
+    }
+    validateEndTime(value) {
+        const errors = [];
+        if (!this.includeEndTime()) {
+            return errors;
+        }
+        if (this.hasRequiredValidators() && (!value || !value.trim())) {
+            errors.push('time-field.errors.end-time-required');
+        }
+        if (this.config().enforceEndTimeAfterStart && value && this.selectedStartTime()) {
+            if (this.isTimeBeforeOrEqual(value, this.selectedStartTime())) {
+                errors.push('time-field.errors.end-time-after-start');
+            }
+        }
+        return errors;
+    }
     getCurrentValidators() {
         const modeConfig = this.field().modes?.[this.mode()];
         const modeValidators = modeConfig?.validators;
@@ -4571,7 +4603,6 @@ class TimeFieldComponent {
                 return validatorConfig(this.formValue());
             }
             catch (error) {
-                console.warn('Error evaluating dynamic validators:', error);
                 return [];
             }
         }
@@ -4589,16 +4620,22 @@ class TimeFieldComponent {
         }
         return readonly || false;
     }
+    userInteracted = signal(false);
     constructor() {
         effect(() => {
             const newValue = this.value();
-            this.initializeFromValue(newValue);
-        });
+            const hasUserInteracted = this.userInteracted();
+            if (!hasUserInteracted) {
+                this.initializeFromValue(newValue);
+            }
+        }, { allowSignalWrites: true });
         effect(() => {
             const mode = this.mode();
             const currentValue = this.value();
             const config = this.config();
-            if ((mode === ModalMode.CREATE || mode === ModalMode.EDIT) &&
+            const hasUserInteracted = this.userInteracted();
+            if (!hasUserInteracted &&
+                (mode === ModalMode.CREATE || mode === ModalMode.EDIT) &&
                 (!currentValue || this.isEmptyValue(currentValue)) &&
                 (config.defaultStartTime || config.defaultEndTime)) {
                 const hasCurrentStartTime = this.selectedStartTime();
@@ -4607,7 +4644,7 @@ class TimeFieldComponent {
                     this.applyDefaultValues();
                 }
             }
-        });
+        }, { allowSignalWrites: true });
         effect(() => {
             const startTime = this.selectedStartTime();
             this.hasStartValue.set(startTime !== null && startTime !== undefined && startTime !== '');
@@ -4619,17 +4656,16 @@ class TimeFieldComponent {
         effect(() => {
             const fieldCfg = this.field();
             const formValue = this.formValue();
-            if ('dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function') {
+            const hasUserInteracted = this.userInteracted();
+            if (!hasUserInteracted && 'dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function') {
                 const newValue = fieldCfg.dynamicValue(formValue || {});
                 const currentValue = this.value();
                 if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
                     this.initializeFromValue(newValue);
-                    setTimeout(() => {
-                        this.valueChange.emit(newValue);
-                    }, 0);
+                    this.valueChange.emit(newValue);
                 }
             }
-        });
+        }, { allowSignalWrites: true });
     }
     initializeFromValue(value) {
         if (!value) {
@@ -4678,28 +4714,43 @@ class TimeFieldComponent {
         return options;
     }
     onStartTimeChange(value) {
+        this.userInteracted.set(true);
         this.selectedStartTime.set(value);
+        const startTimeErrors = this.validateStartTime(value);
+        this.startTimeErrors.set(startTimeErrors);
         const currentEndTime = this.selectedEndTime();
         const enforceEndTimeAfterStart = this.config().enforceEndTimeAfterStart || false;
         if (value && currentEndTime) {
             if (enforceEndTimeAfterStart && this.isTimeBeforeOrEqual(currentEndTime, value)) {
                 this.selectedEndTime.set(null);
+                this.endTimeErrors.set(['time-field.errors.end-time-after-start']);
             }
             else if (!enforceEndTimeAfterStart && currentEndTime === value) {
                 this.selectedEndTime.set(null);
             }
         }
+        if (this.includeEndTime()) {
+            const endTimeErrors = this.validateEndTime(this.selectedEndTime());
+            this.endTimeErrors.set(endTimeErrors);
+        }
+        this.startTimeChange.emit(value);
         this.emitValue();
     }
     onEndTimeChange(value) {
+        this.userInteracted.set(true);
         const startTime = this.selectedStartTime();
         const enforceEndTimeAfterStart = this.config().enforceEndTimeAfterStart || false;
+        const endTimeErrors = this.validateEndTime(value);
         if (value && startTime && enforceEndTimeAfterStart) {
             if (this.isTimeBeforeOrEqual(value, startTime)) {
+                endTimeErrors.push('time-field.errors.end-time-after-start');
+                this.endTimeErrors.set(endTimeErrors);
                 return;
             }
         }
         this.selectedEndTime.set(value);
+        this.endTimeErrors.set(endTimeErrors);
+        this.endTimeChange.emit(value);
         this.emitValue();
     }
     emitValue() {
@@ -4708,7 +4759,7 @@ class TimeFieldComponent {
         if (this.includeEndTime()) {
             const timeFieldValue = {
                 startTime,
-                endTime
+                endTime: endTime || null
             };
             this.valueChange.emit(timeFieldValue);
         }
@@ -4717,9 +4768,15 @@ class TimeFieldComponent {
         }
     }
     onStartTimeBlur() {
+        const startTimeErrors = this.validateStartTime(this.selectedStartTime());
+        this.startTimeErrors.set(startTimeErrors);
+        this.startTimeBlur.emit();
         this.onBlurEvent.emit(this.field().key);
     }
     onEndTimeBlur() {
+        const endTimeErrors = this.validateEndTime(this.selectedEndTime());
+        this.endTimeErrors.set(endTimeErrors);
+        this.endTimeBlur.emit();
         this.onBlurEvent.emit(this.field().key);
     }
     isTimeBeforeOrEqual(time1, time2) {
@@ -4759,16 +4816,14 @@ class TimeFieldComponent {
                 this.selectedEndTime.set(defaultEndTime);
             }
         }
-        setTimeout(() => {
-            this.emitValue();
-        }, 0);
+        this.emitValue();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TimeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TimeFieldComponent, isStandalone: true, selector: "core-time-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!hasRequiredValidators()\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasRequiredValidators()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"true\"\n          [disabled]=\"isDisabled() || !selectedStartTime()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n    </div>\n  }\n\n  <!-- Error Messages -->\n  @if (hasError()) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", 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;justify-content:start}::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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TimeFieldComponent, isStandalone: true, selector: "core-time-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent", startTimeChange: "startTimeChange", endTimeChange: "endTimeChange", startTimeBlur: "startTimeBlur", endTimeBlur: "endTimeBlur" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"startTimeErrors().length > 0\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!hasRequiredValidators()\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    \n    <!-- Errores espec\u00EDficos para Start Time -->\n    @if (startTimeErrors().length > 0) {\n      <core-field-errors [errors]=\"startTimeErrors()\"></core-field-errors>\n    }\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasRequiredValidators()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"endTimeErrors().length > 0\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"true\"\n          [disabled]=\"isDisabled()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n      \n      <!-- Errores espec\u00EDficos para End Time -->\n      @if (endTimeErrors().length > 0) {\n        <core-field-errors [errors]=\"endTimeErrors()\"></core-field-errors>\n      }\n    </div>\n  }\n\n  <!-- Error Messages Globales (si es necesario) -->\n  @if (hasError() && errors().length > 0) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", 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;justify-content:start}::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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TimeFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-time-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!hasRequiredValidators()\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasRequiredValidators()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"true\"\n          [disabled]=\"isDisabled() || !selectedStartTime()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n    </div>\n  }\n\n  <!-- Error Messages -->\n  @if (hasError()) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", 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;justify-content:start}::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-time-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"startTimeErrors().length > 0\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!hasRequiredValidators()\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    \n    <!-- Errores espec\u00EDficos para Start Time -->\n    @if (startTimeErrors().length > 0) {\n      <core-field-errors [errors]=\"startTimeErrors()\"></core-field-errors>\n    }\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasRequiredValidators()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"endTimeErrors().length > 0\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"true\"\n          [disabled]=\"isDisabled()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n      \n      <!-- Errores espec\u00EDficos para End Time -->\n      @if (endTimeErrors().length > 0) {\n        <core-field-errors [errors]=\"endTimeErrors()\"></core-field-errors>\n      }\n    </div>\n  }\n\n  <!-- Error Messages Globales (si es necesario) -->\n  @if (hasError() && errors().length > 0) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", 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;justify-content:start}::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: () => [] });
 
 class DynamicFieldDirective {
@@ -14669,12 +14724,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.1',
+    full: '2.13.3',
     major: 2,
     minor: 13,
-    patch: 1,
-    timestamp: '2025-09-24T17:51:51.131Z',
-    buildDate: '24/9/2025'
+    patch: 3,
+    timestamp: '2025-09-26T11:56:05.062Z',
+    buildDate: '26/9/2025'
 };
 
 class MainNavComponent {
@@ -17647,6 +17702,144 @@ class DocumentFieldValidators {
     };
 }
 
+class TimeFieldValidators {
+    static required = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { required: true };
+        }
+        if (typeof value === 'string') {
+            return value.trim() ? null : { required: true };
+        }
+        if (typeof value === 'object' && 'startTime' in value) {
+            const timeValue = value;
+            if (!timeValue.startTime || !timeValue.startTime.trim()) {
+                return { required: true };
+            }
+            return null;
+        }
+        return { required: true };
+    };
+    static requiredBoth = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { required: true };
+        }
+        if (typeof value === 'string') {
+            return value.trim() ? null : { required: true };
+        }
+        if (typeof value === 'object' && 'startTime' in value) {
+            const timeValue = value;
+            if (!timeValue.startTime || !timeValue.startTime.trim()) {
+                return { required: true };
+            }
+            if (!timeValue.endTime || !timeValue.endTime.trim()) {
+                return { required: true };
+            }
+            return null;
+        }
+        return { required: true };
+    };
+    static requiredStartTime = (control) => {
+        const value = control.value;
+        if (!value || value.trim() === '') {
+            return { required: true };
+        }
+        return null;
+    };
+    static requiredEndTime = (control) => {
+        const value = control.value;
+        if (!value || value.trim() === '') {
+            return { required: true };
+        }
+        return null;
+    };
+    static noValidation = (control) => {
+        return null;
+    };
+    static requiredBothSmart = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { required: true };
+        }
+        if (typeof value === 'string') {
+            return value.trim() ? null : { required: true };
+        }
+        if (typeof value === 'object' && 'startTime' in value) {
+            const timeValue = value;
+            if (!timeValue.startTime || !timeValue.startTime.trim()) {
+                return { required: true };
+            }
+            if (!timeValue.endTime || !timeValue.endTime.trim()) {
+                if (!control.touched) {
+                    return null;
+                }
+                return { required: true };
+            }
+            return null;
+        }
+        return { required: true };
+    };
+    static endTimeAfterStart = (control) => {
+        const value = control.value;
+        if (!value || typeof value !== 'object' || !('startTime' in value)) {
+            return null;
+        }
+        const timeValue = value;
+        const { startTime, endTime } = timeValue;
+        if (!startTime || !endTime) {
+            return null;
+        }
+        if (!isTimeAfter(endTime, startTime)) {
+            return { endTimeAfterStart: true };
+        }
+        return null;
+    };
+    static createValidator(includeEndTime, enforceEndTimeAfterStart = false) {
+        return (control) => {
+            const value = control.value;
+            if (!value) {
+                return { required: true };
+            }
+            if (!includeEndTime) {
+                if (typeof value === 'string') {
+                    return value.trim() ? null : { required: true };
+                }
+                if (typeof value === 'object' && 'startTime' in value) {
+                    const timeValue = value;
+                    return timeValue.startTime && timeValue.startTime.trim() ? null : { required: true };
+                }
+                return { required: true };
+            }
+            if (typeof value === 'object' && 'startTime' in value) {
+                const timeValue = value;
+                if (!timeValue.startTime || !timeValue.startTime.trim()) {
+                    return { required: true };
+                }
+                if (control.touched || control.dirty) {
+                    if (!timeValue.endTime || !timeValue.endTime.trim()) {
+                        return { required: true };
+                    }
+                    if (enforceEndTimeAfterStart && !isTimeAfter(timeValue.endTime, timeValue.startTime)) {
+                        return { endTimeAfterStart: true };
+                    }
+                }
+                return null;
+            }
+            return { required: true };
+        };
+    }
+}
+function isTimeAfter(time1, time2) {
+    if (!time1 || !time2)
+        return false;
+    const [hours1, minutes1] = time1.split(':').map(Number);
+    const [hours2, minutes2] = time2.split(':').map(Number);
+    const totalMinutes1 = hours1 * 60 + minutes1;
+    const totalMinutes2 = hours2 * 60 + minutes2;
+    return totalMinutes1 > totalMinutes2;
+}
+
 function HttpLoaderFactory(http) {
     return new TranslateHttpLoader(http, './assets/i18n/', '/main.json');
 }
@@ -17746,5 +17939,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeFieldValidators, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map