jupiter-dynamic-forms 1.16.1 → 1.16.2

package/dist/index.mjs

@@ -1501,6 +1501,7 @@ const form$1 = {
   submit: "Validate",
   save: "Save",
   saveDraft: "Save Draft",
+  savingDraft: "Saving draft",
   errors: "Errors",
   modified: "Modified",
   valid: "Valid",
@@ -1646,6 +1647,7 @@ const form = {
   submit: "Valideren",
   save: "Opslaan",
   saveDraft: "Concept opslaan",
+  savingDraft: "Concept opslaan...",
   errors: "Fouten",
   modified: "Gewijzigd",
   valid: "Geldig",
@@ -7172,6 +7174,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.mode = "inputForm";
     this.roleFilterAxes = [];
     this.showLastValidationResultBtn = false;
+    this.isDraftSaving = false;
     this.defaultUnits = [];
     this._formData = {};
     this._draftLoaded = false;
@@ -7207,6 +7210,9 @@ let JupiterDynamicForm = class extends LitElement {
     this._validationStatus = "idle";
     this._skipDraftLoading = false;
     this._skipPeriodPreferencesRestore = false;
+    this._autoSaveTimer = null;
+    this._lastAutoSaveSnapshot = "";
+    this._lastSavedDraftSnapshot = "";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -7233,8 +7239,29 @@ let JupiterDynamicForm = class extends LitElement {
         this.requestUpdate();
       }
     });
+    this._autoSaveTimer = setInterval(() => {
+      const currentSnapshot = JSON.stringify(this._formData);
+      if (this._lastAutoSaveSnapshot === "") {
+        this._lastAutoSaveSnapshot = currentSnapshot;
+        console.log("ℹ️ [Auto Save] Baseline initialized; no draft save emitted.");
+        return;
+      }
+      if (currentSnapshot !== this._lastAutoSaveSnapshot) {
+        this._lastAutoSaveSnapshot = currentSnapshot;
+        this._handleSaveDraft("auto");
+      } else {
+        console.log("ℹ️ [Auto Save] No form state change detected; skipping draft save emit.");
+      }
+    }, 3e4);
     this._initializeForm();
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this._autoSaveTimer !== null) {
+      clearInterval(this._autoSaveTimer);
+      this._autoSaveTimer = null;
+    }
+  }
   updated(changedProperties) {
     if (changedProperties.has("language")) {
       I18n.setLanguage(this.language);
@@ -8653,7 +8680,7 @@ let JupiterDynamicForm = class extends LitElement {
       this._submitDisabled = false;
     }, 1e3);
   }
-  _handleSaveDraft() {
+  _handleSaveDraft(source = "manual") {
     console.log(`🔵 [Save Draft] Checking for errors...`);
     console.log(`🔵 [Save Draft] _xbrlFormErrors.length: ${this._xbrlFormErrors.length}`);
     console.log(`🔵 [Save Draft] _xbrlFormErrors:`, this._xbrlFormErrors);
@@ -8685,6 +8712,15 @@ let JupiterDynamicForm = class extends LitElement {
       this._periodData,
       this._unitData
     );
+    const draftPayloadSnapshot = JSON.stringify({
+      draftData,
+      metadata
+    });
+    if (draftPayloadSnapshot === this._lastSavedDraftSnapshot) {
+      console.log(`ℹ️ [Save Draft] No draft content change detected (${source}); skipping event emit.`);
+      return;
+    }
+    this._lastSavedDraftSnapshot = draftPayloadSnapshot;
     const saved = this._draftStorageService.saveDraft(draftData, metadata);
     console.log("💾 [Save Draft] Metadata saved with enhanced selectedRoleIds:", metadata.selectedRoleIds);
     this.dynaformsFacts = draftData;
@@ -8699,7 +8735,8 @@ let JupiterDynamicForm = class extends LitElement {
         errors: this._errors,
         // JSON data ready for external database storage
         dynaformsFacts: draftData,
-        dynaformsMetadata: metadata
+        dynaformsMetadata: metadata,
+        source: source == "auto" ? "auto" : "manual"
       },
       bubbles: true,
       composed: true
@@ -10497,9 +10534,9 @@ let JupiterDynamicForm = class extends LitElement {
             <button 
               class="btn-secondary"
               @click="${this._handleSaveDraft}"
-              ?disabled="${this.disabled || this.readonly}"
+              ?disabled="${this.disabled || this.readonly || this.isDraftSaving}"
             >
-              ${I18n.t("form.saveDraft")}
+              ${this.isDraftSaving ? I18n.t("form.savingDraft") : I18n.t("form.saveDraft")}
             </button>
           ` : ""}
           
@@ -10513,14 +10550,6 @@ let JupiterDynamicForm = class extends LitElement {
             >
               ${I18n.t("form.preview")}
             </button>
-
-            <button
-              class="btn-cancel-validation"
-              @click="${() => this.dispatchEvent(new CustomEvent("validationCancel", { bubbles: true, composed: true }))}"
-              ?disabled="${this.disabled || this.readonly}"
-            >
-              ${I18n.t("form.cancelValidation")}
-            </button>
           ` : ""}
 
           ${this._validationStatus === "complete" || this.showLastValidationResultBtn ? html`
@@ -10779,15 +10808,6 @@ JupiterDynamicForm.styles = css`
       background: var(--jupiter-primary-color-dark, #1565c0);
     }
 
-    .btn-cancel-validation {
-      background: var(--jupiter-primary-color, #1976d2);
-      color: white;
-    }
-    .btn-cancel-validation:hover:not(:disabled) {
-      background: var(--jupiter-primary-color, #1976d2);
-      color: white;
-    }
-
     .btn-last-results {
       background: var(--jupiter-primary-color, #1976d2);
       color: white;
@@ -11437,6 +11457,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: Boolean, attribute: "show-last-validation-result-btn" })
 ], JupiterDynamicForm.prototype, "showLastValidationResultBtn", 2);
+__decorateClass([
+  n2({ type: Boolean, attribute: "is-draft-saving" })
+], JupiterDynamicForm.prototype, "isDraftSaving", 2);
 __decorateClass([
   n2({ type: Array })
 ], JupiterDynamicForm.prototype, "defaultUnits", 2);