jupiter-dynamic-forms 1.14.9 → 1.15.1

package/dist/index.mjs

@@ -1593,7 +1593,21 @@ const admin$1 = {
 };
 const validation$1 = {
   summary: "Please fix the following errors before submitting:",
-  errorsFound: "errors found"
+  errorsFound: "errors found",
+  unitRequired: "Unit is required. Please select a unit via the period icon."
+};
+const xbrlValidation$1 = {
+  patternMismatch: "Value does not match required pattern: {{pattern}}",
+  invalidPattern: "Invalid pattern configuration: {{pattern}}",
+  exactLength: "Value must be exactly {{required}} characters (current: {{current}})",
+  minLength: "Value must be at least {{required}} characters (current: {{current}})",
+  maxLength: "Value must not exceed {{required}} characters (current: {{current}})",
+  totalDigits: "Value must not exceed {{required}} total digits (current: {{current}})",
+  ruleSummaryPattern: "Must match pattern: {{pattern}}",
+  ruleSummaryExactLength: "Must be exactly {{required}} characters",
+  ruleSummaryMinLength: "Minimum {{required}} characters",
+  ruleSummaryMaxLength: "Maximum {{required}} characters",
+  ruleSummaryTotalDigits: "Maximum {{required}} total digits"
 };
 const error$1 = {
   popup: {
@@ -1614,6 +1628,7 @@ const enTranslations = {
   field: field$1,
   admin: admin$1,
   validation: validation$1,
+  xbrlValidation: xbrlValidation$1,
   error: error$1
 };
 const form = {
@@ -1717,7 +1732,21 @@ const admin = {
 };
 const validation = {
   summary: "Corrigeer de volgende fouten voordat u indient:",
-  errorsFound: "fouten gevonden"
+  errorsFound: "fouten gevonden",
+  unitRequired: "Eenheid is verplicht. Selecteer een eenheid via het periodeicoon."
+};
+const xbrlValidation = {
+  patternMismatch: "Waarde voldoet niet aan het vereiste patroon: {{pattern}}",
+  invalidPattern: "Ongeldige patternconfiguratie: {{pattern}}",
+  exactLength: "Waarde moet exact {{required}} tekens bevatten (huidig: {{current}})",
+  minLength: "Waarde moet minimaal {{required}} tekens bevatten (huidig: {{current}})",
+  maxLength: "Waarde mag niet meer dan {{required}} tekens bevatten (huidig: {{current}})",
+  totalDigits: "Waarde mag niet meer dan {{required}} cijfers bevatten (huidig: {{current}})",
+  ruleSummaryPattern: "Moet overeenkomen met patroon: {{pattern}}",
+  ruleSummaryExactLength: "Moet exact {{required}} tekens bevatten",
+  ruleSummaryMinLength: "Minimaal {{required}} tekens",
+  ruleSummaryMaxLength: "Maximaal {{required}} tekens",
+  ruleSummaryTotalDigits: "Maximaal {{required}} cijfers"
 };
 const error = {
   popup: {
@@ -1738,6 +1767,7 @@ const nlTranslations = {
   field,
   admin,
   validation,
+  xbrlValidation,
   error
 };
 const translations = {
@@ -2338,7 +2368,7 @@ class XBRLValidator {
       if (!regex.test(value)) {
         return {
           type: "pattern",
-          message: `Value does not match required pattern: ${pattern}`,
+          message: I18n.t("xbrlValidation.patternMismatch", { pattern }),
           expectedValue: pattern,
           actualValue: value
         };
@@ -2347,7 +2377,7 @@ class XBRLValidator {
       console.error(`Invalid regex pattern: ${pattern}`, error2);
       return {
         type: "pattern",
-        message: `Invalid pattern configuration: ${pattern}`,
+        message: I18n.t("xbrlValidation.invalidPattern", { pattern }),
         expectedValue: pattern,
         actualValue: value
       };
@@ -2361,7 +2391,7 @@ class XBRLValidator {
     if (value.length !== requiredLength) {
       return {
         type: "length",
-        message: `Value must be exactly ${requiredLength} characters (current: ${value.length})`,
+        message: I18n.t("xbrlValidation.exactLength", { required: requiredLength, current: value.length }),
         expectedValue: requiredLength,
         actualValue: value.length
       };
@@ -2375,7 +2405,7 @@ class XBRLValidator {
     if (value.length < minLength) {
       return {
         type: "minLength",
-        message: `Value must be at least ${minLength} characters (current: ${value.length})`,
+        message: I18n.t("xbrlValidation.minLength", { required: minLength, current: value.length }),
         expectedValue: minLength,
         actualValue: value.length
       };
@@ -2389,7 +2419,7 @@ class XBRLValidator {
     if (value.length > maxLength) {
       return {
         type: "maxLength",
-        message: `Value must not exceed ${maxLength} characters (current: ${value.length})`,
+        message: I18n.t("xbrlValidation.maxLength", { required: maxLength, current: value.length }),
         expectedValue: maxLength,
         actualValue: value.length
       };
@@ -2404,7 +2434,7 @@ class XBRLValidator {
     if (digitsOnly.length > totalDigits) {
       return {
         type: "totalDigits",
-        message: `Value must not exceed ${totalDigits} total digits (current: ${digitsOnly.length})`,
+        message: I18n.t("xbrlValidation.totalDigits", { required: totalDigits, current: digitsOnly.length }),
         expectedValue: totalDigits,
         actualValue: digitsOnly.length
       };
@@ -2426,19 +2456,19 @@ class XBRLValidator {
     const validation2 = datatype.validation;
     const rules = [];
     if (validation2.pattern) {
-      rules.push(`Must match pattern: ${validation2.pattern}`);
+      rules.push(I18n.t("xbrlValidation.ruleSummaryPattern", { pattern: validation2.pattern }));
     }
     if (validation2.length !== void 0) {
-      rules.push(`Must be exactly ${validation2.length} characters`);
+      rules.push(I18n.t("xbrlValidation.ruleSummaryExactLength", { required: validation2.length }));
     }
     if (validation2.minLength !== void 0) {
-      rules.push(`Minimum ${validation2.minLength} characters`);
+      rules.push(I18n.t("xbrlValidation.ruleSummaryMinLength", { required: validation2.minLength }));
     }
     if (validation2.maxLength !== void 0) {
-      rules.push(`Maximum ${validation2.maxLength} characters`);
+      rules.push(I18n.t("xbrlValidation.ruleSummaryMaxLength", { required: validation2.maxLength }));
     }
     if (validation2.totalDigits !== void 0) {
-      rules.push(`Maximum ${validation2.totalDigits} total digits`);
+      rules.push(I18n.t("xbrlValidation.ruleSummaryTotalDigits", { required: validation2.totalDigits }));
     }
     return rules;
   }
@@ -2931,6 +2961,7 @@ let JupiterFormField = class extends LitElement {
   _handleBlur() {
     this._touched = true;
     this._validateXBRLDatatype();
+    this._validateUnitSelection();
     console.log(`🟦 [FormField] Blur event - fieldId: ${this.field.id}, conceptId: ${this.conceptId}, columnId: ${this.columnId}`);
     console.log(`🟦 [FormField] Current _xbrlErrors:`, this._xbrlErrors);
     console.log(`🟦 [FormField] Current value:`, this.value);
@@ -3029,6 +3060,32 @@ let JupiterFormField = class extends LitElement {
       console.log(`✅ [FormField] XBRL Validation passed for ${this.conceptId}`);
     }
   }
+  /**
+   * Validates that a unit is selected when units are available and a value has been entered.
+   * Appends a unit error to _xbrlErrors if validation fails.
+   * Called after _validateXBRLDatatype() so it can append to existing errors.
+   */
+  _validateUnitSelection() {
+    if (this.value === null || this.value === void 0 || this.value === "") {
+      return;
+    }
+    const availableUnits = this._collectUnitsForConceptType();
+    if (availableUnits.length === 0) {
+      return;
+    }
+    if (!this.unit) {
+      this._xbrlErrors = [
+        ...this._xbrlErrors,
+        {
+          type: "unit",
+          message: I18n.t("validation.unitRequired"),
+          expectedValue: availableUnits.map((u2) => u2.label).join(", "),
+          actualValue: ""
+        }
+      ];
+      console.log(`❌ [FormField] Unit validation failed for ${this.conceptId}: unit is required but not selected`);
+    }
+  }
   _handlePeriodIconClick() {
     this._availableUnits = this._collectUnitsForConceptType();
     console.log(`📊 [FormField] Collected ${this._availableUnits.length} units for concept ${this.conceptId}:`, this._availableUnits);
@@ -5708,13 +5765,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
     }));
   }
   _handleApply() {
-    const currentlySelected = Array.from(this._tempSelectedRoles);
-    const orderedByOriginal = currentlySelected.sort((a2, b2) => {
-      const indexA = this.availableRoles.findIndex((r2) => r2.id === a2);
-      const indexB = this.availableRoles.findIndex((r2) => r2.id === b2);
-      return indexA - indexB;
-    });
-    this._chosenRoleOrder = orderedByOriginal;
+    const orderedSelected = this._chosenRoleOrder.filter((id) => this._tempSelectedRoles.has(id));
+    const notInOrder = Array.from(this._tempSelectedRoles).filter((id) => !this._chosenRoleOrder.includes(id));
+    this._chosenRoleOrder = [...orderedSelected, ...notInOrder];
     const orderedRolesWithMetadata = this._chosenRoleOrder.map((roleId, index) => {
       var _a;
       const role = this.availableRoles.find((r2) => r2.id === roleId);
@@ -6336,6 +6389,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
                           ${dimensions.map((dimension) => {
         var _a2, _b;
         const allMembers = this._getAllDimensionMembers(dimension.members);
+        if (allMembers.length === 0) {
+          return html``;
+        }
         const dimensionLabel = ((_b = (_a2 = dimension.labels) == null ? void 0 : _a2.find((l2) => l2.role === "http://www.xbrl.org/2003/role/label")) == null ? void 0 : _b.label) || dimension.conceptName;
         const isSingleMember = this._isSingleMemberDimension(dimension);
         return html`
@@ -7137,6 +7193,7 @@ let JupiterDynamicForm = class extends LitElement {
         console.log("🌐 Using language:", this.language);
         this._initializePeriodPreferencesFromData();
         this._applyAxisFilterToPeriodPreferences();
+        this._applyDimensionShowPreviousYear();
         console.log("⚙️ Using period preferences:", this._periodPreferences);
         this._currentSchema = XBRLFormBuilder.buildFormSchema(
           this.xbrlInput,
@@ -7477,6 +7534,41 @@ let JupiterDynamicForm = class extends LitElement {
     }
     this._periodPreferences = preferences;
   }
+  /**
+   * In admin mode, auto-enables showPreviousYear for roles that have at least one dimension
+   * member selected (from roleFilterAxes defaults). This ensures such roles render with a
+   * minimum of two columns (current + previous year) on fresh initialization.
+   *
+   * Skipped when form state is being restored from external props or localStorage so that
+   * the user's previously saved preferences are not overridden.
+   */
+  _applyDimensionShowPreviousYear() {
+    var _a, _b;
+    if (this.mode !== "admin")
+      return;
+    const hasExternalState = !!(this.dynaformsFacts && this.dynaformsMetadata);
+    const hasLocalDraft = ((_a = this._draftStorageService) == null ? void 0 : _a.hasDraft()) ?? false;
+    if (hasExternalState || hasLocalDraft)
+      return;
+    const updated = { ...this._periodPreferences };
+    let changed = false;
+    for (const roleId of Object.keys(updated)) {
+      const prefs = updated[roleId];
+      if (prefs.showPreviousYear)
+        continue;
+      const hasDimensionMembers = ((_b = prefs.dimensionSelections) == null ? void 0 : _b.some(
+        (ds) => ds.selectedMemberIds && ds.selectedMemberIds.length > 0
+      )) ?? false;
+      if (hasDimensionMembers) {
+        updated[roleId] = { ...prefs, showPreviousYear: true };
+        changed = true;
+        console.log(`📅 [JDF-010] Auto-enabled showPreviousYear for role "${roleId}" (has dimension members)`);
+      }
+    }
+    if (changed) {
+      this._periodPreferences = updated;
+    }
+  }
   /**
    * Helper method to extract roleIds from _selectedRoleIds
    * Handles both legacy string[] and enhanced object[] structure
@@ -10300,16 +10392,21 @@ let JupiterDynamicForm = class extends LitElement {
               <div class="error-popup-content">
                 <p>${I18n.t("error.popup.message")}</p>
                 <ul class="error-list">
-                  ${this._xbrlFormErrors.map((error2) => html`
+                  ${this._xbrlFormErrors.map((error2) => {
+      const concept = this._findConceptInAllSections(error2.conceptId);
+      const column2 = this._findColumnById(error2.columnId);
+      const fieldLabel = (concept == null ? void 0 : concept.label) || error2.conceptId;
+      const columnTitle = (column2 == null ? void 0 : column2.title) || error2.columnId;
+      return html`
                     <li>
-                      <strong>${I18n.t("error.popup.field")}</strong> 
-                      <a 
-                        href="javascript:void(0)" 
+                      <strong>${I18n.t("error.popup.field")}</strong>
+                      <a
+                        href="javascript:void(0)"
                         class="error-field-link"
                         @click="${() => this._handleErrorFieldClick(error2.conceptId, error2.columnId, error2.sectionId)}"
                         title="${I18n.t("error.popup.clickToFocus")}"
                       >
-                        ${error2.conceptId}__${error2.columnId}
+                        ${fieldLabel} (${columnTitle})
                       </a><br>
                       <strong>${I18n.t("error.popup.value")}</strong> ${error2.value}<br>
                       <strong>${I18n.t("error.popup.errors")}</strong>
@@ -10317,7 +10414,8 @@ let JupiterDynamicForm = class extends LitElement {
                         ${error2.errors.map((err) => html`<li>${err.message}</li>`)}
                       </ul>
                     </li>
-                  `)}
+                  `;
+    })}
                 </ul>
               </div>
               <div class="error-popup-footer">