jupiter-dynamic-forms 1.4.0 → 1.6.0

package/dist/index.mjs

@@ -570,7 +570,16 @@ class XBRLFormBuilder {
     const periodTypes = new Set(
       nonAbstractConcepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
-    const roleInfo = { periodTypes };
+    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);
+    const roleInfo = { periodTypes, availableColumnIds };
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
       role.presentationLinkbase.concepts.forEach((concept) => {
@@ -580,17 +589,10 @@ class XBRLFormBuilder {
         }
       });
     }
-    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);
     return {
       id: role.id,
       title,
-      description: `Section for ${title}`,
+      description: ``,
       concepts: conceptTrees,
       columns,
       expanded: false
@@ -603,27 +605,42 @@ class XBRLFormBuilder {
     const label = this.getPreferredLabel(concept.labels);
     const fields = [];
     if (!concept.elementAbstract) {
-      let shouldCreateField = true;
-      if ((roleInfo == null ? void 0 : roleInfo.periodTypes) && roleInfo.periodTypes.size > 1) {
-        if (concept.periodType === "instant") {
-          shouldCreateField = false;
+      let columnIds = [];
+      if ((roleInfo == null ? void 0 : roleInfo.availableColumnIds) && roleInfo.availableColumnIds.length > 0) {
+        columnIds = roleInfo.availableColumnIds.filter((colId) => {
+          if (concept.periodType === "instant") {
+            return colId.includes("instant") || colId === "instant";
+          } else if (concept.periodType === "duration") {
+            return colId.includes("duration") || colId === "duration";
+          } else {
+            return true;
+          }
+        });
+        if (columnIds.length === 0) {
+          columnIds = roleInfo.availableColumnIds;
         }
-      }
-      if (shouldCreateField) {
-        let columnId;
+      } else {
         if (!(roleInfo == null ? void 0 : roleInfo.periodTypes) || roleInfo.periodTypes.size === 0) {
-          columnId = "default";
+          columnIds = ["default"];
         } else if (roleInfo.periodTypes.size === 1 && roleInfo.periodTypes.has("instant")) {
-          columnId = "instant";
+          columnIds = ["instant"];
         } else if (roleInfo.periodTypes.size === 1 && roleInfo.periodTypes.has("duration")) {
-          columnId = "duration";
+          columnIds = ["duration"];
         } else {
-          columnId = "period";
+          if (concept.periodType === "instant") {
+            columnIds = ["instant"];
+          } else if (concept.periodType === "duration") {
+            columnIds = ["duration"];
+          } else {
+            columnIds = ["duration", "instant"];
+          }
         }
+      }
+      columnIds.forEach((columnId) => {
         const field = this.createFieldFromConcept(concept, periodStartDate, periodEndDate, columnId);
         if (field)
           fields.push(field);
-      }
+      });
     }
     const children = [];
     if (concept.children && concept.children.length > 0) {
@@ -634,6 +651,10 @@ class XBRLFormBuilder {
         }
       });
     }
+    const hasContent = fields.length > 0 || children.length > 0;
+    if (!hasContent) {
+      return null;
+    }
     return {
       id: this.createUniqueConceptId(concept),
       // Use unique ID for form management
@@ -788,7 +809,7 @@ 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, _d, _e;
+    var _a, _b, _c;
     const concepts = nonAbstractConcepts || this.getAllNonAbstractConcepts(role);
     const periodTypes = rolePeriodTypes || new Set(
       concepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
@@ -805,7 +826,7 @@ class XBRLFormBuilder {
         removable: false
       }];
     }
-    let dimensionInfo = null;
+    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}":`, {
@@ -814,43 +835,191 @@ class XBRLFormBuilder {
         dimensions: item.dimensions.length
       });
       if (item.dimensions.length === 1) {
-        const dimension = item.dimensions[0];
-        console.log(`📊 Found single dimension:`, {
-          id: dimension.id,
-          conceptName: dimension.conceptName,
-          membersCount: dimension.members.length
-        });
-        if (dimension.members.length > 0) {
-          const axisLabel = ((_c = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _c.label) || dimension.conceptName;
-          const firstMember = dimension.members[0];
-          const memberLabel = ((_d = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _d.label) || firstMember.conceptName;
-          dimensionInfo = {
-            axisId: dimension.id,
-            axisLabel,
-            memberId: firstMember.id,
-            memberLabel,
-            dimensionKey: `${axisLabel} | ${memberLabel}`,
-            dimensionIdKey: `${dimension.id} | ${firstMember.id}`
-          };
-          console.log(`📊 Generated dimension info:`, dimensionInfo);
-        }
-      } else {
-        console.log(`⚠️ Multiple dimensions found (${item.dimensions.length}), skipping for now`);
+        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 (((_e = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _e.length) && hypercubeRole.items.length > 1) {
+    } 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(", ")}`);
     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",
+          description: "Default value column",
+          type: "base",
+          order: 0,
+          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: `As of ${this.formatDateForDisplay(periodStartDate)}`,
+          description: `Values as of ${periodStartDate}`,
+          type: "base",
+          order: 0,
+          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: `${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)}`,
+          description: `Period: ${periodStartDate} to ${periodEndDate}`,
+          type: "base",
+          order: 0,
+          removable: false
+        });
+      } else {
+        console.log("📅 Mixed period types found, creating both duration and instant columns");
+        columns.push({
+          id: "duration",
+          title: `${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)}`,
+          description: `Period: ${periodStartDate} to ${periodEndDate}`,
+          type: "base",
+          order: 0,
+          removable: false
+        });
+        columns.push({
+          id: "instant",
+          title: `As of ${this.formatDateForDisplay(periodStartDate)}`,
+          description: `Values as of ${periodStartDate}`,
+          type: "base",
+          order: 1,
+          removable: false
+        });
+      }
+    }
+    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;
+    if (dimension.typedMember) {
+      console.log(`📊 Found typed member dimension:`, {
+        id: dimension.id,
+        conceptName: dimension.conceptName,
+        typedMemberId: dimension.typedMember.id
+      });
+      const axisLabel2 = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
+      const typedMemberLabel = dimension.typedMember.id.split("_").pop() || "TypedMember";
+      const dimensionInfo2 = {
+        axisId: dimension.id,
+        axisLabel: axisLabel2,
+        memberId: dimension.typedMember.id,
+        memberLabel: typedMemberLabel,
+        dimensionKey: `${axisLabel2} | ${typedMemberLabel}`,
+        dimensionIdKey: `${dimension.id} | ${dimension.typedMember.id}`
+      };
+      console.log(`📊 Generated typed dimension info:`, dimensionInfo2);
+      const columns2 = [];
+      if (periodTypes.size === 0) {
+        const column = {
+          id: "default",
+          title: dimensionInfo2.memberLabel,
+          description: "Default typed dimension column",
+          type: "dimension",
+          dimensionData: {
+            dimensionId: "default",
+            axisId: dimensionInfo2.axisId,
+            memberId: dimensionInfo2.memberId,
+            memberValue: dimensionInfo2.memberLabel,
+            axisLabel: dimensionInfo2.axisLabel,
+            memberLabel: dimensionInfo2.memberLabel,
+            isTypedMember: true,
+            dimensionIdKey: dimensionInfo2.dimensionIdKey
+          },
+          order: 0,
+          removable: false
+        };
+        console.log(`📊 Generated typed member column:`, column);
+        columns2.push(column);
+      } else {
+        if (periodTypes.has("instant")) {
+          columns2.push({
+            id: `instant_${dimensionInfo2.axisId}_${dimensionInfo2.memberId}`,
+            title: `${dimensionInfo2.memberLabel} (Instant)`,
+            description: `${periodStartDate}`,
+            type: "dimension",
+            dimensionData: {
+              dimensionId: `instant_${dimensionInfo2.axisId}_${dimensionInfo2.memberId}`,
+              axisId: dimensionInfo2.axisId,
+              memberId: dimensionInfo2.memberId,
+              memberValue: dimensionInfo2.memberLabel,
+              axisLabel: dimensionInfo2.axisLabel,
+              memberLabel: dimensionInfo2.memberLabel,
+              isTypedMember: true,
+              dimensionIdKey: dimensionInfo2.dimensionIdKey
+            },
+            order: 0,
+            removable: false
+          });
+        }
+        if (periodTypes.has("duration")) {
+          columns2.push({
+            id: `duration_${dimensionInfo2.axisId}_${dimensionInfo2.memberId}`,
+            title: `${dimensionInfo2.memberLabel} (Duration)`,
+            description: `${periodStartDate} / ${periodEndDate}`,
+            type: "dimension",
+            dimensionData: {
+              dimensionId: `duration_${dimensionInfo2.axisId}_${dimensionInfo2.memberId}`,
+              axisId: dimensionInfo2.axisId,
+              memberId: dimensionInfo2.memberId,
+              memberValue: dimensionInfo2.memberLabel,
+              axisLabel: dimensionInfo2.axisLabel,
+              memberLabel: dimensionInfo2.memberLabel,
+              isTypedMember: true,
+              dimensionIdKey: dimensionInfo2.dimensionIdKey
+            },
+            order: 1,
+            removable: false
+          });
+        }
+      }
+      return columns2;
+    }
+    if (!dimension.members || !Array.isArray(dimension.members)) {
+      console.log(`⚠️ Dimension ${dimension.id} has no members defined, 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 = ((_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 = ((_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,
+      memberId: firstMember.id,
+      memberLabel,
+      dimensionKey: `${axisLabel} | ${memberLabel}`,
+      dimensionIdKey: `${dimension.id} | ${firstMember.id}`
+    };
+    console.log(`📊 Generated dimension info:`, dimensionInfo);
+    const columns = [];
     if (periodTypes.size === 0) {
-      console.log("📅 No period types found, using default column");
-      const columnTitle = dimensionInfo ? `${dimensionInfo.memberLabel}` : "Value";
       columns.push({
         id: "default",
-        title: columnTitle,
+        title: dimensionInfo.memberLabel,
         description: "Default value column",
-        type: dimensionInfo ? "dimension" : "base",
-        dimensionData: dimensionInfo ? {
+        type: "dimension",
+        dimensionData: {
           dimensionId: "default",
           axisId: dimensionInfo.axisId,
           memberId: dimensionInfo.memberId,
@@ -860,19 +1029,17 @@ class XBRLFormBuilder {
           axisLabel: dimensionInfo.axisLabel,
           memberKey: dimensionInfo.dimensionKey,
           dimensionIdKey: dimensionInfo.dimensionIdKey
-        } : void 0,
+        },
         order: 0,
         removable: false
       });
     } else if (periodTypes.size === 1 && periodTypes.has("instant")) {
-      console.log("📅 All concepts are instant type, creating single column");
-      const columnTitle = dimensionInfo ? `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)})` : `As of ${this.formatDateForDisplay(periodStartDate)}`;
       columns.push({
         id: "instant",
-        title: columnTitle,
+        title: `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)})`,
         description: `Values as of ${periodStartDate}`,
-        type: dimensionInfo ? "dimension" : "base",
-        dimensionData: dimensionInfo ? {
+        type: "dimension",
+        dimensionData: {
           dimensionId: "instant",
           axisId: dimensionInfo.axisId,
           memberId: dimensionInfo.memberId,
@@ -882,19 +1049,17 @@ class XBRLFormBuilder {
           axisLabel: dimensionInfo.axisLabel,
           memberKey: dimensionInfo.dimensionKey,
           dimensionIdKey: dimensionInfo.dimensionIdKey
-        } : void 0,
+        },
         order: 0,
         removable: false
       });
     } else if (periodTypes.size === 1 && periodTypes.has("duration")) {
-      console.log("📅 All concepts are duration type, creating single column with period range");
-      const columnTitle = dimensionInfo ? `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})` : `${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)}`;
       columns.push({
         id: "duration",
-        title: columnTitle,
+        title: `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})`,
         description: `Period: ${periodStartDate} to ${periodEndDate}`,
-        type: dimensionInfo ? "dimension" : "base",
-        dimensionData: dimensionInfo ? {
+        type: "dimension",
+        dimensionData: {
           dimensionId: "duration",
           axisId: dimensionInfo.axisId,
           memberId: dimensionInfo.memberId,
@@ -904,21 +1069,18 @@ class XBRLFormBuilder {
           axisLabel: dimensionInfo.axisLabel,
           memberKey: dimensionInfo.dimensionKey,
           dimensionIdKey: dimensionInfo.dimensionIdKey
-        } : void 0,
+        },
         order: 0,
         removable: false
       });
-      console.log("📅 Created duration column:", columns.map((c2) => ({ id: c2.id, title: c2.title })));
     } else {
-      console.log("📅 Mixed period types found, creating single column with period range");
-      const columnTitle = dimensionInfo ? `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})` : `${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)}`;
       columns.push({
-        id: "period",
-        title: columnTitle,
+        id: "duration",
+        title: `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})`,
         description: `Period: ${periodStartDate} to ${periodEndDate}`,
-        type: dimensionInfo ? "dimension" : "base",
-        dimensionData: dimensionInfo ? {
-          dimensionId: "period",
+        type: "dimension",
+        dimensionData: {
+          dimensionId: "duration",
           axisId: dimensionInfo.axisId,
           memberId: dimensionInfo.memberId,
           memberValue: dimensionInfo.memberLabel,
@@ -927,17 +1089,219 @@ class XBRLFormBuilder {
           axisLabel: dimensionInfo.axisLabel,
           memberKey: dimensionInfo.dimensionKey,
           dimensionIdKey: dimensionInfo.dimensionIdKey
-        } : void 0,
+        },
         order: 0,
         removable: false
       });
+      columns.push({
+        id: "instant",
+        title: `${dimensionInfo.memberLabel} (${this.formatDateForDisplay(periodStartDate)})`,
+        description: `Values as of ${periodStartDate}`,
+        type: "dimension",
+        dimensionData: {
+          dimensionId: "instant",
+          axisId: dimensionInfo.axisId,
+          memberId: dimensionInfo.memberId,
+          memberValue: dimensionInfo.memberLabel,
+          memberLabel: dimensionInfo.memberLabel,
+          axis: dimensionInfo.axisLabel,
+          axisLabel: dimensionInfo.axisLabel,
+          memberKey: dimensionInfo.dimensionKey,
+          dimensionIdKey: dimensionInfo.dimensionIdKey
+        },
+        order: 1,
+        removable: false
+      });
     }
-    if (dimensionInfo) {
-      console.log(`📊 Applied dimension to ${columns.length} columns: ${dimensionInfo.dimensionKey}`);
+    return columns;
+  }
+  /**
+   * 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`);
+    const validDimensions = dimensions.filter((dimension) => {
+      if (dimension.typedMember) {
+        return true;
+      }
+      if (!dimension.members || !Array.isArray(dimension.members) || dimension.members.length === 0) {
+        console.log(`⚠️ Skipping dimension ${dimension.id} - no members defined`);
+        return false;
+      }
+      return true;
+    });
+    if (validDimensions.length === 0) {
+      console.log(`⚠️ No valid dimensions with members found, skipping multi-dimensional column generation`);
+      return [];
     }
-    console.log(`📊 Generated ${columns.length} columns for role "${role.role}":`, columns.map((c2) => c2.title));
+    const dimensionInfos = validDimensions.map((dimension) => {
+      var _a;
+      const axisLabel = ((_a = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a.label) || dimension.conceptName;
+      if (dimension.typedMember) {
+        const typedMemberLabel = dimension.typedMember.id.split("_").pop() || "TypedMember";
+        return {
+          id: dimension.id,
+          axisLabel,
+          isTypedDimension: true,
+          // Flag to track typed dimensions
+          members: [{
+            id: dimension.typedMember.id,
+            label: typedMemberLabel,
+            isTypedMember: true
+            // Flag for the member itself
+          }]
+        };
+      }
+      const allMembers = this.getAllDimensionMembers(dimension.members);
+      return {
+        id: dimension.id,
+        axisLabel,
+        members: allMembers.map((member) => {
+          var _a2;
+          return {
+            id: member.id,
+            label: ((_a2 = member.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _a2.label) || member.conceptName
+          };
+        })
+      };
+    });
+    const combinations = this.generateDimensionCombinations(dimensionInfos);
+    console.log(`📊 Generated ${combinations.length} dimension combinations`);
+    const columns = [];
+    combinations.forEach((combination, index) => {
+      const columnTitle = combination.map((c2) => c2.memberLabel).join(" | ");
+      const hasTypedMembers = combination.some((c2) => c2.isTypedMember);
+      const dimensionData = {
+        dimensionId: `multi_${index}`,
+        memberValue: columnTitle,
+        // Required field
+        memberLabel: columnTitle,
+        // Required field
+        isTypedMember: hasTypedMembers,
+        // Flag if any dimension in combination is typed
+        combinations: combination.map((c2) => ({
+          axisId: c2.axisId,
+          axisLabel: c2.axisLabel,
+          memberId: c2.memberId,
+          memberLabel: c2.memberLabel,
+          isTypedMember: c2.isTypedMember || false
+        })),
+        memberKey: columnTitle,
+        dimensionIdKey: combination.map((c2) => `${c2.axisId}|${c2.memberId}`).join("::")
+      };
+      if (periodTypes.size === 0 || periodTypes.size === 1 && periodTypes.has("duration")) {
+        columns.push({
+          id: `duration_${index}`,
+          title: `${columnTitle} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})`,
+          description: `Period: ${periodStartDate} to ${periodEndDate}`,
+          type: "dimension",
+          dimensionData: {
+            ...dimensionData,
+            dimensionId: `duration_${index}`
+          },
+          order: index * 2,
+          removable: false
+        });
+      } else if (periodTypes.size === 1 && periodTypes.has("instant")) {
+        columns.push({
+          id: `instant_${index}`,
+          title: `${columnTitle} (${this.formatDateForDisplay(periodStartDate)})`,
+          description: `Values as of ${periodStartDate}`,
+          type: "dimension",
+          dimensionData: {
+            ...dimensionData,
+            dimensionId: `instant_${index}`
+          },
+          order: index * 2,
+          removable: false
+        });
+      } else {
+        columns.push({
+          id: `duration_${index}`,
+          title: `${columnTitle} (${this.formatDateForDisplay(periodStartDate)} / ${this.formatDateForDisplay(periodEndDate)})`,
+          description: `Period: ${periodStartDate} to ${periodEndDate}`,
+          type: "dimension",
+          dimensionData: {
+            ...dimensionData,
+            dimensionId: `duration_${index}`
+          },
+          order: index * 2,
+          removable: false
+        });
+        columns.push({
+          id: `instant_${index}`,
+          title: `${columnTitle} (${this.formatDateForDisplay(periodStartDate)})`,
+          description: `Values as of ${periodStartDate}`,
+          type: "dimension",
+          dimensionData: {
+            ...dimensionData,
+            dimensionId: `instant_${index}`
+          },
+          order: index * 2 + 1,
+          removable: false
+        });
+      }
+    });
+    console.log(`📊 Generated ${columns.length} multi-dimensional columns`);
     return columns;
   }
+  /**
+   * Get all members including children recursively
+   */
+  static getAllDimensionMembers(members) {
+    if (!members || !Array.isArray(members)) {
+      return [];
+    }
+    const allMembers = [];
+    members.forEach((member) => {
+      allMembers.push(member);
+      if (member.children && member.children.length > 0) {
+        allMembers.push(...this.getAllDimensionMembers(member.children));
+      }
+    });
+    return allMembers;
+  }
+  /**
+   * Generate all combinations of dimension members
+   */
+  static generateDimensionCombinations(dimensionInfos) {
+    if (dimensionInfos.length === 0)
+      return [];
+    if (dimensionInfos.length === 1) {
+      return dimensionInfos[0].members.map((member) => [{
+        axisId: dimensionInfos[0].id,
+        axisLabel: dimensionInfos[0].axisLabel,
+        memberId: member.id,
+        memberLabel: member.label
+      }]);
+    }
+    const [firstDimension, ...restDimensions] = dimensionInfos;
+    const restCombinations = this.generateDimensionCombinations(restDimensions);
+    const combinations = [];
+    firstDimension.members.forEach((member) => {
+      if (restCombinations.length === 0) {
+        combinations.push([{
+          axisId: firstDimension.id,
+          axisLabel: firstDimension.axisLabel,
+          memberId: member.id,
+          memberLabel: member.label
+        }]);
+      } else {
+        restCombinations.forEach((restCombination) => {
+          combinations.push([
+            {
+              axisId: firstDimension.id,
+              axisLabel: firstDimension.axisLabel,
+              memberId: member.id,
+              memberLabel: member.label
+            },
+            ...restCombination
+          ]);
+        });
+      }
+    });
+    return combinations;
+  }
   /**
    * Format date for display in column headers
    */
@@ -1909,6 +2273,7 @@ let JupiterFormSection = class extends LitElement {
     this._expanded = true;
     this._showAddColumnDialog = false;
     this._sectionPeriodType = "duration";
+    this._typedMemberValues = {};
     this._expandedConcepts = /* @__PURE__ */ new Set();
   }
   connectedCallback() {
@@ -2036,6 +2401,14 @@ let JupiterFormSection = class extends LitElement {
       bubbles: true
     }));
   }
+  _handleTypedMemberValueChange(columnId, value) {
+    this._typedMemberValues[columnId] = value;
+    this.dispatchEvent(new CustomEvent("typed-member-change", {
+      detail: { columnId, value, sectionId: this.section.id },
+      bubbles: true
+    }));
+    this.requestUpdate();
+  }
   _flattenConcepts(concepts, expanded = /* @__PURE__ */ new Set()) {
     const result = [];
     for (const concept of concepts) {
@@ -2104,22 +2477,36 @@ let JupiterFormSection = class extends LitElement {
             <thead class="table-header">
               <tr class="header-row">
                 <th class="header-cell concept-column">Concept</th>
-                ${this.columns.map((column) => html`
+                ${this.columns.map((column) => {
+      var _a;
+      return html`
                   <th class="header-cell ${column.removable ? "removable" : ""}">
                     ${column.title}
                     ${column.description ? html`<div style="font-weight: normal; font-size: 12px; color: var(--jupiter-text-secondary, #666);">${column.description}</div>` : ""}
+                    ${((_a = column.dimensionData) == null ? void 0 : _a.isTypedMember) ? html`
+                      <div style="margin-top: 8px;">
+                        <input 
+                          type="text" 
+                          placeholder="Enter typed member value"
+                          .value="${this._typedMemberValues[column.id] || ""}"
+                          @input="${(e2) => this._handleTypedMemberValueChange(column.id, e2.target.value)}"
+                          style="width: 100%; padding: 4px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px;"
+                        />
+                      </div>
+                    ` : ""}
                     ${column.removable ? html`
                       <button 
                         class="remove-column-btn"
                         @click="${(e2) => {
-      e2.stopPropagation();
-      this._handleRemoveColumn(column.id);
-    }}"
+        e2.stopPropagation();
+        this._handleRemoveColumn(column.id);
+      }}"
                         title="Remove column"
                       >×</button>
                     ` : ""}
                   </th>
-                `)}
+                `;
+    })}
                 <th class="header-cell">
                   <button class="add-column-btn" @click="${(e2) => {
       e2.stopPropagation();
@@ -2352,6 +2739,9 @@ __decorateClass$1([
 __decorateClass$1([
   r()
 ], JupiterFormSection.prototype, "_sectionPeriodType", 2);
+__decorateClass$1([
+  r()
+], JupiterFormSection.prototype, "_typedMemberValues", 2);
 __decorateClass$1([
   r()
 ], JupiterFormSection.prototype, "_expandedConcepts", 2);
@@ -2385,6 +2775,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._dirty = false;
     this._valid = true;
     this._submitted = false;
+    this._typedMemberValues = {};
   }
   connectedCallback() {
     super.connectedCallback();
@@ -2497,6 +2888,16 @@ let JupiterDynamicForm = class extends LitElement {
       bubbles: true
     }));
   }
+  _handleTypedMemberChange(event) {
+    const { columnId, value, sectionId } = event.detail;
+    this._typedMemberValues[columnId] = value;
+    this._dirty = true;
+    this.requestUpdate();
+    this.dispatchEvent(new CustomEvent("typed-member-change", {
+      detail: { columnId, value, sectionId },
+      bubbles: true
+    }));
+  }
   _handleSectionExpand(event) {
     this.dispatchEvent(new CustomEvent("section-expand", {
       detail: event.detail,
@@ -2540,7 +2941,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._addColumnFromRequest(columnRequest, sectionId);
   }
   _addColumnFromRequest(request, sectionId) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const timestamp = Date.now();
     const newColumnId = `col-${timestamp}`;
     let title = "";
@@ -2563,10 +2964,28 @@ let JupiterDynamicForm = class extends LitElement {
         const item = hypercubeRole.items[0];
         if (item.dimensions.length === 1) {
           const dimension = item.dimensions[0];
-          if (dimension.members.length > 0) {
+          if (dimension.typedMember) {
             const axisLabel = ((_d = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _d.label) || dimension.conceptName;
+            const typedMemberLabel = dimension.typedMember.id.split("_").pop() || "TypedMember";
+            const periodPart = request.periodType === "instant" ? `(${request.instantDate})` : `(${request.startDate} / ${request.endDate})`;
+            title = `${typedMemberLabel} ${periodPart}`;
+            dimensionData = {
+              dimensionId: newColumnId,
+              axisId: dimension.id,
+              memberId: dimension.typedMember.id,
+              memberValue: typedMemberLabel,
+              memberLabel: typedMemberLabel,
+              axis: axisLabel,
+              axisLabel,
+              memberKey: `${axisLabel} | ${typedMemberLabel}`,
+              dimensionIdKey: `${dimension.id} | ${dimension.typedMember.id}`,
+              isTypedMember: true
+            };
+            console.log(`📊 Applied typed member dimension to new column: ${dimensionData.memberKey}`);
+          } else if (dimension.members && dimension.members.length > 0) {
+            const axisLabel = ((_e = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _e.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 = ((_f = firstMember.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _f.label) || firstMember.conceptName;
             const periodPart = request.periodType === "instant" ? `(${request.instantDate})` : `(${request.startDate} / ${request.endDate})`;
             title = `${memberLabel} ${periodPart}`;
             dimensionData = {
@@ -2788,11 +3207,18 @@ let JupiterDynamicForm = class extends LitElement {
     concepts.forEach((concept) => {
       if (concept.fields && concept.fields.length > 0) {
         concept.fields.forEach((field) => {
-          var _a, _b, _c;
+          var _a, _b, _c, _d;
           const conceptData = this._formData[concept.id];
           const fieldValue = conceptData == null ? void 0 : conceptData[field.columnId];
           if (fieldValue !== void 0 && fieldValue !== null && fieldValue !== "") {
             const column = this._findColumnById(field.columnId);
+            console.log(`🔍 Processing field for concept ${concept.id}:`, {
+              fieldColumnId: field.columnId,
+              foundColumn: column,
+              columnType: column == null ? void 0 : column.type,
+              dimensionData: column == null ? void 0 : column.dimensionData,
+              isTypedMember: (_a = column == null ? void 0 : column.dimensionData) == null ? void 0 : _a.isTypedMember
+            });
             const submissionEntry = {
               conceptId: concept.id,
               value: fieldValue,
@@ -2806,15 +3232,43 @@ let JupiterDynamicForm = class extends LitElement {
               submissionEntry.period.startDate = field.periodStartDate || this.periodStartDate;
               submissionEntry.period.endDate = field.periodEndDate || this.periodEndDate;
             }
-            if ((column == null ? void 0 : column.type) === "dimension" && ((_a = column.dimensionData) == null ? void 0 : _a.dimensionIdKey)) {
-              submissionEntry.dimension = column.dimensionData.dimensionIdKey;
-            } else if ((_b = section == null ? void 0 : section.columns) == null ? void 0 : _b.length) {
+            if ((column == null ? void 0 : column.type) === "dimension" && ((_b = column.dimensionData) == null ? void 0 : _b.dimensionIdKey)) {
+              console.log(`✅ Found column dimension data:`, column.dimensionData);
+              if (column.dimensionData.isTypedMember) {
+                submissionEntry.dimension = column.dimensionData.dimensionIdKey;
+                submissionEntry.typedDimension = true;
+                submissionEntry.typedMemberValue = this._typedMemberValues[column.id] || "";
+              } else {
+                submissionEntry.dimension = column.dimensionData.dimensionIdKey;
+              }
+            } else if ((_c = section == null ? void 0 : section.columns) == null ? void 0 : _c.length) {
+              console.log(`🔍 Checking section columns for dimension data:`, {
+                sectionId: section.id,
+                columnsCount: section.columns.length,
+                columns: section.columns.map((col) => {
+                  var _a2, _b2;
+                  return {
+                    id: col.id,
+                    type: col.type,
+                    hasDimensionData: !!col.dimensionData,
+                    dimensionIdKey: (_a2 = col.dimensionData) == null ? void 0 : _a2.dimensionIdKey,
+                    isTypedMember: (_b2 = col.dimensionData) == null ? void 0 : _b2.isTypedMember
+                  };
+                })
+              });
               const sectionDimensionColumn = section.columns.find((col) => {
                 var _a2;
                 return col.type === "dimension" && ((_a2 = col.dimensionData) == null ? void 0 : _a2.dimensionIdKey);
               });
-              if ((_c = sectionDimensionColumn == null ? void 0 : sectionDimensionColumn.dimensionData) == null ? void 0 : _c.dimensionIdKey) {
-                submissionEntry.dimension = sectionDimensionColumn.dimensionData.dimensionIdKey;
+              if ((_d = sectionDimensionColumn == null ? void 0 : sectionDimensionColumn.dimensionData) == null ? void 0 : _d.dimensionIdKey) {
+                console.log(`✅ Found section dimension data:`, sectionDimensionColumn.dimensionData);
+                if (sectionDimensionColumn.dimensionData.isTypedMember) {
+                  submissionEntry.dimension = sectionDimensionColumn.dimensionData.dimensionIdKey;
+                  submissionEntry.typedDimension = true;
+                  submissionEntry.typedMemberValue = this._typedMemberValues[sectionDimensionColumn.id] || "";
+                } else {
+                  submissionEntry.dimension = sectionDimensionColumn.dimensionData.dimensionIdKey;
+                }
               }
             }
             submissionData.push(submissionEntry);
@@ -2910,6 +3364,7 @@ let JupiterDynamicForm = class extends LitElement {
               .collapsible="${config.collapsibleSections !== false}"
               .locale="${config.locale || "en-US"}"
               @field-change="${this._handleFieldChange}"
+              @typed-member-change="${this._handleTypedMemberChange}"
               @section-expand="${this._handleSectionExpand}"
               @concept-expand="${this._handleConceptExpand}"
               @column-remove="${this._handleColumnRemove}"
@@ -3125,6 +3580,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_currentSchema", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_typedMemberValues", 2);
 JupiterDynamicForm = __decorateClass([
   t$1("jupiter-dynamic-form")
 ], JupiterDynamicForm);