@maro-tech/form 0.0.10 → 0.0.11

package/fesm2022/maro-tech-form.mjs

@@ -2900,7 +2900,7 @@ class UiActionFormModalComponent {
     formConfig = signal(null, ...(ngDevMode ? [{ debugName: "formConfig" }] : /* istanbul ignore next */ []));
     formValue = signal({}, ...(ngDevMode ? [{ debugName: "formValue" }] : /* istanbul ignore next */ []));
     fields = computed(() => this.formConfig()?.fields ?? [], ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
-    submitAction = computed(() => this.formConfig()?.actions?.find((action) => String(action.type).toUpperCase() === 'ACTION_SUBMIT' || String(action.type).toUpperCase() === 'ACTION_API'), ...(ngDevMode ? [{ debugName: "submitAction" }] : /* istanbul ignore next */ []));
+    submitAction = computed(() => this.formConfig()?.actions?.find((action) => this.isSubmitAction(action)), ...(ngDevMode ? [{ debugName: "submitAction" }] : /* istanbul ignore next */ []));
     submitLabel = computed(() => this.submitAction()?.submit || this.submitAction()?.label || 'Save', ...(ngDevMode ? [{ debugName: "submitLabel" }] : /* istanbul ignore next */ []));
     panelClass = computed(() => ({
         'max-w-xl': this.size() === 'sm',
@@ -2969,7 +2969,15 @@ class UiActionFormModalComponent {
         const endpoint = `/api/crud/form/${encodeURIComponent(formId)}${recordId ? `/${encodeURIComponent(recordId)}` : ''}`;
         this.http.get(endpoint).subscribe({
             next: (response) => {
-                const config = response.form || response;
+                const raw = response.form || response;
+                const config = {
+                    ...raw,
+                    title: raw.title || raw.meta?.title,
+                    actions: (raw.actions || []).map((action) => ({
+                        ...action,
+                        type: this.normalizeActionType(action.type),
+                    })),
+                };
                 this.formConfig.set(config);
                 this.formValue.set({ ...(config.defaults || {}), ...(config.item || {}), ...(this.initialValue() || {}), ...(recordId ? { id: recordId } : {}) });
                 this.isLoading.set(false);
@@ -2988,6 +2996,18 @@ class UiActionFormModalComponent {
             return value;
         return `/api${value.startsWith('/') ? value : `/${value}`}`;
     }
+    normalizeActionType(type) {
+        const normalized = String(type || '').trim().toLowerCase();
+        if (normalized === 'api' || normalized === 'action_api')
+            return 'ACTION_API';
+        if (normalized === 'submit' || normalized === 'action_submit')
+            return 'ACTION_SUBMIT';
+        return String(type || '');
+    }
+    isSubmitAction(action) {
+        const type = this.normalizeActionType(action.type);
+        return type === 'ACTION_API' || type === 'ACTION_SUBMIT';
+    }
     resolveMethod(method) {
         return String(method || 'POST').toUpperCase();
     }