jupiter-dynamic-forms 1.8.2 → 1.9.1

package/dist/index.mjs

@@ -555,8 +555,12 @@ class XBRLFormBuilder {
   /**
    * Build form schema from XBRL input data
    * Creates accordion sections for each presentation role
+   * @param xbrlInput - XBRL taxonomy data
+   * @param periodStartDate - Start date for the reporting period
+   * @param periodEndDate - End date for the reporting period
+   * @param language - ISO language code for labels (e.g., 'en', 'nl', 'de')
    */
-  static buildFormSchema(xbrlInput, periodStartDate, periodEndDate) {
+  static buildFormSchema(xbrlInput, periodStartDate, periodEndDate, language = "en") {
     var _a;
     if (!xbrlInput.presentation || xbrlInput.presentation.length === 0) {
       throw new Error("XBRL presentation data is required");
@@ -568,7 +572,7 @@ class XBRLFormBuilder {
       return a2.role.localeCompare(b2.role);
     });
     sortedRoles.forEach((role) => {
-      const section = this.buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData);
+      const section = this.buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData, language);
       this.assignFieldColumnIds(section);
       sections.push(section);
     });
@@ -583,7 +587,7 @@ class XBRLFormBuilder {
   /**
    * Build a form section from a presentation role
    */
-  static buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData) {
+  static buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData, language = "en") {
     var _a;
     const title = this.extractRoleTitle(role.role);
     const nonAbstractConcepts = this.getAllNonAbstractConcepts(role);
@@ -597,7 +601,7 @@ class XBRLFormBuilder {
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
       role.presentationLinkbase.concepts.forEach((concept) => {
-        const conceptTree = this.buildConceptTree(concept, 0, periodStartDate, periodEndDate, roleInfo, role.id);
+        const conceptTree = this.buildConceptTree(concept, 0, periodStartDate, periodEndDate, roleInfo, role.id, language);
         if (conceptTree) {
           conceptTrees.push(conceptTree);
         }
@@ -619,8 +623,8 @@ class XBRLFormBuilder {
   /**
    * Build concept tree from XBRL presentation concept
    */
-  static buildConceptTree(concept, level, periodStartDate, periodEndDate, roleInfo, sectionId) {
-    const label = this.getPreferredLabel(concept.labels);
+  static buildConceptTree(concept, level, periodStartDate, periodEndDate, roleInfo, sectionId, language = "en") {
+    const label = this.getPreferredLabel(concept.labels, language);
     const fields = [];
     if (!concept.elementAbstract) {
       let columnIds = [];
@@ -663,7 +667,7 @@ class XBRLFormBuilder {
     const children = [];
     if (concept.children && concept.children.length > 0) {
       concept.children.forEach((child) => {
-        const childTree = this.buildConceptTree(child, level + 1, periodStartDate, periodEndDate, roleInfo, sectionId);
+        const childTree = this.buildConceptTree(child, level + 1, periodStartDate, periodEndDate, roleInfo, sectionId, language);
         if (childTree) {
           children.push(childTree);
         }
@@ -744,21 +748,25 @@ class XBRLFormBuilder {
     return typeMap[xbrlType] || "text";
   }
   /**
-   * Get preferred label from labels array
+   * Get preferred label from labels array with language support
+   * @param labels - Array of XBRL labels
+   * @param language - ISO language code (e.g., 'en', 'nl', 'de')
    */
-  static getPreferredLabel(labels) {
+  static getPreferredLabel(labels, language = "en") {
     if (!labels || labels.length === 0)
       return "Unnamed Concept";
-    const preferred = labels.find((l2) => l2.preferredLabel);
+    const languageLabels = labels.filter((l2) => l2.lang === language);
+    const labelsToSearch = languageLabels.length > 0 ? languageLabels : labels;
+    const preferred = labelsToSearch.find((l2) => l2.preferredLabel);
     if (preferred)
       return preferred.label;
-    const standard = labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label");
+    const standard = labelsToSearch.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label");
     if (standard)
       return standard.label;
-    const terse = labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/terseLabel");
+    const terse = labelsToSearch.find((l2) => l2.role === "http://www.xbrl.org/2003/role/terseLabel");
     if (terse)
       return terse.label;
-    return labels[0].label;
+    return labelsToSearch.length > 0 ? labelsToSearch[0].label : labels[0].label;
   }
   /**
    * Assign appropriate column IDs to fields based on section's generated columns
@@ -3909,6 +3917,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.readonly = false;
     this.periodStartDate = "2025-01-01";
     this.periodEndDate = "2025-12-31";
+    this.language = "en";
     this._formData = {};
     this._preservedFormData = {};
     this._typedMemberData = {};
@@ -3930,6 +3939,44 @@ 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();
+    } catch (error) {
+      console.error("❌ Error changing language:", error);
     }
   }
   _initializeForm() {
@@ -3938,10 +3985,12 @@ let JupiterDynamicForm = class extends LitElement {
       try {
         console.log("🔄 Initializing form from XBRL input:", this.xbrlInput);
         console.log("📅 Using period dates:", this.periodStartDate, "to", this.periodEndDate);
+        console.log("🌐 Using language:", this.language);
         this._currentSchema = XBRLFormBuilder.buildFormSchema(
           this.xbrlInput,
           this.periodStartDate,
-          this.periodEndDate
+          this.periodEndDate,
+          this.language
         );
         console.log("✅ Generated schema with sections:", this._currentSchema.sections.length);
         this._allSections = [...this._currentSchema.sections];
@@ -4900,6 +4949,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 || {};
@@ -5230,6 +5291,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: String })
 ], JupiterDynamicForm.prototype, "periodEndDate", 2);
+__decorateClass([
+  n2({ type: String })
+], JupiterDynamicForm.prototype, "language", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_formData", 2);