jupiter-dynamic-forms 1.17.3 → 1.17.5

package/dist/index.mjs

@@ -1702,7 +1702,8 @@ const field$1 = {
   urlPlaceholder: "https://example.com",
   phonePlaceholder: "+1 (555) 000-0000",
   enterValue: "Enter value",
-  enterDetailedInformation: "Enter detailed information..."
+  enterDetailedInformation: "Enter detailed information...",
+  scale: "Scale"
 };
 const admin$1 = {
   title: "Configure Roles",
@@ -1855,7 +1856,8 @@ const field = {
   urlPlaceholder: "https://voorbeeld.nl",
   phonePlaceholder: "+31 (0)20 123 4567",
   enterValue: "Voer waarde in",
-  enterDetailedInformation: "Voer gedetailleerde informatie in..."
+  enterDetailedInformation: "Voer gedetailleerde informatie in...",
+  scale: "Schaal"
 };
 const admin = {
   title: "Rollen configureren",
@@ -2137,7 +2139,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 +2152,7 @@ class DraftStorageService {
       periodPreferences,
       periodData,
       unitData,
+      decimalsData,
       repeatCounts,
       schemaVersion: this.STORAGE_VERSION
     };
@@ -3016,6 +3019,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 +3321,17 @@ let JupiterFormField = class extends LitElement {
     }));
     console.log(`🏷️ [FormField] unit-change event dispatched`);
   }
+  _handleDecimalsChange(event) {
+    const raw = event.target.value.trim();
+    const num = parseFloat(raw);
+    const value = raw && !isNaN(num) ? String(Math.abs(num)) : raw === "" ? "" : raw;
+    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 +3680,21 @@ let JupiterFormField = class extends LitElement {
               </div>
             ` : ""}
 
+            ${this._isMonetaryType() ? html`
+              <div class="period-controls">
+                <label>${I18n.t("field.scale")}:</label>
+                <input
+                  type="number"
+                  min="0"
+                  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 +4231,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 +4276,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 +4389,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 +4406,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 +4616,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 +5318,8 @@ let JupiterFormSection = class extends LitElement {
     this.formData = {};
     this.periodData = {};
     this.unitData = {};
+    this.decimalsData = {};
+    this.globalDecimals = "INF";
     this.typedMemberData = {};
     this.repeatCounts = {};
     this.defaultUnits = [];
@@ -5706,6 +5755,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}"
@@ -6175,6 +6226,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);
@@ -8106,6 +8163,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.showLastValidationResultBtn = false;
     this.isDraftSaving = false;
     this.defaultUnits = [];
+    this.decimals = "INF";
     this._formData = {};
     this._draftLoaded = false;
     this._preservedFormData = {};
@@ -8113,6 +8171,8 @@ let JupiterDynamicForm = class extends LitElement {
     this._preservedPeriodData = {};
     this._unitData = {};
     this._preservedUnitData = {};
+    this._decimalsData = {};
+    this._effectiveMasterData = void 0;
     this._typedMemberData = {};
     this._preservedTypedMemberData = {};
     this._repeatCounts = {};
@@ -8161,6 +8221,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;
@@ -8196,6 +8259,9 @@ let JupiterDynamicForm = class extends LitElement {
     }
   }
   updated(changedProperties) {
+    if (changedProperties.has("decimals") || changedProperties.has("masterData")) {
+      this._computeEffectiveMasterData();
+    }
     if (changedProperties.has("language")) {
       I18n.setLanguage(this.language);
     }
@@ -8853,7 +8919,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");
@@ -9011,6 +9078,35 @@ 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();
+  }
+  _computeEffectiveMasterData() {
+    const ROUNDING_CONCEPT = "rj-i_DocumentIntendedRoundingLevel";
+    if (this.decimals !== "INF") {
+      const parsed = parseFloat(this.decimals);
+      if (!isNaN(parsed)) {
+        this._effectiveMasterData = {
+          ...this.masterData || {},
+          [ROUNDING_CONCEPT]: String(-parsed)
+        };
+        return;
+      }
+    }
+    this._effectiveMasterData = this.masterData ? { ...this.masterData } : void 0;
+  }
+  _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
    */
@@ -9728,7 +9824,8 @@ let JupiterDynamicForm = class extends LitElement {
       this._periodData,
       this._unitData,
       this.reportingLanguage,
-      this._repeatCounts
+      this._repeatCounts,
+      this._decimalsData
     );
     const draftPayloadSnapshot = JSON.stringify({
       draftData,
@@ -9854,6 +9951,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");
@@ -10395,7 +10496,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;
@@ -10423,7 +10524,14 @@ 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) {
+      const parsed = parseFloat(decimalsValue);
+      entry.decimals = isNaN(parsed) ? decimalsValue : String(-Math.abs(parsed));
+    }
+    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));
@@ -10561,12 +10669,12 @@ 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, _h;
           const conceptData = this._formData[concept.id];
           let fieldValue = conceptData == null ? void 0 : conceptData[field2.columnId];
