jupiter-dynamic-forms 1.17.2 → 1.17.4

package/dist/index.mjs

@@ -2137,7 +2137,7 @@ class DraftStorageService {
   /**
    * Create metadata snapshot from current form state
    */
-  createMetadataSnapshot(periodStartDate, periodEndDate, language, selectedRoleIds, allSections, typedMemberData, periodPreferences, periodData, unitData, reportingLanguage = "en", repeatCounts) {
+  createMetadataSnapshot(periodStartDate, periodEndDate, language, selectedRoleIds, allSections, typedMemberData, periodPreferences, periodData, unitData, reportingLanguage = "en", repeatCounts, decimalsData) {
     return {
       periodStartDate,
       periodEndDate,
@@ -2150,6 +2150,7 @@ class DraftStorageService {
       periodPreferences,
       periodData,
       unitData,
+      decimalsData,
       repeatCounts,
       schemaVersion: this.STORAGE_VERSION
     };
@@ -3016,6 +3017,7 @@ let JupiterFormField = class extends LitElement {
     this.locale = "en-US";
     this.hideLabel = false;
     this.mode = "inputForm";
+    this.globalDecimals = "INF";
     this.typedMemberValues = {};
     this._errors = [];
     this._xbrlErrors = [];
@@ -3317,6 +3319,15 @@ let JupiterFormField = class extends LitElement {
     }));
     console.log(`🏷️ [FormField] unit-change event dispatched`);
   }
+  _handleDecimalsChange(event) {
+    const value = event.target.value.trim();
+    this.decimals = value || void 0;
+    this.dispatchEvent(new CustomEvent("decimals-change", {
+      detail: { conceptId: this.conceptId, columnId: this.columnId, decimals: this.decimals },
+      bubbles: true,
+      composed: true
+    }));
+  }
   _handlePopupOverlayClick(e2) {
     if (e2.target === e2.currentTarget) {
       this._closePeriodPopup();
@@ -3665,6 +3676,20 @@ let JupiterFormField = class extends LitElement {
               </div>
             ` : ""}
 
+            ${this._isMonetaryType() ? html`
+              <div class="period-controls">
+                <label>Decimals:</label>
+                <input
+                  type="number"
+                  class="typed-member-input"
+                  placeholder="Leave blank for INF"
+                  .value="${this.decimals ?? (this.globalDecimals !== "INF" ? this.globalDecimals : "")}"
+                  @input="${this._handleDecimalsChange}"
+                  ?disabled="${this.disabled}"
+                />
+              </div>
+            ` : ""}
+
             ${this.field.crossRoleTypedMembers && this.field.crossRoleTypedMembers.length > 0 ? html`
               ${this.field.crossRoleTypedMembers.map((tm) => html`
                 <div class="period-controls">
@@ -4201,6 +4226,12 @@ __decorateClass$6([
 __decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "unit", 2);
+__decorateClass$6([
+  n2({ type: String })
+], JupiterFormField.prototype, "decimals", 2);
+__decorateClass$6([
+  n2({ type: String })
+], JupiterFormField.prototype, "globalDecimals", 2);
 __decorateClass$6([
   n2({ type: Object })
 ], JupiterFormField.prototype, "typedMemberValues", 2);
@@ -4240,6 +4271,8 @@ let JupiterConceptTree = class extends LitElement {
     this.formData = {};
     this.periodData = {};
     this.unitData = {};
+    this.decimalsData = {};
+    this.globalDecimals = "INF";
     this.defaultUnits = [];
     this.disabled = false;
     this.locale = "en-US";
@@ -4351,12 +4384,13 @@ let JupiterConceptTree = class extends LitElement {
 
       <!-- Input Field Cells (Period Columns) - Only for non-abstract concepts -->
       ${this.columns.map((column2) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       const field2 = this._getFieldForColumn(column2.id);
       const shouldShowField = !isAbstract && field2;
       const storedUnit = (_b = (_a = this.unitData) == null ? void 0 : _a[this.concept.id]) == null ? void 0 : _b[column2.id];
+      const storedDecimals = (_d = (_c = this.decimalsData) == null ? void 0 : _c[this.concept.id]) == null ? void 0 : _d[column2.id];
       return html`
-          <td class="field-cell ${!shouldShowField ? "empty" : ""} ${isAbstract ? "abstract-row" : ""} ${this.highlightType && column2.id === this.highlightColumnId ? "highlight-" + this.highlightType : ""} ${((_c = this.calculationErrorKeys) == null ? void 0 : _c.has(`${this.concept.id}__${column2.id}`)) ? "calc-error" : ""}">
+          <td class="field-cell ${!shouldShowField ? "empty" : ""} ${isAbstract ? "abstract-row" : ""} ${this.highlightType && column2.id === this.highlightColumnId ? "highlight-" + this.highlightType : ""} ${((_e = this.calculationErrorKeys) == null ? void 0 : _e.has(`${this.concept.id}__${column2.id}`)) ? "calc-error" : ""}">
             ${shouldShowField ? html`
               <jupiter-form-field
                 .field="${field2}"
@@ -4367,6 +4401,8 @@ let JupiterConceptTree = class extends LitElement {
                 .columnId="${column2.id}"
                 .value="${this._getFieldValue(field2)}"
                 .unit="${storedUnit || ""}"
+                .decimals="${storedDecimals}"
+                .globalDecimals="${this.globalDecimals}"
                 .periodStartDate="${field2.periodStartDate || column2.periodStartDate}"
                 .periodEndDate="${field2.periodEndDate || column2.periodEndDate}"
                 .periodInstantDate="${field2.periodInstantDate || (field2.periodType === "instant" ? field2.periodEndDate || field2.periodStartDate : void 0)}"
@@ -4575,6 +4611,12 @@ __decorateClass$5([
 __decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "unitData", 2);
+__decorateClass$5([
+  n2({ type: Object })
+], JupiterConceptTree.prototype, "decimalsData", 2);
+__decorateClass$5([
+  n2({ type: String })
+], JupiterConceptTree.prototype, "globalDecimals", 2);
 __decorateClass$5([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "defaultUnits", 2);
@@ -5271,6 +5313,8 @@ let JupiterFormSection = class extends LitElement {
     this.formData = {};
     this.periodData = {};
     this.unitData = {};
+    this.decimalsData = {};
+    this.globalDecimals = "INF";
     this.typedMemberData = {};
     this.repeatCounts = {};
     this.defaultUnits = [];
@@ -5291,9 +5335,6 @@ let JupiterFormSection = class extends LitElement {
     this._insertAfterColumnId = null;
     this._boundFieldBlur = (e2) => {
       this._clearHighlights();
-      const { conceptId, columnId } = e2.detail || {};
-      if (conceptId && columnId)
-        this._runCalculationCheck(conceptId, columnId);
     };
     this._expandedConcepts = /* @__PURE__ */ new Set();
     this._allTreeExpanded = false;
@@ -5542,7 +5583,7 @@ let JupiterFormSection = class extends LitElement {
     this._traverseTotalGroups(concepts);
   }
   _traverseTotalGroups(concepts) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     for (let i2 = 0; i2 < concepts.length; i2++) {
       const concept = concepts[i2];
       if ((_a = concept.preferredLabel) == null ? void 0 : _a.includes("totalLabel")) {
@@ -5555,7 +5596,14 @@ let JupiterFormSection = class extends LitElement {
             this._memberParentMap.set(childId, concept.id);
           }
         } else {
-          const siblings = concepts.slice(0, i2);
+          let lastTotalIdx = -1;
+          for (let j = i2 - 1; j >= 0; j--) {
+            if ((_c = concepts[j].preferredLabel) == null ? void 0 : _c.includes("totalLabel")) {
+              lastTotalIdx = j;
+              break;
+            }
+          }
+          const siblings = concepts.slice(lastTotalIdx + 1, i2);
           if (siblings.length > 0) {
             const siblingIds = siblings.map((s2) => s2.id);
             this._totalChildrenMap.set(concept.id, siblingIds);
@@ -5567,7 +5615,7 @@ let JupiterFormSection = class extends LitElement {
           }
         }
       }
-      if ((_c = concept.children) == null ? void 0 : _c.length) {
+      if ((_d = concept.children) == null ? void 0 : _d.length) {
         this._traverseTotalGroups(concept.children);
       }
     }
@@ -5702,6 +5750,8 @@ let JupiterFormSection = class extends LitElement {
         .formData="${this.formData}"
         .periodData="${this.periodData}"
         .unitData="${this.unitData}"
+        .decimalsData="${this.decimalsData}"
+        .globalDecimals="${this.globalDecimals}"
         .defaultUnits="${this.defaultUnits}"
         .disabled="${this.disabled}"
         .locale="${this.locale}"
@@ -6171,6 +6221,12 @@ __decorateClass$3([
 __decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "unitData", 2);
+__decorateClass$3([
+  n2({ type: Object })
+], JupiterFormSection.prototype, "decimalsData", 2);
+__decorateClass$3([
+  n2({ type: String })
+], JupiterFormSection.prototype, "globalDecimals", 2);
 __decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "typedMemberData", 2);
@@ -8102,6 +8158,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.showLastValidationResultBtn = false;
     this.isDraftSaving = false;
     this.defaultUnits = [];
+    this.decimals = "INF";
     this._formData = {};
     this._draftLoaded = false;
     this._preservedFormData = {};
@@ -8109,6 +8166,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._preservedPeriodData = {};
     this._unitData = {};
     this._preservedUnitData = {};
+    this._decimalsData = {};
     this._typedMemberData = {};
     this._preservedTypedMemberData = {};
     this._repeatCounts = {};
@@ -8157,6 +8215,9 @@ let JupiterDynamicForm = class extends LitElement {
       console.log(`🏷️ [GLOBAL DynamicForm] Event detail:`, customEvent.detail);
       this._handleUnitChange(customEvent);
     });
+    this.addEventListener("decimals-change", (e2) => {
+      this._handleDecimalsChange(e2);
+    });
     this.addEventListener("field-blur", (e2) => {
       console.log("🚨 [DynamicForm] field-blur event listener triggered!", e2);
       const customEvent = e2;
@@ -8849,7 +8910,8 @@ let JupiterDynamicForm = class extends LitElement {
       this._periodData,
       this._unitData,
       this.reportingLanguage,
-      this._repeatCounts
+      this._repeatCounts,
+      this._decimalsData
     );
     this._draftStorageService.saveDraft(currentFormData, currentMetadata);
     console.log("✅ Current form data saved to draft storage with NEW preferences");
@@ -9007,6 +9069,21 @@ let JupiterDynamicForm = class extends LitElement {
     console.log(`💾 [_storeUnit] Unit data stored for [${conceptId}][${columnId}]:`, this._unitData[conceptId][columnId]);
     console.log(`📦 [_storeUnit] Full unit data state after update:`, JSON.stringify(this._unitData, null, 2));
   }
+  _handleDecimalsChange(event) {
+    const { conceptId, columnId, decimals } = event.detail;
+    if (!conceptId || !columnId)
+      return;
+    this._storeDecimals(conceptId, columnId, decimals);
+    this._dirty = true;
+    this.requestUpdate();
+  }
+  _storeDecimals(conceptId, columnId, decimals) {
+    const updated = { ...this._decimalsData };
+    if (!updated[conceptId])
+      updated[conceptId] = {};
+    updated[conceptId] = { ...updated[conceptId], [columnId]: decimals ?? "" };
+    this._decimalsData = updated;
+  }
   /**
    * Generate a unique concept key that includes section context
    */
@@ -9724,7 +9801,8 @@ let JupiterDynamicForm = class extends LitElement {
       this._periodData,
       this._unitData,
       this.reportingLanguage,
-      this._repeatCounts
+      this._repeatCounts,
+      this._decimalsData
     );
     const draftPayloadSnapshot = JSON.stringify({
       draftData,
@@ -9850,6 +9928,10 @@ let JupiterDynamicForm = class extends LitElement {
       this._unitData = metadata.unitData;
       console.log("🔄 Restored custom field-level unit data:", Object.keys(this._unitData).length, "concepts");
     }
+    if (metadata.decimalsData) {
+      this._decimalsData = metadata.decimalsData;
+      console.log("🔄 Restored per-fact decimals data:", Object.keys(this._decimalsData).length, "concepts");
+    }
     if (metadata.periodPreferences) {
       if (this._skipPeriodPreferencesRestore) {
         console.log("⏭️ Skipping period preferences restoration - using new filter selections");
@@ -10391,7 +10473,7 @@ let JupiterDynamicForm = class extends LitElement {
     return null;
   }
   _addConceptDataToSubmission(concept, columnId, value, submissionData, section2) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const field2 = concept.fields.find((f2) => f2.columnId === columnId);
     if (!field2)
       return;
@@ -10419,7 +10501,13 @@ let JupiterDynamicForm = class extends LitElement {
       entry.unit = fieldUnit;
       console.log(`✅ [Submission] Adding unit to entry: ${fieldUnit} for ${concept.id}/${columnId}`);
     }
-    if ((_c = column2 == null ? void 0 : column2.dimensionData) == null ? void 0 : _c.memberLabel) {
+    const isMonetary = (_c = concept.type) == null ? void 0 : _c.toLowerCase().includes("monetary");
+    const fieldDecimals = (_d = this._decimalsData[concept.id]) == null ? void 0 : _d[columnId];
+    const decimalsValue = fieldDecimals || (this.decimals !== "INF" ? this.decimals : void 0);
+    if (isMonetary && decimalsValue) {
+      entry.decimals = decimalsValue;
+    }
+    if ((_e = column2 == null ? void 0 : column2.dimensionData) == null ? void 0 : _e.memberLabel) {
       entry.dimension = column2.dimensionData.memberLabel;
     }
     console.log(`📤 [Submission Entry] Created entry:`, JSON.stringify(entry, null, 2));
@@ -10557,7 +10645,7 @@ let JupiterDynamicForm = class extends LitElement {
       }
       if (concept.fields && concept.fields.length > 0) {
         concept.fields.forEach((field2) => {
-          var _a, _b, _c, _d, _e;
+          var _a, _b, _c, _d, _e, _f, _g;
           const conceptData = this._formData[concept.id];
           let fieldValue = conceptData == null ? void 0 : conceptData[field2.columnId];
           if ((fieldValue === void 0 || fieldValue === null || fieldValue === "") && this.masterData) {
@@ -10599,7 +10687,13 @@ let JupiterDynamicForm = class extends LitElement {
             } else {
               console.log(`⚠️ [Submission] No unit found in _unitData for ${concept.id}/${field2.columnId}. _unitData state:`, JSON.stringify(this._unitData, null, 2));
             }
-            if ((column2 == null ? void 0 : column2.type) === "dimension" && ((_c = column2.dimensionData) == null ? void 0 : _c.dimensionIdKey)) {
+            const isMonetary = (_c = concept.type) == null ? void 0 : _c.toLowerCase().includes("monetary");
+            const fieldDecimals = (_d = this._decimalsData[concept.id]) == null ? void 0 : _d[field2.columnId];
+            const decimalsValue = fieldDecimals || (this.decimals !== "INF" ? this.decimals : void 0);
+            if (isMonetary && decimalsValue) {
+              submissionEntry.decimals = decimalsValue;
+            }
+            if ((column2 == null ? void 0 : column2.type) === "dimension" && ((_e = column2.dimensionData) == null ? void 0 : _e.dimensionIdKey)) {
               submissionEntry.dimension = column2.dimensionData.dimensionIdKey;
               console.log(`🔍 [DynamicForm] Using dimension key from field's column (${field2.columnId}):`, column2.dimensionData.dimensionIdKey);
             } else {
@@ -10635,12 +10729,12 @@ let JupiterDynamicForm = class extends LitElement {
                 console.log(`🔍 [DynamicForm] Column details:`, {
                   id: column2.id,
                   type: column2.type,
-                  hasTypedMembers: (_d = column2.dimensionData) == null ? void 0 : _d.hasTypedMembers,
+                  hasTypedMembers: (_f = column2.dimensionData) == null ? void 0 : _f.hasTypedMembers,
                   dimensionData: column2.dimensionData
                 });
               }
             }
-            if (!submissionEntry.typedMembers && ((_e = field2.crossRoleTypedMembers) == null ? void 0 : _e.length)) {
+            if (!submissionEntry.typedMembers && ((_g = field2.crossRoleTypedMembers) == null ? void 0 : _g.length)) {
               const crossRoleKey = `${concept.id}__${field2.columnId}`;
               const crossRoleValues = this._typedMemberData[crossRoleKey];
               if (crossRoleValues) {
@@ -11444,6 +11538,8 @@ let JupiterDynamicForm = class extends LitElement {
             .formData="${this._formData}"
             .periodData="${this._periodData}"
             .unitData="${this._unitData}"
+            .decimalsData="${this._decimalsData}"
+            .globalDecimals="${this.decimals}"
             .typedMemberData="${this._typedMemberData}"
             .repeatCounts="${this._repeatCounts}"
             .defaultUnits="${this.defaultUnits}"
@@ -11584,6 +11680,8 @@ let JupiterDynamicForm = class extends LitElement {
                 .formData="${this._formData}"
                 .periodData="${this._periodData}"
                 .unitData="${this._unitData}"
+                .decimalsData="${this._decimalsData}"
+                .globalDecimals="${this.decimals}"
                 .typedMemberData="${this._typedMemberData}"
                 .repeatCounts="${this._repeatCounts}"
                 .defaultUnits="${this.defaultUnits}"
@@ -12630,6 +12728,9 @@ __decorateClass([
 __decorateClass([
   n2({ type: Array })
 ], JupiterDynamicForm.prototype, "defaultUnits", 2);
+__decorateClass([
+  n2({ type: String })
+], JupiterDynamicForm.prototype, "decimals", 2);
 __decorateClass([
   n2({ type: Object, attribute: "master-data" })
 ], JupiterDynamicForm.prototype, "masterData", 2);
@@ -12663,6 +12764,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_preservedUnitData", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_decimalsData", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_typedMemberData", 2);