jupiter-dynamic-forms 1.14.4 → 1.14.6

package/dist/index.mjs

@@ -587,10 +587,7 @@ class XBRLFormBuilder {
     const hypercubeData = (_a = xbrlInput.hypercubes) == null ? void 0 : _a[0];
     const datatypes = Array.isArray(xbrlInput.datatypes) ? xbrlInput.datatypes : ((_b = xbrlInput.datatypes) == null ? void 0 : _b.concepts) || [];
     const sections = [];
-    const sortedRoles = [...presentationData.roles].sort((a2, b2) => {
-      return a2.role.localeCompare(b2.role);
-    });
-    sortedRoles.forEach((role) => {
+    presentationData.roles.forEach((role) => {
       const section2 = this.buildSectionFromRole(role, periodStartDate, periodEndDate, hypercubeData, language, periodPreferences);
       if (datatypes && datatypes.length > 0) {
         section2.datatypes = datatypes;
@@ -5152,9 +5149,7 @@ let JupiterFilterRolesDialog = class extends LitElement {
   }
   _updateFilteredRoles() {
     if (!this._searchQuery.trim()) {
-      this._filteredRoles = [...this.availableRoles].sort((a2, b2) => {
-        return a2.title.localeCompare(b2.title);
-      });
+      this._filteredRoles = [...this.availableRoles];
       return;
     }
     const query = this._searchQuery.toLowerCase().trim();
@@ -5166,9 +5161,7 @@ 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);
-    });
+    this._filteredRoles = filtered;
   }
   _searchInRoleURI(role, query) {
     var _a;
@@ -6774,6 +6767,20 @@ let JupiterDynamicForm = class extends LitElement {
         );
         console.log("✅ Generated schema with sections:", this._currentSchema.sections.length);
         this._allSections = [...this._currentSchema.sections];
+        if (Array.isArray(this._selectedRoleIds) && this._selectedRoleIds.length > 0 && typeof this._selectedRoleIds[0] === "object") {
+          console.log("🔄 Applying custom role order to _allSections from _selectedRoleIds");
+          const enhancedRoles = this._selectedRoleIds;
+          const orderMap = /* @__PURE__ */ new Map();
+          enhancedRoles.forEach((role) => {
+            orderMap.set(role.roleId, role.order);
+          });
+          this._allSections = [...this._allSections].sort((a2, b2) => {
+            const orderA = orderMap.get(a2.id) ?? 999;
+            const orderB = orderMap.get(b2.id) ?? 999;
+            return orderA - orderB;
+          });
+          console.log("✅ Custom order applied to _allSections:", this._allSections.map((s2) => s2.title));
+        }
         if (this.financialStatementsTypeAxis && this.financialStatementsTypeAxis.length > 0) {
           console.log("🔍 Applying financialStatementsTypeAxis filter:", this.financialStatementsTypeAxis);
           console.log("📊 Sections before filter:", this._allSections.length);
@@ -8827,7 +8834,7 @@ let JupiterDynamicForm = class extends LitElement {
     });
   }
   _renderAdminModeContent(section2) {
-    var _a;
+    var _a, _b;
     if (!section2) {
       return html`
         <div class="admin-mode-container">
@@ -8836,6 +8843,34 @@ let JupiterDynamicForm = class extends LitElement {
       `;
     }
     const showPreviousYearChecked = ((_a = this._periodPreferences[section2.id]) == null ? void 0 : _a.showPreviousYear) ?? section2.showPreviousYear ?? false;
+    const dimensions = this._getDimensionsForRole(section2.id);
+    const hasDimensions = dimensions.length > 0;
+    if (hasDimensions && !((_b = this._periodPreferences[section2.id]) == null ? void 0 : _b.dimensionSelections)) {
+      const currentPref = this._periodPreferences[section2.id] || {
+        showDuration: true,
+        showInstant: true,
+        showPreviousYear: false
+      };
+      currentPref.dimensionSelections = [];
+      dimensions.forEach((dimension) => {
+        var _a2, _b2;
+        const allMembers = this._getAllDimensionMembers(dimension.members);
+        const allMemberIds = allMembers.map((m) => m.id);
+        const dimensionLabel = ((_b2 = (_a2 = dimension.labels) == null ? void 0 : _a2.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b2.label) || dimension.conceptName;
+        if (currentPref.dimensionSelections) {
+          currentPref.dimensionSelections.push({
+            dimensionId: dimension.id,
+            dimensionLabel,
+            selectedMemberIds: allMemberIds
+          });
+        }
+      });
+      this._periodPreferences = {
+        ...this._periodPreferences,
+        [section2.id]: currentPref
+      };
+      console.log("✅ [Admin Mode] Initialized all dimension members as selected by default for role:", section2.id);
+    }
     return html`
       <div class="admin-mode-container">
         <h2 class="admin-mode-title">Role Configuration: ${section2.title}</h2>
@@ -8851,6 +8886,58 @@ let JupiterDynamicForm = class extends LitElement {
               <label for="admin-prev-year-${section2.id}">Show Previous Year Column</label>
             </div>
           </div>
+          
+          ${hasDimensions ? html`
+            <div class="admin-dimension-section">
+              <div class="admin-dimension-header">📊 ${I18n.t("filter.dimensionMemberSelection")}</div>
+              ${dimensions.map((dimension) => {
+      var _a2, _b2;
+      const allMembers = this._getAllDimensionMembers(dimension.members);
+      const dimensionLabel = ((_b2 = (_a2 = dimension.labels) == null ? void 0 : _a2.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b2.label) || dimension.conceptName;
+      const isSingleMember = this._isSingleMemberDimension(dimension);
+      return html`
+                  <div class="admin-dimension-group">
+                    <div class="admin-dimension-label">${dimensionLabel}${isSingleMember ? " (Mandatory)" : ""}</div>
+                    <div class="admin-dimension-members">
+                      ${allMembers.map((member) => {
+        var _a3, _b3;
+        const memberLabel = ((_b3 = (_a3 = member.labels) == null ? void 0 : _a3.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b3.label) || member.conceptName;
+        const isChecked = this._isAdminDimensionMemberSelected(section2.id, dimension.id, member.id);
+        return html`
+                          <label class="admin-member-checkbox-item">
+                            <input
+                              type="checkbox"
+                              class="admin-member-checkbox"
+                              .checked="${isChecked}"
+                              ?disabled="${isSingleMember}"
+                              @change="${(e2) => this._handleAdminDimensionMemberChange(e2, section2.id, dimension.id, member.id)}"
+                            />
+                            <span class="admin-member-checkbox-label">${memberLabel}</span>
+                          </label>
+                        `;
+      })}
+                    </div>
+                    ${!isSingleMember ? html`
+                      <div class="admin-member-select-controls">
+                        <button 
+                          class="admin-member-select-btn"
+                          @click="${() => this._selectAllAdminDimensionMembers(section2.id, dimension.id)}"
+                        >
+                          ${I18n.t("filter.selectAllMembers")}
+                        </button>
+                        <button 
+                          class="admin-member-select-btn"
+                          @click="${() => this._deselectAllAdminDimensionMembers(section2.id, dimension.id)}"
+                        >
+                          ${I18n.t("filter.clearMembers")}
+                        </button>
+                      </div>
+                    ` : ""}
+                  </div>
+                `;
+    })}
+            </div>
+          ` : ""}
         </div>
       </div>
     `;
@@ -8879,6 +8966,178 @@ let JupiterDynamicForm = class extends LitElement {
     console.log(`✅ [Admin Mode] Updated ${field2} = ${checked} for role ${roleId}`);
     console.log(`📋 [Admin Mode] _periodPreferences now includes:`, this._periodPreferences[roleId]);
   }
+  /**
+   * Get dimensions for a specific role from hypercube data
+   */
+  _getDimensionsForRole(roleId) {
+    var _a, _b, _c, _d;
+    if (!((_b = (_a = this.xbrlInput) == null ? void 0 : _a.hypercubes) == null ? void 0 : _b[0])) {
+      return [];
+    }
+    const hypercubeRole = (_c = this.xbrlInput.hypercubes[0].roles) == null ? void 0 : _c.find((r2) => r2.roleId === roleId);
+    if (!((_d = hypercubeRole == null ? void 0 : hypercubeRole.items) == null ? void 0 : _d.length)) {
+      return [];
+    }
+    const dimensionsMap = /* @__PURE__ */ new Map();
+    hypercubeRole.items.forEach((item) => {
+      if (item.dimensions) {
+        item.dimensions.forEach((dimension) => {
+          if (!dimensionsMap.has(dimension.id)) {
+            dimensionsMap.set(dimension.id, dimension);
+          }
+        });
+      }
+    });
+    return Array.from(dimensionsMap.values());
+  }
+  /**
+   * Get all dimension members recursively
+   */
+  _getAllDimensionMembers(members) {
+    if (!members || members.length === 0) {
+      return [];
+    }
+    let allMembers = [];
+    members.forEach((member) => {
+      allMembers.push(member);
+      if (member.children && member.children.length > 0) {
+        allMembers = allMembers.concat(this._getAllDimensionMembers(member.children));
+      }
+    });
+    return allMembers;
+  }
+  /**
+   * Check if a dimension has only one member (single choice, mandatory)
+   */
+  _isSingleMemberDimension(dimension) {
+    if (!dimension || !dimension.members) {
+      return false;
+    }
+    const allMembers = this._getAllDimensionMembers(dimension.members);
+    return allMembers.length === 1;
+  }
+  /**
+   * Handle dimension member selection in admin mode
+   */
+  _handleAdminDimensionMemberChange(event, roleId, dimensionId, memberId) {
+    var _a, _b;
+    event.stopPropagation();
+    const checkbox = event.target;
+    const currentPref = this._periodPreferences[roleId] || {
+      showDuration: true,
+      showInstant: true,
+      showPreviousYear: false,
+      dimensionSelections: []
+    };
+    if (!currentPref.dimensionSelections) {
+      currentPref.dimensionSelections = [];
+    }
+    let dimensionSelection = currentPref.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: []
+      };
+      currentPref.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._periodPreferences = {
+      ...this._periodPreferences,
+      [roleId]: currentPref
+    };
+    console.log("📊 [Admin Mode] Updated dimension selections:", this._periodPreferences[roleId].dimensionSelections);
+    this.requestUpdate();
+  }
+  /**
+   * Check if a dimension member is selected in admin mode
+   * Returns true by default if no explicit preference exists (all members checked by default)
+   */
+  _isAdminDimensionMemberSelected(roleId, dimensionId, memberId) {
+    const preferences = this._periodPreferences[roleId];
+    if (!(preferences == null ? void 0 : preferences.dimensionSelections)) {
+      return true;
+    }
+    const dimensionSelection = preferences.dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    if (!dimensionSelection) {
+      return true;
+    }
+    return dimensionSelection.selectedMemberIds.includes(memberId);
+  }
+  /**
+   * Select all members for a dimension in admin mode
+   */
+  _selectAllAdminDimensionMembers(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 currentPref = this._periodPreferences[roleId] || {
+      showDuration: true,
+      showInstant: true,
+      showPreviousYear: false,
+      dimensionSelections: []
+    };
+    if (!currentPref.dimensionSelections) {
+      currentPref.dimensionSelections = [];
+    }
+    let dimensionSelection = currentPref.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: []
+      };
+      currentPref.dimensionSelections.push(dimensionSelection);
+    }
+    dimensionSelection.selectedMemberIds = allMemberIds;
+    this._periodPreferences = {
+      ...this._periodPreferences,
+      [roleId]: currentPref
+    };
+    this.requestUpdate();
+  }
+  /**
+   * Deselect all members for a dimension in admin mode
+   */
+  _deselectAllAdminDimensionMembers(roleId, dimensionId) {
+    const currentPref = this._periodPreferences[roleId];
+    if (!(currentPref == null ? void 0 : currentPref.dimensionSelections)) {
+      return;
+    }
+    const dimensionSelection = currentPref.dimensionSelections.find(
+      (ds) => ds.dimensionId === dimensionId
+    );
+    if (dimensionSelection) {
+      dimensionSelection.selectedMemberIds = [];
+    }
+    this._periodPreferences = {
+      ...this._periodPreferences,
+      [roleId]: currentPref
+    };
+    this.requestUpdate();
+  }
   _handleAdminModeSubmit() {
     var _a, _b, _c, _d;
     if (!((_c = (_b = (_a = this.xbrlInput) == null ? void 0 : _a.presentation) == null ? void 0 : _b[0]) == null ? void 0 : _c.roles)) {
@@ -9184,7 +9443,7 @@ let JupiterDynamicForm = class extends LitElement {
             @click="${this._handleSubmit}"
             ?disabled="${this.disabled || this.readonly}"
           >
-            ${I18n.t("form.submit")}
+            ${this.submitButtonLabel || I18n.t("form.submit")}
           </button>
 
          
@@ -9685,6 +9944,100 @@ JupiterDynamicForm.styles = css`
       user-select: none;
     }
 
+    .admin-dimension-section {
+      margin-top: 16px;
+      padding: 16px;
+      background: var(--jupiter-background, #fff);
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-radius: 6px;
+    }
+
+    .admin-dimension-header {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--jupiter-text-primary, #333);
+      margin-bottom: 16px;
+      padding-bottom: 8px;
+      border-bottom: 1px solid var(--jupiter-border-color, #ddd);
+    }
+
+    .admin-dimension-group {
+      margin-bottom: 16px;
+    }
+
+    .admin-dimension-group:last-child {
+      margin-bottom: 0;
+    }
+
+    .admin-dimension-label {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--jupiter-text-primary, #333);
+      margin-bottom: 8px;
+    }
+
+    .admin-dimension-members {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      margin-bottom: 8px;
+    }
+
+    .admin-member-checkbox-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 6px 8px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+    }
+
+    .admin-member-checkbox-item:hover {
+      background: var(--jupiter-hover-background, #f5f5f5);
+    }
+
+    .admin-member-checkbox {
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+      flex-shrink: 0;
+    }
+
+    .admin-member-checkbox-label {
+      font-size: 13px;
+      color: var(--jupiter-text-secondary, #666);
+      user-select: none;
+      flex: 1;
+    }
+
+    .admin-member-select-controls {
+      display: flex;
+      gap: 8px;
+      margin-top: 8px;
+    }
+
+    .admin-member-select-btn {
+      padding: 6px 12px;
+      font-size: 12px;
+      background: var(--jupiter-background-light, #f8f9fa);
+      border: 1px solid var(--jupiter-border-color, #ddd);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      color: var(--jupiter-text-secondary, #666);
+    }
+
+    .admin-member-select-btn:hover {
+      background: var(--jupiter-hover-background, #e8e8e8);
+      border-color: var(--jupiter-primary-color, #1976d2);
+      color: var(--jupiter-primary-color, #1976d2);
+    }
+
+    .admin-member-select-btn:active {
+      transform: translateY(1px);
+    }
+
     /* Error Popup Styles */
     .error-popup-overlay {
       position: fixed;
@@ -9840,6 +10193,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: String })
 ], JupiterDynamicForm.prototype, "mode", 2);
+__decorateClass([
+  n2({ type: String, attribute: "submit-button-label" })
+], JupiterDynamicForm.prototype, "submitButtonLabel", 2);
 __decorateClass([
   n2({ type: Array })
 ], JupiterDynamicForm.prototype, "financialStatementsTypeAxis", 2);