jupiter-dynamic-forms 1.16.5 → 1.16.7

package/dist/index.mjs

@@ -715,14 +715,17 @@ class XBRLFormBuilder {
       // Collapse nested levels by default
       abstract: concept.elementAbstract,
       periodType: concept.periodType,
-      balance: concept.balance
+      balance: concept.balance,
       // Pass through balance attribute from XBRL data
+      preferredLabel: concept.preferredLabel
+      // Pass through for period date calculation in manual columns
     };
   }
   /**
    * Create form field from XBRL concept
    */
   static createFieldFromConcept(concept, periodStartDate, periodEndDate, forcedColumnId) {
+    var _a;
     const fieldType = this.mapXBRLTypeToFieldType(concept.type);
     const label = this.getPreferredLabel(concept.labels);
     let columnId;
@@ -747,7 +750,7 @@ class XBRLFormBuilder {
       // Validate and set the period type
       periodStartDate: periodStartDate || "2025-01-01",
       periodEndDate: periodEndDate || "2025-12-31",
-      periodInstantDate: concept.periodType === "instant" ? periodEndDate || periodStartDate || "2025-01-01" : void 0
+      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
     };
     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}`);
@@ -1052,6 +1055,16 @@ class XBRLFormBuilder {
       return dateString;
     }
   }
+  static subtractOneDay(dateString) {
+    try {
+      const date = new Date(dateString);
+      date.setDate(date.getDate() - 1);
+      return date.toISOString().split("T")[0];
+    } catch (error2) {
+      console.error(`Error subtracting one day from date ${dateString}:`, error2);
+      return dateString;
+    }
+  }
   /**
    * Generate previous year columns based on current year columns
    */
@@ -7036,10 +7049,10 @@ JupiterFilterRolesDialog.styles = css`
       transition: all 0.2s ease;
     }
 
