jupiter-dynamic-forms 1.17.5 → 1.17.7

package/dist/index.mjs

@@ -627,9 +627,10 @@ class XBRLFormBuilder {
     const availableColumnIds = columns.map((col) => col.id);
     const roleInfo = { periodTypes, availableColumnIds, availableColumns: columns };
     const conceptTrees = [];
+    const conceptIdOccurrences = /* @__PURE__ */ new Map();
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
       role.presentationLinkbase.concepts.forEach((concept) => {
-        const conceptTree = this.buildConceptTree(concept, 0, periodStartDate, periodEndDate, roleInfo, role.id, language);
+        const conceptTree = this.buildConceptTree(concept, 0, periodStartDate, periodEndDate, roleInfo, role.id, language, conceptIdOccurrences);
         if (conceptTree) {
           conceptTrees.push(conceptTree);
         }
@@ -663,8 +664,10 @@ class XBRLFormBuilder {
   /**
    * Build concept tree from XBRL presentation concept
    */
-  static buildConceptTree(concept, level, periodStartDate, periodEndDate, roleInfo, sectionId, language = "en") {
+  static buildConceptTree(concept, level, periodStartDate, periodEndDate, roleInfo, sectionId, language = "en", conceptIdOccurrences, ancestorPeriodHint) {
+    var _a, _b;
     const label = this.getPreferredLabel(concept.labels, language);
+    const childPeriodHint = ((_a = concept.preferredLabel) == null ? void 0 : _a.includes("periodStartLabel")) ? "start" : ((_b = concept.preferredLabel) == null ? void 0 : _b.includes("periodEndLabel")) ? "end" : ancestorPeriodHint;
     const fields = [];
     if (!concept.elementAbstract) {
       let columnIds = [];
@@ -674,11 +677,11 @@ class XBRLFormBuilder {
         columnIds = ["duration"];
       }
       columnIds.forEach((columnId) => {
-        var _a;
-        const column2 = (_a = roleInfo == null ? void 0 : roleInfo.availableColumns) == null ? void 0 : _a.find((c2) => c2.id === columnId);
+        var _a2;
+        const column2 = (_a2 = roleInfo == null ? void 0 : roleInfo.availableColumns) == null ? void 0 : _a2.find((c2) => c2.id === columnId);
         const colStartDate = (column2 == null ? void 0 : column2.periodStartDate) || periodStartDate;
         const colEndDate = (column2 == null ? void 0 : column2.periodEndDate) || periodEndDate;
-        const field2 = this.createFieldFromConcept(concept, colStartDate, colEndDate, columnId);
+        const field2 = this.createFieldFromConcept(concept, colStartDate, colEndDate, columnId, ancestorPeriodHint);
         if (field2)
           fields.push(field2);
       });
@@ -686,7 +689,7 @@ class XBRLFormBuilder {
     const children = [];
     if (concept.children && concept.children.length > 0) {
       concept.children.forEach((child) => {
-        const childTree = this.buildConceptTree(child, level + 1, periodStartDate, periodEndDate, roleInfo, sectionId, language);
+        const childTree = this.buildConceptTree(child, level + 1, periodStartDate, periodEndDate, roleInfo, sectionId, language, conceptIdOccurrences, childPeriodHint);
         if (childTree) {
           children.push(childTree);
         }
@@ -696,9 +699,16 @@ class XBRLFormBuilder {
     if (!hasContent) {
       return null;
     }
+    let conceptId = this.createUniqueConceptId(concept, sectionId);
+    if (conceptIdOccurrences) {
+      const count = conceptIdOccurrences.get(conceptId) ?? 0;
+      conceptIdOccurrences.set(conceptId, count + 1);
+      if (count > 0) {
+        conceptId = `${conceptId}__occ${count + 1}`;
+      }
+    }
     return {
-      id: this.createUniqueConceptId(concept, sectionId),
-      // Use unique ID for form management
+      id: conceptId,
       originalConceptId: concept.id,
       // Store original for submission data
       name: concept.conceptName,
@@ -724,7 +734,7 @@ class XBRLFormBuilder {
   /**
    * Create form field from XBRL concept
    */
-  static createFieldFromConcept(concept, periodStartDate, periodEndDate, forcedColumnId) {
+  static createFieldFromConcept(concept, periodStartDate, periodEndDate, forcedColumnId, ancestorPeriodHint) {
     var _a;
     const fieldType = this.mapXBRLTypeToFieldType(concept.type);
     const label = this.getPreferredLabel(concept.labels);
@@ -750,7 +760,7 @@ class XBRLFormBuilder {
       // Validate and set the period type
       periodStartDate: periodStartDate || "2025-01-01",
       periodEndDate: periodEndDate || "2025-12-31",
-      periodInstantDate: concept.periodType === "instant" ? ((_a = concept.preferredLabel) == null ? void 0 : _a.includes("periodStartLabel")) ? this.subtractOneDay(periodStartDate || "2025-01-01") : periodEndDate || periodStartDate || "2025-01-01" : void 0
+      periodInstantDate: concept.periodType === "instant" ? ((_a = concept.preferredLabel) == null ? void 0 : _a.includes("periodStartLabel")) || ancestorPeriodHint === "start" ? this.subtractOneDay(periodStartDate || "2025-01-01") : periodEndDate || periodStartDate || "2025-01-01" : void 0
     };
     if (concept.id === "nl-cd_DescriptionLocationNL__a64trl") {
       console.log(`🏗️ [Field Creation] Concept: ${concept.id}, periodType from concept: ${concept.periodType}, Field periodType: ${field2.periodType}, ColumnId: ${columnId}`);
@@ -2139,7 +2149,7 @@ class DraftStorageService {
   /**
    * Create metadata snapshot from current form state
    */
-  createMetadataSnapshot(periodStartDate, periodEndDate, language, selectedRoleIds, allSections, typedMemberData, periodPreferences, periodData, unitData, reportingLanguage = "en", repeatCounts, decimalsData) {
+  createMetadataSnapshot(periodStartDate, periodEndDate, language, selectedRoleIds, allSections, typedMemberData, periodPreferences, periodData, unitData, reportingLanguage = "en", repeatCounts, decimalsData, roleCompletedStates) {
     return {
       periodStartDate,
       periodEndDate,
@@ -2154,6 +2164,7 @@ class DraftStorageService {
       unitData,
       decimalsData,
       repeatCounts,
+      roleCompletedStates,
       schemaVersion: this.STORAGE_VERSION
     };
   }
@@ -3064,6 +3075,9 @@ let JupiterFormField = class extends LitElement {
       );
     }
   }
+  _isRoundingLevelConcept() {
+    return !!this.conceptId && this.conceptId.includes("DocumentIntendedRoundingLevel");
+  }
   _handleInput(event) {
     const target = event.target;
     let value = target.value;
@@ -3235,6 +3249,9 @@ let JupiterFormField = class extends LitElement {
     console.log(`❌ [FormField] Unit validation failed for ${this.conceptId}: unit is required but not selected`);
   }
   _handlePeriodIconClick() {
+    if (this._isRoundingLevelConcept()) {
+      return;
+    }
     this._availableUnits = this._collectUnitsForConceptType();
     console.log(`📊 [FormField] Collected ${this._availableUnits.length} units for concept ${this.conceptId}:`, this._availableUnits);
     console.log(`📊 [FormField] Current unit value: ${this.unit}`);
@@ -3688,7 +3705,7 @@ let JupiterFormField = class extends LitElement {
                   min="0"
                   class="typed-member-input"
                   placeholder="Leave blank for INF"
-                  .value="${this.decimals ?? (this.globalDecimals !== "INF" ? this.globalDecimals : "")}"
+                  .value="${this.decimals !== void 0 && this.decimals !== null && this.decimals !== "" ? this.decimals : this.globalDecimals !== "INF" ? this.globalDecimals : ""}"
                   @input="${this._handleDecimalsChange}"
                   ?disabled="${this.disabled}"
                 />
@@ -3724,6 +3741,7 @@ let JupiterFormField = class extends LitElement {
     const hasPeriodControl = this.field.periodType && (this.field.periodType === "instant" || this.field.periodType === "duration");
     const baseConceptId = this._extractBaseConceptId(this.conceptId);
     const isPredefinedValue = this.mode !== "admin" && this.masterData && baseConceptId in this.masterData;
+    const isRoundingLevelLocked = this._isRoundingLevelConcept();
     let factValue = null;
     if (this.facts && this.facts.length > 0 && !isPredefinedValue) {
       const cellContext = {
@@ -3778,7 +3796,7 @@ let JupiterFormField = class extends LitElement {
     }
     const hasUserValue = this.value !== null && this.value !== void 0;
     const effectiveValue = isPredefinedValue ? this.masterData[baseConceptId] : hasUserValue ? this.value : factValue;
-    const effectiveDisabled = isPredefinedValue || this.disabled || this.mode === "readonly";
+    const effectiveDisabled = isPredefinedValue || isRoundingLevelLocked || this.disabled || this.mode === "readonly";
     return html`
       <div class="field-container">
         ${showLabel ? html`
@@ -3790,7 +3808,7 @@ let JupiterFormField = class extends LitElement {
         <div class="field-wrapper">
           ${this._renderInput(effectiveValue, effectiveDisabled)}
           
-          ${hasPeriodControl && this.mode !== "readonly" ? html`
+          ${hasPeriodControl && this.mode !== "readonly" && !isRoundingLevelLocked ? html`
             <button
               class="period-icon-btn"
               type="button"
@@ -8196,6 +8214,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._sidePanelCollapsed = false;
     this._adminRoleConfigs = {};
     this._roleBorderStatuses = /* @__PURE__ */ new Map();
+    this._roleCompletedStates = /* @__PURE__ */ new Map();
     this._showRoleContextMenu = false;
     this._contextMenuX = 0;
     this._contextMenuY = 0;
@@ -8380,6 +8399,7 @@ let JupiterDynamicForm = class extends LitElement {
     if ((_a = this.xbrlInput) == null ? void 0 : _a.initialData) {
       this._formData = { ...this._formData, ...this.xbrlInput.initialData };
     }
+    this._initializeGlobalDecimalsFromRoundingData();
     this._extractTypedMembersFromFacts();
     if (!this._skipDraftLoading) {
       this._loadDraftIfExists().then(() => {
@@ -9100,6 +9120,107 @@ let JupiterDynamicForm = class extends LitElement {
     }
     this._effectiveMasterData = this.masterData ? { ...this.masterData } : void 0;
   }
+  _initializeGlobalDecimalsFromRoundingData() {
+    if (this._hasValidGlobalDecimals()) {
+      return;
+    }
+    const roundingLevel = this._findRoundingLevelFactValue(this._allSections) ?? this._findRoundingLevelValueInFormData(this._formData);
+    if (roundingLevel === void 0 || roundingLevel === null || roundingLevel === "") {
+      return;
+    }
+    const parsed = parseFloat(String(roundingLevel));
+    if (isNaN(parsed)) {
+      return;
+    }
+    this.decimals = String(Math.abs(parsed));
+  }
+  _findRoundingLevelValueInFormData(formData) {
+    if (!formData) {
+      return void 0;
+    }
+    for (const conceptKey of Object.keys(formData)) {
+      if (!this._isRoundingLevelConcept(conceptKey)) {
+        continue;
+      }
+      const columnValues = formData[conceptKey] || {};
+      for (const columnId of Object.keys(columnValues)) {
+        const value = columnValues[columnId];
+        if (value !== void 0 && value !== null && value !== "") {
+          return value;
+        }
+      }
+    }
+    return void 0;
+  }
+  _findRoundingLevelFactValue(sections) {
+    for (const section2 of sections) {
+      const value = this._findRoundingLevelFactValueInConcepts(section2.concepts || []);
+      if (value !== void 0 && value !== null && value !== "") {
+        return value;
+      }
+    }
+    return void 0;
+  }
+  _findRoundingLevelFactValueInConcepts(concepts) {
+    for (const concept of concepts) {
+      const conceptIdToCheck = concept.originalConceptId || concept.id;
+      if (this._isRoundingLevelConcept(conceptIdToCheck)) {
+        const facts = concept.facts || [];
+        for (const fact of facts) {
+          if ((fact == null ? void 0 : fact.value) !== void 0 && (fact == null ? void 0 : fact.value) !== null && (fact == null ? void 0 : fact.value) !== "") {
+            return fact.value;
+          }
+        }
+      }
+      if (concept.children && concept.children.length > 0) {
+        const childValue = this._findRoundingLevelFactValueInConcepts(concept.children);
+        if (childValue !== void 0 && childValue !== null && childValue !== "") {
+          return childValue;
+        }
+      }
+    }
+    return void 0;
+  }
+  _hasValidGlobalDecimals() {
+    if (this.decimals === void 0 || this.decimals === null) {
+      return false;
+    }
+    if (this.decimals === "INF") {
+      return false;
+    }
+    const parsed = parseFloat(this.decimals);
+    return !isNaN(parsed);
+  }
+  _isRoundingLevelConcept(conceptId) {
+    if (!conceptId) {
+      return false;
+    }
+    return conceptId === "rj-i_DocumentIntendedRoundingLevel" || conceptId.includes("DocumentIntendedRoundingLevel");
+  }
+  _findFactValueForField(concept, field2, section2) {
+    var _a, _b;
+    if (!concept.facts || concept.facts.length === 0) {
+      return void 0;
+    }
+    const column2 = this._findColumnByIdInSection(field2.columnId, section2);
+    const fieldPeriodData = (_a = this._periodData[concept.id]) == null ? void 0 : _a[field2.columnId];
+    const periodStartDate = (fieldPeriodData == null ? void 0 : fieldPeriodData.startDate) || (column2 == null ? void 0 : column2.periodStartDate) || field2.periodStartDate || this.periodStartDate;
+    const periodEndDate = (fieldPeriodData == null ? void 0 : fieldPeriodData.endDate) || (column2 == null ? void 0 : column2.periodEndDate) || field2.periodEndDate || this.periodEndDate;
+    const periodInstantDate = (fieldPeriodData == null ? void 0 : fieldPeriodData.instantDate) || field2.periodInstantDate || periodEndDate || periodStartDate;
+    const unit = (_b = this._unitData[concept.id]) == null ? void 0 : _b[field2.columnId];
+    const cellContext = {
+      conceptId: concept.originalConceptId || field2.conceptId || concept.id,
+      columnId: field2.columnId,
+      periodStartDate,
+      periodEndDate,
+      periodInstantDate,
+      periodType: field2.periodType,
+      unit,
+      dimensionData: column2 == null ? void 0 : column2.dimensionData
+    };
+    const matchedFact = FactMatcher.findMatchingFact(concept.facts, cellContext);
+    return matchedFact == null ? void 0 : matchedFact.value;
+  }
   _storeDecimals(conceptId, columnId, decimals) {
     const updated = { ...this._decimalsData };
     if (!updated[conceptId])
@@ -9812,6 +9933,7 @@ let JupiterDynamicForm = class extends LitElement {
     draftData.forEach((entry, index) => {
       console.log(`  [${index}] conceptId: ${entry.conceptId}, columnId: ${entry.columnId}, value: ${entry.value}, unit: ${entry.unit || "none"}`);
     });
+    const roleCompletedStates = this._roleCompletedStates.size > 0 ? Object.fromEntries(this._roleCompletedStates) : void 0;
     const metadata = this._draftStorageService.createMetadataSnapshot(
       this.periodStartDate,
       this.periodEndDate,
@@ -9825,7 +9947,8 @@ let JupiterDynamicForm = class extends LitElement {
       this._unitData,
       this.reportingLanguage,
       this._repeatCounts,
-      this._decimalsData
+      this._decimalsData,
+      roleCompletedStates
     );
     const draftPayloadSnapshot = JSON.stringify({
       draftData,
@@ -9955,6 +10078,10 @@ let JupiterDynamicForm = class extends LitElement {
       this._decimalsData = metadata.decimalsData;
       console.log("🔄 Restored per-fact decimals data:", Object.keys(this._decimalsData).length, "concepts");
     }
+    if (metadata.roleCompletedStates) {
+      this._roleCompletedStates = new Map(Object.entries(metadata.roleCompletedStates));
+      console.log("🔄 Restored role completed states:", Object.keys(metadata.roleCompletedStates).length, "roles");
+    }
     if (metadata.periodPreferences) {
       if (this._skipPeriodPreferencesRestore) {
         console.log("⏭️ Skipping period preferences restoration - using new filter selections");
@@ -10034,6 +10161,7 @@ let JupiterDynamicForm = class extends LitElement {
     });
     this._formData = { ...this._formData, ...restoredFormData };
     console.log(`🔄 Restored ${Object.keys(restoredFormData).length} concepts with data`);
+    this._initializeGlobalDecimalsFromRoundingData();
     this._periodData = {
       ...this._periodData,
       ...metadata.periodData || {},
@@ -10672,8 +10800,14 @@ let JupiterDynamicForm = class extends LitElement {
           var _a, _b, _c, _d, _e, _f, _g, _h;
           const conceptData = this._formData[concept.id];
           let fieldValue = conceptData == null ? void 0 : conceptData[field2.columnId];
+          const baseConceptId = field2.conceptId || concept.id.split("__").slice(0, -1).join("__") || concept.id;
+          if ((fieldValue === void 0 || fieldValue === null || fieldValue === "") && this._isRoundingLevelConcept(baseConceptId) && !this._hasValidGlobalDecimals()) {
+            const factValue = this._findFactValueForField(concept, field2, section2);
+            if (factValue !== void 0 && factValue !== null && factValue !== "") {
+              fieldValue = factValue;
+            }
+          }
           if ((fieldValue === void 0 || fieldValue === null || fieldValue === "") && this._effectiveMasterData) {
-            const baseConceptId = field2.conceptId || concept.id.split("__").slice(0, -1).join("__") || concept.id;
             const masterValue = (_a = this._effectiveMasterData) == null ? void 0 : _a[baseConceptId];
             if (masterValue !== void 0 && masterValue !== null && masterValue !== "") {
               fieldValue = masterValue;
@@ -10949,6 +11083,15 @@ let JupiterDynamicForm = class extends LitElement {
     console.log(`ℹ️  User can re-add this role using the Filter Roles dialog`);
     this._closeRoleContextMenu();
   }
+  _handleRoleCompletedChange(roleId, checked) {
+    if (checked) {
+      this._roleCompletedStates.set(roleId, true);
+    } else {
+      this._roleCompletedStates.delete(roleId);
+    }
+    this._roleCompletedStates = new Map(this._roleCompletedStates);
+    this._handleSaveDraft("auto");
+  }
   _handleSidePanelRoleClick(roleId) {
     if (this._activeSidePanelRoleId && this._activeSidePanelRoleId !== roleId) {
       this._analyzeAndLogRole(this._activeSidePanelRoleId);
@@ -10986,6 +11129,10 @@ let JupiterDynamicForm = class extends LitElement {
       result = "INVALID";
       console.warn(`
 🔴 RESULT: INVALID (contains validation errors)`);
+    } else if (filledCount === 0) {
+      result = "UNTOUCHED";
+      console.warn(`
+⬜ RESULT: UNTOUCHED (no data entered)`);
     } else if (emptyCount > 0) {
       result = "INCOMPLETE";
       console.warn(`
@@ -10999,7 +11146,10 @@ let JupiterDynamicForm = class extends LitElement {
 `);
     if (result === "INVALID")
       ;
-    else if (result === "INCOMPLETE") {
+    else if (result === "UNTOUCHED") {
+      this._roleBorderStatuses.set(roleId, "untouched");
+      this._roleBorderStatuses = new Map(this._roleBorderStatuses);
+    } else if (result === "INCOMPLETE") {
       this._roleBorderStatuses.set(roleId, "incomplete");
       this._roleBorderStatuses = new Map(this._roleBorderStatuses);
     } else {
@@ -11661,7 +11811,8 @@ let JupiterDynamicForm = class extends LitElement {
             ${filteredSections.map((section2) => {
       const hasErrors = this._roleHasErrors(section2.id);
       const borderStatus = this._roleBorderStatuses.get(section2.id);
-      const statusClass = hasErrors ? "has-errors" : borderStatus === "incomplete" ? "has-empty-fields" : borderStatus === "complete" ? "has-complete-data" : "";
+      const isManuallyCompleted = this._roleCompletedStates.get(section2.id) === true;
+      const statusClass = isManuallyCompleted ? "has-complete-data" : hasErrors ? "has-errors" : borderStatus === "untouched" ? "has-no-data" : borderStatus === "incomplete" ? "has-empty-fields" : borderStatus === "complete" ? "has-complete-data" : "";
       return html`
                 <div 
                   class="side-panel-role-item ${section2.id === this._activeSidePanelRoleId ? "active" : ""} ${statusClass}"
@@ -11731,6 +11882,15 @@ let JupiterDynamicForm = class extends LitElement {
                 @column-remove="${this._handleColumnRemove}"
                 @column-add-request="${this._handleColumnAddRequest}"
               ></jupiter-form-section>
+              <div class="role-completion-row">
+                <input
+                  type="checkbox"
+                  id="role-complete-${activeSection.id}"
+                  .checked="${this._roleCompletedStates.get(activeSection.id) === true}"
+                  @change="${(e2) => this._handleRoleCompletedChange(activeSection.id, e2.target.checked)}"
+                >
+                <label for="role-complete-${activeSection.id}">Mark as completed</label>
+              </div>
             ` : html`
               <div class="no-roles-message">
                 <h3>${I18n.t("form.noRoleSelected")}</h3>
@@ -12356,6 +12516,14 @@ JupiterDynamicForm.styles = css`
       border-left: 2px solid var(--jupiter-error-color, #d32f2f);
     }
 
+    .side-panel-role-item.has-no-data {
+      border-left: 2px solid var(--jupiter-untouched-color, #757575);
+    }
+
+    .side-panel-role-item.has-no-data.active {
+      border-left: 2px solid var(--jupiter-untouched-color, #757575);
+    }
+
     .side-panel-role-item.has-empty-fields {
       border-left: 2px solid var(--jupiter-warning-color, #ff9800);
     }
@@ -12372,6 +12540,31 @@ JupiterDynamicForm.styles = css`
       border-left: 2px solid var(--jupiter-success-color, #4caf50);
     }
 
+    .role-completion-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 12px 16px;
+      border-top: 1px solid var(--jupiter-border-color, #e0e0e0);
+      margin-top: 4px;
+      background: var(--jupiter-background, #fff);
+    }
+
+    .role-completion-row input[type="checkbox"] {
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+      accent-color: var(--jupiter-success-color, #4caf50);
+      flex-shrink: 0;
+    }
+
+    .role-completion-row label {
+      font-size: 14px;
+      color: var(--jupiter-text-secondary, #555);
+      cursor: pointer;
+      user-select: none;
+    }
+
     .side-panel-content {
       flex: 1;
       overflow-y: auto;
@@ -12867,6 +13060,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_roleBorderStatuses", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_roleCompletedStates", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showRoleContextMenu", 2);