-          if ((fieldValue === void 0 || fieldValue === null || fieldValue === "") && this.masterData) {
+          if ((fieldValue === void 0 || fieldValue === null || fieldValue === "") && this._effectiveMasterData) {
             const baseConceptId = field2.conceptId || concept.id.split("__").slice(0, -1).join("__") || concept.id;
-            const masterValue = this.masterData[baseConceptId];
+            const masterValue = (_a = this._effectiveMasterData) == null ? void 0 : _a[baseConceptId];
             if (masterValue !== void 0 && masterValue !== null && masterValue !== "") {
               fieldValue = masterValue;
               console.warn(`  📦 [Submission] Using masterData for: ${baseConceptId} [${field2.columnId}] = ${JSON.stringify(fieldValue)}`);
@@ -10574,7 +10682,7 @@ let JupiterDynamicForm = class extends LitElement {
           }
           if (fieldValue !== void 0 && fieldValue !== null && fieldValue !== "") {
             const column2 = this._findColumnByIdInSection(field2.columnId, section2);
-            const fieldPeriodData = (_a = this._periodData[concept.id]) == null ? void 0 : _a[field2.columnId];
+            const fieldPeriodData = (_b = this._periodData[concept.id]) == null ? void 0 : _b[field2.columnId];
             const submissionEntry = {
               conceptId: concept.id,
               draftInstanceId: concept.id,
@@ -10596,14 +10704,21 @@ let JupiterDynamicForm = class extends LitElement {
               submissionEntry.period.endDate = endDate;
             }
             console.log(`🔍 [Submission] Concept: ${concept.id}, Column: ${field2.columnId}, Field Period: ${fieldPeriodData ? JSON.stringify(fieldPeriodData) : "none"}, Column Period: ${(column2 == null ? void 0 : column2.periodStartDate) || "none"} - ${(column2 == null ? void 0 : column2.periodEndDate) || "none"}, Used Period: ${submissionEntry.period.type === "instant" ? submissionEntry.period.date : `${submissionEntry.period.startDate} - ${submissionEntry.period.endDate}`}`);
-            const fieldUnit = (_b = this._unitData[concept.id]) == null ? void 0 : _b[field2.columnId];
+            const fieldUnit = (_c = this._unitData[concept.id]) == null ? void 0 : _c[field2.columnId];
             if (fieldUnit) {
               submissionEntry.unit = fieldUnit;
               console.log(`✅ [Submission] Adding unit to entry: ${fieldUnit} for ${concept.id}/${field2.columnId}`);
             } 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 = (_d = concept.type) == null ? void 0 : _d.toLowerCase().includes("monetary");
+            const fieldDecimals = (_e = this._decimalsData[concept.id]) == null ? void 0 : _e[field2.columnId];
+            const decimalsValue = fieldDecimals || (this.decimals !== "INF" ? this.decimals : void 0);
+            if (isMonetary && decimalsValue) {
+              const parsed = parseFloat(decimalsValue);
+              submissionEntry.decimals = isNaN(parsed) ? decimalsValue : String(-Math.abs(parsed));
+            }
+            if ((column2 == null ? void 0 : column2.type) === "dimension" && ((_f = column2.dimensionData) == null ? void 0 : _f.dimensionIdKey)) {
               submissionEntry.dimension = column2.dimensionData.dimensionIdKey;
               console.log(`🔍 [DynamicForm] Using dimension key from field's column (${field2.columnId}):`, column2.dimensionData.dimensionIdKey);
             } else {
@@ -10639,12 +10754,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: (_g = column2.dimensionData) == null ? void 0 : _g.hasTypedMembers,
                   dimensionData: column2.dimensionData
                 });
               }
             }
-            if (!submissionEntry.typedMembers && ((_e = field2.crossRoleTypedMembers) == null ? void 0 : _e.length)) {
+            if (!submissionEntry.typedMembers && ((_h = field2.crossRoleTypedMembers) == null ? void 0 : _h.length)) {
               const crossRoleKey = `${concept.id}__${field2.columnId}`;
               const crossRoleValues = this._typedMemberData[crossRoleKey];
               if (crossRoleValues) {
@@ -10910,7 +11025,7 @@ let JupiterDynamicForm = class extends LitElement {
           if (value === void 0 && conceptIdWithSuffix !== fieldConceptId) {
             value = (_b = this._formData[fieldConceptId]) == null ? void 0 : _b[field2.columnId];
           }
-          const masterValue = (_c = this.masterData) == null ? void 0 : _c[fieldConceptId];
+          const masterValue = (_c = this._effectiveMasterData) == null ? void 0 : _c[fieldConceptId];
           if ((value === null || value === void 0 || typeof value === "string" && value.trim() === "") && masterValue !== void 0) {
             value = masterValue;
             console.warn(`  📦 Using masterData value for: ${fieldConceptId} [${field2.columnId}] = ${JSON.stringify(value)}`);
@@ -11448,6 +11563,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}"
@@ -11459,7 +11576,7 @@ let JupiterDynamicForm = class extends LitElement {
             .mode="${this.mode}"
             .showFactsOnly="${this._showFactsOnly}"
             .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
-            .masterData="${this.masterData}"
+            .masterData="${this._effectiveMasterData}"
             .periodStartDate="${this.periodStartDate}"
             .periodEndDate="${this.periodEndDate}"
             @field-change="${this._handleFieldChange}"
@@ -11588,6 +11705,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}"
@@ -11600,7 +11719,7 @@ let JupiterDynamicForm = class extends LitElement {
                 .mode="${this.mode}"
                 .showFactsOnly="${this._showFactsOnly}"
                 .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
-                .masterData="${this.masterData}"
+                .masterData="${this._effectiveMasterData}"
                 .periodStartDate="${this.periodStartDate}"
                 .periodEndDate="${this.periodEndDate}"
                 @field-change="${this._handleFieldChange}"
@@ -12634,6 +12753,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);
@@ -12667,6 +12789,12 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_preservedUnitData", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_decimalsData", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_effectiveMasterData", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_typedMemberData", 2);