jupiter-dynamic-forms 1.9.0 → 1.9.2

package/dist/index.mjs

@@ -3939,6 +3939,45 @@ let JupiterDynamicForm = class extends LitElement {
   updated(changedProperties) {
     if (changedProperties.has("xbrlInput") || changedProperties.has("schema")) {
       this._initializeForm();
+    } else if (changedProperties.has("language")) {
+      console.log("🌐 Language changed from", changedProperties.get("language"), "to", this.language);
+      this._handleLanguageChange();
+    }
+  }
+  /**
+   * Handle language change - rebuild schema with new language while preserving form data
+   */
+  _handleLanguageChange() {
+    if (!this.xbrlInput) {
+      console.warn("⚠️ Cannot change language without XBRL input data");
+      return;
+    }
+    try {
+      const currentFormData = { ...this._formData };
+      const currentPreservedData = { ...this._preservedFormData };
+      const currentTypedMemberData = { ...this._typedMemberData };
+      const currentPreservedTypedMemberData = { ...this._preservedTypedMemberData };
+      const currentSelectedRoles = [...this._selectedRoleIds];
+      console.log("💾 Preserving form data during language change:", currentFormData);
+      console.log("🔄 Rebuilding form schema with language:", this.language);
+      this._currentSchema = XBRLFormBuilder.buildFormSchema(
+        this.xbrlInput,
+        this.periodStartDate,
+        this.periodEndDate,
+        this.language
+      );
+      this._allSections = [...this._currentSchema.sections];
+      this._selectedRoleIds = currentSelectedRoles;
+      this._applyRoleFilter();
+      this._formData = currentFormData;
+      this._preservedFormData = currentPreservedData;
+      this._typedMemberData = currentTypedMemberData;
+      this._preservedTypedMemberData = currentPreservedTypedMemberData;
+      console.log("✅ Language changed successfully, form data preserved");
+      this.requestUpdate("_currentSchema");
+      this.requestUpdate("language");
+    } catch (error) {
+      console.error("❌ Error changing language:", error);
     }
   }
   _initializeForm() {
@@ -4911,6 +4950,18 @@ let JupiterDynamicForm = class extends LitElement {
   getState() {
     return this._getFormState();
   }
+  /**
+   * Change the form language and re-render labels while preserving data
+   * @param newLanguage - ISO language code (e.g., 'en', 'nl', 'de')
+   */
+  changeLanguage(newLanguage) {
+    if (this.language === newLanguage) {
+      console.log("🌐 Language already set to", newLanguage);
+      return;
+    }
+    console.log("🌐 Changing language from", this.language, "to", newLanguage);
+    this.language = newLanguage;
+  }
   render() {
     const errorCount = this._errors.filter((e2) => e2.severity === "error").length;
     const config = this.config || {};
@@ -4952,6 +5003,7 @@ let JupiterDynamicForm = class extends LitElement {
             </div>
           ` : schema.sections.map((section, index) => html`
             <jupiter-form-section
+              .key="${section.id}-${this.language}"
               .section="${section}"
               .columns="${section.columns || this._columns}"
               .formData="${this._formData}"