mn-angular-lib 0.0.77 → 0.0.79

package/fesm2022/mn-angular-lib.mjs

@@ -2007,7 +2007,21 @@ class MnDatetime {
     }
     // ========== ControlValueAccessor Implementation ==========
     writeValue(val) {
-        this.value = val != null ? String(val) : null;
+        if (val != null) {
+            let str = String(val);
+            // Convert ISO 8601 strings (e.g. "2025-01-01T10:00:00.000Z") to datetime-local format
+            if (str.includes('T') && (str.endsWith('Z') || /[+-]\d{2}:\d{2}$/.test(str))) {
+                const date = new Date(str);
+                if (!isNaN(date.getTime())) {
+                    const pad = (n) => n.toString().padStart(2, '0');
+                    str = `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+                }
+            }
+            this.value = str;
+        }
+        else {
+            this.value = null;
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -4454,6 +4468,12 @@ class MnWizardBodyComponent {
             return;
         if (step.id === this.currentStepId)
             return;
+        // Validate current step's form before allowing direct step navigation
+        const formBody = this.getCurrentFormBody();
+        if (formBody && formBody.form.invalid) {
+            formBody.form.markAllAsTouched();
+            return;
+        }
         const previousStepId = this.currentStepId;
         this.currentStepId = step.id;
         if (!this.visitedStepIds.includes(this.currentStepId)) {
@@ -4615,6 +4635,36 @@ class MnWizardBodyComponent {
         });
         return aggregated;
     }
+    /**
+     * Maps a footer action's ActionStyle to mnButton data props.
+     * @param action The footer action configuration.
+     */
+    getFooterActionButtonData(action) {
+        switch (action.style) {
+            case ActionStyle.DANGER:
+                return { variant: 'outline', color: 'error' };
+            case ActionStyle.PRIMARY:
+                return { variant: 'fill', color: 'primary' };
+            case ActionStyle.SECONDARY:
+                return { variant: 'outline', color: 'secondary' };
+            case ActionStyle.GHOST:
+                return { variant: 'ghost', color: 'secondary' };
+            default:
+                return { variant: 'outline', color: 'secondary' };
+        }
+    }
+    /**
+     * Handles a custom footer action click.
+     * @param action The footer action configuration.
+     */
+    async handleFooterAction(action) {
+        if (action.handler) {
+            await action.handler(this.modalRef);
+        }
+        if (action.closesModal) {
+            this.modalRef.close((action.closeReason || ModalCloseReason.PROGRAMMATIC));
+        }
+    }
     async notifyStepChange(previousStepId, direction) {
         if (this.config.onStepChange) {
             await this.config.onStepChange.handle({