jupiter-dynamic-forms 1.16.7 → 1.16.9

package/dist/index.mjs

@@ -1654,7 +1654,11 @@ const filter$1 = {
   addSelectedRole: "Add selected role",
   addAllRoles: "Add all roles",
   removeSelectedRole: "Remove selected role",
-  removeAllRoles: "Remove all roles"
+  removeAllRoles: "Remove all roles",
+  advancedFilter: "Advanced Filter",
+  backToFilterRoles: "← Back",
+  showFactsOnly: "Show facts only",
+  showFactsOnlyDescription: "Hide all blank rows and sections. Only roles and rows with at least one filled value will be shown."
 };
 const column$1 = {
   addColumn: "Add Column",
@@ -1800,7 +1804,11 @@ const filter = {
   addSelectedRole: "Geselecteerde rol toevoegen",
   addAllRoles: "Alle rollen toevoegen",
   removeSelectedRole: "Geselecteerde rol verwijderen",
-  removeAllRoles: "Alle rollen verwijderen"
+  removeAllRoles: "Alle rollen verwijderen",
+  advancedFilter: "Geavanceerd filter",
+  backToFilterRoles: "← Terug",
+  showFactsOnly: "Alleen feiten weergeven",
+  showFactsOnlyDescription: "Verberg alle lege rijen en secties. Alleen rollen en rijen met minimaal één ingevulde waarde worden weergegeven."
 };
 const column = {
   addColumn: "Kolom toevoegen",
@@ -2982,15 +2990,15 @@ function determineInputTypeFromBaseChain(baseTypeChain, datatypes) {
     placeholder: I18n.t("field.enterValue")
   };
 }
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __decorateClass$6 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$5(target, key, result);
+    __defProp$6(target, key, result);
   return result;
 };
 let JupiterFormField = class extends LitElement {
@@ -4063,90 +4071,90 @@ JupiterFormField.styles = css`
       border-color: var(--jupiter-primary-color, #1976d2);
     }
   `;
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Object })
 ], JupiterFormField.prototype, "field", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "conceptId", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "conceptType", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Array })
 ], JupiterFormField.prototype, "datatypes", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Array })
 ], JupiterFormField.prototype, "defaultUnits", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "columnId", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2()
 ], JupiterFormField.prototype, "value", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Boolean })
 ], JupiterFormField.prototype, "disabled", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "locale", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Boolean })
 ], JupiterFormField.prototype, "hideLabel", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "mode", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Object })
 ], JupiterFormField.prototype, "masterData", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Array })
 ], JupiterFormField.prototype, "facts", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Object })
 ], JupiterFormField.prototype, "column", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodStartDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodEndDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "periodInstantDate", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: String })
 ], JupiterFormField.prototype, "unit", 2);
