jupiter-dynamic-forms 1.14.2 → 1.14.4

package/dist/index.mjs

@@ -619,8 +619,12 @@ class XBRLFormBuilder {
     const periodTypes = new Set(
       nonAbstractConcepts.filter((concept) => concept.periodType).map((concept) => concept.periodType)
     );
-    const hypercubeRole = hypercubeData == null ? void 0 : hypercubeData.roles.find((hr) => hr.roleId === role.id);
+    let hypercubeRole = hypercubeData == null ? void 0 : hypercubeData.roles.find((hr) => hr.roleId === role.id);
     const rolePreferences = periodPreferences == null ? void 0 : periodPreferences[role.id];
+    if (hypercubeRole && (rolePreferences == null ? void 0 : rolePreferences.dimensionSelections) && rolePreferences.dimensionSelections.length > 0) {
+      console.log(`🔍 Filtering dimensions for role ${role.id} based on user selections`);
+      hypercubeRole = this.filterHypercubeDimensionsBySelection(hypercubeRole, rolePreferences.dimensionSelections);
+    }
     const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes, rolePreferences);
     const availableColumnIds = columns.map((col) => col.id);
     const roleInfo = { periodTypes, availableColumnIds };
@@ -840,6 +844,53 @@ class XBRLFormBuilder {
       });
     }
   }
+  /**
+   * Filter hypercube dimensions to only include selected members
+   */
+  static filterHypercubeDimensionsBySelection(hypercubeRole, dimensionSelections) {
+    const filteredRole = JSON.parse(JSON.stringify(hypercubeRole));
+    if (!filteredRole.items || filteredRole.items.length === 0) {
+      return filteredRole;
+    }
+    filteredRole.items.forEach((item) => {
+      if (!item.dimensions)
+        return;
+      item.dimensions = item.dimensions.map((dimension) => {
+        var _a, _b;
+        const selection = dimensionSelections.find((s2) => s2.dimensionId === dimension.id);
+        if (!selection || !selection.selectedMemberIds || selection.selectedMemberIds.length === 0) {
+          return dimension;
+        }
+        const filteredDimension = { ...dimension };
+        filteredDimension.members = this.filterMembersBySelection(dimension.members, selection.selectedMemberIds);
+        console.log(`  ✅ Filtered dimension ${dimension.id}: ${((_a = dimension.members) == null ? void 0 : _a.length) || 0} → ${((_b = filteredDimension.members) == null ? void 0 : _b.length) || 0} members`);
+        return filteredDimension;
+      });
+    });
+    return filteredRole;
+  }
+  /**
+   * Recursively filter dimension members to only include selected IDs
+   */
+  static filterMembersBySelection(members, selectedIds) {
+    if (!members || !Array.isArray(members))
+      return [];
+    const filtered = [];
+    members.forEach((member) => {
+      if (selectedIds.includes(member.id)) {
+        filtered.push({
+          ...member,
+          children: []
+          // Reset children as we're doing flat selection
+        });
+      }
+      if (member.children && member.children.length > 0) {
+        const filteredChildren = this.filterMembersBySelection(member.children, selectedIds);
+        filtered.push(...filteredChildren);
+      }
+    });
+    return filtered;
+  }
   /**
    * Generate default columns based on period types of non-abstract concepts in a role
    */
@@ -1483,7 +1534,18 @@ const filter$1 = {
   showPreviousYear: "Show previous year",
   duration: "Duration",
   instant: "Instant",
-  uri: "URI"
+  uri: "URI",
+  dimensionMemberSelection: "Dimension Member Selection",
+  selectAllMembers: "Select All",
+  clearMembers: "Clear",
+  availableRoles: "Available Roles",
+  chosenRoles: "Chosen Roles",
+  roleCount: "role(s)",
+  rolesSelected: "role(s) selected",
+  addSelectedRole: "Add selected role",
+  addAllRoles: "Add all roles",
+  removeSelectedRole: "Remove selected role",
+  removeAllRoles: "Remove all roles"
 };
 const column$1 = {
   addColumn: "Add Column",
@@ -1596,7 +1658,18 @@ const filter = {
   showPreviousYear: "Vorig jaar weergeven",
   duration: "Duur",
   instant: "Moment",
-  uri: "URI"
+  uri: "URI",
+  dimensionMemberSelection: "Dimensieleden selectie",
+  selectAllMembers: "Alles selecteren",
+  clearMembers: "Wissen",
+  availableRoles: "Beschikbare rollen",
+  chosenRoles: "Gekozen rollen",
+  roleCount: "rol(len)",
+  rolesSelected: "rol(len) geselecteerd",
+  addSelectedRole: "Geselecteerde rol toevoegen",
+  addAllRoles: "Alle rollen toevoegen",
+  removeSelectedRole: "Geselecteerde rol verwijderen",
+  removeAllRoles: "Alle rollen verwijderen"
 };
 const column = {
   addColumn: "Kolom toevoegen",
@@ -1879,6 +1952,8 @@ class DraftStorageService {
           columnId: column2.id,
           label: column2.title,
           // FormColumn uses 'title' not 'label'
+          description: column2.description,
+          // Save description (period display)
           periodType: this._inferPeriodTypeFromColumn(column2),
           date: column2.periodStartDate,
           // Use periodStartDate for instant
@@ -2637,6 +2712,60 @@ let JupiterFormField = class extends LitElement {
     }));
     console.log(`🟦 [FormField] Dispatched field-blur event with ${this._xbrlErrors.length} errors`);
   }
