jupiter-dynamic-forms 1.14.9 → 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`
@@ -10300,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>
@@ -10317,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">