@solcre-org/core-ui 2.12.24 → 2.12.25

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

@@ -3185,10 +3185,22 @@ class TimeFieldComponent {
     endTimeOptions = computed(() => {
         const startTime = this.selectedStartTime();
         const options = this.availableOptions();
-        return options.map(option => ({
-            ...option,
-            disabled: option.used || (startTime ? option.value === startTime : false)
-        }));
+        const enforceEndTimeAfterStart = this.config().enforceEndTimeAfterStart || false;
+        return options.map(option => {
+            let disabled = option.used || false;
+            if (startTime) {
+                if (enforceEndTimeAfterStart) {
+                    disabled = disabled || this.isTimeBeforeOrEqual(option.value, startTime);
+                }
+                else {
+                    disabled = disabled || option.value === startTime;
+                }
+            }
+            return {
+                ...option,
+                disabled
+            };
+        });
     });
     includeEndTime = computed(() => this.config().includeEndTime || false);
     startTimeLabel = computed(() => this.config().startTimeLabel || 'time-field.start-time');
@@ -3224,6 +3236,20 @@ class TimeFieldComponent {
             const newValue = this.value();
             this.initializeFromValue(newValue);
         });
+        effect(() => {
+            const mode = this.mode();
+            const currentValue = this.value();
+            const config = this.config();
+            if ((mode === ModalMode.CREATE || mode === ModalMode.EDIT) &&
+                (!currentValue || this.isEmptyValue(currentValue)) &&
+                (config.defaultStartTime || config.defaultEndTime)) {
+                const hasCurrentStartTime = this.selectedStartTime();
+                const hasCurrentEndTime = this.selectedEndTime();
+                if (!hasCurrentStartTime && !hasCurrentEndTime) {
+                    this.applyDefaultValues();
+                }
+            }
+        });
         effect(() => {
             const startTime = this.selectedStartTime();
             this.hasStartValue.set(startTime !== null && startTime !== undefined && startTime !== '');
@@ -3296,12 +3322,25 @@ class TimeFieldComponent {
     onStartTimeChange(value) {
         this.selectedStartTime.set(value);
         const currentEndTime = this.selectedEndTime();
-        if (value && currentEndTime && currentEndTime === value) {
-            this.selectedEndTime.set(null);
+        const enforceEndTimeAfterStart = this.config().enforceEndTimeAfterStart || false;
+        if (value && currentEndTime) {
+            if (enforceEndTimeAfterStart && this.isTimeBeforeOrEqual(currentEndTime, value)) {
+                this.selectedEndTime.set(null);
+            }
+            else if (!enforceEndTimeAfterStart && currentEndTime === value) {
+                this.selectedEndTime.set(null);
+            }
         }
         this.emitValue();
     }
     onEndTimeChange(value) {
+        const startTime = this.selectedStartTime();
+        const enforceEndTimeAfterStart = this.config().enforceEndTimeAfterStart || false;
+        if (value && startTime && enforceEndTimeAfterStart) {
+            if (this.isTimeBeforeOrEqual(value, startTime)) {
+                return;
+            }
+        }
         this.selectedEndTime.set(value);
         this.emitValue();
     }
@@ -3325,6 +3364,47 @@ class TimeFieldComponent {
     onEndTimeBlur() {
         this.onBlurEvent.emit(this.field().key);
     }
+    isTimeBeforeOrEqual(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;
+    }
+    isEmptyValue(value) {
+        if (!value)
+            return true;
+        if (typeof value === 'string') {
+            return value.trim() === '';
+        }
+        if (typeof value === 'object') {
+            return !value.startTime || value.startTime.trim() === '';
+        }
+        return true;
+    }
+    applyDefaultValues() {
+        const config = this.config();
+        const defaultStartTime = config.defaultStartTime;
+        const defaultEndTime = config.defaultEndTime;
+        if (defaultStartTime) {
+            this.selectedStartTime.set(defaultStartTime);
+        }
+        if (defaultEndTime && this.includeEndTime()) {
+            if (config.enforceEndTimeAfterStart && defaultStartTime) {
+                if (!this.isTimeBeforeOrEqual(defaultStartTime, defaultEndTime)) {
+                    this.selectedEndTime.set(defaultEndTime);
+                }
+            }
+            else {
+                this.selectedEndTime.set(defaultEndTime);
+            }
+        }
+        setTimeout(() => {
+            this.emitValue();
+        }, 0);
+    }
     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"] }] });
 }
@@ -11989,11 +12069,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.12.24',
+    full: '2.12.25',
     major: 2,
     minor: 12,
-    patch: 24,
-    timestamp: '2025-09-10T09:52:54.814Z',
+    patch: 25,
+    timestamp: '2025-09-10T13:20:45.267Z',
     buildDate: '10/9/2025'
 };