+  /**
+   * Checks if the concept type or its baseType chain contains monetary type
+   */
+  _isMonetaryType() {
+    if (!this.conceptType || !this.datatypes) {
+      return false;
+    }
+    if (this.conceptType.includes("monetary") || this.conceptType.includes("Monetary")) {
+      return true;
+    }
+    const baseTypeChain = resolveBaseTypeChain(this.conceptType, this.datatypes);
+    return baseTypeChain.some(
+      (type) => type.includes("monetary") || type.includes("Monetary")
+    );
+  }
+  /**
+   * Prevents non-numeric input in number fields for Firefox compatibility
+   * Firefox allows typing any character in type="number" inputs
+   */
+  _handleKeyDown(event) {
+    const target = event.target;
+    if (target.type !== "number") {
+      return;
+    }
+    const allowedKeys = [
+      "Backspace",
+      "Delete",
+      "Tab",
+      "Escape",
+      "Enter",
+      "ArrowLeft",
+      "ArrowRight",
+      "ArrowUp",
+      "ArrowDown",
+      "Home",
+      "End"
+    ];
+    if (allowedKeys.includes(event.key)) {
+      return;
+    }
+    if (event.ctrlKey || event.metaKey) {
+      return;
+    }
+    if (event.key === "-" && target.selectionStart === 0 && !target.value.includes("-")) {
+      return;
+    }
+    if (event.key === "." && !target.value.includes(".")) {
+      return;
+    }
+    if (event.key >= "0" && event.key <= "9") {
+      return;
+    }
+    event.preventDefault();
+  }
   /**
    * Validates the current value against XBRL datatype validation rules
    * Called on blur event when user loses focus on the input field
@@ -2793,7 +2922,8 @@ let JupiterFormField = class extends LitElement {
   _renderInput() {
     const hasErrors = this._errors.some((e2) => e2.severity === "error");
     const hasWarnings = this._errors.some((e2) => e2.severity === "warning");
-    const cssClass = `field-input ${hasErrors ? "error" : hasWarnings ? "warning" : ""}`;
+    const isMonetary = this._isMonetaryType();
+    const cssClass = `field-input ${hasErrors ? "error" : hasWarnings ? "warning" : ""} ${isMonetary ? "monetary" : ""}`;
     const fieldId = `${this.conceptId}__${this.columnId}`;
     const fieldName = `data[${this.conceptId}][${this.columnId}]`;
     const typeConfig = getInputTypeForConceptType(this.conceptType, this.datatypes);
@@ -2883,6 +3013,7 @@ let JupiterFormField = class extends LitElement {
         @input="${this._handleInput}"
         @focus="${this._handleFocus}"
         @blur="${this._handleBlur}"
+        @keydown="${this._handleKeyDown}"
       />
     `;
   }
@@ -3259,6 +3390,10 @@ JupiterFormField.styles = css`
       border-color: var(--jupiter-warning-color, #ff9800);
     }
 
+    .field-input.monetary {
+      text-align: right;
+    }
+
     .field-errors {
       margin-top: 4px;
     }
@@ -3788,7 +3923,7 @@ let JupiterAddColumnDialog = class extends LitElement {
   }
   _autoSelectSingleMemberDimensions() {
     this.availableDimensions.forEach((dimension) => {
-      if (dimension.members && dimension.members.length === 1) {
+      if (dimension.members && dimension.members.length > 0) {
         const member = dimension.members[0];
         const selection = {
           axisId: dimension.id,
@@ -3798,6 +3933,7 @@ let JupiterAddColumnDialog = class extends LitElement {
           isTyped: false
         };
         this._selectedDimensions.set(dimension.id, selection);
+        console.log(`🎯 Auto-selected default member: ${dimension.axisLabel} -> ${member.label}`);
       } else if (dimension.typedMember && (!dimension.members || dimension.members.length === 0)) {
         const selection = {
           axisId: dimension.id,
@@ -3806,6 +3942,7 @@ 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)`);
       }
     });
   }
@@ -4985,6 +5122,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this.selectedRoleIds = [];
     this.periodPreferences = {};
     this.mode = "user";
+    this.hypercubeData = null;
     this._tempSelectedRoles = /* @__PURE__ */ new Set();
     this._searchQuery = "";
     this._filteredRoles = [];
@@ -5116,6 +5254,27 @@ let JupiterFilterRolesDialog = class extends LitElement {
           // Read from role data in presentation.json
         };
       }
