jupiter-dynamic-forms 1.16.8 → 1.17.0

package/dist/index.mjs

@@ -1654,7 +1654,14 @@ 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.",
+  searchByConcept: "Search by concept",
+  searchByConceptDescription: "Type concept name or label to filter roles and rows. Press Apply Filter to apply.",
+  searchByConceptPlaceholder: "Type concept name or label and press Apply Filter..."
 };
 const column$1 = {
   addColumn: "Add Column",
@@ -1800,7 +1807,14 @@ 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.",
+  searchByConcept: "Zoeken op concept",
+  searchByConceptDescription: "Typ een conceptnaam of label om rollen en rijen te filteren. Druk op Filter toepassen om te activeren.",
+  searchByConceptPlaceholder: "Typ conceptnaam of label en druk op Filter toepassen..."
 };
 const column = {
   addColumn: "Kolom toevoegen",
@@ -2982,15 +2996,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 +4077,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 +4490,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 +5106,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 +5167,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 +5733,14 @@ 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) => {
+      var _a;
+      if (((_a = this.conceptMatchIds) == null ? void 0 : _a.size) && !this.conceptMatchIds.has(concept.originalConceptId))
+        return false;
+      if (this.mode === "readonly" || this.showFactsOnly)
+        return !this._isConceptRowBlank(concept);
+      return true;
+    }).flatMap((concept) => this._renderConceptRows(concept))}
             </tbody>
           </table>
         </div>
