jupiter-dynamic-forms 1.14.8 → 1.15.0

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);
@@ -6336,6 +6393,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`
@@ -7019,7 +7079,7 @@ let JupiterDynamicForm = class extends LitElement {
     this.language = "en";
     this.display = "accordion";
     this.mode = "inputForm";
-    this.financialStatementsTypeAxis = [];
+    this.roleFilterAxes = [];
     this.defaultUnits = [];
     this._formData = {};
     this._draftLoaded = false;
@@ -7085,13 +7145,10 @@ let JupiterDynamicForm = class extends LitElement {
     if (changedProperties.has("language")) {
       I18n.setLanguage(this.language);
     }
-    if (changedProperties.has("financialStatementsTypeAxis")) {
-      console.log("🔄 financialStatementsTypeAxis changed:", this.financialStatementsTypeAxis);
-    }
     if ((changedProperties.has("xbrlInput") || changedProperties.has("defaultUnits")) && this.xbrlInput && this.defaultUnits && this.defaultUnits.length > 0) {
       this._applyDefaultUnitsToDatatypes();
     }
-    if (changedProperties.has("xbrlInput") || changedProperties.has("schema") || changedProperties.has("language") || changedProperties.has("periodStartDate") || changedProperties.has("periodEndDate") || changedProperties.has("financialStatementsTypeAxis")) {
+    if (changedProperties.has("xbrlInput") || changedProperties.has("schema") || changedProperties.has("language") || changedProperties.has("periodStartDate") || changedProperties.has("periodEndDate") || changedProperties.has("roleFilterAxes")) {
       this._initializeForm();
     }
   }
@@ -7139,6 +7196,7 @@ let JupiterDynamicForm = class extends LitElement {
         console.log("📅 Using period dates:", this.periodStartDate, "to", this.periodEndDate);
         console.log("🌐 Using language:", this.language);
         this._initializePeriodPreferencesFromData();
+        this._applyAxisFilterToPeriodPreferences();
         console.log("⚙️ Using period preferences:", this._periodPreferences);
         this._currentSchema = XBRLFormBuilder.buildFormSchema(
           this.xbrlInput,
@@ -7163,11 +7221,8 @@ let JupiterDynamicForm = class extends LitElement {
           });
           console.log("✅ Custom order applied to _allSections:", this._allSections.map((s2) => s2.title));
         }
-        if (this.financialStatementsTypeAxis && this.financialStatementsTypeAxis.length > 0) {
-          console.log("🔍 Applying financialStatementsTypeAxis filter:", this.financialStatementsTypeAxis);
-          console.log("📊 Sections before filter:", this._allSections.length);
-          this._allSections = this._filterRolesByFinancialStatementsType(this._allSections);
-          console.log("📊 Sections after filter:", this._allSections.length);
+        if (this.roleFilterAxes && this.roleFilterAxes.length > 0) {
+          this._allSections = this._filterRolesByAxisConfig(this._allSections);
         }
         if (this._selectedRoleIds.length === 0) {
           this._selectedRoleIds = this._allSections.map((section2) => section2.id);
@@ -7431,6 +7486,57 @@ let JupiterDynamicForm = class extends LitElement {
     });
     this._periodPreferences = preferences;
   }
+  /**
+   * Translate roleFilterAxes into dimensionSelections within _periodPreferences so that
+   * buildFormSchema / filterHypercubeDimensionsBySelection picks up the right columns.
+   *
+   * Rules:
+   * - Only runs when roleFilterAxes is non-empty and hypercube data is present.
+   * - For each hypercube role, if no dimensionSelections have been saved yet (fresh start / no
+   *   user metadata), derive them from roleFilterAxes: available=true members → selectedMemberIds.
+   * - Skips roles that already have dimensionSelections (user's saved preference takes priority).
+   */
+  _applyAxisFilterToPeriodPreferences() {
+    var _a, _b, _c, _d;
+    if (!this.roleFilterAxes || this.roleFilterAxes.length === 0)
+      return;
+    if (!((_c = (_b = (_a = this.xbrlInput) == null ? void 0 : _a.hypercubes) == null ? void 0 : _b[0]) == null ? void 0 : _c.roles))
+      return;
+    const hypercubeRoles = this.xbrlInput.hypercubes[0].roles;
+    const preferences = { ...this._periodPreferences };
+    for (const hypercubeRole of hypercubeRoles) {
+      const roleId = hypercubeRole.roleId;
+      const existing = preferences[roleId];
+      if ((existing == null ? void 0 : existing.dimensionSelections) && existing.dimensionSelections.length > 0) {
+        continue;
+      }
+      const dimensionSelections = [];
+      for (const filterAxis of this.roleFilterAxes) {
+        for (const item of hypercubeRole.items || []) {
+          const matchingDim = (_d = item.dimensions) == null ? void 0 : _d.find(
+            (dim) => dim.id === filterAxis.id || filterAxis.conceptName && dim.conceptName === filterAxis.conceptName
+          );
+          if (matchingDim) {
+            dimensionSelections.push({
+              dimensionId: filterAxis.id,
+              dimensionLabel: filterAxis.conceptName || filterAxis.id,
+              selectedMemberIds: filterAxis.members.filter((m) => m.available === true).map((m) => m.id)
+            });
+            break;
+          }
+        }
+      }
+      if (dimensionSelections.length > 0) {
+        preferences[roleId] = {
+          showDuration: (existing == null ? void 0 : existing.showDuration) ?? true,
+          showInstant: (existing == null ? void 0 : existing.showInstant) ?? true,
+          showPreviousYear: (existing == null ? void 0 : existing.showPreviousYear) ?? false,
+          dimensionSelections
+        };
+      }
+    }
+    this._periodPreferences = preferences;
+  }
   /**
    * Helper method to extract roleIds from _selectedRoleIds
    * Handles both legacy string[] and enhanced object[] structure
@@ -7494,70 +7600,62 @@ let JupiterDynamicForm = class extends LitElement {
     return sections;
   }
   /**
-   * Filter roles based on financialStatementsTypeAxis property
-   * Rules:
-   * 1. Show roles that have no entry in hypercubes.json
-   * 2. Show roles that don't have financialStatementsTypeAxis dimension
-   * 3. For roles with financialStatementsTypeAxis, show only if at least one member matches the provided values
+   * Filter roles based on roleFilterAxes input property (checkboxes.json format).
+   *
+   * Rules per axis:
+   * 1. If the role has no hypercube entry → always included.
+   * 2. If the axis from the filter config is NOT present in the role's hypercube dimensions → axis is
+   *    not applicable to this role → role is not affected by this axis (still included).
+   * 3. If the axis IS present: include the role only if at least one of the role's members for that
+   *    axis matches an available=true member in the filter config.
+   * 4. All axes in the config must pass (logical AND). A single failing axis excludes the role.
    */
-  _filterRolesByFinancialStatementsType(sections) {
+  _filterRolesByAxisConfig(sections) {
     var _a;
-    if (!this.financialStatementsTypeAxis || this.financialStatementsTypeAxis.length === 0) {
+    if (!this.roleFilterAxes || this.roleFilterAxes.length === 0) {
       return sections;
     }
     if (!((_a = this.xbrlInput) == null ? void 0 : _a.hypercubes) || this.xbrlInput.hypercubes.length === 0) {
       return sections;
     }
     const hypercubeData = this.xbrlInput.hypercubes[0];
-    const financialStatementsAxisId = "bw2-titel9_FinancialStatementsTypeAxis";
-    console.log("🔍 Filter values:", this.financialStatementsTypeAxis);
     return sections.filter((section2) => {
       var _a2;
       const hypercubeRole = (_a2 = hypercubeData.roles) == null ? void 0 : _a2.find((r2) => r2.roleId === section2.id);
       if (!hypercubeRole || !hypercubeRole.items || hypercubeRole.items.length === 0) {
-        console.log(`✅ ${section2.title}: No hypercube entry - INCLUDED`);
         return true;
       }
-      let hasFinancialStatementsAxis = false;
-      let hasMatchingMember = false;
-      for (const item of hypercubeRole.items) {
-        if (!item.dimensions || item.dimensions.length === 0) {
-          continue;
-        }
-        const financialStatementsTypeDimension = item.dimensions.find(
-          (dim) => {
-            var _a3;
-            return dim.id === financialStatementsAxisId || ((_a3 = dim.conceptName) == null ? void 0 : _a3.includes("FinancialStatementsTypeAxis"));
-          }
+      for (const filterAxis of this.roleFilterAxes) {
+        const availableMemberIds = new Set(
+          filterAxis.members.filter((m) => m.available === true).map((m) => m.id)
         );
-        if (financialStatementsTypeDimension) {
-          hasFinancialStatementsAxis = true;
-          if (financialStatementsTypeDimension.members && financialStatementsTypeDimension.members.length > 0) {
-            const itemHasMatch = financialStatementsTypeDimension.members.some((member) => {
-              if (member.conceptName) {
-                const conceptNameParts = member.conceptName.split(":");
-                const memberValue = conceptNameParts.length > 1 ? conceptNameParts[1] : member.conceptName;
-                const matches = this.financialStatementsTypeAxis.some((filterValue) => {
-                  const filterParts = filterValue.split(":");
-                  const filterMemberValue = filterParts.length > 1 ? filterParts[1] : filterValue;
-                  const isMatch = memberValue === filterMemberValue;
-                  return isMatch;
-                });
-                return matches;
+        let axisApplicable = false;
+        let rolePassesAxis = false;
+        for (const item of hypercubeRole.items) {
+          if (!item.dimensions || item.dimensions.length === 0)
+            continue;
+          const matchingDim = item.dimensions.find(
+            (dim) => dim.id === filterAxis.id || filterAxis.conceptName && dim.conceptName === filterAxis.conceptName
+          );
+          if (matchingDim) {
+            axisApplicable = true;
+            if (matchingDim.members) {
+              for (const roleMember of matchingDim.members) {
+                if (availableMemberIds.has(roleMember.id)) {
+                  rolePassesAxis = true;
+                  break;
+                }
               }
-              return this.financialStatementsTypeAxis.includes(member.id);
-            });
-            if (itemHasMatch) {
-              hasMatchingMember = true;
-              break;
             }
+            if (rolePassesAxis)
+              break;
           }
         }
+        if (axisApplicable && !rolePassesAxis) {
+          return false;
+        }
       }
-      if (!hasFinancialStatementsAxis) {
-        return true;
-      }
-      return hasMatchingMember;
+      return true;
     });
   }
   _preserveDataForHiddenSections() {
@@ -8571,8 +8669,8 @@ let JupiterDynamicForm = class extends LitElement {
             this._periodPreferences
           );
           this._allSections = [...this._currentSchema.sections];
-          if (this.financialStatementsTypeAxis && this.financialStatementsTypeAxis.length > 0) {
-            this._allSections = this._filterRolesByFinancialStatementsType(this._allSections);
+          if (this.roleFilterAxes && this.roleFilterAxes.length > 0) {
+            this._allSections = this._filterRolesByAxisConfig(this._allSections);
           }
           console.log("✅ Schema rebuilt with restored period preferences");
           console.log("🔄 Applying custom period data to schema fields...");
@@ -10262,16 +10360,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>
@@ -10279,7 +10382,8 @@ let JupiterDynamicForm = class extends LitElement {
                         ${error2.errors.map((err) => html`<li>${err.message}</li>`)}
                       </ul>
                     </li>
-                  `)}
+                  `;
+    })}
                 </ul>
               </div>
               <div class="error-popup-footer">
@@ -11059,7 +11163,7 @@ __decorateClass([
 ], JupiterDynamicForm.prototype, "submitButtonLabel", 2);
 __decorateClass([
   n2({ type: Array })
-], JupiterDynamicForm.prototype, "financialStatementsTypeAxis", 2);
+], JupiterDynamicForm.prototype, "roleFilterAxes", 2);
 __decorateClass([
   n2({ type: Array })
 ], JupiterDynamicForm.prototype, "defaultUnits", 2);