jupiter-dynamic-forms 1.17.4 → 1.17.6

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",
@@ -3062,6 +3064,9 @@ let JupiterFormField = class extends LitElement {
       );
     }
   }
+  _isRoundingLevelConcept() {
+    return !!this.conceptId && this.conceptId.includes("DocumentIntendedRoundingLevel");
+  }
   _handleInput(event) {
     const target = event.target;
     let value = target.value;
@@ -3233,6 +3238,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}`);
@@ -3320,7 +3328,9 @@ let JupiterFormField = class extends LitElement {
     console.log(`🏷️ [FormField] unit-change event dispatched`);
   }
   _handleDecimalsChange(event) {
-    const value = event.target.value.trim();
+    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 },
@@ -3678,12 +3688,13 @@ let JupiterFormField = class extends LitElement {
 
             ${this._isMonetaryType() ? html`
               <div class="period-controls">
-                <label>Decimals:</label>
+                <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 : "")}"
+                  .value="${this.decimals !== void 0 && this.decimals !== null && this.decimals !== "" ? this.decimals : this.globalDecimals !== "INF" ? this.globalDecimals : ""}"
                   @input="${this._handleDecimalsChange}"
                   ?disabled="${this.disabled}"
                 />
@@ -3719,6 +3730,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 = {
@@ -3773,7 +3785,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`
@@ -3785,7 +3797,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"
@@ -8167,6 +8179,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._unitData = {};
     this._preservedUnitData = {};
     this._decimalsData = {};
+    this._effectiveMasterData = void 0;
     this._typedMemberData = {};
     this._preservedTypedMemberData = {};
     this._repeatCounts = {};
@@ -8253,6 +8266,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);
     }
@@ -8371,6 +8387,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(() => {
@@ -9077,6 +9094,121 @@ let JupiterDynamicForm = class extends LitElement {
     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;
+  }
+  _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])
@@ -10011,6 +10143,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 || {},
@@ -10505,7 +10638,8 @@ let JupiterDynamicForm = class extends LitElement {
     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;
+      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;
@@ -10645,12 +10779,18 @@ let JupiterDynamicForm = class extends LitElement {
       }
       if (concept.fields && concept.fields.length > 0) {
         concept.fields.forEach((field2) => {
-          var _a, _b, _c, _d, _e, _f, _g;
+          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) {
-            const baseConceptId = field2.conceptId || concept.id.split("__").slice(0, -1).join("__") || concept.id;
-            const masterValue = this.masterData[baseConceptId];
+          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 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)}`);
@@ -10658,7 +10798,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,
@@ -10680,20 +10820,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));
             }
-            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 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) {
-              submissionEntry.decimals = decimalsValue;
+              const parsed = parseFloat(decimalsValue);
+              submissionEntry.decimals = isNaN(parsed) ? decimalsValue : String(-Math.abs(parsed));
             }
-            if ((column2 == null ? void 0 : column2.type) === "dimension" && ((_e = column2.dimensionData) == null ? void 0 : _e.dimensionIdKey)) {
+            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 {
@@ -10729,12 +10870,12 @@ let JupiterDynamicForm = class extends LitElement {
                 console.log(`🔍 [DynamicForm] Column details:`, {
                   id: column2.id,
                   type: column2.type,
-                  hasTypedMembers: (_f = column2.dimensionData) == null ? void 0 : _f.hasTypedMembers,
+                  hasTypedMembers: (_g = column2.dimensionData) == null ? void 0 : _g.hasTypedMembers,
                   dimensionData: column2.dimensionData
                 });
               }
             }
-            if (!submissionEntry.typedMembers && ((_g = field2.crossRoleTypedMembers) == null ? void 0 : _g.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) {
@@ -11000,7 +11141,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)}`);
@@ -11551,7 +11692,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}"
@@ -11694,7 +11835,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}"
@@ -12767,6 +12908,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_decimalsData", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_effectiveMasterData", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_typedMemberData", 2);