@@ -6003,93 +6025,305 @@ 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, "conceptMatchIds", 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;
+    this.conceptSearchText = "";
+    this._localConceptSearchText = "";
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("conceptSearchText") && this.conceptSearchText !== this._localConceptSearchText) {
+      this._localConceptSearchText = this.conceptSearchText;
+    }
+  }
+  _handleShowFactsOnlyChange(e2) {
+    const checked = e2.target.checked;
+    this.dispatchEvent(new CustomEvent("filter-change", {
+      detail: { showFactsOnly: checked, conceptSearchText: this._localConceptSearchText },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _handleConceptSearchInput(e2) {
+    this._localConceptSearchText = e2.target.value;
+    this.dispatchEvent(new CustomEvent("filter-change", {
+      detail: { showFactsOnly: this.showFactsOnly, conceptSearchText: this._localConceptSearchText },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  _clearConceptSearch() {
+    var _a;
+    this._localConceptSearchText = "";
+    const input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".concept-search-input");
+    if (input) {
+      input.value = "";
+      input.focus();
+    }
+    this.dispatchEvent(new CustomEvent("filter-change", {
+      detail: { showFactsOnly: this.showFactsOnly, conceptSearchText: "" },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    return html`
+      <div class="filter-options">
+        <label class="filter-option clickable">
+          <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 class="filter-option">
+          <div class="filter-option-body">
+            <div class="filter-option-label">${I18n.t("filter.searchByConcept")}</div>
+            <p class="filter-option-description">${I18n.t("filter.searchByConceptDescription")}</p>
+            <div class="concept-search-input-wrapper">
+              <input
+                type="text"
+                class="concept-search-input"
+                placeholder="${I18n.t("filter.searchByConceptPlaceholder")}"
+                .value="${this._localConceptSearchText}"
+                @input="${this._handleConceptSearchInput}"
+              />
+              ${this._localConceptSearchText ? html`
+                <button
+                  class="concept-search-clear"
+                  @click="${this._clearConceptSearch}"
+                  title="${I18n.t("filter.clearSearch")}"
+                >×</button>
+              ` : ""}
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+JupiterAdvancedFilter.styles = css`
+    :host {
+      display: block;
+      font-family: var(--jupiter-font-family, system-ui, -apple-system, sans-serif);
+    }
+
+    .filter-options {
+      padding: 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .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;
+      transition: background-color 0.2s ease;
+    }
+
+    .filter-option.clickable {
+      cursor: pointer;
+    }
+
+    .filter-option.clickable: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;
+    }
+
+    .concept-search-input-wrapper {
+      position: relative;
+      margin-top: 10px;
+    }
+
+    .concept-search-input {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 8px 36px 8px 10px;
+      border: 1px solid var(--primaryTextColor, var(--jupiter-border-color, #ddd));
+      border-radius: 4px;
+      font-size: 13px;
+      font-family: inherit;
+      background: transparent;
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+      transition: border-color 0.2s ease;
+    }
+
+    .concept-search-input::placeholder {
+      color: var(--primaryTextColor, var(--jupiter-text-secondary, #999));
+    }
+
+    .concept-search-clear {
+      position: absolute;
+      right: 8px;
+      top: 50%;
+      transform: translateY(-50%);
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 2px 4px;
+      border-radius: 2px;
+      color: var(--jupiter-text-secondary, #666);
+      font-size: 16px;
+      line-height: 1;
+      transition: color 0.2s ease;
+    }
+
+    .concept-search-clear:hover {
+      color: var(--primaryTextColor, var(--jupiter-text-primary, #333));
+    }
+  `;
+__decorateClass$2([
+  n2({ type: Boolean })
+], JupiterAdvancedFilter.prototype, "showFactsOnly", 2);
+__decorateClass$2([
+  n2({ type: String })
+], JupiterAdvancedFilter.prototype, "conceptSearchText", 2);
+__decorateClass$2([
+  r()
+], JupiterAdvancedFilter.prototype, "_localConceptSearchText", 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 +6342,10 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this.availableRoles = [];
     this.selectedRoleIds = [];
     this.periodPreferences = {};
-    this.mode = "user";
+    this.mode = "inputForm";
     this.hypercubeData = null;
+    this.showFactsOnly = false;
+    this.conceptSearchText = "";
     this._tempSelectedRoles = /* @__PURE__ */ new Set();
     this._searchQuery = "";
     this._filteredRoles = [];
@@ -6120,6 +6356,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this._draggedRoleId = null;
     this._dragOverRoleId = null;
     this._chosenRoleOrder = [];
+    this._showAdvancedFilter = false;
+    this._showFactsOnly = false;
+    this._conceptSearchText = "";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -6136,6 +6375,14 @@ 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;
+        this._conceptSearchText = this.conceptSearchText;
+      }
+    }
   }
   _updateFilteredRoles() {
     if (!this._searchQuery.trim()) {
@@ -6551,6 +6798,23 @@ let JupiterFilterRolesDialog = class extends LitElement {
     this._tempPeriodPreferences = newPreferences;
     this.requestUpdate();
   }
+  _switchToAdvancedFilter() {
+    this._showAdvancedFilter = true;
+    this._searchQuery = "";
+  }
+  _switchToFilterRoles() {
+    this._showAdvancedFilter = false;
+  }
+  _handleFilterChange(e2) {
+    this._showFactsOnly = e2.detail.showFactsOnly;
+    this._conceptSearchText = e2.detail.conceptSearchText ?? "";
+  }
+  _handleAdvancedFilterApply() {
+    this.dispatchEvent(new CustomEvent("advanced-filter-apply", {
+      detail: { showFactsOnly: this._showFactsOnly, conceptSearchText: this._conceptSearchText },
+      bubbles: true
+    }));
+  }
   _handleBackdropClick(event) {
     if (event.target === this) {
       this._handleCancel();
@@ -6841,6 +7105,12 @@ let JupiterFilterRolesDialog = class extends LitElement {
                 </div>
               </div>
             </div>
+          ` : this._showAdvancedFilter ? html`
+            <jupiter-advanced-filter
+              .showFactsOnly="${this._showFactsOnly}"
+              .conceptSearchText="${this._conceptSearchText}"
+              @filter-change="${this._handleFilterChange}"
+            ></jupiter-advanced-filter>
           ` : html`
           <p class="description">
             ${I18n.t("filter.description")}
@@ -7017,16 +7287,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 +7862,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 +7899,12 @@ __decorateClass$1([
 __decorateClass$1([
   n2({ type: Object })
 ], JupiterFilterRolesDialog.prototype, "hypercubeData", 2);
+__decorateClass$1([
+  n2({ type: Boolean })
+], JupiterFilterRolesDialog.prototype, "showFactsOnly", 2);
+__decorateClass$1([
+  n2({ type: String })
+], JupiterFilterRolesDialog.prototype, "conceptSearchText", 2);
 __decorateClass$1([
   r()
 ], JupiterFilterRolesDialog.prototype, "_tempSelectedRoles", 2);
@@ -7624,6 +7935,15 @@ __decorateClass$1([
 __decorateClass$1([
   r()
 ], JupiterFilterRolesDialog.prototype, "_chosenRoleOrder", 2);
+__decorateClass$1([
+  r()
+], JupiterFilterRolesDialog.prototype, "_showAdvancedFilter", 2);
+__decorateClass$1([
+  r()
+], JupiterFilterRolesDialog.prototype, "_showFactsOnly", 2);
+__decorateClass$1([
+  r()
+], JupiterFilterRolesDialog.prototype, "_conceptSearchText", 2);
 JupiterFilterRolesDialog = __decorateClass$1([
   t$1("jupiter-filter-roles-dialog")
 ], JupiterFilterRolesDialog);
@@ -7677,6 +7997,8 @@ let JupiterDynamicForm = class extends LitElement {
     this._allSections = [];
     this._selectedRoleIds = [];
     this._showFilterDialog = false;
+    this._showFactsOnly = false;
+    this._conceptSearchText = "";
     this._periodPreferences = {};
     this._activeSidePanelRoleId = null;
     this._sidePanelSearchQuery = "";
@@ -8366,6 +8688,11 @@ let JupiterDynamicForm = class extends LitElement {
   _handleFilterRolesClick() {
     this._showFilterDialog = true;
   }
+  _handleAdvancedFilterApply(event) {
+    this._showFactsOnly = event.detail.showFactsOnly;
+    this._conceptSearchText = event.detail.conceptSearchText ?? "";
+    this._showFilterDialog = false;
+  }
   _handleFilterDialogCancel() {
     this._showFilterDialog = false;
     const roleCount = this._getRoleIdsArray().length;
@@ -10530,6 +10857,53 @@ let JupiterDynamicForm = class extends LitElement {
     };
     return !hasValue(section2.concepts);
   }
+  _getConceptSearchMatchIds(searchText) {
+    var _a, _b, _c;
+    const result = /* @__PURE__ */ new Set();
+    if (!searchText.trim() || !((_b = (_a = this.xbrlInput) == null ? void 0 : _a.presentation) == null ? void 0 : _b.length)) {
+      return result;
+    }
+    const query = searchText.toLowerCase().trim();
+    const walkConcepts = (concepts) => {
+      var _a2, _b2, _c2;
+      for (const concept of concepts) {
+        let matches = ((_a2 = concept.conceptName) == null ? void 0 : _a2.toLowerCase().includes(query)) || ((_b2 = concept.id) == null ? void 0 : _b2.toLowerCase().includes(query));
+        if (!matches && Array.isArray(concept.labels)) {
+          matches = concept.labels.some((l2) => {
+            var _a3;
+            return (_a3 = l2.label) == null ? void 0 : _a3.toLowerCase().includes(query);
+          });
+        }
+        if (matches) {
+          result.add(concept.id);
+        }
+        if ((_c2 = concept.children) == null ? void 0 : _c2.length) {
+          walkConcepts(concept.children);
+        }
+      }
+    };
+    for (const presentationData of this.xbrlInput.presentation) {
+      for (const role of presentationData.roles || []) {
+        walkConcepts(((_c = role.presentationLinkbase) == null ? void 0 : _c.concepts) || []);
+      }
+    }
+    return result;
+  }
+  _isSectionConceptSearchMatch(section2, matchIds) {
+    if (matchIds.size === 0)
+      return false;
+    const checkConcepts = (concepts) => {
+      var _a;
+      for (const concept of concepts) {
+        if (matchIds.has(concept.originalConceptId))
+          return true;
+        if (((_a = concept.children) == null ? void 0 : _a.length) && checkConcepts(concept.children))
+          return true;
+      }
+      return false;
+    };
+    return checkConcepts(section2.concepts);
+  }
   _filterSidePanelSections(sections) {
     if (!this._sidePanelSearchQuery.trim()) {
       return sections;
@@ -10922,9 +11296,19 @@ 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) => {
-      var _a;
-      return html`
+        ` : (() => {
+      const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
+      const hasConceptSearch = this._conceptSearchText.trim().length > 0;
+      let sections = schema.sections;
+      if (this.mode === "readonly" || this._showFactsOnly) {
+        sections = sections.filter((s2) => !this._isSectionBlank(s2));
+      }
+      if (hasConceptSearch) {
+        sections = sections.filter((s2) => this._isSectionConceptSearchMatch(s2, conceptMatchIds));
+      }
+      return sections.map((section2, index) => {
+        var _a;
+        return html`
           <jupiter-form-section
             section-id="${section2.id}"
             .section="${section2}"
@@ -10942,6 +11326,8 @@ let JupiterDynamicForm = class extends LitElement {
             .isFirstSection="${index === 0}"
             .availableDimensions="${this._getAvailableDimensionsForSection(section2.id)}"
             .mode="${this.mode}"
+            .showFactsOnly="${this._showFactsOnly}"
+            .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
             .masterData="${this.masterData}"
             .periodStartDate="${this.periodStartDate}"
             .periodEndDate="${this.periodEndDate}"
@@ -10956,13 +11342,19 @@ let JupiterDynamicForm = class extends LitElement {
             @column-add-request="${this._handleColumnAddRequest}"
           ></jupiter-form-section>
         `;
-    })}
+      });
+    })()}
       </div>
     `;
   }
   _renderSidePanelLayout(schema, config, showValidationSummary, errorCount) {
     var _a;
-    const visibleSections = this.mode === "readonly" ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
+    const conceptMatchIds = this._getConceptSearchMatchIds(this._conceptSearchText);
+    const hasConceptSearch = this._conceptSearchText.trim().length > 0;
+    let visibleSections = this.mode === "readonly" || this._showFactsOnly ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
+    if (hasConceptSearch) {
+      visibleSections = visibleSections.filter((s2) => this._isSectionConceptSearchMatch(s2, conceptMatchIds));
+    }
     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 +11467,8 @@ let JupiterDynamicForm = class extends LitElement {
                 .isFirstSection="${true}"
                 .availableDimensions="${this._getAvailableDimensionsForSection(activeSection.id)}"
                 .mode="${this.mode}"
+                .showFactsOnly="${this._showFactsOnly}"
+                .conceptMatchIds="${hasConceptSearch ? conceptMatchIds : void 0}"
                 .masterData="${this.masterData}"
                 .periodStartDate="${this.periodStartDate}"
                 .periodEndDate="${this.periodEndDate}"
@@ -11227,8 +11621,11 @@ let JupiterDynamicForm = class extends LitElement {
             .periodPreferences="${this._periodPreferences}"
             .hypercubeData="${(_a = this.xbrlInput) == null ? void 0 : _a.hypercubes}"
             .mode="${this.mode}"
+            .showFactsOnly="${this._showFactsOnly}"
+            .conceptSearchText="${this._conceptSearchText}"
             @dialog-cancel="${this._handleFilterDialogCancel}"
             @roles-filter-apply="${this._handleRoleFilterApply}"
+            @advanced-filter-apply="${this._handleAdvancedFilterApply}"
             @click="${this._handleFilterDialogCancel}"
           ></jupiter-filter-roles-dialog>
         ` : ""}
@@ -12188,6 +12585,12 @@ __decorateClass([
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_showFilterDialog", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_showFactsOnly", 2);
+__decorateClass([
+  r()
+], JupiterDynamicForm.prototype, "_conceptSearchText", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_periodPreferences", 2);
@@ -12229,6 +12632,7 @@ export {
   FactMatcher,
   FormValidator,
   JupiterAddColumnDialog,
+  JupiterAdvancedFilter,
   JupiterConceptTree,
   JupiterDynamicForm,
   JupiterFilterRolesDialog,