-__decorateClass$5([
+__decorateClass$6([
   n2({ type: Object })
 ], JupiterFormField.prototype, "typedMemberValues", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_errors", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_xbrlErrors", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_touched", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_showPeriodPopup", 2);
-__decorateClass$5([
+__decorateClass$6([
   r()
 ], JupiterFormField.prototype, "_availableUnits", 2);
-JupiterFormField = __decorateClass$5([
+JupiterFormField = __decorateClass$6([
   t$1("jupiter-form-field")
 ], JupiterFormField);
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __decorateClass$5 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$4(target, key, result);
+    __defProp$5(target, key, result);
   return result;
 };
 let JupiterConceptTree = class extends LitElement {
@@ -4215,6 +4223,13 @@ let JupiterConceptTree = class extends LitElement {
       composed: true
     }));
   }
+  _handleFieldFocus(event) {
+    event.stopPropagation();
+    this.dispatchEvent(new CustomEvent("field-focus", {
+      detail: event.detail,
+      bubbles: true
+    }));
+  }
   _handlePeriodChange(event) {
     console.log(`🌲 [ConceptTree] Received period-change event:`, event.detail);
     event.stopPropagation();
@@ -4260,12 +4275,12 @@ let JupiterConceptTree = class extends LitElement {
 
       <!-- Input Field Cells (Period Columns) - Only for non-abstract concepts -->
       ${this.columns.map((column2) => {
-      var _a, _b;
+      var _a, _b, _c;
       const field2 = this._getFieldForColumn(column2.id);
       const shouldShowField = !isAbstract && field2;
       const storedUnit = (_b = (_a = this.unitData) == null ? void 0 : _a[this.concept.id]) == null ? void 0 : _b[column2.id];
       return html`
-          <td class="field-cell ${!shouldShowField ? "empty" : ""} ${isAbstract ? "abstract-row" : ""}">
+          <td class="field-cell ${!shouldShowField ? "empty" : ""} ${isAbstract ? "abstract-row" : ""} ${this.highlightType && column2.id === this.highlightColumnId ? "highlight-" + this.highlightType : ""} ${((_c = this.calculationErrorKeys) == null ? void 0 : _c.has(`${this.concept.id}__${column2.id}`)) ? "calc-error" : ""}">
             ${shouldShowField ? html`
               <jupiter-form-field
                 .field="${field2}"
@@ -4288,6 +4303,7 @@ let JupiterConceptTree = class extends LitElement {
                 .column="${column2}"
                 .typedMemberValues="${this.typedMemberData[`${this.concept.id}__${column2.id}`] || {}}"
                 @field-change="${this._handleFieldChange}"
+                @field-focus="${this._handleFieldFocus}"
                 @period-change="${this._handlePeriodChange}"
               ></jupiter-form-field>
             ` : ""}
@@ -4455,70 +4471,91 @@ JupiterConceptTree.styles = css`
       color: #fff;
     }
 
+    .field-cell.highlight-total {
+      background: rgba(25, 118, 210, 0.15);
+    }
+
+    .field-cell.highlight-member {
+      background: rgba(25, 118, 210, 0.07);
+    }
+
+    .field-cell.calc-error {
+      box-shadow: inset 0 0 0 2px var(--jupiter-error-color, #d32f2f);
+    }
+
   `;
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "concept", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "columns", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "formData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "periodData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "unitData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "defaultUnits", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "disabled", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "locale", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Set })
 ], JupiterConceptTree.prototype, "expandedConcepts", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "datatypes", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "mode", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "masterData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Array })
 ], JupiterConceptTree.prototype, "facts", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "typedMemberData", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "showAddButton", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Boolean })
 ], JupiterConceptTree.prototype, "showRemoveButton", 2);
-__decorateClass$4([
+__decorateClass$5([
+  n2({ type: String })
+], JupiterConceptTree.prototype, "highlightType", 2);
+__decorateClass$5([
+  n2({ type: String })
+], JupiterConceptTree.prototype, "highlightColumnId", 2);
+__decorateClass$5([
+  n2({ type: Object })
+], JupiterConceptTree.prototype, "calculationErrorKeys", 2);
+__decorateClass$5([
   r()
 ], JupiterConceptTree.prototype, "_expanded", 2);
-JupiterConceptTree = __decorateClass$4([
+JupiterConceptTree = __decorateClass$5([
   t$1("jupiter-concept-tree")
 ], JupiterConceptTree);
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __decorateClass$4 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$3(target, key, result);
+    __defProp$4(target, key, result);
   return result;
 };
 let JupiterAddColumnDialog = class extends LitElement {
@@ -5063,48 +5100,48 @@ JupiterAddColumnDialog.styles = css`
       line-height: 1.4;
     }
   `;
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodType", 2);
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: Boolean })
 ], JupiterAddColumnDialog.prototype, "open", 2);
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: Array })
 ], JupiterAddColumnDialog.prototype, "availableDimensions", 2);
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodStartDate", 2);
-__decorateClass$3([
+__decorateClass$4([
   n2({ type: String })
 ], JupiterAddColumnDialog.prototype, "periodEndDate", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAddColumnDialog.prototype, "_startDate", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAddColumnDialog.prototype, "_endDate", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAddColumnDialog.prototype, "_instantDate", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAddColumnDialog.prototype, "_selectedType", 2);
-__decorateClass$3([
+__decorateClass$4([
   r()
 ], JupiterAddColumnDialog.prototype, "_selectedDimensions", 2);
-JupiterAddColumnDialog = __decorateClass$3([
+JupiterAddColumnDialog = __decorateClass$4([
   t$1("jupiter-add-column-dialog")
 ], JupiterAddColumnDialog);
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __decorateClass$3 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$2(target, key, result);
+    __defProp$3(target, key, result);
   return result;
 };
 let JupiterFormSection = class extends LitElement {
@@ -5124,6 +5161,7 @@ let JupiterFormSection = class extends LitElement {
     this.availableDimensions = [];
     this.hideHeader = false;
     this.mode = "inputForm";
+    this.showFactsOnly = false;
     this.periodStartDate = "";
     this.periodEndDate = "";
     this._expanded = true;
@@ -5131,8 +5169,20 @@ let JupiterFormSection = class extends LitElement {
     this._sectionPeriodType = "duration";
     this._openMenuColumnId = null;
     this._insertAfterColumnId = null;
+    this._boundFieldBlur = (e2) => {
+      this._clearHighlights();
+      const { conceptId, columnId } = e2.detail || {};
+      if (conceptId && columnId)
+        this._runCalculationCheck(conceptId, columnId);
+    };
     this._expandedConcepts = /* @__PURE__ */ new Set();
     this._allTreeExpanded = false;
+    this._highlightMap = /* @__PURE__ */ new Map();
+    this._calculationErrorKeys = /* @__PURE__ */ new Set();
+    this._totalChildrenMap = /* @__PURE__ */ new Map();
+    this._memberParentMap = /* @__PURE__ */ new Map();
+    this._totalConceptMap = /* @__PURE__ */ new Map();
+    this._totalChildConceptsMap = /* @__PURE__ */ new Map();
   }
   connectedCallback() {
     super.connectedCallback();
@@ -5140,16 +5190,22 @@ let JupiterFormSection = class extends LitElement {
     this._determinePeriodType();
     this._checkAndExpandFirstSection();
     document.addEventListener("click", () => this._closeColumnMenu());
+    this.addEventListener("field-blur", this._boundFieldBlur);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
     document.removeEventListener("click", () => this._closeColumnMenu());
+    this.removeEventListener("field-blur", this._boundFieldBlur);
   }
   updated(changedProperties) {
+    var _a;
     super.updated(changedProperties);
     if (changedProperties.has("isFirstSection") || changedProperties.has("section")) {
       this._checkAndExpandFirstSection();
     }
+    if (changedProperties.has("section") && ((_a = this.section) == null ? void 0 : _a.concepts)) {
+      this._buildTotalMaps(this.section.concepts);
+    }
   }
   _checkAndExpandFirstSection() {
     if (this.isFirstSection && this.section && this.section.concepts) {
@@ -5334,31 +5390,135 @@ let JupiterFormSection = class extends LitElement {
   }
   _expandAllTrees() {
     const allConceptIds = this._getAllConceptIds(this.section.concepts || []);
-    allConceptIds.forEach((id) => this._expandedConcepts.add(id));
+    this._expandedConcepts = /* @__PURE__ */ new Set([...this._expandedConcepts, ...allConceptIds]);
     this._allTreeExpanded = true;
-    this.requestUpdate();
   }
   _collapseAllTrees() {
-    this._expandedConcepts.clear();
+    this._expandedConcepts = /* @__PURE__ */ new Set();
     this._allTreeExpanded = false;
-    this.requestUpdate();
   }
   _handleConceptExpand(event) {
     event.stopPropagation();
     const { conceptId, expanded } = event.detail;
+    const next = new Set(this._expandedConcepts);
     if (expanded) {
-      this._expandedConcepts.add(conceptId);
+      next.add(conceptId);
     } else {
-      this._expandedConcepts.delete(conceptId);
+      next.delete(conceptId);
     }
+    this._expandedConcepts = next;
     const allConceptIds = this._getAllConceptIds(this.section.concepts || []);
-    this._allTreeExpanded = allConceptIds.length > 0 && allConceptIds.every((id) => this._expandedConcepts.has(id));
-    this.requestUpdate();
+    this._allTreeExpanded = allConceptIds.length > 0 && allConceptIds.every((id) => next.has(id));
     this.dispatchEvent(new CustomEvent("concept-expand", {
       detail: event.detail,
       bubbles: true
     }));
   }
+  _buildTotalMaps(concepts) {
+    this._totalChildrenMap.clear();
+    this._memberParentMap.clear();
+    this._totalConceptMap.clear();
+    this._totalChildConceptsMap.clear();
+    this._traverseTotalGroups(concepts);
+  }
+  _traverseTotalGroups(concepts) {
+    var _a, _b, _c;
+    for (const concept of concepts) {
+      if (((_a = concept.preferredLabel) == null ? void 0 : _a.includes("totalLabel")) && ((_b = concept.children) == null ? void 0 : _b.length)) {
+        const childIds = concept.children.map((c2) => c2.id);
+        this._totalChildrenMap.set(concept.id, childIds);
+        this._totalConceptMap.set(concept.id, concept);
+        this._totalChildConceptsMap.set(concept.id, concept.children);
+        for (const childId of childIds) {
+          this._memberParentMap.set(childId, concept.id);
+        }
+      }
+      if ((_c = concept.children) == null ? void 0 : _c.length) {
+        this._traverseTotalGroups(concept.children);
+      }
+    }
+  }
+  _runCalculationCheck(conceptId, columnId) {
+    var _a;
+    const isSelfTotal = this._totalConceptMap.has(conceptId);
+    const totalConceptId = isSelfTotal ? conceptId : this._memberParentMap.get(conceptId);
+    if (!totalConceptId)
+      return;
+    const totalConcept = this._totalConceptMap.get(totalConceptId);
+    const totalRaw = (_a = this.formData[totalConceptId]) == null ? void 0 : _a[columnId];
+    const errorKey = `${totalConceptId}__${columnId}`;
+    if (totalRaw === null || totalRaw === void 0 || totalRaw === "") {
+      if (this._calculationErrorKeys.has(errorKey)) {
+        const next2 = new Set(this._calculationErrorKeys);
+        next2.delete(errorKey);
+        this._calculationErrorKeys = next2;
+      }
+      return;
+    }
+    const totalValue = parseFloat(totalRaw);
+    if (isNaN(totalValue))
+      return;
+    const children = this._totalChildConceptsMap.get(totalConceptId) || [];
+    const childData = children.map((child) => {
+      var _a2;
+      return {
+        value: (_a2 = this.formData[child.id]) == null ? void 0 : _a2[columnId],
+        balance: child.balance
+      };
+    });
+    const isValid = JupiterFormSection._checkTotal(totalValue, childData, totalConcept.balance);
+    const next = new Set(this._calculationErrorKeys);
+    if (!isValid) {
+      next.add(errorKey);
+    } else {
+      next.delete(errorKey);
+    }
+    this._calculationErrorKeys = next;
+  }
+  static _checkTotal(totalValue, children, totalBalance) {
+    let calculatedSum = 0;
+    let hasAnyValue = false;
+    for (const child of children) {
+      const val = parseFloat(child.value);
+      if (isNaN(val))
+        continue;
+      hasAnyValue = true;
+      const weight = !totalBalance || !child.balance || totalBalance === child.balance ? 1 : -1;
+      calculatedSum += weight * val;
+    }
+    if (!hasAnyValue)
+      return true;
+    return Math.abs(calculatedSum - totalValue) < 0.01;
+  }
+  _handleFieldFocusForHighlight(event) {
+    var _a, _b;
+    const conceptId = (_a = event.detail) == null ? void 0 : _a.conceptId;
+    const columnId = (_b = event.detail) == null ? void 0 : _b.columnId;
+    if (!conceptId || !columnId)
+      return;
+    const newMap = /* @__PURE__ */ new Map();
+    const isSelfTotal = this._totalChildrenMap.has(conceptId);
+    if (isSelfTotal) {
+      newMap.set(conceptId, { type: "total", columnId });
+      for (const childId of this._totalChildrenMap.get(conceptId)) {
+        newMap.set(childId, { type: "member", columnId });
+      }
+    } else {
+      const parentId = this._memberParentMap.get(conceptId);
+      if (parentId) {
+        newMap.set(parentId, { type: "total", columnId });
+        for (const siblingId of this._totalChildrenMap.get(parentId)) {
+          newMap.set(siblingId, { type: "member", columnId });
+        }
+      }
+    }
+    this._highlightMap = newMap;
+  }
+  _clearHighlights() {
+    if (this._highlightMap.size > 0) {
+      this._highlightMap = /* @__PURE__ */ new Map();
+    }
+  }
   _getTypedMemberHeaderValue(columnId, axisId) {
     var _a;
     return ((_a = this.typedMemberData[columnId]) == null ? void 0 : _a[axisId]) || "";
@@ -5398,7 +5558,9 @@ let JupiterFormSection = class extends LitElement {
       return ((_a2 = f2.crossRoleTypedMembers) == null ? void 0 : _a2.length) > 0;
     }));
     const repeatCount = isRepeatable ? this.repeatCounts[concept.id] || 0 : 0;
-    const sharedProps = (instanceConcept, opts) => html`
+    const sharedProps = (instanceConcept, opts) => {
+      var _a2, _b;
+      return html`
       <jupiter-concept-tree
         .concept="${instanceConcept}"
         .columns="${this.columns}"
@@ -5416,13 +5578,18 @@ let JupiterFormSection = class extends LitElement {
         .typedMemberData="${this.typedMemberData}"
         .showAddButton="${opts.showAdd || false}"
         .showRemoveButton="${opts.showRemove || false}"
+        .highlightType="${(_a2 = this._highlightMap.get(instanceConcept.id)) == null ? void 0 : _a2.type}"
+        .highlightColumnId="${(_b = this._highlightMap.get(instanceConcept.id)) == null ? void 0 : _b.columnId}"
+        .calculationErrorKeys="${this._calculationErrorKeys}"
         @field-change="${this._handleFieldChange}"
+        @field-focus="${this._handleFieldFocusForHighlight}"
         @period-change="${this._handlePeriodChange}"
         @concept-expand="${this._handleConceptExpand}"
         @add-concept-repeat="${this._handleAddRepeat}"
         @remove-concept-repeat="${this._handleRemoveRepeat}"
       ></jupiter-concept-tree>
     `;
+    };
     const rows = [html`
       <tr>${sharedProps(concept, { showAdd: isRepeatable })}</tr>
     `];
@@ -5560,7 +5727,7 @@ let JupiterFormSection = class extends LitElement {
               </tr>
             </thead>
             <tbody class="table-body">
-              ${this._flattenConcepts(this.section.concepts, this._expandedConcepts).filter((concept) => this.mode !== "readonly" || !this._isConceptRowBlank(concept)).flatMap((concept) => this._renderConceptRows(concept))}
+              ${this._flattenConcepts(this.section.concepts, this._expandedConcepts).filter((concept) => this.mode !== "readonly" && !this.showFactsOnly || !this._isConceptRowBlank(concept)).flatMap((concept) => this._renderConceptRows(concept))}
             </tbody>
           </table>
         </div>
@@ -5845,87 +6012,196 @@ JupiterFormSection.styles = css`
       font-style: italic;
     }
   `;
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "section", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "columns", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "datatypes", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "formData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "periodData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "unitData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "typedMemberData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "repeatCounts", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "defaultUnits", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "disabled", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "collapsible", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFormSection.prototype, "locale", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "isFirstSection", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Array })
 ], JupiterFormSection.prototype, "availableDimensions", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: Boolean })
 ], JupiterFormSection.prototype, "hideHeader", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFormSection.prototype, "mode", 2);
-__decorateClass$2([
+__decorateClass$3([
+  n2({ type: Boolean })
+], JupiterFormSection.prototype, "showFactsOnly", 2);
+__decorateClass$3([
   n2({ type: Object })
 ], JupiterFormSection.prototype, "masterData", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFormSection.prototype, "periodStartDate", 2);
-__decorateClass$2([
+__decorateClass$3([
   n2({ type: String })
 ], JupiterFormSection.prototype, "periodEndDate", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_expanded", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_showAddColumnDialog", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_sectionPeriodType", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_openMenuColumnId", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_insertAfterColumnId", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_expandedConcepts", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_allTreeExpanded", 2);
-JupiterFormSection = __decorateClass$2([
+__decorateClass$3([
+  r()
+], JupiterFormSection.prototype, "_highlightMap", 2);
+__decorateClass$3([
+  r()
+], JupiterFormSection.prototype, "_calculationErrorKeys", 2);
+JupiterFormSection = __decorateClass$3([
   t$1("jupiter-form-section")
 ], JupiterFormSection);
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __decorateClass$2 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp$2(target, key, result);
+  return result;
+};
+let JupiterAdvancedFilter = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.showFactsOnly = false;
+  }
+  _handleShowFactsOnlyChange(e2) {
+    const checked = e2.target.checked;
+    this.dispatchEvent(new CustomEvent("facts-filter-change", {
+      detail: { showFactsOnly: checked },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return html`
+      <div class="filter-options">
+        <label class="filter-option">
+          <input
+            type="checkbox"
+            .checked="${this.showFactsOnly}"
+            @change="${this._handleShowFactsOnlyChange}"
+          />
+          <div class="filter-option-body">
+            <div class="filter-option-label">${I18n.t("filter.showFactsOnly")}</div>
+            <p class="filter-option-description">${I18n.t("filter.showFactsOnlyDescription")}</p>
+          </div>
+        </label>
+      </div>
+    `;
+  }
+};
+JupiterAdvancedFilter.styles = css`
+    :host {
+      display: block;
+      font-family: var(--jupiter-font-family, system-ui, -apple-system, sans-serif);
+    }
+
+    .filter-options {
+      padding: 24px;
+    }
+
+    .filter-option {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 16px;
+      border: 1px solid var(--primaryTextColor, var(--jupiter-border-color, #ddd));
+      border-radius: 6px;
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+    }
+
+    .filter-option:hover {
+      background: var(--menuBgColorLighter, var(--jupiter-hover-background, #f5f5f5));
+    }
+
+    .filter-option input[type="checkbox"] {
+      margin-top: 2px;
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+      flex-shrink: 0;
+    }
+
+    .filter-option-body {
+      flex: 1;
+    }
+
+    .filter-option-label {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+      cursor: pointer;
+      user-select: none;
+    }
+
+    .filter-option-description {
+      font-size: 13px;
+      color: var(--primaryTextColor, var(--jupiter-text-secondary, #666));
+      margin: 4px 0 0 0;
+      line-height: 1.5;
+    }
+  `;
+__decorateClass$2([
+  n2({ type: Boolean })
+], JupiterAdvancedFilter.prototype, "showFactsOnly", 2);
+JupiterAdvancedFilter = __decorateClass$2([
+  t$1("jupiter-advanced-filter")
+], JupiterAdvancedFilter);
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key, kind) => {
@@ -5944,8 +6220,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this.availableRoles = [];
     this.selectedRoleIds = [];
     this.periodPreferences = {};
-    this.mode = "user";
+    this.mode = "inputForm";
     this.hypercubeData = null;
+    this.showFactsOnly = false;
     this._tempSelectedRoles = /* @__PURE__ */ new Set();
     this._searchQuery = "";
     this._filteredRoles = [];
@@ -5956,6 +6233,8 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this._draggedRoleId = null;
     this._dragOverRoleId = null;
     this._chosenRoleOrder = [];
+    this._showAdvancedFilter = false;
+    this._showFactsOnly = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -5972,6 +6251,13 @@ let JupiterFilterRolesDialog = class extends LitElement {
     if (changedProperties.has("availableRoles") || changedProperties.has("periodPreferences") || changedProperties.has("open")) {
       this._initializePeriodPreferences();
     }
+    if (changedProperties.has("open")) {
+      if (!this.open) {
+        this._showAdvancedFilter = false;
+      } else {
+        this._showFactsOnly = this.showFactsOnly;
+      }
+    }
   }
   _updateFilteredRoles() {
     if (!this._searchQuery.trim()) {
@@ -6387,6 +6673,22 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this._tempPeriodPreferences = newPreferences;
     this.requestUpdate();
   }
+  _switchToAdvancedFilter() {
+    this._showAdvancedFilter = true;
+    this._searchQuery = "";
+  }
+  _switchToFilterRoles() {
+    this._showAdvancedFilter = false;
+  }
+  _handleFactsFilterChange(e2) {
+    this._showFactsOnly = e2.detail.showFactsOnly;
+  }
+  _handleAdvancedFilterApply() {
+    this.dispatchEvent(new CustomEvent("advanced-filter-apply", {
+      detail: { showFactsOnly: this._showFactsOnly },
+      bubbles: true
+    }));
+  }
   _handleBackdropClick(event) {
     if (event.target === this) {
       this._handleCancel();
@@ -6677,6 +6979,11 @@ let JupiterFilterRolesDialog = class extends LitElement {
                 </div>
               </div>
             </div>
+          ` : this._showAdvancedFilter ? html`
+            <jupiter-advanced-filter
+              .showFactsOnly="${this._showFactsOnly}"
+              @facts-filter-change="${this._handleFactsFilterChange}"
+            ></jupiter-advanced-filter>
           ` : html`
           <p class="description">
             ${I18n.t("filter.description")}
@@ -6853,16 +7160,33 @@ let JupiterFilterRolesDialog = class extends LitElement {
 
         <!-- Dialog Actions -->
         <div class="dialog-actions">
+          ${this.mode !== "admin" && this.mode !== "readonly" ? html`
+            ${this._showAdvancedFilter ? html`
+              <button class="btn-text" @click="${this._switchToFilterRoles}">
+                ${I18n.t("filter.backToFilterRoles")}
+              </button>
+            ` : html`
+              <button class="btn-text" @click="${this._switchToAdvancedFilter}">
+                ${I18n.t("filter.advancedFilter")}
+              </button>
+            `}
+          ` : ""}
           <button class="btn-secondary" @click="${this._handleCancel}">
             ${I18n.t("filter.cancel")}
           </button>
-          <button 
-            class="btn-primary" 
-            @click="${this._handleApply}"
-            ?disabled="${selectedCount === 0}"
-          >
-            ${I18n.t("filter.applyFilter")} (${selectedCount})
-          </button>
+          ${this._showAdvancedFilter ? html`
+            <button class="btn-primary" @click="${this._handleAdvancedFilterApply}">
+              ${I18n.t("filter.applyFilter")}
+            </button>
+          ` : html`
+            <button
+              class="btn-primary"
+              @click="${this._handleApply}"
+              ?disabled="${selectedCount === 0}"
+            >
+              ${I18n.t("filter.applyFilter")} (${selectedCount})
+            </button>
+          `}
         </div>
       </div>
     `;
@@ -7411,6 +7735,24 @@ JupiterFilterRolesDialog.styles = css`
       border-top: 1px solid var(--jupiter-border-color, #ddd);
       text-align: center;
     }
+
+    .btn-text {
+      background: none;
+      border: none;
+      color: var(--buttonBgColor, var(--jupiter-primary-color, #1976d2));
+      padding: 10px 8px;
+      font-size: 14px;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      margin-right: auto;
+      border-radius: 4px;
+      transition: background-color 0.2s ease;
+    }
+
+    .btn-text:hover {
+      background: var(--menuBgColorLighter, var(--jupiter-hover-background, #f5f5f5));
+    }
   `;
 __decorateClass$1([
   n2({ type: Boolean, reflect: true })
@@ -7430,6 +7772,9 @@ __decorateClass$1([
 __decorateClass$1([
   n2({ type: Object })
 ], JupiterFilterRolesDialog.prototype, "hypercubeData", 2);
+__decorateClass$1([
+  n2({ type: Boolean })
+], JupiterFilterRolesDialog.prototype, "showFactsOnly", 2);
 __decorateClass$1([
   r()
 ], JupiterFilterRolesDialog.prototype, "_tempSelectedRoles", 2);
@@ -7460,6 +7805,12 @@ __decorateClass$1([
 __decorateClass$1([
   r()
 ], JupiterFilterRolesDialog.prototype, "_chosenRoleOrder", 2);
+__decorateClass$1([
+  r()
+], JupiterFilterRolesDialog.prototype, "_showAdvancedFilter", 2);
+__decorateClass$1([
+  r()
+], JupiterFilterRolesDialog.prototype, "_showFactsOnly", 2);
 JupiterFilterRolesDialog = __decorateClass$1([
   t$1("jupiter-filter-roles-dialog")
 ], JupiterFilterRolesDialog);
@@ -7513,6 +7864,7 @@ let JupiterDynamicForm = class extends LitElement {
     this._allSections = [];
     this._selectedRoleIds = [];
     this._showFilterDialog = false;
+    this._showFactsOnly = false;
     this._periodPreferences = {};
     this._activeSidePanelRoleId = null;
     this._sidePanelSearchQuery = "";
@@ -8202,6 +8554,10 @@ let JupiterDynamicForm = class extends LitElement {
   _handleFilterRolesClick() {
     this._showFilterDialog = true;
   }
+  _handleAdvancedFilterApply(event) {
+    this._showFactsOnly = event.detail.showFactsOnly;
+    this._showFilterDialog = false;
+  }
   _handleFilterDialogCancel() {
     this._showFilterDialog = false;
     const roleCount = this._getRoleIdsArray().length;
@@ -10758,7 +11114,7 @@ let JupiterDynamicForm = class extends LitElement {
             <p>${I18n.t("filter.selectRoles")}</p>
             <p>${I18n.t("filter.roles")}: ${this._allSections.length}</p>
           </div>
-        ` : (this.mode === "readonly" ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections).map((section2, index) => {
+        ` : (this.mode === "readonly" || this._showFactsOnly ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections).map((section2, index) => {
       var _a;
       return html`
           <jupiter-form-section
@@ -10778,6 +11134,7 @@ let JupiterDynamicForm = class extends LitElement {
             .isFirstSection="${index === 0}"
             .availableDimensions="${this._getAvailableDimensionsForSection(section2.id)}"
             .mode="${this.mode}"
+            .showFactsOnly="${this._showFactsOnly}"
             .masterData="${this.masterData}"
             .periodStartDate="${this.periodStartDate}"
             .periodEndDate="${this.periodEndDate}"
@@ -10798,7 +11155,7 @@ let JupiterDynamicForm = class extends LitElement {
   }
   _renderSidePanelLayout(schema, config, showValidationSummary, errorCount) {
     var _a;
-    const visibleSections = this.mode === "readonly" ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
+    const visibleSections = this.mode === "readonly" || this._showFactsOnly ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
     const filteredSections = this._filterSidePanelSections(visibleSections);
     if (!this._activeSidePanelRoleId || !filteredSections.find((s2) => s2.id === this._activeSidePanelRoleId)) {
       this._activeSidePanelRoleId = filteredSections.length > 0 ? filteredSections[0].id : null;
@@ -10911,6 +11268,7 @@ let JupiterDynamicForm = class extends LitElement {
                 .isFirstSection="${true}"
                 .availableDimensions="${this._getAvailableDimensionsForSection(activeSection.id)}"
                 .mode="${this.mode}"
+                .showFactsOnly="${this._showFactsOnly}"
                 .masterData="${this.masterData}"
                 .periodStartDate="${this.periodStartDate}"
                 .periodEndDate="${this.periodEndDate}"
@@ -11063,8 +11421,10 @@ let JupiterDynamicForm = class extends LitElement {
             .periodPreferences="${this._periodPreferences}"
             .hypercubeData="${(_a = this.xbrlInput) == null ? void 0 : _a.hypercubes}"
             .mode="${this.mode}"
+            .showFactsOnly="${this._showFactsOnly}"
             @dialog-cancel="${this._handleFilterDialogCancel}"
             @roles-filter-apply="${this._handleRoleFilterApply}"
+            @advanced-filter-apply="${this._handleAdvancedFilterApply}"
             @click="${this._handleFilterDialogCancel}"
           ></jupiter-filter-roles-dialog>
         ` : ""}
@@ -12024,6 +12384,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showFilterDialog", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_showFactsOnly", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_periodPreferences", 2);
@@ -12065,6 +12428,7 @@ export {
   FactMatcher,
   FormValidator,
   JupiterAddColumnDialog,
+  JupiterAdvancedFilter,
   JupiterConceptTree,
   JupiterDynamicForm,
   JupiterFilterRolesDialog,