jupiter-dynamic-forms 1.16.8 → 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 {
@@ -4476,78 +4484,78 @@ JupiterConceptTree.styles = css`
     }
 
   `;
-__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$4([
+__decorateClass$5([
   n2({ type: String })
 ], JupiterConceptTree.prototype, "highlightColumnId", 2);
-__decorateClass$4([
+__decorateClass$5([
   n2({ type: Object })
 ], JupiterConceptTree.prototype, "calculationErrorKeys", 2);
-__decorateClass$4([
+__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 {
@@ -5092,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 {
@@ -5153,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;
@@ -5718,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>
@@ -6003,93 +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);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_highlightMap", 2);
-__decorateClass$2([
+__decorateClass$3([
   r()
 ], JupiterFormSection.prototype, "_calculationErrorKeys", 2);
-JupiterFormSection = __decorateClass$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) => {
@@ -6108,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 = [];
@@ -6120,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();
@@ -6136,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()) {
@@ -6551,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();
@@ -6841,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")}
@@ -7017,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>
     `;
@@ -7575,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 })
@@ -7594,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);
@@ -7624,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);
@@ -7677,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 = "";
@@ -8366,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;
@@ -10922,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
@@ -10942,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}"
@@ -10962,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;
@@ -11075,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}"
@@ -11227,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>
         ` : ""}
@@ -12188,6 +12384,9 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showFilterDialog", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_showFactsOnly", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_periodPreferences", 2);
@@ -12229,6 +12428,7 @@ export {
   FactMatcher,
   FormValidator,
   JupiterAddColumnDialog,
+  JupiterAdvancedFilter,
   JupiterConceptTree,
   JupiterDynamicForm,
   JupiterFilterRolesDialog,