-    .selection-control:hover {
-      background: var(--menuBgColorLighter, var(--jupiter-primary-color, #1976d2));
-      color: white;
-    }
+    // .selection-control:hover {
+    //   background: var(--menuBgColorLighter, var(--jupiter-primary-color, #1976d2));
+    //   color: white;
+    // }
 
     .roles-list {
       display: flex;
@@ -8728,6 +8741,19 @@ let JupiterDynamicForm = class extends LitElement {
     }
     return `${startDate} / ${endDate}`;
   }
+  _resolveInstantDate(preferredLabel, instantDate, startDate, endDate) {
+    if (preferredLabel == null ? void 0 : preferredLabel.includes("periodStartLabel")) {
+      const base = startDate || "2025-01-01";
+      try {
+        const d2 = new Date(base);
+        d2.setDate(d2.getDate() - 1);
+        return d2.toISOString().split("T")[0];
+      } catch {
+        return base;
+      }
+    }
+    return instantDate || endDate || startDate || "2025-01-01";
+  }
   _addColumnFromRequest(request, sectionId, insertAfterColumnId) {
     var _a, _b, _c, _d, _e;
     const timestamp = Date.now();
@@ -8926,6 +8952,9 @@ let JupiterDynamicForm = class extends LitElement {
       if (this._shouldCreateFieldForConcept(concept, request)) {
         const existingField = (_a = concept.fields) == null ? void 0 : _a[0];
         let field2;
+        const colStartDate = request.periodType === "instant" ? request.instantDate : request.startDate;
+        const colEndDate = request.periodType === "instant" ? request.instantDate : request.endDate;
+        const instantDate = this._resolveInstantDate(concept.preferredLabel, request.instantDate, colStartDate, colEndDate);
         if (existingField) {
           field2 = {
             id: `${concept.id}_${columnId}`,
@@ -8939,13 +8968,10 @@ let JupiterDynamicForm = class extends LitElement {
             validation: existingField.validation,
             defaultValue: existingField.defaultValue,
             periodType: concept.periodType,
-            // Add periodType from concept
             conceptType: concept.type,
-            // CRITICAL: Include conceptType for XBRL validation
-            // Set period dates from the add column request
-            periodStartDate: request.periodType === "instant" ? request.instantDate : request.startDate,
-            periodEndDate: request.periodType === "instant" ? request.instantDate : request.endDate,
-            periodInstantDate: concept.periodType === "instant" ? request.instantDate || request.startDate : void 0
+            periodStartDate: colStartDate,
+            periodEndDate: colEndDate,
+            periodInstantDate: concept.periodType === "instant" ? instantDate : void 0
           };
         } else {
           field2 = {
@@ -8960,13 +8986,10 @@ let JupiterDynamicForm = class extends LitElement {
             validation: [],
             defaultValue: "",
             periodType: concept.periodType,
-            // Add periodType from concept
             conceptType: concept.type,
-            // CRITICAL: Include conceptType for XBRL validation
-            // Set period dates from the add column request
-            periodStartDate: request.periodType === "instant" ? request.instantDate : request.startDate,
-            periodEndDate: request.periodType === "instant" ? request.instantDate : request.endDate,
-            periodInstantDate: concept.periodType === "instant" ? request.instantDate || request.startDate : void 0
+            periodStartDate: colStartDate,
+            periodEndDate: colEndDate,
+            periodInstantDate: concept.periodType === "instant" ? instantDate : void 0
           };
         }
         if (!concept.fields) {
@@ -11011,7 +11034,7 @@ let JupiterDynamicForm = class extends LitElement {
 
           ${this._validationStatus === "complete" || this.showLastValidationResultBtn ? html`
             <button
-              class="btn-last-results"
+              class="btn-secondary btn-last-results"
               @click="${() => this.dispatchEvent(new CustomEvent("show-validation-results", { bubbles: true, composed: true }))}"
               ?disabled="${this.disabled || this.readonly}"
             >
@@ -11267,14 +11290,6 @@ JupiterDynamicForm.styles = css`
       background: var(--jupiter-primary-color-dark, #1565c0);
     }
 
-    .btn-last-results {
-      background: var(--jupiter-primary-color, #1976d2);
-      color: white;
-    }
-    .btn-last-results:hover:not(:disabled) {
-      background: var(--jupiter-primary-color, #1976d2);
-      color: white;
-    }
 
     .validation-spinner {
       display: inline-block;
@@ -11344,15 +11359,15 @@ JupiterDynamicForm.styles = css`
     .no-roles-message {
       padding: 40px;
       text-align: center;
-      color: var(--jupiter-text-secondary, #666);
-      background: var(--jupiter-background-light, #f8f9fa);
+      color: var(--primaryTextColor, var(--jupiter-text-secondary, #666));
+      background: var(--bg-color-2, var(--jupiter-background-light, #f8f9fa));
       border-radius: 8px;
       margin: 20px 0;
     }
 
     .no-roles-message h3 {
       margin: 0 0 16px 0;
-      color: var(--jupiter-text-primary, #333);
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
     }
 
     .no-roles-message p {
@@ -11487,11 +11502,12 @@ JupiterDynamicForm.styles = css`
 
     .side-panel-search-results-info {
       font-size: 12px;
-      color: var(--jupiter-text-secondary, #666);
       padding: 8px 16px;
       text-align: center;
       border-bottom: 1px solid var(--jupiter-border-color, #e0e0e0);
-      background: var(--jupiter-background-light, #f8f9fa);
+      
+      color: var(--primaryTextColor, var(--jupiter-text-secondary, #666));
+      background: var(--bg-color-2, var(--jupiter-background-light, #f8f9fa));
     }
 
     .side-panel-no-results {
@@ -11550,6 +11566,7 @@ JupiterDynamicForm.styles = css`
       flex: 1;
       overflow-y: auto;
       padding: 0;
+      background: var(--bg-color-2, var(--jupiter-background, #fff));
     }
 
     .side-panel-content .form-sections {