jupiter-dynamic-forms 1.8.1 → 1.8.2

package/dist/index.mjs

@@ -564,7 +564,10 @@ class XBRLFormBuilder {
     const presentationData = xbrlInput.presentation[0];
     const hypercubeData = (_a = xbrlInput.hypercubes) == null ? void 0 : _a[0];
     const sections = [];
-    presentationData.roles.forEach((role) => {
+    const sortedRoles = [...presentationData.roles].sort((a2, b2) => {
+      return a2.role.localeCompare(b2.role);
+    });
+    sortedRoles.forEach((role) => {
       const section = this.buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData);
       this.assignFieldColumnIds(section);
       sections.push(section);
@@ -588,20 +591,8 @@ class XBRLFormBuilder {
       nonAbstractConcepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
     const hypercubeRole = hypercubeData == null ? void 0 : hypercubeData.roles.find((hr) => hr.roleId === role.id);
-    if (hypercubeRole) {
-      console.log(`🏷️ Found matching hypercube role "${role.id}"`);
-    } else {
-      console.log(`❌ No hypercube role found for "${role.id}"`);
-    }
     const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes);
     const availableColumnIds = columns.map((col) => col.id);
-    console.log(`📋 Available column IDs for role "${role.id}":`, availableColumnIds);
-    if (availableColumnIds.some((id) => id.includes("multi_"))) {
-      console.log(`🔍 [DEBUG] Multi-dimensional role "${role.role}" - Total columns generated: ${columns.length}`);
-      columns.forEach((col, index) => {
-        console.log(`  Column ${index}: id=${col.id}, title=${col.title}, type=${col.type}`);
-      });
-    }
     const roleInfo = { periodTypes, availableColumnIds };
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
@@ -836,14 +827,12 @@ class XBRLFormBuilder {
    * Generate default columns based on period types of non-abstract concepts in a role
    */
   static generateDefaultColumnsForRole(role, periodStartDate, periodEndDate, hypercubeRole, nonAbstractConcepts, rolePeriodTypes) {
-    var _a, _b, _c;
+    var _a, _b;
     const concepts = nonAbstractConcepts || this.getAllNonAbstractConcepts(role);
     const periodTypes = rolePeriodTypes || new Set(
       concepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
-    console.log(`📊 Analyzing role "${role.role}" with ${concepts.length} non-abstract concepts`);
     if (concepts.length === 0) {
-      console.log("📊 No non-abstract concepts found, using default column");
       return [{
         id: "default",
         title: "Value",
@@ -856,26 +845,18 @@ class XBRLFormBuilder {
     let dimensionColumns = [];
     if (((_a = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _a.length) === 1) {
       const item = hypercubeRole.items[0];
-      console.log(`🔍 Processing hypercube item for role "${role.role}":`, {
-        itemId: item.id,
-        conceptIds: ((_b = item.conceptIds) == null ? void 0 : _b.length) || 0,
-        dimensions: item.dimensions.length
-      });
       if (item.dimensions.length === 1) {
         dimensionColumns = this.generateSingleDimensionColumns(item.dimensions[0], periodStartDate, periodEndDate, periodTypes);
       } else if (item.dimensions.length > 1) {
         dimensionColumns = this.generateMultiDimensionColumns(item.dimensions, periodStartDate, periodEndDate, periodTypes);
       }
-    } else if (((_c = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _c.length) && hypercubeRole.items.length > 1) {
-      console.log(`⚠️ Multiple items found (${hypercubeRole.items.length}), skipping for now`);
-    }
-    console.log(`📅 Found period types: ${Array.from(periodTypes).join(", ")}`);
+    } else if (((_b = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _b.length) && hypercubeRole.items.length > 1)
+      ;
     const columns = [];
     if (dimensionColumns.length > 0) {
       columns.push(...dimensionColumns);
     } else {
       if (periodTypes.size === 0) {
-        console.log("📅 No period types found, using default column");
         columns.push({
           id: "default",
           title: "Value",
@@ -885,7 +866,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else if (periodTypes.size === 1 && periodTypes.has("instant")) {
-        console.log("📅 All concepts are instant type, creating single column");
         columns.push({
           id: "instant",
           title: `Current`,
@@ -895,7 +875,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else if (periodTypes.size === 1 && periodTypes.has("duration")) {
-        console.log("📅 All concepts are duration type, creating single column with period range");
         columns.push({
           id: "duration",
           title: `Current Period`,
@@ -905,7 +884,6 @@ class XBRLFormBuilder {
           removable: false
         });
       } else {
-        console.log("📅 Mixed period types found, creating both duration and instant columns");
         columns.push({
           id: "duration",
           title: `Current Period`,
@@ -924,25 +902,15 @@ class XBRLFormBuilder {
         });
       }
     }
-    console.log(`📊 Generated ${columns.length} columns for role "${role.role}":`, columns.map((c2) => c2.title));
     return columns;
   }
   /**
    * Generate columns for single dimension scenarios
    */
   static generateSingleDimensionColumns(dimension, periodStartDate, periodEndDate, periodTypes) {
-    var _a, _b, _c, _d, _e;
-    console.log(`📊 Processing single dimension:`, {
-      id: dimension.id,
-      conceptName: dimension.conceptName,
-      hasMembers: !!(dimension.members && Array.isArray(dimension.members)),
-      membersCount: ((_a = dimension.members) == null ? void 0 : _a.length) || 0,
-      hasTypedMember: !!dimension.typedMember,
-      typedMemberId: (_b = dimension.typedMember) == null ? void 0 : _b.id
-    });
+    var _a, _b, _c;
     if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
-      console.log(`🔤 Processing typed dimension: ${dimension.id} with typed member: ${dimension.typedMember.id}`);
-      const axisLabel2 = ((_c = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || dimension.conceptName;
+      const axisLabel2 = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
       const dimensionInfo2 = {
         axisId: dimension.id,
         axisLabel: axisLabel2,
@@ -950,7 +918,6 @@ class XBRLFormBuilder {
         dimensionKey: `${axisLabel2} | [Typed Input]`,
         dimensionIdKey: `${dimension.id}|[typed]`
       };
-      console.log(`🔤 Generated typed dimension info:`, dimensionInfo2);
       const columns2 = [];
       if (periodTypes.size === 0) {
         columns2.push({
@@ -1092,24 +1059,17 @@ class XBRLFormBuilder {
           removable: false
         });
       }
-      console.log(`🔤 Generated ${columns2.length} typed dimension columns`);
       return columns2;
     }
     if (!dimension.members || !Array.isArray(dimension.members)) {
-      console.log(`⚠️ Dimension ${dimension.id} has no members defined and no typed member, skipping column generation`);
       return [];
     }
-    console.log(`📊 Found single dimension:`, {
-      id: dimension.id,
-      conceptName: dimension.conceptName,
-      membersCount: dimension.members.length
-    });
     if (dimension.members.length === 0) {
       return [];
     }
-    const axisLabel = ((_d = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _d.label) || dimension.conceptName;
+    const axisLabel = ((_b = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
     const firstMember = dimension.members[0];
-    const memberLabel = ((_e = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _e.label) || firstMember.conceptName;
+    const memberLabel = ((_c = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || firstMember.conceptName;
     const dimensionInfo = {
       axisId: dimension.id,
       axisLabel,
@@ -1118,7 +1078,6 @@ class XBRLFormBuilder {
       dimensionKey: `${axisLabel} | ${memberLabel}`,
       dimensionIdKey: `${dimension.id} | ${firstMember.id}`
     };
-    console.log(`📊 Generated dimension info:`, dimensionInfo);
     const columns = [];
     if (periodTypes.size === 0) {
       columns.push({
@@ -1226,34 +1185,17 @@ class XBRLFormBuilder {
    * Generate columns for multi-dimension scenarios - creates combinations of all dimension members
    */
   static generateMultiDimensionColumns(dimensions, periodStartDate, periodEndDate, periodTypes) {
-    console.log(`📊 Processing ${dimensions.length} dimensions for multi-dimensional columns`);
-    console.log(`🔍 [DEBUG] Input dimensions:`, dimensions.map((d2) => {
-      var _a, _b, _c;
-      return {
-        id: d2.id,
-        label: (_b = (_a = d2.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label,
-        membersCount: ((_c = d2.members) == null ? void 0 : _c.length) || 0,
-        hasTypedMember: !!d2.typedMember
-      };
-    }));
-    const hasTypedMembers = dimensions.some((dimension) => dimension.typedMember);
-    if (hasTypedMembers) {
-      console.log(`🔤 Found typed members in dimensions - will indicate in column headers`);
-    }
+    dimensions.some((dimension) => dimension.typedMember);
     const validDimensions = dimensions.filter((dimension) => {
       if (dimension.typedMember) {
-        console.log(`🔤 Keeping typed dimension: ${dimension.id} with typed member: ${dimension.typedMember.id}`);
         return true;
       }
       if (dimension.members && Array.isArray(dimension.members) && dimension.members.length > 0) {
-        console.log(`📂 Keeping domain dimension: ${dimension.id} with ${dimension.members.length} members`);
         return true;
       }
-      console.log(`⚠️ Skipping dimension ${dimension.id} - no members or typed member defined`);
       return false;
     });
     if (validDimensions.length === 0) {
-      console.log(`⚠️ No valid dimensions with members found, skipping multi-dimensional column generation`);
       return [];
     }
     const dimensionInfos = validDimensions.map((dimension) => {
@@ -1286,27 +1228,11 @@ class XBRLFormBuilder {
       };
     });
     const combinations = this.generateDimensionCombinations(dimensionInfos);
-    console.log(`📊 Generated ${combinations.length} dimension combinations`);
-    console.log(`🔍 [DEBUG] Generated combinations:`, combinations.map((combo) => ({
-      memberLabels: combo.map((c2) => c2.memberLabel),
-      axisIds: combo.map((c2) => c2.axisId),
-      memberIds: combo.map((c2) => c2.memberId)
-    })));
     const columns = [];
     combinations.forEach((combination, index) => {
-      var _a, _b;
       const columnTitle = combination.map((c2) => c2.memberLabel).join(" | ");
       const typedMembers = combination.filter((c2) => c2.isTyped);
       const domainMembers = combination.filter((c2) => !c2.isTyped);
-      console.log(`🔍 [Column ${index}] Combination analysis:`, {
-        totalMembers: combination.length,
-        typedMembers: typedMembers.length,
-        domainMembers: domainMembers.length,
-        hasTypedMembers: typedMembers.length > 0,
-        columnTitle,
-        memberLabels: combination.map((c2) => c2.memberLabel),
-        memberIds: combination.map((c2) => c2.memberId)
-      });
       const dimensionData = {
         dimensionId: `multi_${index}`,
         memberValue: columnTitle,
@@ -1333,13 +1259,6 @@ class XBRLFormBuilder {
           ...typedMembers.map((c2) => `${c2.axisId}|[typed]`)
         ].join("::")
       };
-      console.log(`🔍 [Column ${index}] Final dimension data:`, {
-        dimensionId: dimensionData.dimensionId,
-        memberLabel: dimensionData.memberLabel,
-        dimensionIdKey: dimensionData.dimensionIdKey,
-        combinationsCount: (_a = dimensionData.combinations) == null ? void 0 : _a.length,
-        typedMembersCount: (_b = dimensionData.typedMembers) == null ? void 0 : _b.length
-      });
       if (periodTypes.size === 0 || periodTypes.size === 1 && periodTypes.has("duration")) {
         columns.push({
           id: `duration_${index}`,
@@ -1393,7 +1312,6 @@ class XBRLFormBuilder {
         });
       }
     });
-    console.log(`📊 Generated ${columns.length} multi-dimensional columns`);
     return columns;
   }
   /**
@@ -2110,9 +2028,8 @@ let JupiterAddColumnDialog = class extends LitElement {
     if (changedProperties.has("open") && this.open) {
       this._resetForm();
     }
-    if (changedProperties.has("availableDimensions")) {
-      console.log(`🎯 Add Column Dialog received ${this.availableDimensions.length} dimensions:`, this.availableDimensions.map((d2) => d2.axisLabel));
-    }
+    if (changedProperties.has("availableDimensions"))
+      ;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2230,7 +2147,6 @@ let JupiterAddColumnDialog = class extends LitElement {
           isTyped: false
         };
         this._selectedDimensions.set(dimension.id, selection);
-        console.log(`🎯 Auto-selected single member: ${dimension.axisLabel} -> ${member.label}`);
       } else if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
         const selection = {
           axisId: dimension.id,
@@ -2239,7 +2155,6 @@ let JupiterAddColumnDialog = class extends LitElement {
           // Note: typedValue will be entered in column header, not here
         };
         this._selectedDimensions.set(dimension.id, selection);
-        console.log(`🎯 Auto-selected typed dimension: ${dimension.axisLabel} (value will be entered in column header)`);
       }
     });
   }
@@ -2732,12 +2647,6 @@ let JupiterFormSection = class extends LitElement {
   }
   _determinePeriodType() {
     const nonAbstractConcepts = this._getAllNonAbstractConcepts(this.section.concepts);
-    console.log(`🔍 Section ${this.section.id} (${this.section.title}): Found ${nonAbstractConcepts.length} non-abstract concepts`);
-    console.log(`📝 All concepts in section:`, this.section.concepts.map((c2) => ({
-      name: c2.name,
-      abstract: c2.abstract,
-      periodType: c2.periodType
-    })));
     if (nonAbstractConcepts.length === 0) {
       this._sectionPeriodType = "duration";
       console.log(`📊 Section ${this.section.id}: No concepts, defaulting to duration`);
@@ -3415,11 +3324,13 @@ let JupiterFilterRolesDialog = class extends LitElement {
   }
   _updateFilteredRoles() {
     if (!this._searchQuery.trim()) {
-      this._filteredRoles = [...this.availableRoles];
+      this._filteredRoles = [...this.availableRoles].sort((a2, b2) => {
+        return a2.title.localeCompare(b2.title);
+      });
       return;
     }
     const query = this._searchQuery.toLowerCase().trim();
-    this._filteredRoles = this.availableRoles.filter((role) => {
+    const filtered = this.availableRoles.filter((role) => {
       var _a;
       const titleMatch = role.title.toLowerCase().includes(query);
       const idMatch = role.id.toLowerCase().includes(query);
@@ -3427,6 +3338,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
       const uriMatch = this._searchInRoleURI(role, query);
       return titleMatch || idMatch || descriptionMatch || uriMatch;
     });
+    this._filteredRoles = filtered.sort((a2, b2) => {
+      return a2.title.localeCompare(b2.title);
+    });
   }
   _searchInRoleURI(role, query) {
     var _a;
@@ -4032,16 +3946,12 @@ let JupiterDynamicForm = class extends LitElement {
         console.log("✅ Generated schema with sections:", this._currentSchema.sections.length);
         this._allSections = [...this._currentSchema.sections];
         if (this._selectedRoleIds.length === 0) {
-          if (this._allSections.length > 10) {
-            this._selectedRoleIds = [];
-            this._showFilterDialog = true;
-            this._currentSchema = {
-              ...this._currentSchema,
-              sections: []
-            };
-          } else {
-            this._selectedRoleIds = this._allSections.map((section) => section.id);
-          }
+          this._selectedRoleIds = [];
+          this._showFilterDialog = true;
+          this._currentSchema = {
+            ...this._currentSchema,
+            sections: []
+          };
         }
         this._applyRoleFilter();
         this._columns = [
@@ -4186,7 +4096,7 @@ let JupiterDynamicForm = class extends LitElement {
     }
   }
   _shouldShowFilterButton() {
-    return this._allSections.length > 10;
+    return true;
   }
   _handleFilterRolesClick() {
     this._showFilterDialog = true;
@@ -4331,7 +4241,6 @@ let JupiterDynamicForm = class extends LitElement {
       console.log("❌ No hypercubes data available");
       return [];
     }
-    console.log(`📊 Available hypercube roles:`, this.xbrlInput.hypercubes[0].roles.map((r2) => r2.roleId));
     const hypercubeRole = this.xbrlInput.hypercubes[0].roles.find((hr) => hr.roleId === sectionId);
     if (!((_c = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _c.length)) {
       console.log(`❌ No hypercube items found for role: ${sectionId}`);
@@ -4628,23 +4537,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._submitted = true;
     this._validateForm();
     const submissionData = this._generateSubmissionData();
-    console.log("📊 Generated submission data:", {
-      formData: this._formData,
-      submissionData,
-      submissionDataCount: submissionData.length,
-      valid: this._valid,
-      errors: this._errors
-    });
-    submissionData.forEach((entry, index) => {
-      console.log(`📋 Submission Entry ${index + 1}:`, {
-        conceptId: entry.conceptId,
-        value: entry.value,
-        period: entry.period,
-        dimension: entry.dimension,
-        typedMembers: entry.typedMembers,
-        hasTypedMembers: !!(entry.typedMembers && Object.keys(entry.typedMembers).length > 0)
-      });
-    });
+    console.log("📊 Form Submission Data:", JSON.stringify(submissionData, null, 2));
     this.dispatchEvent(new CustomEvent("form-submit", {
       detail: {
         data: this._formData,
@@ -5040,7 +4933,7 @@ let JupiterDynamicForm = class extends LitElement {
           ` : ""}
 
           <!-- Form Sections or No Selection Message -->
-          ${schema.sections.length === 0 && this._allSections.length > 10 ? html`
+          ${schema.sections.length === 0 ? html`
             <div class="no-roles-message">
               <h3>No Roles Selected</h3>
               <p>Please use the "Filter Roles" button below to select which sections you want to work with.</p>