jupiter-dynamic-forms 1.14.3 → 1.14.5

package/dist/index.mjs

@@ -1537,7 +1537,15 @@ const filter$1 = {
   uri: "URI",
   dimensionMemberSelection: "Dimension Member Selection",
   selectAllMembers: "Select All",
-  clearMembers: "Clear"
+  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",
@@ -1653,7 +1661,15 @@ const filter = {
   uri: "URI",
   dimensionMemberSelection: "Dimensieleden selectie",
   selectAllMembers: "Alles selecteren",
-  clearMembers: "Wissen"
+  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",
@@ -1936,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
@@ -3905,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,
@@ -3915,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,
@@ -3923,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)`);
       }
     });
   }
@@ -5696,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">
@@ -5739,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>
 
@@ -5749,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>
@@ -5757,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>
@@ -5765,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>
@@ -5773,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>
@@ -5782,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">
@@ -5831,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>
@@ -6754,6 +6774,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);
@@ -7545,9 +7579,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(" | "),
@@ -7569,8 +7603,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,
@@ -8182,6 +8216,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,
@@ -8191,7 +8227,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) {
@@ -8253,6 +8289,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,
@@ -8262,7 +8300,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}`);
           }
@@ -8803,7 +8841,7 @@ let JupiterDynamicForm = class extends LitElement {
     });
   }
   _renderAdminModeContent(section2) {
-    var _a;
+    var _a, _b;
     if (!section2) {
       return html`
         <div class="admin-mode-container">
@@ -8812,6 +8850,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>
@@ -8827,6 +8893,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>
     `;
@@ -8855,6 +8973,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)) {
@@ -9160,7 +9450,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>
 
          
@@ -9661,6 +9951,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;
@@ -9816,6 +10200,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);