+      const dimensions = this._getDimensionsForRole(role.id);
+      if (dimensions.length > 0 && !(existingPrefs == null ? void 0 : existingPrefs.dimensionSelections)) {
+        if (!preferences[role.id].dimensionSelections) {
+          preferences[role.id].dimensionSelections = [];
+        }
+        dimensions.forEach((dimension) => {
+          var _a, _b;
+          const allMembers = this._getAllDimensionMembers(dimension.members);
+          if (allMembers.length > 0) {
+            const dimensionLabel = ((_b = (_a = dimension.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
+            const allMemberIds = allMembers.map((m) => m.id);
+            const dimensionSelection = {
+              dimensionId: dimension.id,
+              dimensionLabel,
+              selectedMemberIds: allMemberIds
+            };
+            preferences[role.id].dimensionSelections.push(dimensionSelection);
+            console.log(`✅ Auto-selected all ${allMemberIds.length} members for dimension: ${dimensionLabel}`);
+          }
+        });
+      }
     });
     this._tempPeriodPreferences = preferences;
   }
@@ -5203,6 +5362,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
     });
     console.log("✅ Apply Filter - Enhanced structure being emitted:", orderedRolesWithMetadata);
     console.log("📋 Order array:", this._chosenRoleOrder);
+    console.log("📊 Dimension preferences being emitted:", this._tempPeriodPreferences);
     this.dispatchEvent(new CustomEvent("roles-filter-apply", {
       detail: {
         selectedRoleIds: orderedRolesWithMetadata,
@@ -5211,6 +5371,200 @@ let JupiterFilterRolesDialog = class extends LitElement {
       bubbles: true
     }));
   }
+  /**
+   * Get dimensions for a specific role from hypercube data
+   */
+  _getDimensionsForRole(roleId) {
+    var _a, _b;
+    console.log("🔍 [getDimensionsForRole] Called with roleId:", roleId);
+    console.log("🔍 [getDimensionsForRole] hypercubeData exists:", !!this.hypercubeData);
+    console.log("🔍 [getDimensionsForRole] hypercubeData type:", typeof this.hypercubeData);
+    console.log("🔍 [getDimensionsForRole] hypercubeData value:", this.hypercubeData);
+    if (!this.hypercubeData) {
+      console.error("❌ [getDimensionsForRole] CRITICAL: hypercubeData is null/undefined/false");
+      console.error("❌ Parent component must pass hypercubeData property to filter dialog!");
+      console.error('❌ Example: <jupiter-filter-roles-dialog .hypercubeData="${hypercubeData}">');
+      return [];
+    }
+    let hypercubeDataObj = this.hypercubeData;
+    if (Array.isArray(this.hypercubeData) && this.hypercubeData.length > 0) {
+      console.log("📦 [getDimensionsForRole] Detected array-wrapped format, unwrapping...");
+      hypercubeDataObj = this.hypercubeData[0];
+    }
+    console.log("🔍 [getDimensionsForRole] hypercubeDataObj.roles exists:", !!(hypercubeDataObj == null ? void 0 : hypercubeDataObj.roles));
+    if (!(hypercubeDataObj == null ? void 0 : hypercubeDataObj.roles)) {
+      console.warn("⚠️ [getDimensionsForRole] No roles found in hypercube data structure");
+      console.warn("⚠️ Expected structure: { roles: [...] } or [{ roles: [...] }]");
+      return [];
+    }
+    console.log(
+      "🔍 [getDimensionsForRole] Available hypercube roles:",
+      hypercubeDataObj.roles.map((r2) => r2.roleId)
+    );
+    const hypercubeRole = hypercubeDataObj.roles.find((r2) => r2.roleId === roleId);
+    console.log("🔍 [getDimensionsForRole] Found hypercube role:", !!hypercubeRole);
+    if (!((_a = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _a.length)) {
+      console.warn("⚠️ [getDimensionsForRole] No items found in hypercube role for:", roleId);
+      return [];
+    }
+    console.log("🔍 [getDimensionsForRole] Items count:", hypercubeRole.items.length);
+    const dimensions = ((_b = hypercubeRole.items[0]) == null ? void 0 : _b.dimensions) || [];
+    console.log("🔍 [getDimensionsForRole] Total dimensions found:", dimensions.length);
+    console.log("🔍 [getDimensionsForRole] Dimension details:", dimensions.map((d2) => {
+      var _a2;
+      return {
+        id: d2.id,
+        type: d2.dimensionType,
+        hasMembers: !!(d2.members && d2.members.length > 0),
+        membersCount: ((_a2 = d2.members) == null ? void 0 : _a2.length) || 0
+      };
+    }));
+    const filtered = dimensions.filter(
+      (dim) => dim.dimensionType === "explicit" && dim.members && Array.isArray(dim.members) && dim.members.length > 0
+    );
+    console.log("✅ [getDimensionsForRole] Filtered dimensions count:", filtered.length);
+    console.log("✅ [getDimensionsForRole] Filtered dimension IDs:", filtered.map((d2) => d2.id));
+    return filtered;
+  }
+  /**
+   * Get all members for a dimension (including nested children)
+   */
+  _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;
+  }
+  /**
+   * Check if dimension has only one member (should be auto-selected and disabled)
+   */
+  _isSingleMemberDimension(dimension) {
+    const allMembers = this._getAllDimensionMembers(dimension.members);
+    return allMembers.length === 1;
+  }
+  /**
+   * Handle dimension member selection change
+   */
+  _handleDimensionMemberChange(event, roleId, dimensionId, memberId) {
+    var _a, _b;
+    event.stopPropagation();
+    const checkbox = event.target;
+    const newPreferences = { ...this._tempPeriodPreferences };
+    if (!newPreferences[roleId]) {
+      newPreferences[roleId] = {
+        showDuration: true,
+        showInstant: true,
+        showPreviousYear: false,
+        dimensionSelections: []
+      };
+    }
+    if (!newPreferences[roleId].dimensionSelections) {
+      newPreferences[roleId].dimensionSelections = [];
+    }
+    let dimensionSelection = newPreferences[roleId].dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    if (!dimensionSelection) {
+      const dimensions = this._getDimensionsForRole(roleId);
+      const dimension = dimensions.find((d2) => d2.id === dimensionId);
+      const dimensionLabel = ((_b = (_a = dimension == null ? void 0 : dimension.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimensionId;
+      dimensionSelection = {
+        dimensionId,
+        dimensionLabel,
+        selectedMemberIds: []
+      };
+      newPreferences[roleId].dimensionSelections.push(dimensionSelection);
+    }
+    if (checkbox.checked) {
+      if (!dimensionSelection.selectedMemberIds.includes(memberId)) {
+        dimensionSelection.selectedMemberIds.push(memberId);
+      }
+    } else {
+      dimensionSelection.selectedMemberIds = dimensionSelection.selectedMemberIds.filter(
+        (id) => id !== memberId
+      );
+    }
+    this._tempPeriodPreferences = newPreferences;
+    console.log("📊 Updated dimension selections:", newPreferences[roleId].dimensionSelections);
+    this.requestUpdate();
+  }
+  /**
+   * Check if a dimension member is selected
+   */
+  _isDimensionMemberSelected(roleId, dimensionId, memberId) {
+    const preferences = this._tempPeriodPreferences[roleId];
+    if (!(preferences == null ? void 0 : preferences.dimensionSelections)) {
+      return false;
+    }
+    const dimensionSelection = preferences.dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    return (dimensionSelection == null ? void 0 : dimensionSelection.selectedMemberIds.includes(memberId)) || false;
+  }
+  /**
+   * Select all members for a dimension
+   */
+  _selectAllDimensionMembers(roleId, dimensionId) {
+    var _a, _b;
+    const dimensions = this._getDimensionsForRole(roleId);
+    const dimension = dimensions.find((d2) => d2.id === dimensionId);
+    if (!dimension)
+      return;
+    const allMembers = this._getAllDimensionMembers(dimension.members);
+    const allMemberIds = allMembers.map((m) => m.id);
+    const newPreferences = { ...this._tempPeriodPreferences };
+    if (!newPreferences[roleId]) {
+      newPreferences[roleId] = {
+        showDuration: true,
+        showInstant: true,
+        showPreviousYear: false,
+        dimensionSelections: []
+      };
+    }
+    if (!newPreferences[roleId].dimensionSelections) {
+      newPreferences[roleId].dimensionSelections = [];
+    }
+    let dimensionSelection = newPreferences[roleId].dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    if (!dimensionSelection) {
+      const dimensionLabel = ((_b = (_a = dimension.labels) == null ? void 0 : _a.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimensionId;
+      dimensionSelection = {
+        dimensionId,
+        dimensionLabel,
+        selectedMemberIds: []
+      };
+      newPreferences[roleId].dimensionSelections.push(dimensionSelection);
+    }
+    dimensionSelection.selectedMemberIds = allMemberIds;
+    this._tempPeriodPreferences = newPreferences;
+    this.requestUpdate();
+  }
+  /**
+   * Deselect all members for a dimension
+   */
+  _deselectAllDimensionMembers(roleId, dimensionId) {
+    var _a;
+    const newPreferences = { ...this._tempPeriodPreferences };
+    if (!((_a = newPreferences[roleId]) == null ? void 0 : _a.dimensionSelections)) {
+      return;
+    }
+    const dimensionSelection = newPreferences[roleId].dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    if (dimensionSelection) {
+      dimensionSelection.selectedMemberIds = [];
+    }
+    this._tempPeriodPreferences = newPreferences;
+    this.requestUpdate();
+  }
   _handleBackdropClick(event) {
     if (event.target === this) {
       this._handleCancel();
@@ -5362,7 +5716,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
               <!-- Available Roles Panel -->
               <div class="picklist-panel">
                 <div class="picklist-header">
-                  Available Roles (${this._getAvailableRoles().length})
+                  ${I18n.t("filter.availableRoles")} (${this._getAvailableRoles().length})
                 </div>
                 <div class="picklist-search">
                   <div class="search-container">
@@ -5405,7 +5759,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
     })}
                 </div>
                 <div class="picklist-count">
-                  ${this._getAvailableRoles().length} role(s)
+                  ${this._getAvailableRoles().length} ${I18n.t("filter.roleCount")}
                 </div>
               </div>
 
@@ -5415,7 +5769,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
                   class="picklist-button"
                   @click="${this._moveToChosen}"
                   ?disabled="${!this._selectedAvailableRole}"
-                  title="Add selected role"
+                  title="${I18n.t("filter.addSelectedRole")}"
                 >
                   ›
                 </button>
@@ -5423,7 +5777,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
                   class="picklist-button"
                   @click="${this._moveAllToChosen}"
                   ?disabled="${this._getAvailableRoles().length === 0}"
-                  title="Add all roles"
+                  title="${I18n.t("filter.addAllRoles")}"
                 >
                   »
                 </button>
@@ -5431,7 +5785,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
                   class="picklist-button"
                   @click="${this._moveToAvailable}"
                   ?disabled="${!this._selectedChosenRole}"
-                  title="Remove selected role"
+                  title="${I18n.t("filter.removeSelectedRole")}"
                 >
                   ‹
                 </button>
@@ -5439,7 +5793,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
                   class="picklist-button"
                   @click="${this._moveAllToAvailable}"
                   ?disabled="${this._tempSelectedRoles.size === 0}"
-                  title="Remove all roles"
+                  title="${I18n.t("filter.removeAllRoles")}"
                 >
                   «
                 </button>
@@ -5448,7 +5802,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
               <!-- Chosen Roles Panel -->
               <div class="picklist-panel">
                 <div class="picklist-header">
-                  Chosen Roles (${this._tempSelectedRoles.size})
+                  ${I18n.t("filter.chosenRoles")} (${this._tempSelectedRoles.size})
                 </div>
                 <div class="picklist-search">
                   <div class="search-container">
@@ -5497,7 +5851,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
     })}
                 </div>
                 <div class="picklist-count">
-                  ${this._tempSelectedRoles.size} role(s) selected
+                  ${this._tempSelectedRoles.size} ${I18n.t("filter.rolesSelected")}
                 </div>
               </div>
             </div>
@@ -5579,6 +5933,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
       const isSelected = this._tempSelectedRoles.has(role.id);
       role.showPeriodControl === true;
       const preferences = this._tempPeriodPreferences[role.id] || { showDuration: true, showInstant: true };
+      console.log("🎨 [Render] Processing role:", role.title, "ID:", role.id);
+      const dimensions = this._getDimensionsForRole(role.id);
+      const hasDimensions = dimensions.length > 0;
+      console.log("🎨 [Render] Role:", role.title, "- Has dimensions:", hasDimensions, "- Count:", dimensions.length);
       return html`
                   <div class="role-item">
                     <input
@@ -5607,6 +5965,58 @@ let JupiterFilterRolesDialog = class extends LitElement {
                           </label>
                         </div>
                       </div>
+
+                      ${hasDimensions ? html`
+                        <div class="dimension-section">
+                          <div class="dimension-header">📊 ${I18n.t("filter.dimensionMemberSelection")}</div>
+                          ${dimensions.map((dimension) => {
+        var _a2, _b;
+        const allMembers = this._getAllDimensionMembers(dimension.members);
+        const dimensionLabel = ((_b = (_a2 = dimension.labels) == null ? void 0 : _a2.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
+        const isSingleMember = this._isSingleMemberDimension(dimension);
+        return html`
+                              <div class="dimension-group">
+                                <div class="dimension-label">${dimensionLabel}</div>
+                                <div class="dimension-members">
+                                  ${allMembers.map((member) => {
+          var _a3, _b2;
+          const memberLabel = ((_b2 = (_a3 = member.labels) == null ? void 0 : _a3.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b2.label) || member.conceptName;
+          const isChecked = this._isDimensionMemberSelected(role.id, dimension.id, member.id);
+          return html`
+                                      <label class="member-checkbox-item">
+                                        <input
+                                          type="checkbox"
+                                          class="member-checkbox"
+                                          .checked="${isChecked}"
+                                          ?disabled="${isSingleMember}"
+                                          @change="${(e2) => this._handleDimensionMemberChange(e2, role.id, dimension.id, member.id)}"
+                                        />
+                                        <span class="member-checkbox-label">${memberLabel}</span>
+                                      </label>
+                                    `;
+        })}
+                                </div>
+                                ${!isSingleMember ? html`
+                                  <div class="member-select-controls">
+                                    <button 
+                                      class="member-select-btn"
+                                      @click="${() => this._selectAllDimensionMembers(role.id, dimension.id)}"
+                                    >
+                                      ${I18n.t("filter.selectAllMembers")}
+                                    </button>
+                                    <button 
+                                      class="member-select-btn"
+                                      @click="${() => this._deselectAllDimensionMembers(role.id, dimension.id)}"
+                                    >
+                                      ${I18n.t("filter.clearMembers")}
+                                    </button>
+                                  </div>
+                                ` : ""}
+                              </div>
+                            `;
+      })}
+                        </div>
+                      ` : ""}
                     </div>
                   </div>
                 `;
@@ -5909,6 +6319,98 @@ JupiterFilterRolesDialog.styles = css`
       user-select: none;
     }
 
+    .dimension-section {
+      margin-top: 12px;
+      padding: 8px;
+      background: var(--jupiter-background, #fff);
+      border-radius: 4px;
+      border: 1px solid var(--jupiter-border-color, #e0e0e0);
+    }
+
+    .dimension-header {
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--jupiter-primary-color, #1976d2);
+      margin: 0 0 8px 0;
+      padding-bottom: 4px;
+      border-bottom: 1px solid var(--jupiter-border-color, #e0e0e0);
+    }
+
+    .dimension-group {
+      margin-bottom: 12px;
+    }
+
+    .dimension-group:last-child {
+      margin-bottom: 0;
+    }
+
+    .dimension-label {
+      font-size: 11px;
+      font-weight: 600;
+      color: var(--jupiter-text-secondary, #666);
+      margin: 0 0 6px 0;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    .dimension-members {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding-left: 8px;
+    }
+
+    .member-checkbox-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 2px 0;
+    }
+
+    .member-checkbox {
+      cursor: pointer;
+      flex-shrink: 0;
+    }
+
+    .member-checkbox-label {
+      font-size: 12px;
+      color: var(--jupiter-text-primary, #333);
+      cursor: pointer;
+      user-select: none;
+      line-height: 1.3;
+    }
+
+    .member-select-controls {
+      display: flex;
+      gap: 8px;
+      margin-top: 6px;
+      padding-left: 8px;
+    }
+
+    .member-select-btn {
+      background: none;
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      color: var(--jupiter-text-secondary, #666);
+      padding: 2px 8px;
+      border-radius: 3px;
+      font-size: 10px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+    }
+
+    .member-select-btn:hover {
+      background: var(--jupiter-hover-background, #f5f5f5);
+      border-color: var(--jupiter-primary-color, #1976d2);
+      color: var(--jupiter-primary-color, #1976d2);
+    }
+
+    .no-dimensions-message {
+      font-size: 11px;
+      color: var(--jupiter-text-secondary, #999);
+      font-style: italic;
+      padding: 4px 8px;
+    }
+
     .selected-count {
       font-size: 13px;
       color: var(--jupiter-text-secondary, #666);
@@ -6094,6 +6596,9 @@ __decorateClass$1([
 __decorateClass$1([
   n2({ type: String })
 ], JupiterFilterRolesDialog.prototype, "mode", 2);
+__decorateClass$1([
+  n2({ type: Object })
+], JupiterFilterRolesDialog.prototype, "hypercubeData", 2);
 __decorateClass$1([
   r()
 ], JupiterFilterRolesDialog.prototype, "_tempSelectedRoles", 2);
@@ -6178,6 +6683,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._sidePanelCollapsed = false;
     this._adminRoleConfigs = {};
     this._skipDraftLoading = false;
+    this._skipPeriodPreferencesRestore = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -6567,38 +7073,37 @@ let JupiterDynamicForm = class extends LitElement {
   _handleRoleFilterApply(event) {
     const { selectedRoleIds, periodPreferences } = event.detail;
     this._selectedRoleIds = selectedRoleIds;
-    const preferencesChanged = JSON.stringify(this._periodPreferences) !== JSON.stringify(periodPreferences);
-    if (preferencesChanged) {
-      this._periodPreferences = periodPreferences;
-      console.log("📊 Period preferences updated:", this._periodPreferences);
-      console.log("💾 Capturing current form data before reinitialization...");
-      const currentFormData = this._generateSubmissionData();
-      const currentMetadata = this._draftStorageService.createMetadataSnapshot(
-        this.periodStartDate,
-        this.periodEndDate,
-        this.language,
-        this._selectedRoleIds,
-        // Enhanced structure with roleURI and order
-        this._allSections,
-        this._typedMemberData,
-        this._periodPreferences,
-        this._periodData,
-        this._unitData
-      );
-      this._draftStorageService.saveDraft(currentFormData, currentMetadata);
-      console.log("✅ Current form data saved to draft storage");
-      this._skipDraftLoading = true;
-      this._initializeForm();
-      this._skipDraftLoading = false;
-      console.log("📥 Restoring form data from draft after reinitialization...");
-      this._loadDraftIfExists().then(() => {
-        console.log("✅ Form data restored successfully after reinitialization");
-      }).catch((error2) => {
-        console.error("❌ Error restoring form data after reinitialization:", error2);
-      });
-    } else {
-      this._applyRoleFilter();
-    }
+    this._periodPreferences = periodPreferences;
+    console.log("🎯 Filter apply triggered - always reinitializing form");
+    console.log("📊 New period preferences (including dimension selections):", this._periodPreferences);
+    console.log("💾 Capturing current form data before reinitialization...");
+    const currentFormData = this._generateSubmissionData();
+    const currentMetadata = this._draftStorageService.createMetadataSnapshot(
+      this.periodStartDate,
+      this.periodEndDate,
+      this.language,
+      this._selectedRoleIds,
+      // Enhanced structure with roleURI and order
+      this._allSections,
+      this._typedMemberData,
+      this._periodPreferences,
+      this._periodData,
+      this._unitData
+    );
+    this._draftStorageService.saveDraft(currentFormData, currentMetadata);
+    console.log("✅ Current form data saved to draft storage with NEW preferences");
+    this._skipPeriodPreferencesRestore = true;
+    this._skipDraftLoading = true;
+    console.log("🔄 Reinitializing form with new filter settings...");
+    this._initializeForm();
+    this._skipDraftLoading = false;
+    this._skipPeriodPreferencesRestore = false;
+    console.log("📥 Restoring form data from draft after reinitialization...");
+    this._loadDraftIfExists().then(() => {
+      console.log("✅ Form data restored successfully after reinitialization");
+    }).catch((error2) => {
+      console.error("❌ Error restoring form data after reinitialization:", error2);
+    });
     this._showFilterDialog = false;
     const roleCount = Array.isArray(this._selectedRoleIds) && this._selectedRoleIds.length > 0 ? typeof this._selectedRoleIds[0] === "string" ? this._selectedRoleIds.length : this._selectedRoleIds.length : 0;
     console.log(`🎯 Applied role filter: ${roleCount}/${this._allSections.length} roles selected`);
@@ -6614,6 +7119,35 @@ let JupiterDynamicForm = class extends LitElement {
       bubbles: true
     }));
   }
+  /**
+   * Check if dimension selections have changed for any role
+   */
+  _haveDimensionSelectionsChanged(newPeriodPreferences) {
+    var _a;
+    const allRoleIds = /* @__PURE__ */ new Set([
+      ...Object.keys(this._periodPreferences || {}),
+      ...Object.keys(newPeriodPreferences || {})
+    ]);
+    for (const roleId of allRoleIds) {
+      const oldPrefs = (_a = this._periodPreferences) == null ? void 0 : _a[roleId];
+      const newPrefs = newPeriodPreferences == null ? void 0 : newPeriodPreferences[roleId];
+      const oldDimensions = (oldPrefs == null ? void 0 : oldPrefs.dimensionSelections) || [];
+      const newDimensions = (newPrefs == null ? void 0 : newPrefs.dimensionSelections) || [];
+      const oldDimensionsStr = JSON.stringify(
+        oldDimensions.sort((a2, b2) => a2.dimensionId.localeCompare(b2.dimensionId))
+      );
+      const newDimensionsStr = JSON.stringify(
+        newDimensions.sort((a2, b2) => a2.dimensionId.localeCompare(b2.dimensionId))
+      );
+      if (oldDimensionsStr !== newDimensionsStr) {
+        console.log(`🔍 Dimension selection changed for role: ${roleId}`);
+        console.log("  Old:", oldDimensions);
+        console.log("  New:", newDimensions);
+        return true;
+      }
+    }
+    return false;
+  }
   _validateForm() {
     var _a;
     const errors = [];
@@ -7031,9 +7565,9 @@ let JupiterDynamicForm = class extends LitElement {
           dimensionKeys.push(`${dimSelection.axisId}|${dimSelection.memberId}`);
         }
       }
-      const periodPart = request.periodType === "instant" ? `(${request.instantDate})` : `(${this._formatPeriodDisplay(request.startDate, request.endDate)})`;
       if (dimensionParts.length > 0) {
-        title = `${dimensionParts.join(" | ")} ${periodPart}`;
+        title = dimensionParts.join(" | ");
+        description = request.periodType === "instant" ? request.instantDate || "" : this._formatPeriodDisplay(request.startDate, request.endDate);
         dimensionData = {
           dimensionId: newColumnId,
           memberValue: dimensionParts.join(" | "),
@@ -7055,8 +7589,8 @@ let JupiterDynamicForm = class extends LitElement {
               const axisLabel = ((_d = dimension.labels.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _d.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 periodPart = request.periodType === "instant" ? `(${request.instantDate})` : `(${this._formatPeriodDisplay(request.startDate, request.endDate)})`;
-              title = `${memberLabel} ${periodPart}`;
+              title = memberLabel;
+              description = request.periodType === "instant" ? request.instantDate || "" : this._formatPeriodDisplay(request.startDate, request.endDate);
               dimensionData = {
                 dimensionId: newColumnId,
                 axisId: dimension.id,
@@ -7442,27 +7976,31 @@ let JupiterDynamicForm = class extends LitElement {
       console.log("🔄 Restored custom field-level unit data:", Object.keys(this._unitData).length, "concepts");
     }
     if (metadata.periodPreferences) {
-      this._periodPreferences = metadata.periodPreferences;
-      console.log("🔄 Restored period preferences (including previous year settings):", this._periodPreferences);
-      if (this.xbrlInput) {
-        console.log("🔄 Rebuilding schema with restored period preferences...");
-        this._currentSchema = XBRLFormBuilder.buildFormSchema(
-          this.xbrlInput,
-          this.periodStartDate,
-          this.periodEndDate,
-          this.language,
-          this._periodPreferences
-        );
-        this._allSections = [...this._currentSchema.sections];
-        if (this.financialStatementsTypeAxis && this.financialStatementsTypeAxis.length > 0) {
-          this._allSections = this._filterRolesByFinancialStatementsType(this._allSections);
-        }
-        console.log("✅ Schema rebuilt with restored period preferences");
-        console.log("🔄 Applying custom period data to schema fields...");
-        this._applyCustomPeriodDataToFields();
-        if (metadata.customColumns && metadata.customColumns.length > 0) {
-          this._mergeAdditionalCustomColumns(metadata.customColumns);
-          console.log(`🔄 Merged ${metadata.customColumns.length} additional custom columns`);
+      if (this._skipPeriodPreferencesRestore) {
+        console.log("⏭️ Skipping period preferences restoration - using new filter selections");
+      } else {
+        this._periodPreferences = metadata.periodPreferences;
+        console.log("🔄 Restored period preferences (including previous year settings):", this._periodPreferences);
+        if (this.xbrlInput) {
+          console.log("🔄 Rebuilding schema with restored period preferences...");
+          this._currentSchema = XBRLFormBuilder.buildFormSchema(
+            this.xbrlInput,
+            this.periodStartDate,
+            this.periodEndDate,
+            this.language,
+            this._periodPreferences
+          );
+          this._allSections = [...this._currentSchema.sections];
+          if (this.financialStatementsTypeAxis && this.financialStatementsTypeAxis.length > 0) {
+            this._allSections = this._filterRolesByFinancialStatementsType(this._allSections);
+          }
+          console.log("✅ Schema rebuilt with restored period preferences");
+          console.log("🔄 Applying custom period data to schema fields...");
+          this._applyCustomPeriodDataToFields();
+          if (metadata.customColumns && metadata.customColumns.length > 0) {
+            this._mergeAdditionalCustomColumns(metadata.customColumns);
+            console.log(`🔄 Merged ${metadata.customColumns.length} additional custom columns`);
+          }
         }
       }
     } else {
@@ -7664,6 +8202,8 @@ let JupiterDynamicForm = class extends LitElement {
           const column2 = {
             id: col.columnId,
             title: col.label,
+            description: col.description,
+            // Restore description (period display)
             type: col.dimensionData ? "dimension" : "base",
             periodStartDate: col.startDate || col.date,
             periodEndDate: col.endDate || col.date,
@@ -7673,7 +8213,7 @@ let JupiterDynamicForm = class extends LitElement {
             periodType: col.periodType
             // CRITICAL: Preserve explicit period type
           };
-          console.log(`📅 [Draft Restore] Restoring column ${col.columnId}: startDate=${column2.periodStartDate}, endDate=${column2.periodEndDate}, periodType=${column2.periodType}`);
+          console.log(`📅 [Draft Restore] Restoring column ${col.columnId}: title=${column2.title}, description=${column2.description}, startDate=${column2.periodStartDate}, endDate=${column2.periodEndDate}, periodType=${column2.periodType}`);
           return column2;
         });
         if (((_a = this.xbrlInput) == null ? void 0 : _a.datatypes) && !section2.datatypes) {
@@ -7735,6 +8275,8 @@ let JupiterDynamicForm = class extends LitElement {
             const newColumn = {
               id: col.columnId,
               title: col.label,
+              description: col.description,
+              // Restore description (period display)
               type: col.dimensionData ? "dimension" : "base",
               periodStartDate: col.startDate || col.date,
               periodEndDate: col.endDate || col.date,
@@ -7744,7 +8286,7 @@ let JupiterDynamicForm = class extends LitElement {
               periodType: col.periodType
               // CRITICAL: Preserve explicit period type
             };
-            console.log(`📅 [New Column Created] Column ${newColumn.id}: periodStartDate=${newColumn.periodStartDate}, periodEndDate=${newColumn.periodEndDate}, periodType=${newColumn.periodType}`);
+            console.log(`📅 [New Column Created] Column ${newColumn.id}: title=${newColumn.title}, description=${newColumn.description}, periodStartDate=${newColumn.periodStartDate}, periodEndDate=${newColumn.periodEndDate}, periodType=${newColumn.periodType}`);
             section2.columns.push(newColumn);
             console.log(`  └─ Added custom column ${col.columnId} to section ${section2.id}`);
           }
@@ -8587,6 +9129,7 @@ let JupiterDynamicForm = class extends LitElement {
     return this._getFormState();
   }
   render() {
+    var _a;
     const errorCount = this._errors.filter((e2) => e2.severity === "error").length;
     const config = this.config || {};
     const showValidationSummary = config.showValidationSummary !== false && errorCount > 0 && this._submitted;
@@ -8654,6 +9197,7 @@ let JupiterDynamicForm = class extends LitElement {
             .availableRoles="${this._allSections}"
             .selectedRoleIds="${this._getRoleIdsArray()}"
             .periodPreferences="${this._periodPreferences}"
+            .hypercubeData="${(_a = this.xbrlInput) == null ? void 0 : _a.hypercubes}"
             .mode="${this.mode}"
             @dialog-cancel="${this._handleFilterDialogCancel}"
             @roles-filter-apply="${this._handleRoleFilterApply}"