@lucca-front/ng 19.3.2-rc.1 → 19.3.3-rc.1

package/fesm2022/lucca-front-ng-date2.mjs

@@ -750,34 +750,37 @@ class AbstractDateComponent {
         });
     }
     isInMinMax(date, mode) {
-        let result = true;
-        if (this.min()) {
-            switch (mode) {
-                case 'day':
-                    result = result && this.min().getTime() <= date.getTime();
-                    break;
-                case 'month':
-                    result = (result && isBefore(startOfMonth(this.min()), startOfMonth(date))) || isSameMonth(this.min(), date);
-                    break;
-                case 'year':
-                    result = result && this.min().getFullYear() <= date.getFullYear();
-                    break;
-            }
+        return this.isAfterMin(date, mode) && this.isBeforeMax(date, mode);
+    }
+    isAfterMin(date, mode) {
+        if (!this.min()) {
+            return true;
         }
-        if (this.max()) {
-            switch (mode) {
-                case 'day':
-                    result = result && this.max().getTime() >= date.getTime();
-                    break;
-                case 'month':
-                    result = (result && isAfter(startOfMonth(this.max()), startOfMonth(date))) || isSameMonth(this.max(), date);
-                    break;
-                case 'year':
-                    result = result && this.max().getFullYear() >= date.getFullYear();
-                    break;
-            }
+        switch (mode) {
+            case 'day':
+                return this.min().getTime() <= date.getTime();
+            case 'month':
+                return isBefore(startOfMonth(this.min()), startOfMonth(date)) || isSameMonth(this.min(), date);
+            case 'year':
+                return this.min().getFullYear() <= date.getFullYear();
+            default:
+                return true;
+        }
+    }
+    isBeforeMax(date, mode) {
+        if (!this.max()) {
+            return true;
+        }
+        switch (mode) {
+            case 'day':
+                return this.max().getTime() >= date.getTime();
+            case 'month':
+                return isAfter(startOfMonth(this.max()), startOfMonth(date)) || isSameMonth(this.max(), date);
+            case 'year':
+                return this.max().getFullYear() >= date.getFullYear();
+            default:
+                return true;
         }
-        return result;
     }
     isValidDate(date) {
         return !!date && !isNaN(date.getTime());
@@ -826,6 +829,9 @@ class DateInputComponent extends AbstractDateComponent {
     // CVA stuff
     #onChange;
     #luClass;
+    get isWidthAuto() {
+        return this.widthAuto();
+    }
     #defaultClearable;
     #defaultFilterPillClearable;
     get isNavigationButtonFocused() {
@@ -838,6 +844,7 @@ class DateInputComponent extends AbstractDateComponent {
         this.placeholder = input();
         this.disableOverflow = input(false, { transform: booleanAttribute });
         this.hideOverflow = input(false, { transform: booleanAttribute });
+        this.widthAuto = input(false, { transform: booleanAttribute });
         this.filterPillDisabled = signal(false);
         this.popoverPositions = [
             new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }, -8, 0),
@@ -1009,8 +1016,11 @@ class DateInputComponent extends AbstractDateComponent {
             return { date: true };
         }
         // Check min and max
-        if (!this.isInMinMax(date, this.mode())) {
-            return { minMax: true };
+        if (this.min() && !this.isAfterMin(date, this.mode())) {
+            return { min: true };
+        }
+        else if (this.max() && !this.isBeforeMax(date, this.mode())) {
+            return { max: true };
         }
         // Everything is valid
         return null;
@@ -1024,7 +1034,7 @@ class DateInputComponent extends AbstractDateComponent {
             this.currentDate.set(start);
         }
         else {
-            this.clear();
+            this.reset();
         }
     }
     registerOnChange(fn) {
@@ -1036,9 +1046,13 @@ class DateInputComponent extends AbstractDateComponent {
         this.filterPillDisabled.set(isDisabled);
         super.setDisabledState(isDisabled);
     }
-    clear() {
+    reset() {
         this.inputRef().nativeElement.value = '';
+        this.dateFromWriteValue.set(null);
         this.selectedDate.set(null);
+    }
+    clear() {
+        this.reset();
         this.#onChange?.(null);
         this.onTouched?.();
     }
@@ -1057,7 +1071,7 @@ class DateInputComponent extends AbstractDateComponent {
         this.filterPillPopoverCloseFn?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DateInputComponent, isStandalone: true, selector: "lu-date-input", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disableOverflow: { classPropertyName: "disableOverflow", publicName: "disableOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill" }, classAttribute: "dateField" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DateInputComponent, isStandalone: true, selector: "lu-date-input", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disableOverflow: { classPropertyName: "disableOverflow", publicName: "disableOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill", "class.mod-auto": "this.isWidthAuto" }, classAttribute: "dateField" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateInputComponent),
@@ -1099,6 +1113,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }], ctorParameters: () => [], propDecorators: { isFilterPill: [{
                 type: HostBinding,
                 args: ['class.mod-filterPill']
+            }], isWidthAuto: [{
+                type: HostBinding,
+                args: ['class.mod-auto']
             }] } });
 
 const PremadeShortcuts = {
@@ -1171,6 +1188,9 @@ class DateRangeInputComponent extends AbstractDateComponent {
     #breakpointObserver;
     // CVA stuff
     #onChange;
+    get isWidthAuto() {
+        return this.widthAuto();
+    }
     #defaultClearable;
     #defaultFilterPillClearable;
     get isNavigationButtonFocused() {
@@ -1188,6 +1208,7 @@ class DateRangeInputComponent extends AbstractDateComponent {
         this.selectedRange = signal(null);
         this.dateHovered = signal(null);
         this.placeholder = input();
+        this.widthAuto = input(false, { transform: booleanAttribute });
         this.popoverPositions = [
             new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }, -8, 0),
             new ConnectionPositionPair({ originX: 'start', originY: 'top' }, {
@@ -1553,7 +1574,7 @@ class DateRangeInputComponent extends AbstractDateComponent {
         return 'calendarPlanning';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DateRangeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DateRangeInputComponent, isStandalone: true, selector: "lu-date-range-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill" }, classAttribute: "dateRangeField" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: DateRangeInputComponent, isStandalone: true, selector: "lu-date-range-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill", "class.mod-auto": "this.isWidthAuto" }, classAttribute: "dateRangeField" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateRangeInputComponent),
@@ -1597,6 +1618,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }], isFilterPill: [{
                 type: HostBinding,
                 args: ['class.mod-filterPill']
+            }], isWidthAuto: [{
+                type: HostBinding,
+                args: ['class.mod-auto']
             }] } });
 
 /**