jupiter-dynamic-forms 1.15.8 → 1.16.0

package/dist/index.mjs

@@ -624,7 +624,7 @@ class XBRLFormBuilder {
     }
     const columns = this.generateDefaultColumnsForRole(role, periodStartDate || "2025-01-01", periodEndDate || "2025-12-31", hypercubeRole, nonAbstractConcepts, periodTypes, rolePreferences);
     const availableColumnIds = columns.map((col) => col.id);
-    const roleInfo = { periodTypes, availableColumnIds };
+    const roleInfo = { periodTypes, availableColumnIds, availableColumns: columns };
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
       role.presentationLinkbase.concepts.forEach((concept) => {
@@ -668,7 +668,11 @@ class XBRLFormBuilder {
         columnIds = ["duration"];
       }
       columnIds.forEach((columnId) => {
-        const field2 = this.createFieldFromConcept(concept, periodStartDate, periodEndDate, columnId);
+        var _a;
+        const column2 = (_a = roleInfo == null ? void 0 : roleInfo.availableColumns) == null ? void 0 : _a.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);
         if (field2)
           fields.push(field2);
       });
@@ -3243,7 +3247,8 @@ let JupiterFormField = class extends LitElement {
       displayValue = effectiveValue !== null && effectiveValue !== void 0 ? String(effectiveValue) : "";
     }
     const isEmpty = displayValue === "" || displayValue === null || displayValue === void 0;
-    return html`<span class="readonly-value ${isEmpty ? "empty" : ""}">${isEmpty ? "—" : displayValue}</span>`;
+    const isMonetary = this._isMonetaryType();
+    return html`<span class="readonly-value ${isEmpty ? "empty" : ""} ${isMonetary ? "monetary" : ""}">${isEmpty ? "—" : displayValue}</span>`;
   }
   _renderInput(effectiveValue = this.value, effectiveDisabled = this.disabled) {
     if (this.mode === "readonly") {
@@ -3840,6 +3845,7 @@ JupiterFormField.styles = css`
       line-height: 1.4;
       word-break: break-word;
       min-height: 1.4em;
+      text-align: left;
     }
 
     .readonly-value.empty {
@@ -3847,6 +3853,11 @@ JupiterFormField.styles = css`
       font-style: italic;
     }
 
+    .readonly-value.monetary {
+      text-align: right;
+      width: 100%;
+    }
+
     .checkbox-container {
       display: flex;
       align-items: center;