@praxisui/table 9.0.59 → 9.0.60

package/fesm2022/{praxisui-table-praxisui-table-C5_gBRvk.mjs → praxisui-table-praxisui-table-Dc_qrYSl.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EventEmitter, Output, Input, Optional, Inject, Component, ChangeDetectionStrategy, Injectable, LOCALE_ID, inject, DestroyRef, Directive, ElementRef, ChangeDetectorRef, ViewChild, HostListener, ENVIRONMENT_INITIALIZER, effect, booleanAttribute, HostBinding, ContentChild } from '@angular/core';
+import { InjectionToken, signal, EventEmitter, ElementRef, Output, Input, ViewChild, Optional, Inject, Component, ChangeDetectionStrategy, Injectable, LOCALE_ID, inject, DestroyRef, Directive, ChangeDetectorRef, HostListener, ENVIRONMENT_INITIALIZER, effect, booleanAttribute, HostBinding, ContentChild } from '@angular/core';
 import * as i10$1 from '@angular/common';
 import { NgTemplateOutlet, UpperCasePipe, LowerCasePipe, TitleCasePipe, PercentPipe, CurrencyPipe, DecimalPipe, DatePipe, CommonModule } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -115,6 +115,9 @@ const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
                 'table.export.deferred': 'Exportação enviada para processamento.',
                 'table.export.error': 'Não foi possível exportar os dados.',
                 'table.chrome.moreActions': 'Mais ações',
+                'table.chrome.compactGroup.actions': 'Ações',
+                'table.chrome.compactGroup.export': 'Exportar',
+                'table.chrome.compactGroup.view': 'Visualização',
                 'table.chrome.rowActions.more': 'Mais ações',
                 'table.chrome.rowActions.loading': 'Carregando ações contextuais',
                 'table.chrome.rowActions.view': 'Visualizar',
@@ -272,6 +275,9 @@ const PRAXIS_TABLE_RUNTIME_I18N_CONFIG = {
                 'table.export.deferred': 'Export submitted for processing.',
                 'table.export.error': 'Could not export the data.',
                 'table.chrome.moreActions': 'More actions',
+                'table.chrome.compactGroup.actions': 'Actions',
+                'table.chrome.compactGroup.export': 'Export',
+                'table.chrome.compactGroup.view': 'View',
                 'table.chrome.rowActions.more': 'More actions',
                 'table.chrome.rowActions.loading': 'Loading contextual actions',
                 'table.chrome.rowActions.view': 'View',
@@ -436,14 +442,17 @@ function resolveTableRuntimeFallback(key, locale) {
 }
 function translateTableRuntimeText(i18n, key, fallback, params, locale) {
     const explicitLocale = typeof locale === 'string' && locale.trim() ? locale.trim() : '';
-    const runtimeFallback = resolveTableRuntimeFallback(key, explicitLocale)
-        || resolveTableRuntimeFallback(key, explicitLocale || i18n?.getLocale?.() || i18n?.getFallbackLocale?.() || 'pt-BR')
-        || fallback
-        || key;
+    const runtimeFallback = resolveTableRuntimeFallback(key, explicitLocale) ||
+        resolveTableRuntimeFallback(key, explicitLocale ||
+            i18n?.getLocale?.() ||
+            i18n?.getFallbackLocale?.() ||
+            'pt-BR') ||
+        fallback ||
+        key;
     if (explicitLocale) {
         return interpolateTableRuntimeText(runtimeFallback, params);
     }
-    return i18n?.t(key, params, runtimeFallback, PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE) || interpolateTableRuntimeText(runtimeFallback, params);
+    return (i18n?.t(key, params, runtimeFallback, PRAXIS_TABLE_RUNTIME_I18N_NAMESPACE) || interpolateTableRuntimeText(runtimeFallback, params));
 }
 function interpolateTableRuntimeText(template, params) {
     if (!params)
@@ -632,8 +641,16 @@ class PraxisTableToolbar {
     i18n;
     defaultAppearance;
     tokenPresets;
+    toolbarRoot;
+    toolbarIdentity;
+    fullActionsGroup;
+    endActionsGroup;
     activeOverflowMenuTrigger;
     activeOverflowMenuTriggerElement;
+    actionsCompacted = signal(false, ...(ngDevMode ? [{ debugName: "actionsCompacted" }] : /* istanbul ignore next */ []));
+    actionCapacityObserver;
+    actionCapacityMutationObserver;
+    actionCapacityFrame = null;
     config;
     appearance = null;
     backgroundColor = null;
@@ -689,6 +706,15 @@ class PraxisTableToolbar {
     getToolbarActionsLabel() {
         return this.tx('table.chrome.toolbarActions', 'Ações da tabela');
     }
+    getCompactActionsGroupLabel() {
+        return this.tx('table.chrome.compactGroup.actions', 'Ações');
+    }
+    getCompactExportGroupLabel() {
+        return this.tx('table.chrome.compactGroup.export', 'Exportar');
+    }
+    getCompactViewGroupLabel() {
+        return this.tx('table.chrome.compactGroup.view', 'Visualização');
+    }
     getToolbarConfigurationLabel() {
         return this.tx('table.chrome.toolbarConfiguration', 'Configuração e assistente');
     }
@@ -936,7 +962,117 @@ class PraxisTableToolbar {
             return template;
         return Object.entries(params).reduce((current, [key, value]) => current.replace(new RegExp(`\\{${key}\\}`, 'g'), String(value ?? '')), template);
     }
-    ngOnDestroy() { }
+    ngAfterViewInit() {
+        if (typeof getComputedStyle === 'undefined')
+            return;
+        this.scheduleActionCapacityCheck();
+        const capacityTargets = [
+            this.toolbarRoot?.nativeElement,
+            this.toolbarIdentity?.nativeElement,
+            this.fullActionsGroup?.nativeElement,
+            this.endActionsGroup?.nativeElement,
+        ].filter((target) => !!target);
+        if (typeof ResizeObserver !== 'undefined') {
+            this.actionCapacityObserver = new ResizeObserver(() => {
+                this.scheduleActionCapacityCheck();
+            });
+            for (const target of capacityTargets) {
+                this.actionCapacityObserver.observe(target);
+            }
+        }
+        if (typeof MutationObserver !== 'undefined') {
+            this.actionCapacityMutationObserver = new MutationObserver(() => {
+                this.scheduleActionCapacityCheck();
+            });
+            const toolbarRoot = this.toolbarRoot?.nativeElement;
+            if (toolbarRoot) {
+                this.actionCapacityMutationObserver.observe(toolbarRoot, {
+                    childList: true,
+                    characterData: true,
+                    subtree: true,
+                });
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.actionCapacityObserver?.disconnect();
+        this.actionCapacityMutationObserver?.disconnect();
+        if (this.actionCapacityFrame !== null &&
+            typeof cancelAnimationFrame !== 'undefined') {
+            cancelAnimationFrame(this.actionCapacityFrame);
+        }
+    }
+    scheduleActionCapacityCheck() {
+        if (typeof requestAnimationFrame === 'undefined') {
+            this.updateActionCapacity();
+            return;
+        }
+        if (this.actionCapacityFrame !== null) {
+            cancelAnimationFrame(this.actionCapacityFrame);
+        }
+        this.actionCapacityFrame = requestAnimationFrame(() => {
+            this.actionCapacityFrame = null;
+            this.updateActionCapacity();
+        });
+    }
+    updateActionCapacity() {
+        const toolbar = this.toolbarRoot?.nativeElement;
+        const actions = this.fullActionsGroup?.nativeElement;
+        if (!toolbar ||
+            !actions ||
+            !this.showActionsGroup ||
+            !this.showMobileActions ||
+            !this.hasCompactCommands()) {
+            this.actionsCompacted.set(false);
+            return;
+        }
+        const toolbarStyle = getComputedStyle(toolbar);
+        const contentWidth = Math.max(0, toolbar.clientWidth -
+            this.readPixelValue(toolbarStyle.paddingInlineStart) -
+            this.readPixelValue(toolbarStyle.paddingInlineEnd));
+        if (contentWidth <= 0) {
+            this.actionsCompacted.set(false);
+            return;
+        }
+        const identityWidth = this.getIdentityRequiredWidth();
+        const endActions = this.endActionsGroup?.nativeElement;
+        const endActionsWidth = endActions && getComputedStyle(endActions).display !== 'none'
+            ? Math.max(endActions.scrollWidth, endActions.getBoundingClientRect().width)
+            : 0;
+        const columnGap = identityWidth > 0 ? this.readPixelValue(toolbarStyle.columnGap) : 0;
+        const actionsHostStyle = getComputedStyle(actions.parentElement ?? toolbar);
+        const actionsGap = endActionsWidth > 0
+            ? this.readPixelValue(actionsHostStyle.columnGap || actionsHostStyle.gap)
+            : 0;
+        const availableWidth = Math.max(0, contentWidth - identityWidth - endActionsWidth - columnGap - actionsGap);
+        const actionsStyle = getComputedStyle(actions);
+        const actionGroups = Array.from(actions.children).filter((child) => child instanceof HTMLElement &&
+            getComputedStyle(child).display !== 'none');
+        const intrinsicChildrenWidth = actionGroups.reduce((total, child) => total +
+            Math.max(child.scrollWidth, child.getBoundingClientRect().width), 0);
+        const groupGaps = Math.max(0, actionGroups.length - 1) *
+            this.readPixelValue(actionsStyle.columnGap || actionsStyle.gap);
+        const requiredWidth = Math.max(actions.scrollWidth, actions.getBoundingClientRect().width, intrinsicChildrenWidth + groupGaps);
+        const capacityBuffer = this.actionsCompacted() ? 16 : 0;
+        this.actionsCompacted.set(requiredWidth + capacityBuffer > availableWidth + 0.5);
+    }
+    getIdentityRequiredWidth() {
+        const identity = this.toolbarIdentity?.nativeElement;
+        if (!identity || getComputedStyle(identity).display === 'none')
+            return 0;
+        const style = getComputedStyle(identity);
+        const copy = identity.querySelector('.toolbar-identity__copy');
+        const icon = identity.querySelector('.toolbar-identity__icon');
+        return ((copy?.scrollWidth ?? 0) +
+            (icon?.getBoundingClientRect().width ?? 0) +
+            (copy && icon ? this.readPixelValue(style.columnGap || style.gap) : 0) +
+            this.readPixelValue(style.paddingInlineStart) +
+            this.readPixelValue(style.paddingInlineEnd));
+    }
+    readPixelValue(value) {
+        const parsed = Number.parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : 0;
+    }
     getToolbarVariant() {
         const value = this.resolveToolbarAppearance().variant;
         return value === 'flat' ||
@@ -1256,6 +1392,23 @@ class PraxisTableToolbar {
             ? this.resolveDisabledActionReason(action)
             : null;
     }
+    getCompactOverflowCommonDisabledReason() {
+        const reasons = this.getOverflowActions()
+            .map((action) => this.getActionDisabledReason(action))
+            .filter((reason) => !!reason);
+        if (reasons.length < 2)
+            return null;
+        const commonReason = reasons[0];
+        return reasons.every((reason) => reason === commonReason)
+            ? commonReason
+            : null;
+    }
+    getCompactActionSpecificDisabledReason(action) {
+        const reason = this.getActionDisabledReason(action);
+        return reason === this.getCompactOverflowCommonDisabledReason()
+            ? null
+            : reason;
+    }
     getActionAriaDisabled(action) {
         return this.isActionDisabled(action) ? 'true' : null;
     }
@@ -1781,11 +1934,13 @@ class PraxisTableToolbar {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTableToolbar, deps: [{ token: i0.ElementRef }, { token: i1.LoggerService, optional: true }, { token: i1.PraxisI18nService, optional: true }, { token: PRAXIS_TABLE_TOOLBAR_DEFAULT_APPEARANCE, optional: true }, { token: PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisTableToolbar, isStandalone: true, selector: "praxis-table-toolbar", inputs: { config: "config", appearance: "appearance", backgroundColor: "backgroundColor", placement: "placement", focusScope: "focusScope", showMain: "showMain", showActionsGroup: "showActionsGroup", showEndActions: "showEndActions", showMobileActions: "showMobileActions", exportBusy: "exportBusy", exportStatusMessage: "exportStatusMessage", evaluationContext: "evaluationContext", activeQuickFilterId: "activeQuickFilterId", activeDensity: "activeDensity", columnVisibilityController: "columnVisibilityController" }, outputs: { toolbarAction: "toolbarAction", exportAction: "exportAction", columnVisibilityToggle: "columnVisibilityToggle", quickFilterChange: "quickFilterChange", densityChange: "densityChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class.praxis-toolbar-footer": "placement === 'footer'" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisTableToolbar, isStandalone: true, selector: "praxis-table-toolbar", inputs: { config: "config", appearance: "appearance", backgroundColor: "backgroundColor", placement: "placement", focusScope: "focusScope", showMain: "showMain", showActionsGroup: "showActionsGroup", showEndActions: "showEndActions", showMobileActions: "showMobileActions", exportBusy: "exportBusy", exportStatusMessage: "exportStatusMessage", evaluationContext: "evaluationContext", activeQuickFilterId: "activeQuickFilterId", activeDensity: "activeDensity", columnVisibilityController: "columnVisibilityController" }, outputs: { toolbarAction: "toolbarAction", exportAction: "exportAction", columnVisibilityToggle: "columnVisibilityToggle", quickFilterChange: "quickFilterChange", densityChange: "densityChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class.praxis-toolbar-footer": "placement === 'footer'" } }, viewQueries: [{ propertyName: "toolbarRoot", first: true, predicate: ["toolbarRoot"], descendants: true, read: ElementRef }, { propertyName: "toolbarIdentity", first: true, predicate: ["toolbarIdentity"], descendants: true, read: ElementRef }, { propertyName: "fullActionsGroup", first: true, predicate: ["fullActionsGroup"], descendants: true, read: ElementRef }, { propertyName: "endActionsGroup", first: true, predicate: ["endActionsGroup"], descendants: true, read: ElementRef }], ngImport: i0, template: `
     <mat-toolbar
+      #toolbarRoot
       class="praxis-toolbar"
       role="group"
       [attr.aria-label]="getToolbarAriaLabel()"
+      [class.praxis-toolbar--compact-actions]="actionsCompacted()"
       [class.praxis-toolbar--has-identity]="showMain && hasToolbarIdentity()"
       [class.praxis-toolbar--has-query]="showMain"
       [class.praxis-toolbar--has-scope]="showMain && shouldShowQuickFilters()"
@@ -1876,6 +2031,7 @@ class PraxisTableToolbar {
     >
       @if (showMain && hasToolbarIdentity()) {
         <div
+          #toolbarIdentity
           class="toolbar-identity"
           role="group"
           data-toolbar-region="identity"
@@ -1914,6 +2070,9 @@ class PraxisTableToolbar {
         @if (shouldShowQuickFilters()) {
           <div
             class="praxis-table-quick-filters"
+            [class.praxis-table-quick-filters--binary]="
+              getQuickFilters().length === 2
+            "
             role="group"
             data-toolbar-region="scope"
             [attr.aria-label]="getQuickFiltersLabel()"
@@ -1958,6 +2117,7 @@ class PraxisTableToolbar {
         <div class="toolbar-actions" data-toolbar-region="commands">
           @if (showActionsGroup) {
             <div
+              #fullActionsGroup
               class="actions-group"
               role="group"
               [class.actions-group--has-business]="hasBusinessActions()"
@@ -2032,7 +2192,11 @@ class PraxisTableToolbar {
                       }
                       {{ action.label }}
                     </button>
-                    <mat-menu #startActionMenu="matMenu">
+                    <mat-menu
+                      #startActionMenu="matMenu"
+                      yPosition="below"
+                      [overlapTrigger]="false"
+                    >
                       @for (
                         child of getVisibleActionChildren(action);
                         track getActionId(child)
@@ -2245,7 +2409,11 @@ class PraxisTableToolbar {
                       }
                       {{ action.label }}
                     </button>
-                    <mat-menu #endActionMenu="matMenu">
+                    <mat-menu
+                      #endActionMenu="matMenu"
+                      yPosition="below"
+                      [overlapTrigger]="false"
+                    >
                       @for (
                         child of getVisibleActionChildren(action);
                         track getActionId(child)
@@ -2435,7 +2603,11 @@ class PraxisTableToolbar {
                       {{ exportStatusMessage }}
                     </span>
                   }
-                  <mat-menu #exportMenu="matMenu">
+                  <mat-menu
+                    #exportMenu="matMenu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
+                  >
                     @for (format of config?.export?.formats; track format) {
                       <button
                         mat-menu-item
@@ -2480,6 +2652,8 @@ class PraxisTableToolbar {
                   <mat-menu
                     #columnsMenu="matMenu"
                     class="praxis-table-columns-menu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
                   >
                     @for (column of config?.columns; track column.field) {
                       <button
@@ -2545,6 +2719,8 @@ class PraxisTableToolbar {
                   <mat-menu
                     #densityMenu="matMenu"
                     class="praxis-table-density-menu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
                   >
                     @for (density of getDensityOptions(); track density) {
                       <button
@@ -2572,6 +2748,7 @@ class PraxisTableToolbar {
           }
           @if (showEndActions) {
             <div
+              #endActionsGroup
               class="end-actions"
               role="group"
               [attr.aria-label]="getToolbarConfigurationLabel()"
@@ -2607,99 +2784,143 @@ class PraxisTableToolbar {
                   [matTooltip]="getMoreActionsLabel()"
                   matTooltipPosition="below"
                 ></button>
-                <mat-menu #compactCommandsMenu="matMenu">
+                <mat-menu
+                  #compactCommandsMenu="matMenu"
+                  yPosition="below"
+                  [overlapTrigger]="false"
+                >
+                  @if (getOverflowActions().length) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactActionsGroupLabel() }}
+                    </div>
+                    @if (
+                      getCompactOverflowCommonDisabledReason();
+                      as commonDisabledReason
+                    ) {
+                      <p class="praxis-table-compact-command-group__hint">
+                        {{ commonDisabledReason }}
+                      </p>
+                    }
+                  }
                   @for (
                     action of getOverflowActions();
                     track getActionId(action)
                   ) {
-                    <button
-                      mat-menu-item
-                      [disabled]="isActionDisabled(action)"
-                      [attr.aria-label]="getActionAriaLabel(action)"
-                      [matTooltip]="getActionTooltip(action)"
-                      (click)="
-                        emitOverflowToolbarAction(
-                          $event,
-                          getActionId(action),
-                          action
-                        )
-                      "
-                    >
-                      @if (action.icon) {
-                        <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                      }
-                      <span class="praxis-toolbar-menu-action__label">
-                        {{ action.label }}
-                      </span>
-                      @if (getActionDisabledReason(action); as reason) {
-                        <span class="praxis-toolbar-menu-action__reason">
-                          {{ reason }}
+                    @if (
+                      getActionType(action) === 'menu' &&
+                      getVisibleActionChildren(action).length
+                    ) {
+                      <button
+                        mat-menu-item
+                        [disabled]="isActionDisabled(action)"
+                        [matMenuTriggerFor]="
+                          isActionDisabled(action) ? null : compactActionMenu
+                        "
+                        [attr.aria-label]="getActionAriaLabel(action)"
+                      >
+                        @if (action.icon) {
+                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        }
+                        <span class="praxis-toolbar-menu-action__label">
+                          {{ action.label }}
                         </span>
-                      }
-                    </button>
-                  }
-                  @if (config?.export?.enabled) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileExportMenu"
-                      [disabled]="exportBusy"
-                      class="praxis-table-compact-command--export"
-                    >
-                      <mat-icon
-                        [class.praxis-table-export-progress-icon]="exportBusy"
-                        [praxisIcon]="
-                          exportBusy ? 'progress_activity' : 'download'
+                      </button>
+                      <mat-menu #compactActionMenu="matMenu">
+                        @for (
+                          child of getVisibleActionChildren(action);
+                          track getActionId(child)
+                        ) {
+                          <button
+                            mat-menu-item
+                            [disabled]="isActionDisabled(child)"
+                            [attr.aria-label]="getActionAriaLabel(child)"
+                            (click)="
+                              emitOverflowToolbarAction(
+                                $event,
+                                getActionId(child),
+                                child
+                              )
+                            "
+                          >
+                            @if (child.icon) {
+                              <mat-icon [praxisIcon]="child.icon"></mat-icon>
+                            }
+                            <span class="praxis-toolbar-menu-action__label">
+                              {{ child.label || getActionId(child) }}
+                            </span>
+                            @if (getActionDisabledReason(child); as reason) {
+                              <span class="praxis-toolbar-menu-action__reason">
+                                {{ reason }}
+                              </span>
+                            }
+                          </button>
+                        }
+                      </mat-menu>
+                    } @else {
+                      <button
+                        mat-menu-item
+                        [disabled]="isActionDisabled(action)"
+                        [attr.aria-label]="getActionAriaLabel(action)"
+                        (click)="
+                          emitOverflowToolbarAction(
+                            $event,
+                            getActionId(action),
+                            action
+                          )
                         "
-                      ></mat-icon>
-                      {{ getExportDataLabel() }}
-                    </button>
-                  }
-                  @if (isColumnsVisibilityEnabled()) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileColumnsMenu"
-                      class="praxis-table-compact-command--columns"
-                    >
-                      <mat-icon
-                        [praxisIcon]="getColumnsVisibilityIcon()"
-                      ></mat-icon>
-                      {{ getColumnsVisibilityLabel() }}
-                    </button>
-                  }
-                  @if (isDensityToggleEnabled()) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileDensityMenu"
-                      class="praxis-table-toolbar-action--density"
-                    >
-                      <mat-icon [praxisIcon]="'density_medium'"></mat-icon>
-                      {{ getDensityToggleLabel() }}
-                    </button>
+                      >
+                        @if (action.icon) {
+                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        }
+                        <span class="praxis-toolbar-menu-action__label">
+                          {{ action.label }}
+                        </span>
+                        @if (
+                          getCompactActionSpecificDisabledReason(action);
+                          as reason
+                        ) {
+                          <span class="praxis-toolbar-menu-action__reason">
+                            {{ reason }}
+                          </span>
+                        }
+                      </button>
+                    }
                   }
-                </mat-menu>
-
-                <mat-menu #mobileExportMenu="matMenu">
                   @if (config?.export?.enabled) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactExportGroupLabel() }}
+                    </div>
                     @for (format of config?.export?.formats; track format) {
                       <button
                         mat-menu-item
-                        class="praxis-table-export-menu-item"
+                        class="praxis-table-export-menu-item praxis-table-compact-command--export"
                         [disabled]="exportBusy"
-                        [matTooltip]="getExportFormatTooltip(format)"
                         [attr.aria-label]="getExportFormatAriaLabel(format)"
                         (click)="emitExportAction($event, format)"
                       >
                         <mat-icon
-                          [praxisIcon]="getExportIcon(format)"
+                          [class.praxis-table-export-progress-icon]="exportBusy"
+                          [praxisIcon]="
+                            exportBusy
+                              ? 'progress_activity'
+                              : getExportIcon(format)
+                          "
                         ></mat-icon>
                         {{ getExportFormatLabel(format) }}
                       </button>
                       @if (isVisibleExcelExportEnabled(format)) {
                         <button
                           mat-menu-item
-                          class="praxis-table-export-menu-item"
+                          class="praxis-table-export-menu-item praxis-table-compact-command--export"
                           [disabled]="exportBusy"
-                          [matTooltip]="getVisibleExcelExportDescription()"
                           [attr.aria-label]="getVisibleExcelExportAriaLabel()"
                           (click)="emitVisibleExcelExportAction($event)"
                         >
@@ -2709,6 +2930,52 @@ class PraxisTableToolbar {
                       }
                     }
                   }
+                  @if (
+                    isColumnsVisibilityEnabled() || isDensityToggleEnabled()
+                  ) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactViewGroupLabel() }}
+                    </div>
+                  }
+                  @if (isColumnsVisibilityEnabled()) {
+                    <button
+                      mat-menu-item
+                      [matMenuTriggerFor]="mobileColumnsMenu"
+                      class="praxis-table-compact-command--columns"
+                    >
+                      <mat-icon
+                        [praxisIcon]="getColumnsVisibilityIcon()"
+                      ></mat-icon>
+                      {{ getColumnsVisibilityLabel() }}
+                    </button>
+                  }
+                  @if (isDensityToggleEnabled()) {
+                    @for (density of getDensityOptions(); track density) {
+                      <button
+                        mat-menu-item
+                        type="button"
+                        class="praxis-table-toolbar-action--density"
+                        [attr.aria-current]="
+                          isDensityActive(density) ? 'true' : null
+                        "
+                        (click)="emitDensityChange($event, density)"
+                      >
+                        <mat-icon
+                          [praxisIcon]="
+                            isDensityActive(density)
+                              ? 'check'
+                              : getDensityIcon(density)
+                          "
+                        ></mat-icon>
+                        {{ getDensityToggleLabel() }}:
+                        {{ getDensityLabel(density) }}
+                      </button>
+                    }
+                  }
                 </mat-menu>
 
                 <mat-menu
@@ -2767,40 +3034,13 @@ class PraxisTableToolbar {
                     }
                   }
                 </mat-menu>
-
-                <mat-menu
-                  #mobileDensityMenu="matMenu"
-                  class="praxis-table-density-menu"
-                >
-                  @if (isDensityToggleEnabled()) {
-                    @for (density of getDensityOptions(); track density) {
-                      <button
-                        mat-menu-item
-                        type="button"
-                        [attr.aria-current]="
-                          isDensityActive(density) ? 'true' : null
-                        "
-                        (click)="emitDensityChange($event, density)"
-                      >
-                        <mat-icon
-                          [praxisIcon]="
-                            isDensityActive(density)
-                              ? 'check'
-                              : getDensityIcon(density)
-                          "
-                        ></mat-icon>
-                        {{ getDensityLabel(density) }}
-                      </button>
-                    }
-                  }
-                </mat-menu>
               }
             </div>
           }
         </div>
       </ng-template>
     </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;container-name:praxis-table-toolbar;container-type:inline-size}.praxis-toolbar{--p-table-toolbar-bg-default: linear-gradient( 180deg, color-mix( in srgb, var(--md-sys-color-surface, #fff) 96%, transparent ), color-mix( in srgb, var(--md-sys-color-surface-container-low, #f6f8fc) 100%, transparent ) );--p-table-toolbar-fg-default: var( --md-sys-color-on-surface, currentColor );--p-table-toolbar-border-color-default: color-mix( in srgb, var(--md-sys-color-outline-variant, #d7dbe5) 78%, transparent );--p-table-toolbar-divider-color-default: color-mix( in srgb, var(--md-sys-color-outline) 42%, transparent );--p-table-toolbar-action-hover-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 10%, transparent );--p-table-toolbar-action-active-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 16%, transparent );--p-table-toolbar-action-focus-ring-default: color-mix( in srgb, var(--md-sys-color-primary) 52%, transparent );--p-table-toolbar-ai-accent-color-default: var( --md-sys-color-primary, #0b72d9 );--p-table-toolbar-status-fg-default: var( --md-sys-color-on-surface-variant, currentColor );background:var( --p-table-toolbar-bg, var(--p-table-toolbar-bg-default) );color:var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default));box-shadow:var(--p-table-toolbar-shadow, none);padding:var( --p-table-toolbar-layout-padding, var(--p-table-toolbar-padding-block, var(--pfx-toolbar-pad-y, 6px)) var( --p-table-toolbar-padding-inline, var(--pfx-toolbar-pad-x, 12px) ) );min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );display:grid;grid-template-areas:\"actions actions actions\";grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:max(var(--p-table-toolbar-gap, 8px),12px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px);border:var(--p-table-toolbar-border-width, 1px) solid var( --p-table-toolbar-border-color, var(--p-table-toolbar-border-color-default) );border-radius:var(--p-table-toolbar-radius, 10px)}.praxis-toolbar.p-table-toolbar--flat{--p-table-toolbar-border-width: 0;--p-table-toolbar-shadow: none}.praxis-toolbar.p-table-toolbar--elevated{--p-table-toolbar-shadow: 0 12px 28px color-mix(in srgb, var(--md-sys-color-shadow, #000) 12%, transparent)}.praxis-toolbar.p-table-toolbar--integrated{--p-table-toolbar-bg: transparent;--p-table-toolbar-border-width: 0;--p-table-toolbar-radius: 0}.praxis-toolbar.p-table-toolbar--layout-separator{border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--compact{--p-table-toolbar-min-height: 36px;--p-table-toolbar-padding-block: 4px;--p-table-toolbar-padding-inline: 10px;--p-table-toolbar-gap: 4px;--p-table-toolbar-actions-gap: 4px;--p-table-toolbar-action-size: var(--praxis-action-control-compact-height, 36px);--p-table-toolbar-action-radius: var(--praxis-action-control-radius, 8px)}.praxis-toolbar.p-table-toolbar--comfortable{--p-table-toolbar-min-height: 44px;--p-table-toolbar-action-size: var(--praxis-action-control-height, 40px)}.praxis-toolbar.p-table-toolbar--spacious{--p-table-toolbar-min-height: 52px;--p-table-toolbar-padding-block: 8px;--p-table-toolbar-padding-inline: 16px;--p-table-toolbar-gap: 8px;--p-table-toolbar-actions-gap: 8px;--p-table-toolbar-action-size: var(--praxis-action-control-spacious-height, 44px)}.praxis-toolbar.p-table-toolbar--square{--p-table-toolbar-radius: 0;--p-table-toolbar-action-radius: 4px}.praxis-toolbar.p-table-toolbar--pill{--p-table-toolbar-radius: 999px;--p-table-toolbar-action-radius: 999px}:host(.praxis-toolbar-stack-top) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.praxis-toolbar-footer) .praxis-toolbar{border-top-left-radius:0;border-top-right-radius:0}:host(.praxis-toolbar-footer.footer-flat) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) )}.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope query actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope query query\"}.toolbar-query{grid-area:query;display:grid;grid-template-columns:minmax(0,1fr) fit-content(40%);align-items:start;min-width:0;column-gap:var(--p-table-toolbar-gap, 8px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px)}.toolbar-query>*{min-width:0}.toolbar-query>:is(praxis-filter,[advancedFilter]){grid-column:1}.toolbar-shortcuts{grid-column:2;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--p-table-toolbar-gap, 8px);min-width:0;max-width:100%}.toolbar-shortcuts ::ng-deep>[toolbar]{min-width:0;max-width:100%}.toolbar-shortcuts:not(:has(*)){display:none}.toolbar-identity{grid-area:identity;display:flex;align-items:center;gap:var(--p-table-toolbar-identity-gap, 8px);min-width:0;max-width:100%;min-height:var(--p-table-toolbar-identity-min-height, 30px);margin-block-end:var(--p-table-toolbar-identity-margin-bottom, 0);padding-inline:2px;color:var( --p-table-toolbar-title-fg, var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default)) )}.toolbar-identity--center{text-align:center;justify-content:center}.toolbar-identity--end{text-align:end;justify-content:flex-end}.toolbar-identity--center .toolbar-identity__copy{align-items:center}.toolbar-identity--end .toolbar-identity__copy{align-items:flex-end}.toolbar-identity__icon{width:var(--p-table-toolbar-identity-icon-size, 28px);height:var(--p-table-toolbar-identity-icon-size, 28px);border-radius:var(--p-table-toolbar-identity-icon-radius, 8px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) );background:color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 8%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 18%,transparent)}.toolbar-identity__icon .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.toolbar-identity__copy{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:1px}.toolbar-identity__title,.toolbar-identity__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-identity__title{font-size:var(--p-table-toolbar-title-font-size, 14px);font-weight:var(--p-table-toolbar-title-font-weight, 700);line-height:1.2;letter-spacing:0;color:var(--p-table-toolbar-title-fg, currentColor)}.toolbar-identity__subtitle{font-size:var(--p-table-toolbar-subtitle-font-size, 11.5px);line-height:1.25;color:var( --p-table-toolbar-subtitle-fg, var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) ) )}.toolbar-actions{grid-area:actions;display:flex;align-items:center;align-self:start;justify-self:end;justify-content:flex-end;gap:var(--p-table-toolbar-gap, 6px);min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );min-width:0}.praxis-toolbar.p-table-toolbar--align-start .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-start .toolbar-actions{justify-self:start}.praxis-toolbar.p-table-toolbar--align-center .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-center .toolbar-actions{justify-self:center}.praxis-toolbar.p-table-toolbar--align-end .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-end .toolbar-actions{justify-self:end}.actions-group{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.business-actions,.utility-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);min-width:0}.business-actions:empty,.utility-actions:empty{display:none}.action-btn:not(.praxis-icon-button){width:fit-content;max-width:100%;height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));min-width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));padding-inline:var(--praxis-action-control-padding-inline, 12px);border-radius:var(--p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px));gap:var(--praxis-action-control-gap, 8px);font-size:var(--praxis-action-control-font-size, .875rem);font-weight:var(--praxis-action-control-font-weight, 500);line-height:var(--praxis-action-control-line-height, 1.25rem);color:var(--p-table-toolbar-action-fg, inherit);background:var(--p-table-toolbar-action-bg, transparent)}.action-btn:not(.praxis-icon-button):hover:not(:disabled):not([aria-disabled=true]){background:var( --p-table-toolbar-action-hover-bg, var(--p-table-toolbar-action-hover-bg-default) )}.action-btn:not(.praxis-icon-button):focus-visible{outline:2px solid var( --p-table-toolbar-action-focus-ring, var(--praxis-action-control-focus-ring, var(--p-table-toolbar-action-focus-ring-default)) );outline-offset:2px}.toolbar-icon-btn{width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));border-radius:var(--p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.overflow-trigger{height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px))}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{margin:0;font-size:var(--praxis-action-control-icon-size, 18px);width:var(--praxis-action-control-icon-size, 18px);height:var(--praxis-action-control-icon-size, 18px);line-height:var(--praxis-action-control-icon-size, 18px)}.praxis-table-export-status{max-width:13rem;overflow:hidden;color:var(--p-table-toolbar-status-fg, currentColor);font-size:.75rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.praxis-table-export-progress-icon{animation:praxis-table-export-spin .9s linear infinite}@keyframes praxis-table-export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-table-export-progress-icon{animation:none}}.praxis-table-column-menu-item.mat-mdc-menu-item{min-height:40px}.praxis-table-export-menu-item.mat-mdc-menu-item{min-width:280px;white-space:nowrap}.praxis-table-column-menu-content{align-items:center;display:flex;gap:10px;min-height:40px;width:100%}.praxis-table-column-menu-check.mat-icon{color:var(--md-sys-color-primary, currentColor);flex:0 0 20px;font-size:20px;height:20px;line-height:20px;margin-inline-end:0;width:20px}.praxis-table-quick-filters{grid-area:scope;align-self:start;align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-height:var(--p-table-toolbar-min-height, 44px)}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:40px;padding-inline:14px;white-space:nowrap}.praxis-table-quick-filter--active.mat-mdc-outlined-button{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, 36px )}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]),.action-btn.mat-mdc-outlined-button:not(:disabled):not([aria-disabled=true]),.action-btn.pfx-tonal:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]),.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]){--praxis-toolbar-primary: var( --mat-sys-primary, var(--md-sys-color-primary) );--praxis-toolbar-on-primary: var( --mat-sys-on-primary, var(--md-sys-color-on-primary) );--praxis-toolbar-primary-action-container: var( --p-table-toolbar-primary-action-container, color-mix( in srgb, var(--praxis-toolbar-primary) 70%, var(--mat-sys-shadow, #000) 30% ) );--mdc-filled-button-container-color: var( --praxis-toolbar-primary-action-container );--mdc-filled-button-label-text-color: var( --praxis-toolbar-on-primary );--mat-filled-button-state-layer-color: var( --praxis-toolbar-on-primary );background:var(--praxis-toolbar-primary-action-container)!important;border-color:transparent;color:var(--praxis-toolbar-on-primary)!important;box-shadow:0 2px 6px color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]):hover,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 88%,var(--praxis-toolbar-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]) .mat-icon,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]) .mat-icon{color:var(--praxis-toolbar-on-primary)!important}.action-btn.mat-mdc-button-base{padding-inline:var(--praxis-action-control-padding-inline, 12px)}.action-btn[aria-disabled=true],.action-btn--fab[aria-disabled=true]{--mdc-text-button-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-surface-container-high) 78%, transparent );--mdc-filled-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-outlined-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-protected-button-label-text-color: var( --md-sys-color-on-surface-variant );background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)!important;color:var(--md-sys-color-on-surface-variant)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline) 62%,transparent)!important;cursor:not-allowed;filter:saturate(.55);opacity:var(--praxis-action-control-disabled-opacity, .62)}.action-btn[aria-disabled=true] .mat-icon,.action-btn--fab[aria-disabled=true] .mat-icon{color:currentColor!important}.action-btn[aria-disabled=true]:focus-visible,.action-btn--fab[aria-disabled=true]:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mat-mdc-menu-item[aria-disabled=true]{color:var(--md-sys-color-on-surface-variant);cursor:not-allowed;opacity:1}.praxis-toolbar-menu-action__label,.praxis-toolbar-menu-action__reason{display:block}.praxis-toolbar-menu-action__reason{max-width:280px;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:400;line-height:1.35;white-space:normal}.end-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions:empty{display:none;gap:0;margin-inline-start:0;padding-inline-start:0;border-inline-start:0}.praxis-toolbar-icon-action--primary{color:var(--md-sys-color-primary)}.praxis-toolbar-icon-action--accent{color:var(--md-sys-color-tertiary)}.praxis-toolbar-icon-action--warn{color:var(--md-sys-color-error)}.praxis-toolbar.p-table-toolbar--divider-between-groups .actions-group--has-business .utility-actions:not(:empty){margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--divider-start:not(.praxis-toolbar--has-identity) .toolbar-query{padding-inline-end:12px;border-inline-end:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep .praxis-table-toolbar-action--ai,.end-actions ::ng-deep .praxis-table-ai-trigger{color:var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) );background:color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 10%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 24%,transparent)}.end-actions ::ng-deep [data-role=table-settings]{color:var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) )}@container praxis-table-toolbar (max-width: 960px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}@container praxis-table-toolbar (max-width: 720px){.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope scope\" \"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{grid-template-columns:minmax(0,1fr)}.toolbar-query>:is(praxis-filter,[advancedFilter]),.toolbar-shortcuts{grid-column:1}.toolbar-shortcuts{justify-content:flex-start}.praxis-table-quick-filters{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}}@container praxis-table-toolbar (max-width: 540px){.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"scope scope scope\" \"query query query\"}.toolbar-actions{justify-self:stretch;justify-content:flex-end}.toolbar-actions,.toolbar-query{--p-table-toolbar-action-size: var(--praxis-action-control-spacious-height, 44px)}.toolbar-identity__subtitle{display:none}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:44px}}\n"], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+  `, isInline: true, styles: [":host{display:block;container-name:praxis-table-toolbar;container-type:inline-size}.praxis-toolbar{--p-table-toolbar-bg-default: linear-gradient( 180deg, color-mix( in srgb, var(--md-sys-color-surface, #fff) 96%, transparent ), color-mix( in srgb, var(--md-sys-color-surface-container-low, #f6f8fc) 100%, transparent ) );--p-table-toolbar-fg-default: var( --md-sys-color-on-surface, currentColor );--p-table-toolbar-border-color-default: color-mix( in srgb, var(--md-sys-color-outline-variant, #d7dbe5) 78%, transparent );--p-table-toolbar-divider-color-default: color-mix( in srgb, var(--md-sys-color-outline) 42%, transparent );--p-table-toolbar-action-hover-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 10%, transparent );--p-table-toolbar-action-active-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 16%, transparent );--p-table-toolbar-action-focus-ring-default: color-mix( in srgb, var(--md-sys-color-primary) 52%, transparent );--p-table-toolbar-ai-accent-color-default: var( --md-sys-color-primary, #0b72d9 );--p-table-toolbar-status-fg-default: var( --md-sys-color-on-surface-variant, currentColor );background:var( --p-table-toolbar-bg, var(--p-table-toolbar-bg-default) );color:var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default));box-shadow:var(--p-table-toolbar-shadow, none);padding:var( --p-table-toolbar-layout-padding, var(--p-table-toolbar-padding-block, var(--pfx-toolbar-pad-y, 6px)) var( --p-table-toolbar-padding-inline, var(--pfx-toolbar-pad-x, 12px) ) );min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );display:grid;grid-template-areas:\"actions actions actions\";grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:max(var(--p-table-toolbar-gap, 8px),12px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px);border:var(--p-table-toolbar-border-width, 1px) solid var( --p-table-toolbar-border-color, var(--p-table-toolbar-border-color-default) );border-radius:var(--p-table-toolbar-radius, 10px)}.praxis-toolbar.p-table-toolbar--flat{--p-table-toolbar-border-width: 0;--p-table-toolbar-shadow: none}.praxis-toolbar.p-table-toolbar--elevated{--p-table-toolbar-shadow: 0 12px 28px color-mix(in srgb, var(--md-sys-color-shadow, #000) 12%, transparent)}.praxis-toolbar.p-table-toolbar--integrated{--p-table-toolbar-bg: transparent;--p-table-toolbar-border-width: 0;--p-table-toolbar-radius: 0}.praxis-toolbar.p-table-toolbar--layout-separator{border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--compact{--p-table-toolbar-min-height: 36px;--p-table-toolbar-padding-block: 4px;--p-table-toolbar-padding-inline: 10px;--p-table-toolbar-gap: 4px;--p-table-toolbar-actions-gap: 4px;--p-table-toolbar-action-size: var( --praxis-action-control-compact-height, 36px );--p-table-toolbar-action-radius: var( --praxis-action-control-radius, 8px )}.praxis-toolbar.p-table-toolbar--comfortable{--p-table-toolbar-min-height: 44px;--p-table-toolbar-action-size: var( --praxis-action-control-height, 40px )}.praxis-toolbar.p-table-toolbar--spacious{--p-table-toolbar-min-height: 52px;--p-table-toolbar-padding-block: 8px;--p-table-toolbar-padding-inline: 16px;--p-table-toolbar-gap: 8px;--p-table-toolbar-actions-gap: 8px;--p-table-toolbar-action-size: var( --praxis-action-control-spacious-height, 44px )}.praxis-toolbar.p-table-toolbar--square{--p-table-toolbar-radius: 0;--p-table-toolbar-action-radius: 4px}.praxis-toolbar.p-table-toolbar--pill{--p-table-toolbar-radius: 999px;--p-table-toolbar-action-radius: 999px}:host(.praxis-toolbar-stack-top) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.praxis-toolbar-footer) .praxis-toolbar{border-top-left-radius:0;border-top-right-radius:0}:host(.praxis-toolbar-footer.footer-flat) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) )}.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope query actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope query query\"}.toolbar-query{grid-area:query;display:flex;flex-wrap:wrap;align-items:start;min-width:0;column-gap:var(--p-table-toolbar-gap, 8px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px)}.toolbar-query>*{min-width:0}.toolbar-query>:is(praxis-filter,[advancedFilter]){flex:1 1 620px}.toolbar-shortcuts{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--p-table-toolbar-gap, 8px);min-width:0;max-width:100%;margin-inline-start:auto}.toolbar-shortcuts ::ng-deep>[toolbar]{min-width:0;max-width:100%}.toolbar-shortcuts ::ng-deep>[toolbar].mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-query-control-height, 40px );--mdc-outlined-button-container-height: var( --p-table-toolbar-query-control-height, 40px );min-height:var(--p-table-toolbar-query-control-height, 40px);border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.toolbar-shortcuts:not(:has(*)){display:none}.toolbar-identity{grid-area:identity;display:flex;align-items:center;gap:var(--p-table-toolbar-identity-gap, 8px);min-width:0;max-width:100%;min-height:var(--p-table-toolbar-identity-min-height, 30px);margin-block-end:var(--p-table-toolbar-identity-margin-bottom, 0);padding-inline:2px;color:var( --p-table-toolbar-title-fg, var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default)) )}.toolbar-identity--center{text-align:center;justify-content:center}.toolbar-identity--end{text-align:end;justify-content:flex-end}.toolbar-identity--center .toolbar-identity__copy{align-items:center}.toolbar-identity--end .toolbar-identity__copy{align-items:flex-end}.toolbar-identity__icon{width:var(--p-table-toolbar-identity-icon-size, 28px);height:var(--p-table-toolbar-identity-icon-size, 28px);border-radius:var(--p-table-toolbar-identity-icon-radius, 8px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) );background:color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 8%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 18%,transparent)}.toolbar-identity__icon .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.toolbar-identity__copy{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:1px}.toolbar-identity__title,.toolbar-identity__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-identity__title{font-size:var(--p-table-toolbar-title-font-size, 14px);font-weight:var(--p-table-toolbar-title-font-weight, 700);line-height:1.2;letter-spacing:0;color:var(--p-table-toolbar-title-fg, currentColor)}.toolbar-identity__subtitle{font-size:var(--p-table-toolbar-subtitle-font-size, 11.5px);line-height:1.25;color:var( --p-table-toolbar-subtitle-fg, var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) ) )}.toolbar-actions{grid-area:actions;display:flex;align-items:center;align-self:start;justify-self:end;justify-content:flex-end;gap:var(--p-table-toolbar-gap, 6px);min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );min-width:0}.praxis-toolbar.p-table-toolbar--align-start .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-start .toolbar-actions{justify-self:start}.praxis-toolbar.p-table-toolbar--align-center .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-center .toolbar-actions{justify-self:center}.praxis-toolbar.p-table-toolbar--align-end .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-end .toolbar-actions{justify-self:end}.actions-group{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.praxis-toolbar--compact-actions .actions-group{position:fixed;inset-block-start:-10000px;inset-inline-start:0;inline-size:max-content;max-inline-size:none;visibility:hidden;pointer-events:none}.praxis-toolbar--compact-actions .mobile-actions{display:flex}.praxis-toolbar--compact-actions .toolbar-query{flex-direction:column}.praxis-toolbar--compact-actions .toolbar-shortcuts{justify-content:flex-start;margin-inline-start:0}.business-actions,.utility-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);min-width:0}.business-actions:empty,.utility-actions:empty{display:none}.action-btn:not(.praxis-icon-button){width:fit-content;max-width:100%;height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );min-width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );padding-inline:var(--praxis-action-control-padding-inline, 12px);border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );gap:var(--praxis-action-control-gap, 8px);font-size:var(--praxis-action-control-font-size, .875rem);font-weight:var(--praxis-action-control-font-weight, 500);line-height:var(--praxis-action-control-line-height, 1.25rem);color:var(--p-table-toolbar-action-fg, inherit);background:var(--p-table-toolbar-action-bg, transparent)}.action-btn:not(.praxis-icon-button):hover:not(:disabled):not([aria-disabled=true]){background:var( --p-table-toolbar-action-hover-bg, var(--p-table-toolbar-action-hover-bg-default) )}.action-btn:not(.praxis-icon-button):focus-visible{outline:2px solid var( --p-table-toolbar-action-focus-ring, var( --praxis-action-control-focus-ring, var(--p-table-toolbar-action-focus-ring-default) ) );outline-offset:2px}.toolbar-icon-btn{width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.overflow-trigger{height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) )}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{margin:0;font-size:var(--praxis-action-control-icon-size, 18px);width:var(--praxis-action-control-icon-size, 18px);height:var(--praxis-action-control-icon-size, 18px);line-height:var(--praxis-action-control-icon-size, 18px)}.praxis-table-export-status{max-width:13rem;overflow:hidden;color:var(--p-table-toolbar-status-fg, currentColor);font-size:.75rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.praxis-table-export-progress-icon{animation:praxis-table-export-spin .9s linear infinite}@keyframes praxis-table-export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-table-export-progress-icon{animation:none}}.praxis-table-column-menu-item.mat-mdc-menu-item{min-height:40px}.praxis-table-export-menu-item.mat-mdc-menu-item{min-width:280px;white-space:nowrap}.praxis-table-column-menu-content{align-items:center;display:flex;gap:10px;min-height:40px;width:100%}.praxis-table-column-menu-check.mat-icon{color:var(--md-sys-color-primary, currentColor);flex:0 0 20px;font-size:20px;height:20px;line-height:20px;margin-inline-end:0;width:20px}.praxis-table-quick-filters{grid-area:scope;align-self:start;align-items:center;display:flex;flex-wrap:nowrap;gap:0;min-height:var(--p-table-toolbar-min-height, 44px)}.praxis-table-quick-filter.mat-mdc-outlined-button{--mdc-outlined-button-container-height: var( --p-table-toolbar-query-control-height, 40px );min-height:var(--p-table-toolbar-query-control-height, 40px);padding-inline:14px;border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );position:relative;z-index:0;white-space:nowrap}.praxis-table-quick-filter+.praxis-table-quick-filter{margin-inline-start:-1px}.praxis-table-quick-filter:first-child:not(:only-child){border-start-end-radius:0;border-end-end-radius:0}.praxis-table-quick-filter:not(:first-child):not(:last-child){border-radius:0}.praxis-table-quick-filter:last-child:not(:only-child){border-start-start-radius:0;border-end-start-radius:0}.praxis-table-quick-filter:only-child{border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.praxis-table-quick-filter--active.mat-mdc-outlined-button{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);z-index:1}.praxis-table-quick-filter:focus-visible{z-index:2}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, 36px )}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]),.action-btn.mat-mdc-outlined-button:not(:disabled):not([aria-disabled=true]),.action-btn.pfx-tonal:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]),.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]){--praxis-toolbar-primary: var( --mat-sys-primary, var(--md-sys-color-primary) );--praxis-toolbar-on-primary: var( --mat-sys-on-primary, var(--md-sys-color-on-primary) );--praxis-toolbar-primary-action-container: var( --p-table-toolbar-primary-action-container, color-mix( in srgb, var(--praxis-toolbar-primary) 70%, var(--mat-sys-shadow, #000) 30% ) );--mdc-filled-button-container-color: var( --praxis-toolbar-primary-action-container );--mdc-filled-button-label-text-color: var(--praxis-toolbar-on-primary);--mat-filled-button-state-layer-color: var(--praxis-toolbar-on-primary);background:var(--praxis-toolbar-primary-action-container)!important;border-color:transparent;color:var(--praxis-toolbar-on-primary)!important;box-shadow:0 2px 6px color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]):hover,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 88%,var(--praxis-toolbar-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]) .mat-icon,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]) .mat-icon{color:var(--praxis-toolbar-on-primary)!important}.action-btn.mat-mdc-button-base{padding-inline:var(--praxis-action-control-padding-inline, 12px)}.action-btn[aria-disabled=true],.action-btn--fab[aria-disabled=true]{--mdc-text-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-surface-container-high) 78%, transparent );--mdc-filled-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-outlined-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-protected-button-label-text-color: var( --md-sys-color-on-surface-variant );background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)!important;color:var(--md-sys-color-on-surface-variant)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline) 62%,transparent)!important;cursor:not-allowed;filter:saturate(.55);opacity:var(--praxis-action-control-disabled-opacity, .62)}.action-btn[aria-disabled=true] .mat-icon,.action-btn--fab[aria-disabled=true] .mat-icon{color:currentColor!important}.action-btn[aria-disabled=true]:focus-visible,.action-btn--fab[aria-disabled=true]:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mat-mdc-menu-item[aria-disabled=true],.mat-mdc-menu-item.mat-mdc-menu-item-disabled{color:var(--md-sys-color-on-surface-variant)!important;cursor:not-allowed;opacity:1!important}.praxis-toolbar-menu-action__label,.praxis-toolbar-menu-action__reason{display:block}.praxis-toolbar-menu-action__reason{max-width:280px;color:var(--md-sys-color-on-surface-variant)!important;font-size:12px;font-weight:400;line-height:1.35;white-space:normal}.praxis-table-compact-command-group{box-sizing:border-box;margin:6px 12px 2px;padding:8px 4px 4px;border-block-start:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 74%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.04em;text-transform:uppercase}.praxis-table-compact-command-group:first-child{margin-block-start:2px;padding-block-start:4px;border-block-start:0}.praxis-table-compact-command-group__hint{max-width:280px;margin:0 16px 6px;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:400;line-height:1.35;white-space:normal}.mat-mdc-menu-item[aria-disabled=true] .praxis-toolbar-menu-action__reason,.mat-mdc-menu-item.mat-mdc-menu-item-disabled .praxis-toolbar-menu-action__reason{opacity:1!important}.end-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep>[end-actions]{height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );min-height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.end-actions ::ng-deep>[end-actions].mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) )}.end-actions:empty{display:none;gap:0;margin-inline-start:0;padding-inline-start:0;border-inline-start:0}.praxis-toolbar-icon-action--primary{color:var(--md-sys-color-primary)}.praxis-toolbar-icon-action--accent{color:var(--md-sys-color-tertiary)}.praxis-toolbar-icon-action--warn{color:var(--md-sys-color-error)}.praxis-toolbar.p-table-toolbar--divider-between-groups .actions-group--has-business .utility-actions:not(:empty){margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--divider-start:not(.praxis-toolbar--has-identity) .toolbar-query{padding-inline-end:12px;border-inline-end:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep .praxis-table-toolbar-action--ai,.end-actions ::ng-deep .praxis-table-ai-trigger{color:var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) );background:color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 10%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 24%,transparent)}.end-actions ::ng-deep [data-role=table-settings]{color:var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) )}@container praxis-table-toolbar (max-width: 1200px){.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{width:100%}}@container praxis-table-toolbar (max-width: 960px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}@container praxis-table-toolbar (max-width: 720px){.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope scope\" \"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{flex-direction:column}.toolbar-shortcuts{justify-content:flex-start;margin-inline-start:0}.praxis-table-quick-filters{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}}@container praxis-table-toolbar (max-width: 540px){.praxis-toolbar{--p-table-toolbar-query-control-height: 44px}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"scope scope scope\" \"query query query\"}.toolbar-actions{justify-self:stretch;justify-content:flex-end}.toolbar-actions,.toolbar-query{--p-table-toolbar-action-size: var( --praxis-action-control-spacious-height, 44px )}.toolbar-identity__subtitle{display:none}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:44px}.praxis-table-quick-filters--binary{width:100%;min-width:0}.praxis-table-quick-filters--binary .praxis-table-quick-filter.mat-mdc-outlined-button{flex:1 1 0;min-width:0}}\n"], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisTableToolbar, decorators: [{
             type: Component,
@@ -2815,9 +3055,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         NgTemplateOutlet,
                     ], template: `
     <mat-toolbar
+      #toolbarRoot
       class="praxis-toolbar"
       role="group"
       [attr.aria-label]="getToolbarAriaLabel()"
+      [class.praxis-toolbar--compact-actions]="actionsCompacted()"
       [class.praxis-toolbar--has-identity]="showMain && hasToolbarIdentity()"
       [class.praxis-toolbar--has-query]="showMain"
       [class.praxis-toolbar--has-scope]="showMain && shouldShowQuickFilters()"
@@ -2908,6 +3150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     >
       @if (showMain && hasToolbarIdentity()) {
         <div
+          #toolbarIdentity
           class="toolbar-identity"
           role="group"
           data-toolbar-region="identity"
@@ -2946,6 +3189,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         @if (shouldShowQuickFilters()) {
           <div
             class="praxis-table-quick-filters"
+            [class.praxis-table-quick-filters--binary]="
+              getQuickFilters().length === 2
+            "
             role="group"
             data-toolbar-region="scope"
             [attr.aria-label]="getQuickFiltersLabel()"
@@ -2990,6 +3236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         <div class="toolbar-actions" data-toolbar-region="commands">
           @if (showActionsGroup) {
             <div
+              #fullActionsGroup
               class="actions-group"
               role="group"
               [class.actions-group--has-business]="hasBusinessActions()"
@@ -3064,7 +3311,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       }
                       {{ action.label }}
                     </button>
-                    <mat-menu #startActionMenu="matMenu">
+                    <mat-menu
+                      #startActionMenu="matMenu"
+                      yPosition="below"
+                      [overlapTrigger]="false"
+                    >
                       @for (
                         child of getVisibleActionChildren(action);
                         track getActionId(child)
@@ -3277,7 +3528,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       }
                       {{ action.label }}
                     </button>
-                    <mat-menu #endActionMenu="matMenu">
+                    <mat-menu
+                      #endActionMenu="matMenu"
+                      yPosition="below"
+                      [overlapTrigger]="false"
+                    >
                       @for (
                         child of getVisibleActionChildren(action);
                         track getActionId(child)
@@ -3467,7 +3722,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       {{ exportStatusMessage }}
                     </span>
                   }
-                  <mat-menu #exportMenu="matMenu">
+                  <mat-menu
+                    #exportMenu="matMenu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
+                  >
                     @for (format of config?.export?.formats; track format) {
                       <button
                         mat-menu-item
@@ -3512,6 +3771,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <mat-menu
                     #columnsMenu="matMenu"
                     class="praxis-table-columns-menu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
                   >
                     @for (column of config?.columns; track column.field) {
                       <button
@@ -3577,6 +3838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <mat-menu
                     #densityMenu="matMenu"
                     class="praxis-table-density-menu"
+                    yPosition="below"
+                    [overlapTrigger]="false"
                   >
                     @for (density of getDensityOptions(); track density) {
                       <button
@@ -3604,6 +3867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           }
           @if (showEndActions) {
             <div
+              #endActionsGroup
               class="end-actions"
               role="group"
               [attr.aria-label]="getToolbarConfigurationLabel()"
@@ -3639,99 +3903,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [matTooltip]="getMoreActionsLabel()"
                   matTooltipPosition="below"
                 ></button>
-                <mat-menu #compactCommandsMenu="matMenu">
+                <mat-menu
+                  #compactCommandsMenu="matMenu"
+                  yPosition="below"
+                  [overlapTrigger]="false"
+                >
+                  @if (getOverflowActions().length) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactActionsGroupLabel() }}
+                    </div>
+                    @if (
+                      getCompactOverflowCommonDisabledReason();
+                      as commonDisabledReason
+                    ) {
+                      <p class="praxis-table-compact-command-group__hint">
+                        {{ commonDisabledReason }}
+                      </p>
+                    }
+                  }
                   @for (
                     action of getOverflowActions();
                     track getActionId(action)
                   ) {
-                    <button
-                      mat-menu-item
-                      [disabled]="isActionDisabled(action)"
-                      [attr.aria-label]="getActionAriaLabel(action)"
-                      [matTooltip]="getActionTooltip(action)"
-                      (click)="
-                        emitOverflowToolbarAction(
-                          $event,
-                          getActionId(action),
-                          action
-                        )
-                      "
-                    >
-                      @if (action.icon) {
-                        <mat-icon [praxisIcon]="action.icon"></mat-icon>
-                      }
-                      <span class="praxis-toolbar-menu-action__label">
-                        {{ action.label }}
-                      </span>
-                      @if (getActionDisabledReason(action); as reason) {
-                        <span class="praxis-toolbar-menu-action__reason">
-                          {{ reason }}
+                    @if (
+                      getActionType(action) === 'menu' &&
+                      getVisibleActionChildren(action).length
+                    ) {
+                      <button
+                        mat-menu-item
+                        [disabled]="isActionDisabled(action)"
+                        [matMenuTriggerFor]="
+                          isActionDisabled(action) ? null : compactActionMenu
+                        "
+                        [attr.aria-label]="getActionAriaLabel(action)"
+                      >
+                        @if (action.icon) {
+                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        }
+                        <span class="praxis-toolbar-menu-action__label">
+                          {{ action.label }}
                         </span>
-                      }
-                    </button>
-                  }
-                  @if (config?.export?.enabled) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileExportMenu"
-                      [disabled]="exportBusy"
-                      class="praxis-table-compact-command--export"
-                    >
-                      <mat-icon
-                        [class.praxis-table-export-progress-icon]="exportBusy"
-                        [praxisIcon]="
-                          exportBusy ? 'progress_activity' : 'download'
+                      </button>
+                      <mat-menu #compactActionMenu="matMenu">
+                        @for (
+                          child of getVisibleActionChildren(action);
+                          track getActionId(child)
+                        ) {
+                          <button
+                            mat-menu-item
+                            [disabled]="isActionDisabled(child)"
+                            [attr.aria-label]="getActionAriaLabel(child)"
+                            (click)="
+                              emitOverflowToolbarAction(
+                                $event,
+                                getActionId(child),
+                                child
+                              )
+                            "
+                          >
+                            @if (child.icon) {
+                              <mat-icon [praxisIcon]="child.icon"></mat-icon>
+                            }
+                            <span class="praxis-toolbar-menu-action__label">
+                              {{ child.label || getActionId(child) }}
+                            </span>
+                            @if (getActionDisabledReason(child); as reason) {
+                              <span class="praxis-toolbar-menu-action__reason">
+                                {{ reason }}
+                              </span>
+                            }
+                          </button>
+                        }
+                      </mat-menu>
+                    } @else {
+                      <button
+                        mat-menu-item
+                        [disabled]="isActionDisabled(action)"
+                        [attr.aria-label]="getActionAriaLabel(action)"
+                        (click)="
+                          emitOverflowToolbarAction(
+                            $event,
+                            getActionId(action),
+                            action
+                          )
                         "
-                      ></mat-icon>
-                      {{ getExportDataLabel() }}
-                    </button>
-                  }
-                  @if (isColumnsVisibilityEnabled()) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileColumnsMenu"
-                      class="praxis-table-compact-command--columns"
-                    >
-                      <mat-icon
-                        [praxisIcon]="getColumnsVisibilityIcon()"
-                      ></mat-icon>
-                      {{ getColumnsVisibilityLabel() }}
-                    </button>
-                  }
-                  @if (isDensityToggleEnabled()) {
-                    <button
-                      mat-menu-item
-                      [matMenuTriggerFor]="mobileDensityMenu"
-                      class="praxis-table-toolbar-action--density"
-                    >
-                      <mat-icon [praxisIcon]="'density_medium'"></mat-icon>
-                      {{ getDensityToggleLabel() }}
-                    </button>
+                      >
+                        @if (action.icon) {
+                          <mat-icon [praxisIcon]="action.icon"></mat-icon>
+                        }
+                        <span class="praxis-toolbar-menu-action__label">
+                          {{ action.label }}
+                        </span>
+                        @if (
+                          getCompactActionSpecificDisabledReason(action);
+                          as reason
+                        ) {
+                          <span class="praxis-toolbar-menu-action__reason">
+                            {{ reason }}
+                          </span>
+                        }
+                      </button>
+                    }
                   }
-                </mat-menu>
-
-                <mat-menu #mobileExportMenu="matMenu">
                   @if (config?.export?.enabled) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactExportGroupLabel() }}
+                    </div>
                     @for (format of config?.export?.formats; track format) {
                       <button
                         mat-menu-item
-                        class="praxis-table-export-menu-item"
+                        class="praxis-table-export-menu-item praxis-table-compact-command--export"
                         [disabled]="exportBusy"
-                        [matTooltip]="getExportFormatTooltip(format)"
                         [attr.aria-label]="getExportFormatAriaLabel(format)"
                         (click)="emitExportAction($event, format)"
                       >
                         <mat-icon
-                          [praxisIcon]="getExportIcon(format)"
+                          [class.praxis-table-export-progress-icon]="exportBusy"
+                          [praxisIcon]="
+                            exportBusy
+                              ? 'progress_activity'
+                              : getExportIcon(format)
+                          "
                         ></mat-icon>
                         {{ getExportFormatLabel(format) }}
                       </button>
                       @if (isVisibleExcelExportEnabled(format)) {
                         <button
                           mat-menu-item
-                          class="praxis-table-export-menu-item"
+                          class="praxis-table-export-menu-item praxis-table-compact-command--export"
                           [disabled]="exportBusy"
-                          [matTooltip]="getVisibleExcelExportDescription()"
                           [attr.aria-label]="getVisibleExcelExportAriaLabel()"
                           (click)="emitVisibleExcelExportAction($event)"
                         >
@@ -3741,6 +4049,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       }
                     }
                   }
+                  @if (
+                    isColumnsVisibilityEnabled() || isDensityToggleEnabled()
+                  ) {
+                    <div
+                      class="praxis-table-compact-command-group"
+                      role="heading"
+                      aria-level="3"
+                    >
+                      {{ getCompactViewGroupLabel() }}
+                    </div>
+                  }
+                  @if (isColumnsVisibilityEnabled()) {
+                    <button
+                      mat-menu-item
+                      [matMenuTriggerFor]="mobileColumnsMenu"
+                      class="praxis-table-compact-command--columns"
+                    >
+                      <mat-icon
+                        [praxisIcon]="getColumnsVisibilityIcon()"
+                      ></mat-icon>
+                      {{ getColumnsVisibilityLabel() }}
+                    </button>
+                  }
+                  @if (isDensityToggleEnabled()) {
+                    @for (density of getDensityOptions(); track density) {
+                      <button
+                        mat-menu-item
+                        type="button"
+                        class="praxis-table-toolbar-action--density"
+                        [attr.aria-current]="
+                          isDensityActive(density) ? 'true' : null
+                        "
+                        (click)="emitDensityChange($event, density)"
+                      >
+                        <mat-icon
+                          [praxisIcon]="
+                            isDensityActive(density)
+                              ? 'check'
+                              : getDensityIcon(density)
+                          "
+                        ></mat-icon>
+                        {{ getDensityToggleLabel() }}:
+                        {{ getDensityLabel(density) }}
+                      </button>
+                    }
+                  }
                 </mat-menu>
 
                 <mat-menu
@@ -3799,33 +4153,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     }
                   }
                 </mat-menu>
-
-                <mat-menu
-                  #mobileDensityMenu="matMenu"
-                  class="praxis-table-density-menu"
-                >
-                  @if (isDensityToggleEnabled()) {
-                    @for (density of getDensityOptions(); track density) {
-                      <button
-                        mat-menu-item
-                        type="button"
-                        [attr.aria-current]="
-                          isDensityActive(density) ? 'true' : null
-                        "
-                        (click)="emitDensityChange($event, density)"
-                      >
-                        <mat-icon
-                          [praxisIcon]="
-                            isDensityActive(density)
-                              ? 'check'
-                              : getDensityIcon(density)
-                          "
-                        ></mat-icon>
-                        {{ getDensityLabel(density) }}
-                      </button>
-                    }
-                  }
-                </mat-menu>
               }
             </div>
           }
@@ -3835,7 +4162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
   `, host: {
                         '[class.praxis-toolbar-footer]': "placement === 'footer'",
                         '(document:keydown)': 'onDocumentKeydown($event)',
-                    }, styles: [":host{display:block;container-name:praxis-table-toolbar;container-type:inline-size}.praxis-toolbar{--p-table-toolbar-bg-default: linear-gradient( 180deg, color-mix( in srgb, var(--md-sys-color-surface, #fff) 96%, transparent ), color-mix( in srgb, var(--md-sys-color-surface-container-low, #f6f8fc) 100%, transparent ) );--p-table-toolbar-fg-default: var( --md-sys-color-on-surface, currentColor );--p-table-toolbar-border-color-default: color-mix( in srgb, var(--md-sys-color-outline-variant, #d7dbe5) 78%, transparent );--p-table-toolbar-divider-color-default: color-mix( in srgb, var(--md-sys-color-outline) 42%, transparent );--p-table-toolbar-action-hover-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 10%, transparent );--p-table-toolbar-action-active-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 16%, transparent );--p-table-toolbar-action-focus-ring-default: color-mix( in srgb, var(--md-sys-color-primary) 52%, transparent );--p-table-toolbar-ai-accent-color-default: var( --md-sys-color-primary, #0b72d9 );--p-table-toolbar-status-fg-default: var( --md-sys-color-on-surface-variant, currentColor );background:var( --p-table-toolbar-bg, var(--p-table-toolbar-bg-default) );color:var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default));box-shadow:var(--p-table-toolbar-shadow, none);padding:var( --p-table-toolbar-layout-padding, var(--p-table-toolbar-padding-block, var(--pfx-toolbar-pad-y, 6px)) var( --p-table-toolbar-padding-inline, var(--pfx-toolbar-pad-x, 12px) ) );min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );display:grid;grid-template-areas:\"actions actions actions\";grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:max(var(--p-table-toolbar-gap, 8px),12px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px);border:var(--p-table-toolbar-border-width, 1px) solid var( --p-table-toolbar-border-color, var(--p-table-toolbar-border-color-default) );border-radius:var(--p-table-toolbar-radius, 10px)}.praxis-toolbar.p-table-toolbar--flat{--p-table-toolbar-border-width: 0;--p-table-toolbar-shadow: none}.praxis-toolbar.p-table-toolbar--elevated{--p-table-toolbar-shadow: 0 12px 28px color-mix(in srgb, var(--md-sys-color-shadow, #000) 12%, transparent)}.praxis-toolbar.p-table-toolbar--integrated{--p-table-toolbar-bg: transparent;--p-table-toolbar-border-width: 0;--p-table-toolbar-radius: 0}.praxis-toolbar.p-table-toolbar--layout-separator{border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--compact{--p-table-toolbar-min-height: 36px;--p-table-toolbar-padding-block: 4px;--p-table-toolbar-padding-inline: 10px;--p-table-toolbar-gap: 4px;--p-table-toolbar-actions-gap: 4px;--p-table-toolbar-action-size: var(--praxis-action-control-compact-height, 36px);--p-table-toolbar-action-radius: var(--praxis-action-control-radius, 8px)}.praxis-toolbar.p-table-toolbar--comfortable{--p-table-toolbar-min-height: 44px;--p-table-toolbar-action-size: var(--praxis-action-control-height, 40px)}.praxis-toolbar.p-table-toolbar--spacious{--p-table-toolbar-min-height: 52px;--p-table-toolbar-padding-block: 8px;--p-table-toolbar-padding-inline: 16px;--p-table-toolbar-gap: 8px;--p-table-toolbar-actions-gap: 8px;--p-table-toolbar-action-size: var(--praxis-action-control-spacious-height, 44px)}.praxis-toolbar.p-table-toolbar--square{--p-table-toolbar-radius: 0;--p-table-toolbar-action-radius: 4px}.praxis-toolbar.p-table-toolbar--pill{--p-table-toolbar-radius: 999px;--p-table-toolbar-action-radius: 999px}:host(.praxis-toolbar-stack-top) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.praxis-toolbar-footer) .praxis-toolbar{border-top-left-radius:0;border-top-right-radius:0}:host(.praxis-toolbar-footer.footer-flat) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) )}.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope query actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope query query\"}.toolbar-query{grid-area:query;display:grid;grid-template-columns:minmax(0,1fr) fit-content(40%);align-items:start;min-width:0;column-gap:var(--p-table-toolbar-gap, 8px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px)}.toolbar-query>*{min-width:0}.toolbar-query>:is(praxis-filter,[advancedFilter]){grid-column:1}.toolbar-shortcuts{grid-column:2;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--p-table-toolbar-gap, 8px);min-width:0;max-width:100%}.toolbar-shortcuts ::ng-deep>[toolbar]{min-width:0;max-width:100%}.toolbar-shortcuts:not(:has(*)){display:none}.toolbar-identity{grid-area:identity;display:flex;align-items:center;gap:var(--p-table-toolbar-identity-gap, 8px);min-width:0;max-width:100%;min-height:var(--p-table-toolbar-identity-min-height, 30px);margin-block-end:var(--p-table-toolbar-identity-margin-bottom, 0);padding-inline:2px;color:var( --p-table-toolbar-title-fg, var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default)) )}.toolbar-identity--center{text-align:center;justify-content:center}.toolbar-identity--end{text-align:end;justify-content:flex-end}.toolbar-identity--center .toolbar-identity__copy{align-items:center}.toolbar-identity--end .toolbar-identity__copy{align-items:flex-end}.toolbar-identity__icon{width:var(--p-table-toolbar-identity-icon-size, 28px);height:var(--p-table-toolbar-identity-icon-size, 28px);border-radius:var(--p-table-toolbar-identity-icon-radius, 8px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) );background:color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 8%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 18%,transparent)}.toolbar-identity__icon .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.toolbar-identity__copy{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:1px}.toolbar-identity__title,.toolbar-identity__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-identity__title{font-size:var(--p-table-toolbar-title-font-size, 14px);font-weight:var(--p-table-toolbar-title-font-weight, 700);line-height:1.2;letter-spacing:0;color:var(--p-table-toolbar-title-fg, currentColor)}.toolbar-identity__subtitle{font-size:var(--p-table-toolbar-subtitle-font-size, 11.5px);line-height:1.25;color:var( --p-table-toolbar-subtitle-fg, var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) ) )}.toolbar-actions{grid-area:actions;display:flex;align-items:center;align-self:start;justify-self:end;justify-content:flex-end;gap:var(--p-table-toolbar-gap, 6px);min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );min-width:0}.praxis-toolbar.p-table-toolbar--align-start .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-start .toolbar-actions{justify-self:start}.praxis-toolbar.p-table-toolbar--align-center .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-center .toolbar-actions{justify-self:center}.praxis-toolbar.p-table-toolbar--align-end .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-end .toolbar-actions{justify-self:end}.actions-group{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.business-actions,.utility-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);min-width:0}.business-actions:empty,.utility-actions:empty{display:none}.action-btn:not(.praxis-icon-button){width:fit-content;max-width:100%;height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));min-width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));padding-inline:var(--praxis-action-control-padding-inline, 12px);border-radius:var(--p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px));gap:var(--praxis-action-control-gap, 8px);font-size:var(--praxis-action-control-font-size, .875rem);font-weight:var(--praxis-action-control-font-weight, 500);line-height:var(--praxis-action-control-line-height, 1.25rem);color:var(--p-table-toolbar-action-fg, inherit);background:var(--p-table-toolbar-action-bg, transparent)}.action-btn:not(.praxis-icon-button):hover:not(:disabled):not([aria-disabled=true]){background:var( --p-table-toolbar-action-hover-bg, var(--p-table-toolbar-action-hover-bg-default) )}.action-btn:not(.praxis-icon-button):focus-visible{outline:2px solid var( --p-table-toolbar-action-focus-ring, var(--praxis-action-control-focus-ring, var(--p-table-toolbar-action-focus-ring-default)) );outline-offset:2px}.toolbar-icon-btn{width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));border-radius:var(--p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px));box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.overflow-trigger{height:var(--p-table-toolbar-action-size, var(--praxis-action-control-height, 40px))}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{margin:0;font-size:var(--praxis-action-control-icon-size, 18px);width:var(--praxis-action-control-icon-size, 18px);height:var(--praxis-action-control-icon-size, 18px);line-height:var(--praxis-action-control-icon-size, 18px)}.praxis-table-export-status{max-width:13rem;overflow:hidden;color:var(--p-table-toolbar-status-fg, currentColor);font-size:.75rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.praxis-table-export-progress-icon{animation:praxis-table-export-spin .9s linear infinite}@keyframes praxis-table-export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-table-export-progress-icon{animation:none}}.praxis-table-column-menu-item.mat-mdc-menu-item{min-height:40px}.praxis-table-export-menu-item.mat-mdc-menu-item{min-width:280px;white-space:nowrap}.praxis-table-column-menu-content{align-items:center;display:flex;gap:10px;min-height:40px;width:100%}.praxis-table-column-menu-check.mat-icon{color:var(--md-sys-color-primary, currentColor);flex:0 0 20px;font-size:20px;height:20px;line-height:20px;margin-inline-end:0;width:20px}.praxis-table-quick-filters{grid-area:scope;align-self:start;align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-height:var(--p-table-toolbar-min-height, 44px)}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:40px;padding-inline:14px;white-space:nowrap}.praxis-table-quick-filter--active.mat-mdc-outlined-button{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, 36px )}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]),.action-btn.mat-mdc-outlined-button:not(:disabled):not([aria-disabled=true]),.action-btn.pfx-tonal:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]),.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]){--praxis-toolbar-primary: var( --mat-sys-primary, var(--md-sys-color-primary) );--praxis-toolbar-on-primary: var( --mat-sys-on-primary, var(--md-sys-color-on-primary) );--praxis-toolbar-primary-action-container: var( --p-table-toolbar-primary-action-container, color-mix( in srgb, var(--praxis-toolbar-primary) 70%, var(--mat-sys-shadow, #000) 30% ) );--mdc-filled-button-container-color: var( --praxis-toolbar-primary-action-container );--mdc-filled-button-label-text-color: var( --praxis-toolbar-on-primary );--mat-filled-button-state-layer-color: var( --praxis-toolbar-on-primary );background:var(--praxis-toolbar-primary-action-container)!important;border-color:transparent;color:var(--praxis-toolbar-on-primary)!important;box-shadow:0 2px 6px color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]):hover,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 88%,var(--praxis-toolbar-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]) .mat-icon,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]) .mat-icon{color:var(--praxis-toolbar-on-primary)!important}.action-btn.mat-mdc-button-base{padding-inline:var(--praxis-action-control-padding-inline, 12px)}.action-btn[aria-disabled=true],.action-btn--fab[aria-disabled=true]{--mdc-text-button-label-text-color: var(--md-sys-color-on-surface-variant);--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-surface-container-high) 78%, transparent );--mdc-filled-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-outlined-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-protected-button-label-text-color: var( --md-sys-color-on-surface-variant );background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)!important;color:var(--md-sys-color-on-surface-variant)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline) 62%,transparent)!important;cursor:not-allowed;filter:saturate(.55);opacity:var(--praxis-action-control-disabled-opacity, .62)}.action-btn[aria-disabled=true] .mat-icon,.action-btn--fab[aria-disabled=true] .mat-icon{color:currentColor!important}.action-btn[aria-disabled=true]:focus-visible,.action-btn--fab[aria-disabled=true]:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mat-mdc-menu-item[aria-disabled=true]{color:var(--md-sys-color-on-surface-variant);cursor:not-allowed;opacity:1}.praxis-toolbar-menu-action__label,.praxis-toolbar-menu-action__reason{display:block}.praxis-toolbar-menu-action__reason{max-width:280px;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:400;line-height:1.35;white-space:normal}.end-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions:empty{display:none;gap:0;margin-inline-start:0;padding-inline-start:0;border-inline-start:0}.praxis-toolbar-icon-action--primary{color:var(--md-sys-color-primary)}.praxis-toolbar-icon-action--accent{color:var(--md-sys-color-tertiary)}.praxis-toolbar-icon-action--warn{color:var(--md-sys-color-error)}.praxis-toolbar.p-table-toolbar--divider-between-groups .actions-group--has-business .utility-actions:not(:empty){margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--divider-start:not(.praxis-toolbar--has-identity) .toolbar-query{padding-inline-end:12px;border-inline-end:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep .praxis-table-toolbar-action--ai,.end-actions ::ng-deep .praxis-table-ai-trigger{color:var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) );background:color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 10%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 24%,transparent)}.end-actions ::ng-deep [data-role=table-settings]{color:var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) )}@container praxis-table-toolbar (max-width: 960px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}@container praxis-table-toolbar (max-width: 720px){.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope scope\" \"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{grid-template-columns:minmax(0,1fr)}.toolbar-query>:is(praxis-filter,[advancedFilter]),.toolbar-shortcuts{grid-column:1}.toolbar-shortcuts{justify-content:flex-start}.praxis-table-quick-filters{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}}@container praxis-table-toolbar (max-width: 540px){.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"scope scope scope\" \"query query query\"}.toolbar-actions{justify-self:stretch;justify-content:flex-end}.toolbar-actions,.toolbar-query{--p-table-toolbar-action-size: var(--praxis-action-control-spacious-height, 44px)}.toolbar-identity__subtitle{display:none}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:44px}}\n"] }]
+                    }, styles: [":host{display:block;container-name:praxis-table-toolbar;container-type:inline-size}.praxis-toolbar{--p-table-toolbar-bg-default: linear-gradient( 180deg, color-mix( in srgb, var(--md-sys-color-surface, #fff) 96%, transparent ), color-mix( in srgb, var(--md-sys-color-surface-container-low, #f6f8fc) 100%, transparent ) );--p-table-toolbar-fg-default: var( --md-sys-color-on-surface, currentColor );--p-table-toolbar-border-color-default: color-mix( in srgb, var(--md-sys-color-outline-variant, #d7dbe5) 78%, transparent );--p-table-toolbar-divider-color-default: color-mix( in srgb, var(--md-sys-color-outline) 42%, transparent );--p-table-toolbar-action-hover-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 10%, transparent );--p-table-toolbar-action-active-bg-default: color-mix( in srgb, var(--md-sys-color-primary) 16%, transparent );--p-table-toolbar-action-focus-ring-default: color-mix( in srgb, var(--md-sys-color-primary) 52%, transparent );--p-table-toolbar-ai-accent-color-default: var( --md-sys-color-primary, #0b72d9 );--p-table-toolbar-status-fg-default: var( --md-sys-color-on-surface-variant, currentColor );background:var( --p-table-toolbar-bg, var(--p-table-toolbar-bg-default) );color:var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default));box-shadow:var(--p-table-toolbar-shadow, none);padding:var( --p-table-toolbar-layout-padding, var(--p-table-toolbar-padding-block, var(--pfx-toolbar-pad-y, 6px)) var( --p-table-toolbar-padding-inline, var(--pfx-toolbar-pad-x, 12px) ) );min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );display:grid;grid-template-areas:\"actions actions actions\";grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:max(var(--p-table-toolbar-gap, 8px),12px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px);border:var(--p-table-toolbar-border-width, 1px) solid var( --p-table-toolbar-border-color, var(--p-table-toolbar-border-color-default) );border-radius:var(--p-table-toolbar-radius, 10px)}.praxis-toolbar.p-table-toolbar--flat{--p-table-toolbar-border-width: 0;--p-table-toolbar-shadow: none}.praxis-toolbar.p-table-toolbar--elevated{--p-table-toolbar-shadow: 0 12px 28px color-mix(in srgb, var(--md-sys-color-shadow, #000) 12%, transparent)}.praxis-toolbar.p-table-toolbar--integrated{--p-table-toolbar-bg: transparent;--p-table-toolbar-border-width: 0;--p-table-toolbar-radius: 0}.praxis-toolbar.p-table-toolbar--layout-separator{border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--compact{--p-table-toolbar-min-height: 36px;--p-table-toolbar-padding-block: 4px;--p-table-toolbar-padding-inline: 10px;--p-table-toolbar-gap: 4px;--p-table-toolbar-actions-gap: 4px;--p-table-toolbar-action-size: var( --praxis-action-control-compact-height, 36px );--p-table-toolbar-action-radius: var( --praxis-action-control-radius, 8px )}.praxis-toolbar.p-table-toolbar--comfortable{--p-table-toolbar-min-height: 44px;--p-table-toolbar-action-size: var( --praxis-action-control-height, 40px )}.praxis-toolbar.p-table-toolbar--spacious{--p-table-toolbar-min-height: 52px;--p-table-toolbar-padding-block: 8px;--p-table-toolbar-padding-inline: 16px;--p-table-toolbar-gap: 8px;--p-table-toolbar-actions-gap: 8px;--p-table-toolbar-action-size: var( --praxis-action-control-spacious-height, 44px )}.praxis-toolbar.p-table-toolbar--square{--p-table-toolbar-radius: 0;--p-table-toolbar-action-radius: 4px}.praxis-toolbar.p-table-toolbar--pill{--p-table-toolbar-radius: 999px;--p-table-toolbar-action-radius: 999px}:host(.praxis-toolbar-stack-top) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.praxis-toolbar-footer) .praxis-toolbar{border-top-left-radius:0;border-top-right-radius:0}:host(.praxis-toolbar-footer.footer-flat) .praxis-toolbar{border-bottom-left-radius:0;border-bottom-right-radius:0}.praxis-toolbar.mat-toolbar-single-row,.praxis-toolbar .mat-toolbar-row{height:auto}.praxis-toolbar.mat-toolbar-multiple-rows{min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) )}.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope query actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope query query\"}.toolbar-query{grid-area:query;display:flex;flex-wrap:wrap;align-items:start;min-width:0;column-gap:var(--p-table-toolbar-gap, 8px);row-gap:var(--p-table-toolbar-identity-filter-gap, 8px)}.toolbar-query>*{min-width:0}.toolbar-query>:is(praxis-filter,[advancedFilter]){flex:1 1 620px}.toolbar-shortcuts{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--p-table-toolbar-gap, 8px);min-width:0;max-width:100%;margin-inline-start:auto}.toolbar-shortcuts ::ng-deep>[toolbar]{min-width:0;max-width:100%}.toolbar-shortcuts ::ng-deep>[toolbar].mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-query-control-height, 40px );--mdc-outlined-button-container-height: var( --p-table-toolbar-query-control-height, 40px );min-height:var(--p-table-toolbar-query-control-height, 40px);border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.toolbar-shortcuts:not(:has(*)){display:none}.toolbar-identity{grid-area:identity;display:flex;align-items:center;gap:var(--p-table-toolbar-identity-gap, 8px);min-width:0;max-width:100%;min-height:var(--p-table-toolbar-identity-min-height, 30px);margin-block-end:var(--p-table-toolbar-identity-margin-bottom, 0);padding-inline:2px;color:var( --p-table-toolbar-title-fg, var(--p-table-toolbar-fg, var(--p-table-toolbar-fg-default)) )}.toolbar-identity--center{text-align:center;justify-content:center}.toolbar-identity--end{text-align:end;justify-content:flex-end}.toolbar-identity--center .toolbar-identity__copy{align-items:center}.toolbar-identity--end .toolbar-identity__copy{align-items:flex-end}.toolbar-identity__icon{width:var(--p-table-toolbar-identity-icon-size, 28px);height:var(--p-table-toolbar-identity-icon-size, 28px);border-radius:var(--p-table-toolbar-identity-icon-radius, 8px);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) );background:color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 8%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-icon-fg, var(--md-sys-color-primary, currentColor) ) 18%,transparent)}.toolbar-identity__icon .mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.toolbar-identity__copy{display:flex;flex-direction:column;min-width:0;max-width:100%;gap:1px}.toolbar-identity__title,.toolbar-identity__subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-identity__title{font-size:var(--p-table-toolbar-title-font-size, 14px);font-weight:var(--p-table-toolbar-title-font-weight, 700);line-height:1.2;letter-spacing:0;color:var(--p-table-toolbar-title-fg, currentColor)}.toolbar-identity__subtitle{font-size:var(--p-table-toolbar-subtitle-font-size, 11.5px);line-height:1.25;color:var( --p-table-toolbar-subtitle-fg, var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) ) )}.toolbar-actions{grid-area:actions;display:flex;align-items:center;align-self:start;justify-self:end;justify-content:flex-end;gap:var(--p-table-toolbar-gap, 6px);min-height:var( --p-table-toolbar-min-height, var(--pfx-filter-h, 44px) );min-width:0}.praxis-toolbar.p-table-toolbar--align-start .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-start .toolbar-actions{justify-self:start}.praxis-toolbar.p-table-toolbar--align-center .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-center .toolbar-actions{justify-self:center}.praxis-toolbar.p-table-toolbar--align-end .toolbar-identity,.praxis-toolbar.p-table-toolbar--align-end .toolbar-actions{justify-self:end}.actions-group{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.praxis-toolbar--compact-actions .actions-group{position:fixed;inset-block-start:-10000px;inset-inline-start:0;inline-size:max-content;max-inline-size:none;visibility:hidden;pointer-events:none}.praxis-toolbar--compact-actions .mobile-actions{display:flex}.praxis-toolbar--compact-actions .toolbar-query{flex-direction:column}.praxis-toolbar--compact-actions .toolbar-shortcuts{justify-content:flex-start;margin-inline-start:0}.business-actions,.utility-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);min-width:0}.business-actions:empty,.utility-actions:empty{display:none}.action-btn:not(.praxis-icon-button){width:fit-content;max-width:100%;height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );min-width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );padding-inline:var(--praxis-action-control-padding-inline, 12px);border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );gap:var(--praxis-action-control-gap, 8px);font-size:var(--praxis-action-control-font-size, .875rem);font-weight:var(--praxis-action-control-font-weight, 500);line-height:var(--praxis-action-control-line-height, 1.25rem);color:var(--p-table-toolbar-action-fg, inherit);background:var(--p-table-toolbar-action-bg, transparent)}.action-btn:not(.praxis-icon-button):hover:not(:disabled):not([aria-disabled=true]){background:var( --p-table-toolbar-action-hover-bg, var(--p-table-toolbar-action-hover-bg-default) )}.action-btn:not(.praxis-icon-button):focus-visible{outline:2px solid var( --p-table-toolbar-action-focus-ring, var( --praxis-action-control-focus-ring, var(--p-table-toolbar-action-focus-ring-default) ) );outline-offset:2px}.toolbar-icon-btn{width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.toolbar-icon-btn:hover:not(:disabled){color:var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.action-btn--fab{width:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );box-shadow:none}.pfx-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.pfx-tonal:hover{background:var(--md-sys-color-secondary-container)}.mobile-actions{display:none;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px)}.overflow-trigger{height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) )}.action-btn .mat-icon,.action-btn--fab .mat-icon,.overflow-trigger .mat-icon{margin:0;font-size:var(--praxis-action-control-icon-size, 18px);width:var(--praxis-action-control-icon-size, 18px);height:var(--praxis-action-control-icon-size, 18px);line-height:var(--praxis-action-control-icon-size, 18px)}.praxis-table-export-status{max-width:13rem;overflow:hidden;color:var(--p-table-toolbar-status-fg, currentColor);font-size:.75rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.praxis-table-export-progress-icon{animation:praxis-table-export-spin .9s linear infinite}@keyframes praxis-table-export-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.praxis-table-export-progress-icon{animation:none}}.praxis-table-column-menu-item.mat-mdc-menu-item{min-height:40px}.praxis-table-export-menu-item.mat-mdc-menu-item{min-width:280px;white-space:nowrap}.praxis-table-column-menu-content{align-items:center;display:flex;gap:10px;min-height:40px;width:100%}.praxis-table-column-menu-check.mat-icon{color:var(--md-sys-color-primary, currentColor);flex:0 0 20px;font-size:20px;height:20px;line-height:20px;margin-inline-end:0;width:20px}.praxis-table-quick-filters{grid-area:scope;align-self:start;align-items:center;display:flex;flex-wrap:nowrap;gap:0;min-height:var(--p-table-toolbar-min-height, 44px)}.praxis-table-quick-filter.mat-mdc-outlined-button{--mdc-outlined-button-container-height: var( --p-table-toolbar-query-control-height, 40px );min-height:var(--p-table-toolbar-query-control-height, 40px);padding-inline:14px;border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) );position:relative;z-index:0;white-space:nowrap}.praxis-table-quick-filter+.praxis-table-quick-filter{margin-inline-start:-1px}.praxis-table-quick-filter:first-child:not(:only-child){border-start-end-radius:0;border-end-end-radius:0}.praxis-table-quick-filter:not(:first-child):not(:last-child){border-radius:0}.praxis-table-quick-filter:last-child:not(:only-child){border-start-start-radius:0;border-end-start-radius:0}.praxis-table-quick-filter:only-child{border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.praxis-table-quick-filter--active.mat-mdc-outlined-button{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);z-index:1}.praxis-table-quick-filter:focus-visible{z-index:2}.action-btn.mat-mdc-button-base,.action-btn--fab.mat-mdc-button-base,.overflow-trigger.mat-mdc-button-base,.toolbar-icon-btn.mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, 36px );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, 36px )}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]),.action-btn.mat-mdc-outlined-button:not(:disabled):not([aria-disabled=true]),.action-btn.pfx-tonal:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #d7dbe5) 82%,transparent)}.action-btn.mat-mdc-unelevated-button:not(:disabled):not([aria-disabled=true]){box-shadow:none}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]),.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]){--praxis-toolbar-primary: var( --mat-sys-primary, var(--md-sys-color-primary) );--praxis-toolbar-on-primary: var( --mat-sys-on-primary, var(--md-sys-color-on-primary) );--praxis-toolbar-primary-action-container: var( --p-table-toolbar-primary-action-container, color-mix( in srgb, var(--praxis-toolbar-primary) 70%, var(--mat-sys-shadow, #000) 30% ) );--mdc-filled-button-container-color: var( --praxis-toolbar-primary-action-container );--mdc-filled-button-label-text-color: var(--praxis-toolbar-on-primary);--mat-filled-button-state-layer-color: var(--praxis-toolbar-on-primary);background:var(--praxis-toolbar-primary-action-container)!important;border-color:transparent;color:var(--praxis-toolbar-on-primary)!important;box-shadow:0 2px 6px color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 22%,transparent)}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]):hover,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--praxis-toolbar-primary-action-container) 88%,var(--praxis-toolbar-on-primary) 12%)!important}.action-btn.mat-mdc-unelevated-button.mat-primary:not(:disabled):not([aria-disabled=true]) .mat-icon,.action-btn.praxis-toolbar-action--filled-primary:not(:disabled):not([aria-disabled=true]) .mat-icon{color:var(--praxis-toolbar-on-primary)!important}.action-btn.mat-mdc-button-base{padding-inline:var(--praxis-action-control-padding-inline, 12px)}.action-btn[aria-disabled=true],.action-btn--fab[aria-disabled=true]{--mdc-text-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-surface-container-high) 78%, transparent );--mdc-filled-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-outlined-button-label-text-color: var( --md-sys-color-on-surface-variant );--mdc-protected-button-label-text-color: var( --md-sys-color-on-surface-variant );background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 78%,transparent)!important;color:var(--md-sys-color-on-surface-variant)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-outline) 62%,transparent)!important;cursor:not-allowed;filter:saturate(.55);opacity:var(--praxis-action-control-disabled-opacity, .62)}.action-btn[aria-disabled=true] .mat-icon,.action-btn--fab[aria-disabled=true] .mat-icon{color:currentColor!important}.action-btn[aria-disabled=true]:focus-visible,.action-btn--fab[aria-disabled=true]:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.mat-mdc-menu-item[aria-disabled=true],.mat-mdc-menu-item.mat-mdc-menu-item-disabled{color:var(--md-sys-color-on-surface-variant)!important;cursor:not-allowed;opacity:1!important}.praxis-toolbar-menu-action__label,.praxis-toolbar-menu-action__reason{display:block}.praxis-toolbar-menu-action__reason{max-width:280px;color:var(--md-sys-color-on-surface-variant)!important;font-size:12px;font-weight:400;line-height:1.35;white-space:normal}.praxis-table-compact-command-group{box-sizing:border-box;margin:6px 12px 2px;padding:8px 4px 4px;border-block-start:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 74%,transparent);color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.04em;text-transform:uppercase}.praxis-table-compact-command-group:first-child{margin-block-start:2px;padding-block-start:4px;border-block-start:0}.praxis-table-compact-command-group__hint{max-width:280px;margin:0 16px 6px;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:400;line-height:1.35;white-space:normal}.mat-mdc-menu-item[aria-disabled=true] .praxis-toolbar-menu-action__reason,.mat-mdc-menu-item.mat-mdc-menu-item-disabled .praxis-toolbar-menu-action__reason{opacity:1!important}.end-actions{display:flex;align-items:center;gap:var(--p-table-toolbar-actions-gap, 8px);margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep>[end-actions]{height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );min-height:var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );border-radius:var( --p-table-toolbar-action-radius, var(--praxis-action-control-radius, 8px) )}.end-actions ::ng-deep>[end-actions].mat-mdc-button-base{--mdc-text-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-filled-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-protected-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) );--mdc-outlined-button-container-height: var( --p-table-toolbar-action-size, var(--praxis-action-control-height, 40px) )}.end-actions:empty{display:none;gap:0;margin-inline-start:0;padding-inline-start:0;border-inline-start:0}.praxis-toolbar-icon-action--primary{color:var(--md-sys-color-primary)}.praxis-toolbar-icon-action--accent{color:var(--md-sys-color-tertiary)}.praxis-toolbar-icon-action--warn{color:var(--md-sys-color-error)}.praxis-toolbar.p-table-toolbar--divider-between-groups .actions-group--has-business .utility-actions:not(:empty){margin-inline-start:4px;padding-inline-start:12px;border-inline-start:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.praxis-toolbar.p-table-toolbar--divider-start:not(.praxis-toolbar--has-identity) .toolbar-query{padding-inline-end:12px;border-inline-end:1px solid var( --p-table-toolbar-divider-color, var(--p-table-toolbar-divider-color-default) )}.end-actions ::ng-deep .praxis-table-toolbar-action--ai,.end-actions ::ng-deep .praxis-table-ai-trigger{color:var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) );background:color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 10%,transparent);border:1px solid color-mix(in srgb,var( --p-table-toolbar-ai-accent-color, var(--p-table-toolbar-ai-accent-color-default) ) 24%,transparent)}.end-actions ::ng-deep [data-role=table-settings]{color:var( --p-table-toolbar-status-fg, var(--p-table-toolbar-status-fg-default) )}@container praxis-table-toolbar (max-width: 1200px){.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{width:100%}}@container praxis-table-toolbar (max-width: 960px){.actions-group{display:none}.mobile-actions{display:flex}.toolbar-actions{justify-content:flex-end}}@container praxis-table-toolbar (max-width: 720px){.praxis-toolbar.praxis-toolbar--has-query{grid-template-areas:\"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-query.praxis-toolbar--has-scope{grid-template-areas:\"scope scope scope\" \"query query query\" \"actions actions actions\"}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity actions\" \"scope scope scope\" \"query query query\"}.toolbar-query{flex-direction:column}.toolbar-shortcuts{justify-content:flex-start;margin-inline-start:0}.praxis-table-quick-filters{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}}@container praxis-table-toolbar (max-width: 540px){.praxis-toolbar{--p-table-toolbar-query-control-height: 44px}.praxis-toolbar.praxis-toolbar--has-identity{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"query query query\"}.praxis-toolbar.praxis-toolbar--has-identity.praxis-toolbar--has-scope{grid-template-areas:\"identity identity identity\" \"actions actions actions\" \"scope scope scope\" \"query query query\"}.toolbar-actions{justify-self:stretch;justify-content:flex-end}.toolbar-actions,.toolbar-query{--p-table-toolbar-action-size: var( --praxis-action-control-spacious-height, 44px )}.toolbar-identity__subtitle{display:none}.praxis-table-quick-filter.mat-mdc-outlined-button{min-height:44px}.praxis-table-quick-filters--binary{width:100%;min-width:0}.praxis-table-quick-filters--binary .praxis-table-quick-filter.mat-mdc-outlined-button{flex:1 1 0;min-width:0}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LoggerService, decorators: [{
                     type: Optional
                 }] }, { type: i1.PraxisI18nService, decorators: [{
@@ -3850,7 +4177,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 }, {
                     type: Inject,
                     args: [PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS]
-                }] }], propDecorators: { config: [{
+                }] }], propDecorators: { toolbarRoot: [{
+                type: ViewChild,
+                args: ['toolbarRoot', { read: ElementRef }]
+            }], toolbarIdentity: [{
+                type: ViewChild,
+                args: ['toolbarIdentity', { read: ElementRef }]
+            }], fullActionsGroup: [{
+                type: ViewChild,
+                args: ['fullActionsGroup', { read: ElementRef }]
+            }], endActionsGroup: [{
+                type: ViewChild,
+                args: ['endActionsGroup', { read: ElementRef }]
+            }], config: [{
                 type: Input
             }], appearance: [{
                 type: Input
@@ -28484,19 +28823,19 @@ class FilterConfigService {
     /**
      * Persist a filter configuration for the given key.
      */
-    save(key, config) {
+    async save(key, config) {
         const storageKey = this.PREFIX + key;
         this.localStorage.saveConfig(storageKey, config);
-        this.storage.saveConfig(storageKey, config).subscribe({ error: () => { } });
+        await firstValueFrom(this.storage.saveConfig(storageKey, config));
     }
     /**
      * Clear the persisted filter configuration from both remote storage and the
      * local fallback cache so reset/reopen cannot revive stale preferences.
      */
-    clear(key) {
+    async clear(key) {
         const storageKey = this.PREFIX + key;
         this.localStorage.clearConfig(storageKey);
-        this.storage.clearConfig(storageKey).subscribe({ error: () => { } });
+        await firstValueFrom(this.storage.clearConfig(storageKey));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FilterConfigService, deps: [{ token: ASYNC_CONFIG_STORAGE }, { token: i1.LocalStorageConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FilterConfigService, providedIn: 'root' });
@@ -28509,6 +28848,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     args: [ASYNC_CONFIG_STORAGE]
                 }] }, { type: i1.LocalStorageConfigService }] });
 
+const unsafeObjectKeys = new Set(['__proto__', 'constructor', 'prototype']);
+function isPlainObject(value) {
+    if (!value || typeof value !== 'object' || Array.isArray(value))
+        return false;
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+}
+function clonePatchValue(value, depth) {
+    if (depth > 12)
+        return undefined;
+    if (Array.isArray(value)) {
+        return value
+            .map((item) => clonePatchValue(item, depth + 1))
+            .filter((item) => item !== undefined);
+    }
+    if (!isPlainObject(value))
+        return value;
+    const clone = {};
+    Object.keys(value).forEach((key) => {
+        if (unsafeObjectKeys.has(key))
+            return;
+        const nested = clonePatchValue(value[key], depth + 1);
+        if (nested !== undefined)
+            clone[key] = nested;
+    });
+    return clone;
+}
+/**
+ * Applies RFC 7396 JSON Merge Patch semantics.
+ *
+ * Objects merge recursively, arrays and scalar values replace the target, and
+ * `null` removes the addressed property. Unsafe prototype keys are ignored.
+ */
+function applyJsonMergePatch(base, patch, depth = 0) {
+    if (depth > 8)
+        return clonePatchValue(patch, depth);
+    if (patch === null)
+        return undefined;
+    if (!isPlainObject(patch))
+        return clonePatchValue(patch, depth);
+    const target = isPlainObject(base)
+        ? clonePatchValue(base, depth)
+        : {};
+    Object.keys(patch).forEach((key) => {
+        if (unsafeObjectKeys.has(key))
+            return;
+        const patchValue = patch[key];
+        if (patchValue === null) {
+            delete target[key];
+            return;
+        }
+        const next = applyJsonMergePatch(target[key], patchValue, depth + 1);
+        if (next === undefined) {
+            delete target[key];
+        }
+        else {
+            target[key] = next;
+        }
+    });
+    return target;
+}
+
 const { SELECT: INLINE_SELECT_CONTROL_TYPE$1, SEARCHABLE_SELECT: INLINE_SEARCHABLE_SELECT_CONTROL_TYPE$1, MULTI_SELECT: INLINE_MULTI_SELECT_CONTROL_TYPE$1, INPUT: INLINE_INPUT_CONTROL_TYPE$1, PHONE: INLINE_PHONE_CONTROL_TYPE$1, TOGGLE: INLINE_TOGGLE_CONTROL_TYPE$1, RANGE: INLINE_RANGE_CONTROL_TYPE$1, ASYNC_SELECT: INLINE_ASYNC_SELECT_CONTROL_TYPE$1, ENTITY_LOOKUP: INLINE_ENTITY_LOOKUP_CONTROL_TYPE$1, AUTOCOMPLETE: INLINE_AUTOCOMPLETE_CONTROL_TYPE$1, NUMBER: INLINE_NUMBER_CONTROL_TYPE$1, CURRENCY: INLINE_CURRENCY_CONTROL_TYPE$1, CURRENCY_RANGE: INLINE_CURRENCY_RANGE_CONTROL_TYPE$1, DATE: INLINE_DATE_CONTROL_TYPE$1, DATE_RANGE: INLINE_DATE_RANGE_CONTROL_TYPE$1, TIME: INLINE_TIME_CONTROL_TYPE$1, TIME_RANGE: INLINE_TIME_RANGE_CONTROL_TYPE$1, TREE_SELECT: INLINE_TREE_SELECT_CONTROL_TYPE$1, RATING: INLINE_RATING_CONTROL_TYPE$1, DISTANCE_RADIUS: INLINE_DISTANCE_RADIUS_CONTROL_TYPE$1, PIPELINE_STATUS: INLINE_PIPELINE_STATUS_CONTROL_TYPE$1, SCORE_PRIORITY: INLINE_SCORE_PRIORITY_CONTROL_TYPE$1, RELATIVE_PERIOD: INLINE_RELATIVE_PERIOD_CONTROL_TYPE$1, SENTIMENT: INLINE_SENTIMENT_CONTROL_TYPE$1, COLOR_LABEL: INLINE_COLOR_LABEL_CONTROL_TYPE$1, } = INLINE_FILTER_CONTROL_TYPES;
 const KNOWN_FILTER_SETTINGS_CONTROL_TYPES = new Set([
     ...Object.values(FieldControlType).map((type) => String(type).toLowerCase()),
@@ -28782,21 +29183,25 @@ class FilterSettingsComponent {
         optional: true,
     });
     /** Clears persisted preferences for this filter, falling back to globals. */
-    resetPreferences() {
+    async resetPreferences() {
         const key = this.configKey;
         if (!key)
             return;
         try {
-            this.filterConfigService.clear(key);
-            this.storage.clearConfig(`filter-dto:${key}`).pipe(take$1(1)).subscribe();
-            void this.clearPersistedSchemaStateByConfigKey(key);
+            await Promise.all([
+                this.filterConfigService.clear(key),
+                firstValueFrom(this.storage.clearConfig(`filter-dto:${key}`).pipe(take$1(1))),
+                this.clearPersistedSchemaStateByConfigKey(key),
+            ]);
             this.reset(); // Reset form to initial/default values
             this.form.markAsPristine();
             this.snackBar.open('Preferências do filtro redefinidas', undefined, {
                 duration: 2000,
             });
         }
-        catch { }
+        catch {
+            this.snackBar.open('Não foi possível redefinir as preferências do filtro', 'Fechar', { duration: 5000 });
+        }
     }
     constructor(fb) {
         this.fb = fb;
@@ -28918,30 +29323,20 @@ class FilterSettingsComponent {
         const legacyHash = String(legacyMeta?.serverHash || '').trim();
         if (legacyHash)
             hashes.add(legacyHash);
+        const keysToClear = [];
         for (const schemaId of schemaIds) {
             const key = this.schemaMetaKeyForSchemaId(configKey, schemaId);
             const meta = await firstValueFrom(this.storage.loadConfig(key).pipe(take$1(1))).catch(() => null);
             const hash = String(meta?.serverHash || '').trim();
             if (hash)
                 hashes.add(hash);
-            this.storage.clearConfig(key).pipe(take$1(1)).subscribe();
+            keysToClear.push(key);
         }
-        this.storage.clearConfig(indexKey).pipe(take$1(1)).subscribe();
-        this.storage.clearConfig(scopeKey).pipe(take$1(1)).subscribe();
+        keysToClear.push(indexKey, scopeKey);
         hashes.forEach((hash) => {
-            this.storage
-                .clearConfig(this.filterSchemaIgnoreKey(configKey, hash))
-                .pipe(take$1(1))
-                .subscribe();
-            this.storage
-                .clearConfig(this.filterSchemaSnoozeKey(configKey, hash))
-                .pipe(take$1(1))
-                .subscribe();
-            this.storage
-                .clearConfig(this.filterSchemaNotifiedKey(configKey, hash))
-                .pipe(take$1(1))
-                .subscribe();
+            keysToClear.push(this.filterSchemaIgnoreKey(configKey, hash), this.filterSchemaSnoozeKey(configKey, hash), this.filterSchemaNotifiedKey(configKey, hash));
         });
+        await Promise.all(keysToClear.map((key) => firstValueFrom(this.storage.clearConfig(key).pipe(take$1(1)))));
     }
     async loadTags() {
         const key = this.tagsKey();
@@ -29907,33 +30302,6 @@ class FilterSettingsComponent {
     isPlainObject(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
-    applyJsonMergePatch(base, patch, depth = 0) {
-        if (depth > 8)
-            return this.cloneUnknown(patch);
-        if (patch === null)
-            return undefined;
-        if (!this.isPlainObject(patch))
-            return this.cloneUnknown(patch);
-        const target = this.isPlainObject(base) ? { ...base } : {};
-        Object.keys(patch).forEach((key) => {
-            const patchValue = patch[key];
-            if (patchValue === null) {
-                delete target[key];
-                return;
-            }
-            if (this.isPlainObject(patchValue)) {
-                const next = this.applyJsonMergePatch(target[key], patchValue, depth + 1);
-                if (this.isPlainObject(next) && !Object.keys(next).length) {
-                    delete target[key];
-                    return;
-                }
-                target[key] = next;
-                return;
-            }
-            target[key] = this.cloneUnknown(patchValue);
-        });
-        return target;
-    }
     applyAlwaysVisibleMetadataPatch(fieldName, patch) {
         if (!patch || typeof patch !== 'object' || Array.isArray(patch))
             return;
@@ -29943,7 +30311,7 @@ class FilterSettingsComponent {
         if (!normalized || !Object.keys(normalized).length)
             return;
         const current = this.getAlwaysVisibleOverridesMap();
-        const merged = this.applyJsonMergePatch(current[fieldName] || {}, normalized);
+        const merged = applyJsonMergePatch(current[fieldName] || {}, normalized);
         if (this.isPlainObject(merged) && Object.keys(merged).length) {
             current[fieldName] = merged;
         }
@@ -36845,14 +37213,14 @@ const PRAXIS_FILTER_VIEW_CONTEXT_SCHEMA_VERSION = 'praxis.filter-view-context.v1
 
 const DEFAULT_I18N = {
     searchPlaceholder: 'Buscar',
-    advanced: 'Avançado',
+    advanced: 'Filtro avançado',
     advancedTitle: 'Filtro avançado',
     advancedOpening: 'Abrindo filtro avançado...',
     advancedUnavailable: 'Todos os campos já estão visíveis na toolbar',
     clear: 'Limpar filtros',
     apply: 'Pesquisar',
-    add: 'Gerenciar filtros',
-    filtersAdd: 'Gerenciar filtros',
+    add: 'Gerenciar campos',
+    filtersAdd: 'Gerenciar campos',
     filtersSearch: 'Buscar filtros',
     addCount: 'Gerenciar campos de filtro ({count} exibidos)',
     addCountSingular: 'Gerenciar campos de filtro ({count} exibido)',
@@ -36864,6 +37232,8 @@ const DEFAULT_I18N = {
     selectedFieldsCount: '{count} campos exibidos',
     selectedFieldsCountSingular: '{count} campo exibido',
     selectedFieldsSectionTitle: 'Campos exibidos',
+    fixedFieldsSectionTitle: 'Campos fixos',
+    fixedFieldDescription: 'Campo fixo, sempre exibido na barra de filtros',
     availableFieldsSectionTitle: 'Campos disponíveis',
     manageFieldsApply: 'Aplicar',
     selectAllResults: 'Selecionar todos os resultados',
@@ -36897,7 +37267,7 @@ const DEFAULT_I18N = {
     cancel: 'Cancelar',
     shortcutsLabel: 'Atalhos',
     shortcutSaved: 'Atalho salvo',
-    readonlyShortcut: 'Atalho predefinido (somente leitura)',
+    readonlyShortcut: 'Atalho predefinido (somente leitura). Ao aplicar, substitui os filtros atuais.',
     shortcutRemoved: 'Atalho removido',
     undo: 'Desfazer',
 };
@@ -36957,11 +37327,11 @@ function normalizeCorporateLoggerEnvironment$1(candidate) {
         return 'dev';
     if (value === 'qa' || value === 'test' || value === 'testing')
         return 'qa';
-    if (value === 'hml'
-        || value === 'homolog'
-        || value === 'homologacao'
-        || value === 'stage'
-        || value === 'staging') {
+    if (value === 'hml' ||
+        value === 'homolog' ||
+        value === 'homologacao' ||
+        value === 'stage' ||
+        value === 'staging') {
         return 'hml';
     }
     return 'prod';
@@ -37175,9 +37545,22 @@ class PraxisFilter {
     addManagerItemMotion = null;
     addManagerTitleId = `praxis-filter-fields-title-${Math.random().toString(36).slice(2)}`;
     addManagerDescriptionId = `praxis-filter-fields-description-${Math.random().toString(36).slice(2)}`;
+    addManagerViewportMargin = 8;
     addOverlayPositions = [
-        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 8 },
-        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -8 },
+        {
+            originX: 'end',
+            originY: 'bottom',
+            overlayX: 'end',
+            overlayY: 'top',
+            offsetY: 8,
+        },
+        {
+            originX: 'end',
+            originY: 'top',
+            overlayX: 'end',
+            overlayY: 'bottom',
+            offsetY: -8,
+        },
     ];
     applySchemaQueued = false;
     shortcutPromptOpen = false;
@@ -37219,21 +37602,29 @@ class PraxisFilter {
         autoOpenSettingsOnOutdated: false,
     };
     resolveSchemaPrefs() {
-        const DEFAULTS = { notifyIfOutdated: 'both', snoozeMs: 24 * 60 * 60 * 1000, autoOpenSettingsOnOutdated: false };
+        const DEFAULTS = {
+            notifyIfOutdated: 'both',
+            snoozeMs: 24 * 60 * 60 * 1000,
+            autoOpenSettingsOnOutdated: false,
+        };
         let out = {
             notifyIfOutdated: this.notifyIfOutdated ?? DEFAULTS.notifyIfOutdated,
             snoozeMs: typeof this.snoozeMs === 'number' ? this.snoozeMs : DEFAULTS.snoozeMs,
             autoOpenSettingsOnOutdated: !!this.autoOpenSettingsOnOutdated,
         };
-        const inputsAreDefaults = (this.notifyIfOutdated === DEFAULTS.notifyIfOutdated) && (this.snoozeMs === DEFAULTS.snoozeMs) && (this.autoOpenSettingsOnOutdated === DEFAULTS.autoOpenSettingsOnOutdated);
+        const inputsAreDefaults = this.notifyIfOutdated === DEFAULTS.notifyIfOutdated &&
+            this.snoozeMs === DEFAULTS.snoozeMs &&
+            this.autoOpenSettingsOnOutdated === DEFAULTS.autoOpenSettingsOnOutdated;
         if (inputsAreDefaults) {
             try {
                 const g = this.global.getSchemaPrefsGlobal?.();
                 if (g && typeof g === 'object') {
                     out = {
                         notifyIfOutdated: g.notifyIfOutdated ?? out.notifyIfOutdated,
-                        snoozeMs: (typeof g.snoozeMs === 'number' ? g.snoozeMs : out.snoozeMs),
-                        autoOpenSettingsOnOutdated: (typeof g.autoOpenSettingsOnOutdated === 'boolean' ? g.autoOpenSettingsOnOutdated : out.autoOpenSettingsOnOutdated),
+                        snoozeMs: typeof g.snoozeMs === 'number' ? g.snoozeMs : out.snoozeMs,
+                        autoOpenSettingsOnOutdated: typeof g.autoOpenSettingsOnOutdated === 'boolean'
+                            ? g.autoOpenSettingsOnOutdated
+                            : out.autoOpenSettingsOnOutdated,
                     };
                 }
             }
@@ -37358,9 +37749,10 @@ class PraxisFilter {
         if (this.logger)
             return this.logger;
         const runtimeEnvironment = normalizeCorporateLoggerEnvironment$1(this.resolveRuntimeEnvironment());
-        if (!this.fallbackLogger
-            || this.fallbackLoggerEnvironment !== runtimeEnvironment) {
-            this.fallbackLogger = createPraxisFilterFallbackLogger(runtimeEnvironment);
+        if (!this.fallbackLogger ||
+            this.fallbackLoggerEnvironment !== runtimeEnvironment) {
+            this.fallbackLogger =
+                createPraxisFilterFallbackLogger(runtimeEnvironment);
             this.fallbackLoggerEnvironment = runtimeEnvironment;
         }
         return this.fallbackLogger;
@@ -37392,7 +37784,9 @@ class PraxisFilter {
     }
     isFilterDebugEnabled() {
         try {
-            const explicitFlag = typeof window !== 'undefined' ? window.DEBUG_PTABLE : undefined;
+            const explicitFlag = typeof window !== 'undefined'
+                ? window.DEBUG_PTABLE
+                : undefined;
             if (explicitFlag === true)
                 return true;
             if (explicitFlag === false)
@@ -37628,7 +38022,9 @@ class PraxisFilter {
         // add-select doesn't require fixed ids; relies on panelClass
         // Inicializa flag de mobile
         this.isMobile = this.computeIsMobile();
-        const cfg = this.configKey ? await this.filterConfig.load(this.configKey) : undefined;
+        const cfg = this.configKey
+            ? await this.filterConfig.load(this.configKey)
+            : undefined;
         if (cfg) {
             try {
                 this.lastSavedConfigJson = JSON.stringify(cfg);
@@ -37672,7 +38068,8 @@ class PraxisFilter {
             if (cfg.alwaysColsLg !== undefined) {
                 this.alwaysColsLg = cfg.alwaysColsLg;
             }
-            if (cfg.selectedFieldIds && (!this.selectedFieldIds || this.selectedFieldIds.length === 0)) {
+            if (cfg.selectedFieldIds &&
+                (!this.selectedFieldIds || this.selectedFieldIds.length === 0)) {
                 this.selectedFieldIds = this.normalizeFieldIdList(cfg.selectedFieldIds);
             }
             if (cfg.confirmTagDelete !== undefined) {
@@ -37686,7 +38083,8 @@ class PraxisFilter {
             if (cfg.overlayBackdrop !== undefined)
                 this.overlayBackdrop = !!cfg.overlayBackdrop;
             if (cfg.advancedClearButtonsEnabled !== undefined) {
-                this.advancedClearButtonsEnabled = !!cfg.advancedClearButtonsEnabled;
+                this.advancedClearButtonsEnabled = !!cfg
+                    .advancedClearButtonsEnabled;
             }
             if (cfg.tagColor)
                 this.tagColor = cfg.tagColor;
@@ -37699,7 +38097,8 @@ class PraxisFilter {
             if (cfg.actionsVariant)
                 this.actionsVariant = cfg.actionsVariant;
             if (cfg.useInlineSearchableSelectVariant !== undefined) {
-                this.useInlineSearchableSelectVariant = !!cfg.useInlineSearchableSelectVariant;
+                this.useInlineSearchableSelectVariant = !!cfg
+                    .useInlineSearchableSelectVariant;
             }
             if (cfg.useInlineRangeVariant !== undefined) {
                 this.useInlineRangeVariant = !!cfg.useInlineRangeVariant;
@@ -37708,16 +38107,19 @@ class PraxisFilter {
                 this.useInlineDateVariant = !!cfg.useInlineDateVariant;
             }
             if (cfg.useInlineDateRangeVariant !== undefined) {
-                this.useInlineDateRangeVariant = !!cfg.useInlineDateRangeVariant;
+                this.useInlineDateRangeVariant = !!cfg
+                    .useInlineDateRangeVariant;
             }
             if (cfg.useInlineTimeVariant !== undefined) {
                 this.useInlineTimeVariant = !!cfg.useInlineTimeVariant;
             }
             if (cfg.useInlineTimeRangeVariant !== undefined) {
-                this.useInlineTimeRangeVariant = !!cfg.useInlineTimeRangeVariant;
+                this.useInlineTimeRangeVariant = !!cfg
+                    .useInlineTimeRangeVariant;
             }
             if (cfg.useInlineTreeSelectVariant !== undefined) {
-                this.useInlineTreeSelectVariant = !!cfg.useInlineTreeSelectVariant;
+                this.useInlineTreeSelectVariant = !!cfg
+                    .useInlineTreeSelectVariant;
             }
         }
         // Apply global defaults for filter UI when not specified in saved config or inputs
@@ -37853,22 +38255,28 @@ class PraxisFilter {
             // Preferir a largura da barra completa para melhor alinhamento com ações
             const bar = anchor?.closest?.('.praxis-filter-bar');
             // Compute width preferring bar, fallback to anchor
-            const barW = (() => { try {
-                return Math.floor(bar?.getBoundingClientRect?.().width || 0);
-            }
-            catch {
-                return 0;
-            } })();
-            const anchorW = (() => { try {
-                return Math.floor(anchor?.getBoundingClientRect?.().width || 0);
-            }
-            catch {
-                return 0;
-            } })();
+            const barW = (() => {
+                try {
+                    return Math.floor(bar?.getBoundingClientRect?.().width || 0);
+                }
+                catch {
+                    return 0;
+                }
+            })();
+            const anchorW = (() => {
+                try {
+                    return Math.floor(anchor?.getBoundingClientRect?.().width || 0);
+                }
+                catch {
+                    return 0;
+                }
+            })();
             const w = Math.max(0, barW > 0 ? barW : anchorW);
             this.overlayWidth = w || 520;
         }
-        catch { /* noop */ }
+        catch {
+            /* noop */
+        }
     }
     // Helper para detectar viewport mobile (mantido simples e sem SSR)
     computeIsMobile() {
@@ -37884,7 +38292,8 @@ class PraxisFilter {
             (changes['filterId'] && !changes['filterId'].firstChange) ||
             (changes['formId'] && !changes['formId'].firstChange) ||
             (changes['persistenceKey'] && !changes['persistenceKey'].firstChange) ||
-            (changes['componentInstanceId'] && !changes['componentInstanceId'].firstChange);
+            (changes['componentInstanceId'] &&
+                !changes['componentInstanceId'].firstChange);
         if (changes['resourcePath'] ||
             changes['filterId'] ||
             changes['formId'] ||
@@ -37954,12 +38363,14 @@ class PraxisFilter {
             else if (!changes['fieldMetadata'].firstChange) {
                 this.schemaMetas = undefined;
                 if (!this.schemaLoading &&
-                    ((this.alwaysVisibleFields?.length || 0) > 0 || (this.selectedFieldIds?.length || 0) > 0)) {
+                    ((this.alwaysVisibleFields?.length || 0) > 0 ||
+                        (this.selectedFieldIds?.length || 0) > 0)) {
                     this.loadSchema();
                 }
             }
         }
-        if (changes['alwaysVisibleFields'] && !changes['alwaysVisibleFields'].firstChange) {
+        if (changes['alwaysVisibleFields'] &&
+            !changes['alwaysVisibleFields'].firstChange) {
             this.alwaysVisibleFields = this.normalizeFieldIdList(this.alwaysVisibleFields);
             this.logFilterDebug('[PFILTER] ngOnChanges: alwaysVisibleFields changed', {
                 alwaysVisibleFields: this.alwaysVisibleFields,
@@ -37985,7 +38396,8 @@ class PraxisFilter {
                 this.applySchemaMetas();
             }
         }
-        if (changes['selectedFieldIds'] && !changes['selectedFieldIds'].firstChange) {
+        if (changes['selectedFieldIds'] &&
+            !changes['selectedFieldIds'].firstChange) {
             this.selectedFieldIds = this.normalizeFieldIdList(this.selectedFieldIds);
             if (this.addManagerOpen && this.isAddManagerDirty()) {
                 this.addManagerConflict = true;
@@ -38008,7 +38420,9 @@ class PraxisFilter {
         if (changes['i18n']) {
             this.mergeI18n();
         }
-        if (changes['notifyIfOutdated'] || changes['snoozeMs'] || changes['autoOpenSettingsOnOutdated']) {
+        if (changes['notifyIfOutdated'] ||
+            changes['snoozeMs'] ||
+            changes['autoOpenSettingsOnOutdated']) {
             this.resolveSchemaPrefs();
         }
     }
@@ -38085,12 +38499,14 @@ class PraxisFilter {
         if (cfg.allowSaveTags !== undefined) {
             this.allowSaveTags = cfg.allowSaveTags;
         }
-        if (cfg.changeDebounceMs !== undefined && cfg.changeDebounceMs !== this.changeDebounceMs) {
+        if (cfg.changeDebounceMs !== undefined &&
+            cfg.changeDebounceMs !== this.changeDebounceMs) {
             this.changeDebounceMs = cfg.changeDebounceMs;
             this.bindAdvancedDebounce();
         }
         if (cfg.useInlineSearchableSelectVariant !== undefined) {
-            this.useInlineSearchableSelectVariant = !!cfg.useInlineSearchableSelectVariant;
+            this.useInlineSearchableSelectVariant = !!cfg
+                .useInlineSearchableSelectVariant;
         }
         if (cfg.useInlineRangeVariant !== undefined) {
             this.useInlineRangeVariant = !!cfg.useInlineRangeVariant;
@@ -38108,7 +38524,8 @@ class PraxisFilter {
             this.useInlineTimeRangeVariant = !!cfg.useInlineTimeRangeVariant;
         }
         if (cfg.useInlineTreeSelectVariant !== undefined) {
-            this.useInlineTreeSelectVariant = !!cfg.useInlineTreeSelectVariant;
+            this.useInlineTreeSelectVariant = !!cfg
+                .useInlineTreeSelectVariant;
         }
         const inlineVariantsChanged = prevInlineSearchable !== this.useInlineSearchableSelectVariant ||
             prevInlineRange !== this.useInlineRangeVariant ||
@@ -38117,14 +38534,19 @@ class PraxisFilter {
             prevInlineTime !== this.useInlineTimeVariant ||
             prevInlineTimeRange !== this.useInlineTimeRangeVariant ||
             prevInlineTreeSelect !== this.useInlineTreeSelectVariant;
-        if (alwaysChanged || selectedChanged || overridesChanged || fieldOverridesChanged || inlineVariantsChanged) {
+        if (alwaysChanged ||
+            selectedChanged ||
+            overridesChanged ||
+            fieldOverridesChanged ||
+            inlineVariantsChanged) {
             if (this.schemaMetas) {
                 this.applySchemaMetas();
             }
             else if (this.usesProvidedFieldMetadata()) {
                 this.applyProvidedFieldMetadata();
             }
-            else if (!this.schemaLoading && (nextAlways.length > 0 || nextSelected.length > 0)) {
+            else if (!this.schemaLoading &&
+                (nextAlways.length > 0 || nextSelected.length > 0)) {
                 this.loadSchema();
             }
             this.updateAddItems();
@@ -38217,7 +38639,8 @@ class PraxisFilter {
                     this.advancedOpenMode = this.normalizeAdvancedOpenMode(cfg.advancedOpenMode);
                 }
                 if (cfg.advancedClearButtonsEnabled !== undefined) {
-                    this.advancedClearButtonsEnabled = !!cfg.advancedClearButtonsEnabled;
+                    this.advancedClearButtonsEnabled = !!cfg
+                        .advancedClearButtonsEnabled;
                 }
                 if (cfg.tagColor)
                     this.tagColor = cfg.tagColor;
@@ -38230,7 +38653,8 @@ class PraxisFilter {
                 if (cfg.actionsVariant)
                     this.actionsVariant = cfg.actionsVariant;
                 if (cfg.useInlineSearchableSelectVariant !== undefined) {
-                    this.useInlineSearchableSelectVariant = !!cfg.useInlineSearchableSelectVariant;
+                    this.useInlineSearchableSelectVariant = !!cfg
+                        .useInlineSearchableSelectVariant;
                 }
                 if (cfg.useInlineRangeVariant !== undefined) {
                     this.useInlineRangeVariant = !!cfg.useInlineRangeVariant;
@@ -38239,16 +38663,19 @@ class PraxisFilter {
                     this.useInlineDateVariant = !!cfg.useInlineDateVariant;
                 }
                 if (cfg.useInlineDateRangeVariant !== undefined) {
-                    this.useInlineDateRangeVariant = !!cfg.useInlineDateRangeVariant;
+                    this.useInlineDateRangeVariant = !!cfg
+                        .useInlineDateRangeVariant;
                 }
                 if (cfg.useInlineTimeVariant !== undefined) {
                     this.useInlineTimeVariant = !!cfg.useInlineTimeVariant;
                 }
                 if (cfg.useInlineTimeRangeVariant !== undefined) {
-                    this.useInlineTimeRangeVariant = !!cfg.useInlineTimeRangeVariant;
+                    this.useInlineTimeRangeVariant = !!cfg
+                        .useInlineTimeRangeVariant;
                 }
                 if (cfg.useInlineTreeSelectVariant !== undefined) {
-                    this.useInlineTreeSelectVariant = !!cfg.useInlineTreeSelectVariant;
+                    this.useInlineTreeSelectVariant = !!cfg
+                        .useInlineTreeSelectVariant;
                 }
                 this.mergeI18n();
                 this.applySchemaMetas();
@@ -38261,7 +38688,7 @@ class PraxisFilter {
                     this.bindAdvancedDebounce();
                 }
             };
-            const persistConfig = (cfg, message) => {
+            const persistConfig = async (cfg, message) => {
                 this.saving = true;
                 try {
                     const persistedCfg = {
@@ -38274,7 +38701,7 @@ class PraxisFilter {
                         })(),
                     };
                     if (this.configKey) {
-                        this.filterConfig.save(this.configKey, persistedCfg);
+                        await this.filterConfig.save(this.configKey, persistedCfg);
                         try {
                             this.lastSavedConfigJson = JSON.stringify(persistedCfg);
                         }
@@ -38282,13 +38709,17 @@ class PraxisFilter {
                             this.lastSavedConfigJson = null;
                         }
                     }
-                    this.snackBar.open(message, 'Fechar', { duration: 3000 });
+                    if (!this.destroyRef.destroyed) {
+                        this.snackBar.open(message, 'Fechar', { duration: 3000 });
+                    }
                 }
                 catch (err) {
                     this.getLogger().error('PFILTER:config:save:error', this.buildFilterLogOptions({ error: err }, 'config.save'));
-                    this.snackBar.open('Erro ao salvar configurações', 'Fechar', {
-                        duration: 3000,
-                    });
+                    if (!this.destroyRef.destroyed) {
+                        this.snackBar.open('Erro ao salvar configurações', 'Fechar', {
+                            duration: 3000,
+                        });
+                    }
                 }
                 finally {
                     this.saving = false;
@@ -38348,16 +38779,17 @@ class PraxisFilter {
                     overlayBackdrop: cfg.overlayBackdrop,
                 };
             };
-            ref.applied$.pipe(take$1(1)).subscribe((cfg) => {
+            ref.applied$.subscribe((cfg) => {
                 const safe = validateConfig(cfg);
                 applyChanges(safe);
-                persistConfig(safe, 'Configurações aplicadas');
-                ref.close('save');
+                this.snackBar.open('Pré-visualização aplicada', 'Fechar', {
+                    duration: 2000,
+                });
             });
-            ref.saved$.pipe(take$1(1)).subscribe((cfg) => {
+            ref.saved$.subscribe((cfg) => {
                 const safe = validateConfig(cfg);
                 applyChanges(safe);
-                persistConfig(safe, 'Configurações salvas');
+                void persistConfig(safe, 'Configurações salvas');
             });
         }
         catch (err) {
@@ -38416,7 +38848,10 @@ class PraxisFilter {
         if (this.confirmTagDelete) {
             try {
                 const ref = this.snackBar.open(this.i18nLabels.shortcutRemoved, this.i18nLabels.undo, { duration: 4000 });
-                ref.onAction().pipe(take$1(1)).subscribe(() => {
+                ref
+                    .onAction()
+                    .pipe(take$1(1))
+                    .subscribe(() => {
                     const reinsertIndex = Math.min(index, this.savedTags.length);
                     this.savedTags.splice(reinsertIndex, 0, removed);
                     this.persistTags();
@@ -38491,7 +38926,9 @@ class PraxisFilter {
         if (v instanceof Date)
             return v.toISOString();
         if (Array.isArray(v))
-            return v.map((it) => this.normalizeForCompare(it)).filter((it) => it !== undefined);
+            return v
+                .map((it) => this.normalizeForCompare(it))
+                .filter((it) => it !== undefined);
         if (typeof v === 'object') {
             const out = {};
             Object.keys(v)
@@ -38508,7 +38945,9 @@ class PraxisFilter {
     // getFilterSchemaPath não é mais necessário, pois o serviço deriva o path via schemaUrl()
     buildFilteredSchemaContext() {
         // Derive path from schemaUrl (preserves prefixes) and ensure /filter suffix
-        const basePath = (this.crud.schemaUrl() || '').replace(/\/+$/, '').replace(/\/schemas$/, '');
+        const basePath = (this.crud.schemaUrl() || '')
+            .replace(/\/+$/, '')
+            .replace(/\/schemas$/, '');
         let path = basePath ? `${basePath}/filter` : '';
         if (!path) {
             // Fallback path if schemaUrl is not available
@@ -38524,8 +38963,19 @@ class PraxisFilter {
         }
         catch { }
         const tenant = this.global.getTenant();
-        const locale = (typeof navigator !== 'undefined' && navigator.language) ? navigator.language : undefined;
-        return { path, operation, schemaType, includeInternalSchemas: true, tenant, locale, baseUrl, apiOrigin };
+        const locale = typeof navigator !== 'undefined' && navigator.language
+            ? navigator.language
+            : undefined;
+        return {
+            path,
+            operation,
+            schemaType,
+            includeInternalSchemas: true,
+            tenant,
+            locale,
+            baseUrl,
+            apiOrigin,
+        };
     }
     toSchemaIdContext(ctx) {
         return {
@@ -38640,7 +39090,8 @@ class PraxisFilter {
     }
     saveStoredSchemaMeta(key, next, schemaId) {
         const current = this.storedSchemaMetaCache.get(key) ?? null;
-        if (this.stableSerialize(this.normalizeStoredSchemaMetaForComparison(current)) === this.stableSerialize(this.normalizeStoredSchemaMetaForComparison(next))) {
+        if (this.stableSerialize(this.normalizeStoredSchemaMetaForComparison(current)) ===
+            this.stableSerialize(this.normalizeStoredSchemaMetaForComparison(next))) {
             if (schemaId)
                 this.rememberSchemaMetaContext(schemaId);
             return;
@@ -38721,7 +39172,8 @@ class PraxisFilter {
     }
     persistSchemaMeta(schemaId, context, serverHash) {
         try {
-            const key = this.filterSchemaMetaKeyForSchemaId(schemaId) || this.getSchemaMetaKey();
+            const key = this.filterSchemaMetaKeyForSchemaId(schemaId) ||
+                this.getSchemaMetaKey();
             if (!key)
                 return;
             const nowIso = new Date().toISOString();
@@ -38780,7 +39232,10 @@ class PraxisFilter {
         const disableCache = this.global.get('cache.disableSchemaCache');
         const adapter = disableCache
             ? new MemoryCacheAdapter()
-            : new LocalStorageCacheAdapter({ ttlMs: 30 * 60 * 1000, maxEntries: 200 });
+            : new LocalStorageCacheAdapter({
+                ttlMs: 30 * 60 * 1000,
+                maxEntries: 200,
+            });
         try {
             const client = new SchemaMetadataClient(adapter);
             const entry = await client.getSchema({
@@ -38805,7 +39260,9 @@ class PraxisFilter {
             // Runtime hardening: if /schemas/filtered returns HTML/redirect or invalid JSON,
             // fallback to CRUD HttpClient path before failing the filter experience.
             this.logFilterWarn('[PFILTER] loadSchemaViaClient: metadata client failed, trying CRUD fallback', {
-                message: schemaClientError instanceof Error ? schemaClientError.message : String(schemaClientError),
+                message: schemaClientError instanceof Error
+                    ? schemaClientError.message
+                    : String(schemaClientError),
                 path: ctx.path,
                 baseUrl: ctx.baseUrl,
             });
@@ -38921,7 +39378,7 @@ class PraxisFilter {
                     this.schemaMetas = metas;
                     this.logFilterDebug('[PFILTER] loadSchema: metas received', {
                         total: metas.length,
-                        names: metas.map(m => m.name),
+                        names: metas.map((m) => m.name),
                     });
                     this.applySchemaMetas();
                 });
@@ -39022,9 +39479,7 @@ class PraxisFilter {
                 meta?.dataType ||
                 meta?.fieldType ||
                 '');
-            const formatTypeToken = normalizeControlTypeToken(meta?.format ||
-                meta?.formatType ||
-                '');
+            const formatTypeToken = normalizeControlTypeToken(meta?.format || meta?.formatType || '');
             const isSearchableSelect = controlType === FieldControlType.SEARCHABLE_SELECT ||
                 normalizedControlType === 'searchable-select' ||
                 controlTypeToken === 'searchableselect' ||
@@ -39044,7 +39499,8 @@ class PraxisFilter {
             const isEntityLookup = controlType === FieldControlType.ENTITY_LOOKUP ||
                 normalizedControlType === 'entitylookup' ||
                 controlTypeToken === 'entitylookup' ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_ENTITY_LOOKUP_CONTROL_TYPE) ||
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_ENTITY_LOOKUP_CONTROL_TYPE) ||
                 meta?.entityLookup === true;
             const isPhone = controlType === FieldControlType.PHONE ||
                 normalizedControlType === 'phone' ||
@@ -39052,7 +39508,8 @@ class PraxisFilter {
                 controlTypeToken === 'phone' ||
                 controlTypeToken === 'telephone' ||
                 controlTypeToken === 'telefone' ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_PHONE_CONTROL_TYPE) ||
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_PHONE_CONTROL_TYPE) ||
                 dataTypeToken === 'phone' ||
                 dataTypeToken === 'tel' ||
                 formatTypeToken === 'phone' ||
@@ -39112,38 +39569,54 @@ class PraxisFilter {
                 controlTypeToken === 'treeselect' ||
                 controlTypeToken === 'treeview';
             const isInlineTimeExplicit = controlType === INLINE_TIME_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_TIME_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_TIME_CONTROL_TYPE);
             const isInlineTimeRangeExplicit = controlType === INLINE_TIME_RANGE_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_TIME_RANGE_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_TIME_RANGE_CONTROL_TYPE);
             const isInlinePeriodRangeExplicit = controlType === INLINE_PERIOD_RANGE_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_PERIOD_RANGE_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_PERIOD_RANGE_CONTROL_TYPE);
             const isInlineYearRangeExplicit = controlType === INLINE_YEAR_RANGE_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_YEAR_RANGE_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_YEAR_RANGE_CONTROL_TYPE);
             const isInlineMonthRangeExplicit = controlType === INLINE_MONTH_RANGE_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_MONTH_RANGE_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_MONTH_RANGE_CONTROL_TYPE);
             const isInlineTreeSelectExplicit = controlType === INLINE_TREE_SELECT_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_TREE_SELECT_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_TREE_SELECT_CONTROL_TYPE);
             const isInlineRatingExplicit = controlType === INLINE_RATING_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_RATING_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_RATING_CONTROL_TYPE);
             const isInlineDistanceRadiusExplicit = controlType === INLINE_DISTANCE_RADIUS_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_DISTANCE_RADIUS_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_DISTANCE_RADIUS_CONTROL_TYPE);
             const isInlinePipelineStatusExplicit = controlType === INLINE_PIPELINE_STATUS_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_PIPELINE_STATUS_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_PIPELINE_STATUS_CONTROL_TYPE);
             const isInlineScorePriorityExplicit = controlType === INLINE_SCORE_PRIORITY_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_SCORE_PRIORITY_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_SCORE_PRIORITY_CONTROL_TYPE);
             const isInlineRelativePeriodExplicit = controlType === INLINE_RELATIVE_PERIOD_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_RELATIVE_PERIOD_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_RELATIVE_PERIOD_CONTROL_TYPE);
             const isInlineSentimentExplicit = controlType === INLINE_SENTIMENT_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_SENTIMENT_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_SENTIMENT_CONTROL_TYPE);
             const isInlineColorLabelExplicit = controlType === INLINE_COLOR_LABEL_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_COLOR_LABEL_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_COLOR_LABEL_CONTROL_TYPE);
             const isInlineMultiSelectExplicit = controlType === INLINE_MULTI_SELECT_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_MULTI_SELECT_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_MULTI_SELECT_CONTROL_TYPE);
             const isInlineRangeExplicit = controlType === INLINE_RANGE_CONTROL_TYPE ||
-                controlTypeToken === normalizeControlTypeToken(INLINE_RANGE_CONTROL_TYPE);
+                controlTypeToken ===
+                    normalizeControlTypeToken(INLINE_RANGE_CONTROL_TYPE);
             const isMultipleSelection = isInlineMultiSelectExplicit ||
                 meta?.multiple === true ||
-                normalizeControlTypeToken(meta?.selectionMode || '') === 'multiple';
+                normalizeControlTypeToken(meta?.selectionMode || '') ===
+                    'multiple';
             const shouldUseInlineSearchableSelect = this.useInlineSearchableSelectVariant &&
                 !isMultipleSelection &&
                 isSearchableSelect;
@@ -39168,9 +39641,7 @@ class PraxisFilter {
                     normalizedControlType === 'input' ||
                     normalizedControlType === 'search' ||
                     controlTypeToken === 'searchinput');
-            const shouldUseInlinePhone = this.useInlineInputVariant &&
-                !isMultipleSelection &&
-                isPhone;
+            const shouldUseInlinePhone = this.useInlineInputVariant && !isMultipleSelection && isPhone;
             const shouldUseInlineNumber = this.useInlineInputVariant &&
                 !isMultipleSelection &&
                 isNumeric &&
@@ -39198,7 +39669,7 @@ class PraxisFilter {
                     isMonthRange &&
                     normalizeControlTypeToken(meta?.mode || '') === 'range');
             const periodRangeGranularity = isInlinePeriodRangeExplicit
-                ? (meta?.granularity || undefined)
+                ? meta?.granularity || undefined
                 : shouldUseInlineYearRange
                     ? 'year'
                     : shouldUseInlineMonthRange
@@ -39208,9 +39679,7 @@ class PraxisFilter {
                 shouldUseInlineYearRange ||
                 shouldUseInlineMonthRange;
             const shouldUseInlineRange = isInlineRangeExplicit ||
-                (this.useInlineRangeVariant &&
-                    !isMultipleSelection &&
-                    isRangeSlider);
+                (this.useInlineRangeVariant && !isMultipleSelection && isRangeSlider);
             const shouldUseInlineDate = this.useInlineDateVariant &&
                 !isMultipleSelection &&
                 (controlType === FieldControlType.DATE_PICKER ||
@@ -39234,8 +39703,10 @@ class PraxisFilter {
                     controlTypeToken === 'datetimerange' ||
                     controlTypeToken === 'materialdaterange');
             const shouldUseInlineTime = isInlineTimeExplicit || (this.useInlineTimeVariant && isTimePicker);
-            const shouldUseInlineTimeRange = isInlineTimeRangeExplicit || (this.useInlineTimeRangeVariant && isTimeRange);
-            const shouldUseInlineTreeSelect = isInlineTreeSelectExplicit || (this.useInlineTreeSelectVariant && isTreeSelect);
+            const shouldUseInlineTimeRange = isInlineTimeRangeExplicit ||
+                (this.useInlineTimeRangeVariant && isTimeRange);
+            const shouldUseInlineTreeSelect = isInlineTreeSelectExplicit ||
+                (this.useInlineTreeSelectVariant && isTreeSelect);
             const inlineControlType = shouldUseInlineEntityLookup
                 ? INLINE_ENTITY_LOOKUP_CONTROL_TYPE
                 : shouldUseInlineAsyncSelect
@@ -39293,11 +39764,36 @@ class PraxisFilter {
                 supportsClearButtonControlType(controlType);
             const existingClear = meta.clearButton;
             let clearButton = existingClear;
-            if (supportsInlineClear && (shouldUseInlineSearchableSelect || shouldUseInlineAsyncSelect || shouldUseInlineEntityLookup || shouldUseInlineAutocomplete || shouldUseInlineSelect || shouldUseInlineMultiSelect || shouldUseInlineInput || shouldUseInlinePhone || shouldUseInlineNumber || shouldUseInlineCurrency || shouldUseInlineCurrencyRange || shouldUseInlineRating || shouldUseInlineDistanceRadius || isInlinePipelineStatusExplicit || isInlineScorePriorityExplicit || shouldUseInlineToggle || shouldUseInlinePeriodRange || shouldUseInlineRange || shouldUseInlineDate || shouldUseInlineDateRange || shouldUseInlineTime || shouldUseInlineTimeRange || shouldUseInlineTreeSelect)) {
+            if (supportsInlineClear &&
+                (shouldUseInlineSearchableSelect ||
+                    shouldUseInlineAsyncSelect ||
+                    shouldUseInlineEntityLookup ||
+                    shouldUseInlineAutocomplete ||
+                    shouldUseInlineSelect ||
+                    shouldUseInlineMultiSelect ||
+                    shouldUseInlineInput ||
+                    shouldUseInlinePhone ||
+                    shouldUseInlineNumber ||
+                    shouldUseInlineCurrency ||
+                    shouldUseInlineCurrencyRange ||
+                    shouldUseInlineRating ||
+                    shouldUseInlineDistanceRadius ||
+                    isInlinePipelineStatusExplicit ||
+                    isInlineScorePriorityExplicit ||
+                    shouldUseInlineToggle ||
+                    shouldUseInlinePeriodRange ||
+                    shouldUseInlineRange ||
+                    shouldUseInlineDate ||
+                    shouldUseInlineDateRange ||
+                    shouldUseInlineTime ||
+                    shouldUseInlineTimeRange ||
+                    shouldUseInlineTreeSelect)) {
                 if (existingClear === undefined || existingClear === true) {
                     clearButton = { enabled: true, showOnlyWhenFilled: true };
                 }
-                else if (existingClear && typeof existingClear === 'object' && existingClear.showOnlyWhenFilled === undefined) {
+                else if (existingClear &&
+                    typeof existingClear === 'object' &&
+                    existingClear.showOnlyWhenFilled === undefined) {
                     clearButton = { ...existingClear, showOnlyWhenFilled: true };
                 }
             }
@@ -39308,14 +39804,15 @@ class PraxisFilter {
                 ? (meta.showShortcuts ?? true)
                 : meta.showShortcuts;
             const inlineQuickPresets = shouldUseInlineDateRange
-                ? (meta.inlineQuickPresets ??
-                    { enabled: true, maxVisible: 5 })
+                ? (meta.inlineQuickPresets ?? { enabled: true, maxVisible: 5 })
                 : meta.inlineQuickPresets;
             const inlineQuickPresetsApplyMode = shouldUseInlineDateRange
                 ? (meta.inlineQuickPresetsApplyMode ?? 'auto')
                 : meta.inlineQuickPresetsApplyMode;
             const shortcuts = shouldUseInlineDateRange
-                ? (existingShortcuts.length ? existingShortcuts : [...INLINE_DATE_RANGE_CORPORATE_SHORTCUTS])
+                ? existingShortcuts.length
+                    ? existingShortcuts
+                    : [...INLINE_DATE_RANGE_CORPORATE_SHORTCUTS]
                 : meta.shortcuts;
             return this.withFilterMaterialDesignPolicy({
                 ...meta,
@@ -39324,13 +39821,20 @@ class PraxisFilter {
                     ? (periodRangeGranularity ?? meta.granularity)
                     : meta.granularity,
                 multiple: shouldUseInlineMultiSelect ? true : meta.multiple,
-                searchable: shouldUseInlineSearchableSelect || shouldUseInlineAsyncSelect || shouldUseInlineEntityLookup || shouldUseInlineAutocomplete ? true : meta.searchable,
+                searchable: shouldUseInlineSearchableSelect ||
+                    shouldUseInlineAsyncSelect ||
+                    shouldUseInlineEntityLookup ||
+                    shouldUseInlineAutocomplete
+                    ? true
+                    : meta.searchable,
                 clearButton,
                 showShortcuts,
                 inlineQuickPresets,
                 inlineQuickPresetsApplyMode,
                 shortcuts,
-                updateOn: isMultipleSelection ? (meta.updateOn ?? 'blur') : 'change',
+                updateOn: isMultipleSelection
+                    ? (meta.updateOn ?? 'blur')
+                    : 'change',
                 density: 'compact',
             });
         };
@@ -39341,7 +39845,8 @@ class PraxisFilter {
         // Separar toggles (booleans simples) para a faixa de ações, se habilitado
         const isToggle = (m) => {
             const ct = String(m.controlType || '').toLowerCase();
-            return ct === String(FieldControlType.TOGGLE).toLowerCase() || ct === INLINE_TOGGLE_CONTROL_TYPE;
+            return (ct === String(FieldControlType.TOGGLE).toLowerCase() ||
+                ct === INLINE_TOGGLE_CONTROL_TYPE);
         };
         const applyToggleDisplayPrefs = (m) => {
             if (!isToggle(m))
@@ -39368,7 +39873,7 @@ class PraxisFilter {
                 ...selectedWithTogglePrefs.filter(isToggle),
             ];
             const seen = new Set();
-            const toggles = toggleSet.filter((m) => (seen.has(m.name) ? false : (seen.add(m.name), true)));
+            const toggles = toggleSet.filter((m) => seen.has(m.name) ? false : (seen.add(m.name), true));
             this.toggleMetas = toggles;
             this.selectedMetas = selectedWithTogglePrefs.filter((m) => !isToggle(m));
             this.alwaysVisibleMetas = alwaysWithTogglePrefs.filter((m) => !isToggle(m));
@@ -39385,7 +39890,8 @@ class PraxisFilter {
         this.compactAlwaysVisibleMetas = this.alwaysVisibleMetas.filter(isInlineCompactControl);
         this.gridSelectedMetas = this.selectedMetas.filter((m) => !isInlineCompactControl(m));
         this.gridAlwaysVisibleMetas = this.alwaysVisibleMetas.filter((m) => !isInlineCompactControl(m));
-        if (this.activeEditableFieldName && !this.getEditableFieldMeta(this.activeEditableFieldName)) {
+        if (this.activeEditableFieldName &&
+            !this.getEditableFieldMeta(this.activeEditableFieldName)) {
             this.activeEditableFieldName = null;
         }
         // Registrar controles para ambos os grupos dentro do mesmo FormGroup
@@ -39395,12 +39901,16 @@ class PraxisFilter {
             toggleCount: this.toggleMetas.length,
             compactSelectedCount: this.compactSelectedMetas.length,
             compactAlwaysCount: this.compactAlwaysVisibleMetas.length,
-            selectedNames: this.selectedMetas.map(m => m.name),
-            alwaysNames: this.alwaysVisibleMetas.map(m => m.name),
-            toggleNames: this.toggleMetas.map(m => m.name),
+            selectedNames: this.selectedMetas.map((m) => m.name),
+            alwaysNames: this.alwaysVisibleMetas.map((m) => m.name),
+            toggleNames: this.toggleMetas.map((m) => m.name),
         });
         const added = new Set();
-        [...this.selectedMetas, ...this.alwaysVisibleMetas, ...this.toggleMetas].forEach((m) => {
+        [
+            ...this.selectedMetas,
+            ...this.alwaysVisibleMetas,
+            ...this.toggleMetas,
+        ].forEach((m) => {
             const ctrl = this.dynamicForm.createControlFromMetadata(m);
             const initial = this.dto[m.name];
             if (initial !== undefined) {
@@ -39415,10 +39925,21 @@ class PraxisFilter {
             controls: Object.keys(this.alwaysForm.controls),
         });
         this.alwaysForm.valueChanges
-            .pipe(debounceTime$1(this.changeDebounceMs), takeUntil$1(this.alwaysFormReset$), takeUntilDestroyed(this.destroyRef))
-            .subscribe((val) => this.advancedChange$.next(val));
-        let advancedMetas = this.getAdvancedCandidateMetas(metas)
-            .map((m) => ({ ...m, updateOn: 'change' }));
+            .pipe(takeUntil$1(this.alwaysFormReset$), takeUntilDestroyed(this.destroyRef))
+            .subscribe((val) => {
+            // O resumo visível é estado local da toolbar e precisa acompanhar a
+            // interação imediatamente. Apenas a emissão externa permanece
+            // debounced em bindAdvancedDebounce(). Evita a antiga espera dupla.
+            Object.keys(val || {}).forEach((key) => {
+                this.upsertDtoValue(key, val[key]);
+            });
+            this.setActiveFiltersCount(Object.keys(this.dto).length);
+            this.advancedChange$.next(val);
+        });
+        let advancedMetas = this.getAdvancedCandidateMetas(metas).map((m) => ({
+            ...m,
+            updateOn: 'change',
+        }));
         // Material's compact datepicker popup is unreliable inside the advanced dialog/drawer overlay.
         // Use touch UI by default there, while preserving explicit metadata overrides.
         advancedMetas = advancedMetas.map((m) => this.withAdvancedDatePickerTouchPolicy(m));
@@ -39432,13 +39953,22 @@ class PraxisFilter {
                     return m;
                 }
                 if (hasClearOverride && !clearButtonsEnabled) {
-                    return { ...m, clearButton: { ...(existing || {}), enabled: false } };
+                    return {
+                        ...m,
+                        clearButton: { ...(existing || {}), enabled: false },
+                    };
                 }
                 if (!existing) {
-                    return { ...m, clearButton: { enabled: true, showOnlyWhenFilled: true } };
+                    return {
+                        ...m,
+                        clearButton: { enabled: true, showOnlyWhenFilled: true },
+                    };
                 }
                 if (existing.enabled === undefined) {
-                    return { ...m, clearButton: { ...existing, enabled: true } };
+                    return {
+                        ...m,
+                        clearButton: { ...existing, enabled: true },
+                    };
                 }
                 return m;
             });
@@ -39472,7 +40002,7 @@ class PraxisFilter {
             };
             this.logFilterDebug('[PFILTER] applySchemaMetas: advancedConfig set', {
                 count: advancedMetas.length,
-                names: advancedMetas.map(m => m.name),
+                names: advancedMetas.map((m) => m.name),
             });
         }
         else {
@@ -39506,7 +40036,8 @@ class PraxisFilter {
         if (Object.prototype.hasOwnProperty.call(meta, 'touchUi')) {
             return meta;
         }
-        if (this.advancedOpenMode !== 'modal' && this.advancedOpenMode !== 'drawer') {
+        if (this.advancedOpenMode !== 'modal' &&
+            this.advancedOpenMode !== 'drawer') {
             return meta;
         }
         return { ...meta, touchUi: true };
@@ -39528,8 +40059,19 @@ class PraxisFilter {
         if (this.isCompositeRangeFilterField(meta)) {
             column.className = 'filter-column--full filter-column--range';
         }
+        else if (this.isLongTextFilterField(meta)) {
+            column.className = 'filter-column--full filter-column--text';
+        }
         return column;
     }
+    isLongTextFilterField(meta) {
+        const token = normalizeControlTypeToken(meta?.controlType || '');
+        return (token === 'input' ||
+            token === 'text' ||
+            token === 'textarea' ||
+            token === 'materialinput' ||
+            token === 'materialtext');
+    }
     isCompositeRangeFilterField(meta) {
         const token = normalizeControlTypeToken(meta?.controlType || '');
         return (token === 'pricerange' ||
@@ -39570,8 +40112,8 @@ class PraxisFilter {
     normalizeFilterOptionEndpointMetadata(meta) {
         const rawResourcePath = String(meta?.resourcePath ?? '').trim();
         const rawEndpoint = String(meta?.endpoint ?? '').trim();
-        const optionEndpointPath = this.toOwningResourcePathForOptionsFilter(rawResourcePath)
-            || this.toOwningResourcePathForOptionsFilter(rawEndpoint);
+        const optionEndpointPath = this.toOwningResourcePathForOptionsFilter(rawResourcePath) ||
+            this.toOwningResourcePathForOptionsFilter(rawEndpoint);
         if (!optionEndpointPath) {
             return meta;
         }
@@ -39749,7 +40291,9 @@ class PraxisFilter {
         return this.sanitizeAlwaysVisibleMetadataOverrides(overrides);
     }
     sanitizeAlwaysVisibleMetadataOverrides(overrides) {
-        if (!overrides || typeof overrides !== 'object' || Array.isArray(overrides)) {
+        if (!overrides ||
+            typeof overrides !== 'object' ||
+            Array.isArray(overrides)) {
             return {};
         }
         const source = overrides;
@@ -39766,7 +40310,9 @@ class PraxisFilter {
                 return;
             }
             const sanitized = this.sanitizeMetadataOverrideValue(source[fieldName], 0);
-            if (!sanitized || typeof sanitized !== 'object' || Array.isArray(sanitized)) {
+            if (!sanitized ||
+                typeof sanitized !== 'object' ||
+                Array.isArray(sanitized)) {
                 return;
             }
             if (!Object.keys(sanitized).length) {
@@ -39830,7 +40376,9 @@ class PraxisFilter {
             return base;
         }
         const safeOverride = this.sanitizeMetadataOverrideValue(override, 0);
-        if (!safeOverride || typeof safeOverride !== 'object' || Array.isArray(safeOverride)) {
+        if (!safeOverride ||
+            typeof safeOverride !== 'object' ||
+            Array.isArray(safeOverride)) {
             return base;
         }
         const merged = {
@@ -39967,15 +40515,19 @@ class PraxisFilter {
         if (typeof window === 'undefined' || !window?.localStorage) {
             return false;
         }
-        const resourcePath = String(this.resourcePath || '').trim().toLowerCase();
-        const componentInstanceId = String(this.componentInstanceId || '').trim().toLowerCase();
+        const resourcePath = String(this.resourcePath || '')
+            .trim()
+            .toLowerCase();
+        const componentInstanceId = String(this.componentInstanceId || '')
+            .trim()
+            .toLowerCase();
         const isLocalHarness = resourcePath.startsWith('/local/') ||
             resourcePath.includes('/e2e-') ||
             componentInstanceId.includes('e2e');
         if (!isLocalHarness) {
             return false;
         }
-        return window.localStorage.getItem('praxis.customization.enabled') === 'true';
+        return (window.localStorage.getItem('praxis.customization.enabled') === 'true');
     }
     openFieldMetadataEditorInternal(editorComponent, controlType, seed, fieldName) {
         const ref = this.settingsPanel.open({
@@ -39989,37 +40541,54 @@ class PraxisFilter {
         });
         if (!ref)
             return;
-        const handlePatch = (patch) => {
+        const baselineOverrides = this.cloneFieldMetadataOverrides(this.fieldMetadataOverrides);
+        const handlePatch = (patch, persist) => {
             if (!patch)
                 return;
-            this.applyFieldMetadataPatch(fieldName, patch);
+            this.applyFieldMetadataPatch(fieldName, patch, baselineOverrides, persist);
         };
         if (ref.applied$?.pipe) {
             ref.applied$
                 .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe((patch) => handlePatch(patch));
+                .subscribe((patch) => handlePatch(patch, false));
         }
         if (ref.saved$?.pipe) {
             ref.saved$
                 .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe((patch) => handlePatch(patch));
+                .subscribe((patch) => handlePatch(patch, true));
         }
     }
-    applyFieldMetadataPatch(fieldName, patch) {
-        const nextOverrides = this.cloneFieldMetadataOverrides(this.fieldMetadataOverrides);
+    applyFieldMetadataPatch(fieldName, patch, baselineOverrides = this.fieldMetadataOverrides, persist = false) {
+        const nextOverrides = this.cloneFieldMetadataOverrides(baselineOverrides);
         const current = nextOverrides[fieldName] || {};
-        nextOverrides[fieldName] = this.sanitizeMetadataOverrideValue({ ...current, ...patch }, 0);
+        const merged = applyJsonMergePatch(current, patch);
+        const sanitized = this.sanitizeMetadataOverrideValue(merged, 0);
+        if (sanitized &&
+            typeof sanitized === 'object' &&
+            !Array.isArray(sanitized) &&
+            Object.keys(sanitized).length) {
+            nextOverrides[fieldName] = sanitized;
+        }
+        else {
+            delete nextOverrides[fieldName];
+        }
         this.fieldMetadataOverrides = nextOverrides;
         if (this.alwaysVisibleFields?.includes(fieldName)) {
             const currentAlways = this.cloneAlwaysVisibleMetadataOverrides(this.alwaysVisibleFieldMetadataOverrides);
-            currentAlways[fieldName] = nextOverrides[fieldName];
+            if (nextOverrides[fieldName]) {
+                currentAlways[fieldName] = nextOverrides[fieldName];
+            }
+            else {
+                delete currentAlways[fieldName];
+            }
             this.alwaysVisibleFieldMetadataOverrides = currentAlways;
         }
         if (this.schemaMetas?.length) {
             this.applySchemaQueued = false;
             this.applySchemaMetasNow();
         }
-        this.saveConfig();
+        if (persist)
+            this.saveConfig();
     }
     buildFieldMetadataEditorSeed(meta) {
         const source = this.sanitizeMetadataOverrideValue(meta, 0) || {};
@@ -40036,7 +40605,8 @@ class PraxisFilter {
             }
             catch { }
         }
-        if (meta.filterCriteria && typeof meta.filterCriteria === 'object') {
+        if (meta.filterCriteria &&
+            typeof meta.filterCriteria === 'object') {
             try {
                 seed['filterCriteria'] = JSON.stringify(meta.filterCriteria, null, 2);
             }
@@ -40095,7 +40665,6 @@ class PraxisFilter {
                 }
                 this.updateAddItems();
             }
-            setTimeout(() => this.addManagerSearch?.focus());
         }
         else {
             this.addQuery = '';
@@ -40116,7 +40685,10 @@ class PraxisFilter {
         if (!this.addManagerOpen)
             return;
         this.onAddOpened(false);
-        setTimeout(() => this.addManagerOrigin?.nativeElement.focus());
+        queueMicrotask(() => this.addManagerOrigin?.nativeElement.focus());
+    }
+    focusAddManagerSearch() {
+        queueMicrotask(() => this.addManagerSearch?.focus());
     }
     toggleManagedField(fieldId, checked) {
         const current = new Set(this.addDraftSelectedFieldIds || []);
@@ -40126,13 +40698,15 @@ class PraxisFilter {
         this.announceManagedFieldChange(fieldId, checked);
     }
     isAddManagerItemInMotion(fieldId, type) {
-        return this.addManagerItemMotion?.id === fieldId && this.addManagerItemMotion.type === type;
+        return (this.addManagerItemMotion?.id === fieldId &&
+            this.addManagerItemMotion.type === type);
     }
     startAddManagerItemMotion(fieldId, type) {
         this.addManagerItemMotion = { id: fieldId, type };
         this.cdr.markForCheck();
         setTimeout(() => {
-            if (this.addManagerItemMotion?.id !== fieldId || this.addManagerItemMotion.type !== type)
+            if (this.addManagerItemMotion?.id !== fieldId ||
+                this.addManagerItemMotion.type !== type)
                 return;
             this.addManagerItemMotion = null;
             this.cdr.markForCheck();
@@ -40151,7 +40725,8 @@ class PraxisFilter {
     isAddManagerDirty() {
         const current = this.normalizeFieldIdList(this.selectedFieldIds).sort();
         const draft = this.normalizeFieldIdList(this.addDraftSelectedFieldIds).sort();
-        return current.length !== draft.length || current.some((id, index) => id !== draft[index]);
+        return (current.length !== draft.length ||
+            current.some((id, index) => id !== draft[index]));
     }
     getAddManagerChangeCount() {
         const current = new Set(this.normalizeFieldIdList(this.selectedFieldIds));
@@ -40182,6 +40757,31 @@ class PraxisFilter {
         const selected = new Set(this.addInitialSelectedFieldIds);
         return this.addItems.filter((item) => selected.has(item.id));
     }
+    getAddManagerFixedItems() {
+        const fixed = new Set(this.normalizeFieldIdList(this.alwaysVisibleFields));
+        const query = this.addQuery.toLowerCase();
+        return (this.alwaysVisibleMetas || [])
+            .filter((meta) => fixed.has(meta.name) && !this.isFilterFieldHidden(meta))
+            .map((meta) => {
+            const description = this.getManagedFieldDescription(meta);
+            return {
+                id: meta.name,
+                label: String(meta.label || meta.name),
+                ...(description ? { description } : {}),
+            };
+        })
+            .filter((item) => !query ||
+            item.id.toLowerCase().includes(query) ||
+            item.label.toLowerCase().includes(query) ||
+            (item.description || '').toLowerCase().includes(query));
+    }
+    getAddManagerFixedFieldAriaLabel(item) {
+        const fixedDescription = this.i18nLabels.fixedFieldDescription ||
+            'Campo fixo, sempre exibido na barra de filtros';
+        return [item.label, fixedDescription, item.description]
+            .filter(Boolean)
+            .join('. ');
+    }
     getAddManagerAvailableItems() {
         const selected = new Set(this.addInitialSelectedFieldIds);
         return this.addItems.filter((item) => !selected.has(item.id));
@@ -40190,10 +40790,12 @@ class PraxisFilter {
         return this.addDraftSelectedFieldIds.includes(fieldId);
     }
     isAddManagerFieldPendingAddition(fieldId) {
-        return !this.addInitialSelectedFieldIds.includes(fieldId) && this.isAddManagerFieldSelected(fieldId);
+        return (!this.addInitialSelectedFieldIds.includes(fieldId) &&
+            this.isAddManagerFieldSelected(fieldId));
     }
     isAddManagerFieldPendingRemoval(fieldId) {
-        return this.addInitialSelectedFieldIds.includes(fieldId) && !this.isAddManagerFieldSelected(fieldId);
+        return (this.addInitialSelectedFieldIds.includes(fieldId) &&
+            !this.isAddManagerFieldSelected(fieldId));
     }
     getAddManagerFieldPendingLabel(fieldId) {
         if (this.isAddManagerFieldPendingAddition(fieldId)) {
@@ -40205,7 +40807,10 @@ class PraxisFilter {
         return '';
     }
     getAddManagerFieldAriaDescription(item) {
-        const parts = [item.description, this.getAddManagerFieldPendingLabel(item.id)].filter(Boolean);
+        const parts = [
+            item.description,
+            this.getAddManagerFieldPendingLabel(item.id),
+        ].filter(Boolean);
         return parts.length ? parts.join('. ') : null;
     }
     announceManagedFieldChange(fieldId, checked) {
@@ -40272,25 +40877,34 @@ class PraxisFilter {
      * while an operator decides among similar filters (for example, date variants).
      */
     getManagedFieldDescription(meta) {
-        const candidates = [meta.description, meta.tooltip, meta.helpText, meta.hint];
+        const candidates = [
+            meta.description,
+            meta.tooltip,
+            meta.helpText,
+            meta.hint,
+        ];
         return candidates.find((candidate) => typeof candidate === 'string' && candidate.trim().length > 0);
     }
     updateAddItems() {
-        this.addItems = this.getManageableFilterItems().slice().sort((a, b) => {
+        this.addItems = this.getManageableFilterItems()
+            .slice()
+            .sort((a, b) => {
             return a.label.localeCompare(b.label);
         });
         this.cdr.markForCheck();
     }
-    trackById(_idx, it) { return it.id; }
+    trackById(_idx, it) {
+        return it.id;
+    }
     isFilterFieldHidden(meta) {
         if (!meta)
             return false;
         const raw = meta;
         const xUi = raw['x-ui'] || raw.xUi || raw.ui || {};
-        return raw.hidden === true ||
+        return (raw.hidden === true ||
             raw.hidden === 'true' ||
             xUi.hidden === true ||
-            xUi.hidden === 'true';
+            xUi.hidden === 'true');
     }
     onAddSelectionChange(values) {
         const arr = this.normalizeFieldIdList(values);
@@ -40322,15 +40936,32 @@ class PraxisFilter {
     formatWithCount(tpl, count) {
         return (tpl || '').replace('{count}', String(count));
     }
+    getVisibleFieldCount() {
+        const visibleSchemaFields = this.schemaMetas
+            ? new Set(this.schemaMetas
+                .filter((meta) => !this.isFilterFieldHidden(meta))
+                .map((meta) => meta.name))
+            : null;
+        const visible = new Set([
+            ...this.normalizeFieldIdList(this.alwaysVisibleFields),
+            ...this.normalizeFieldIdList(this.selectedFieldIds),
+        ]);
+        return visibleSchemaFields
+            ? [...visible].filter((fieldId) => visibleSchemaFields.has(fieldId))
+                .length
+            : visible.size;
+    }
     getAddAriaLabel() {
         if (!this.hasAddableFields()) {
-            return this.i18nLabels.addUnavailable || 'Todos os campos já estão visíveis';
+            return (this.i18nLabels.addUnavailable || 'Todos os campos já estão visíveis');
         }
-        const c = this.selectedFieldIds?.length || 0;
+        const c = this.getVisibleFieldCount();
         if (c > 0)
             return this.formatWithCount(c === 1
-                ? (this.i18nLabels.addCountSingular || 'Gerenciar campos de filtro ({count} exibido)')
-                : (this.i18nLabels.addCount || 'Gerenciar campos de filtro ({count} exibidos)'), c);
+                ? this.i18nLabels.addCountSingular ||
+                    'Gerenciar campos de filtro ({count} exibido)'
+                : this.i18nLabels.addCount ||
+                    'Gerenciar campos de filtro ({count} exibidos)', c);
         return this.getAddTriggerLabel();
     }
     getAddTriggerLabel() {
@@ -40338,17 +40969,19 @@ class PraxisFilter {
         return (this.i18n?.add ||
             this.i18n?.filtersAdd ||
             this.i18nLabels.add ||
-            'Gerenciar filtros');
+            'Gerenciar campos');
     }
     getAddTooltip() {
         if (!this.hasAddableFields()) {
-            return this.i18nLabels.addUnavailable || 'Todos os campos já estão visíveis';
+            return (this.i18nLabels.addUnavailable || 'Todos os campos já estão visíveis');
         }
-        const c = this.selectedFieldIds?.length || 0;
+        const c = this.getVisibleFieldCount();
         if (c > 0) {
             return this.formatWithCount(c === 1
-                ? (this.i18nLabels.addCountSingular || 'Gerenciar campos de filtro ({count} exibido)')
-                : (this.i18nLabels.addCount || 'Gerenciar campos de filtro ({count} exibidos)'), c);
+                ? this.i18nLabels.addCountSingular ||
+                    'Gerenciar campos de filtro ({count} exibido)'
+                : this.i18nLabels.addCount ||
+                    'Gerenciar campos de filtro ({count} exibidos)', c);
         }
         return (this.i18n?.manageFieldsDescription ||
             this.i18nLabels.manageFieldsDescription ||
@@ -40361,14 +40994,14 @@ class PraxisFilter {
         return this.formatWithCount(this.i18nLabels.activeFiltersCount || 'Filtros ativos: {count}', c);
     }
     isAllSelected() {
-        const ids = this.addItems.map(i => i.id);
+        const ids = this.addItems.map((i) => i.id);
         const sel = new Set(this.addDraftSelectedFieldIds || []);
-        return ids.length > 0 && ids.every(id => sel.has(id));
+        return ids.length > 0 && ids.every((id) => sel.has(id));
     }
     isSomeSelected() {
-        const ids = this.addItems.map(i => i.id);
+        const ids = this.addItems.map((i) => i.id);
         const sel = new Set(this.addDraftSelectedFieldIds || []);
-        const count = ids.filter(id => sel.has(id)).length;
+        const count = ids.filter((id) => sel.has(id)).length;
         return count > 0 && count < ids.length;
     }
     toggleSelectAll() {
@@ -40491,7 +41124,10 @@ class PraxisFilter {
                 okLabel: this.i18nLabels.save,
                 cancelLabel: this.i18nLabels.cancel,
             });
-            ref.afterClosed().pipe(take$1(1)).subscribe({
+            ref
+                .afterClosed()
+                .pipe(take$1(1))
+                .subscribe({
                 next: (value) => {
                     this.shortcutPromptOpen = false;
                     const label = typeof value === 'string' ? value.trim() : '';
@@ -40519,18 +41155,27 @@ class PraxisFilter {
     // Helper A11y: label específico da ação Avançado; a contagem é global e exibida separadamente.
     getAdvancedAriaLabel() {
         if (!this.hasAdvancedFields()) {
-            return this.i18nLabels.advancedUnavailable || 'Todos os campos já estão visíveis na toolbar';
+            return (this.i18nLabels.advancedUnavailable ||
+                'Todos os campos já estão visíveis na toolbar');
         }
         return this.i18nLabels.advanced;
     }
     getAdvancedTooltip() {
         if (!this.hasAdvancedFields()) {
-            return this.i18nLabels.advancedUnavailable || 'Todos os campos já estão visíveis na toolbar';
+            return (this.i18nLabels.advancedUnavailable ||
+                'Todos os campos já estão visíveis na toolbar');
         }
         return this.i18nLabels.advancedTitle || 'Abrir filtro avançado';
     }
     getSettingsAriaLabel() {
-        return this.i18nLabels.settingsAriaLabel || this.i18nLabels.settings || 'Configurações';
+        return (this.i18nLabels.settingsAriaLabel ||
+            this.i18nLabels.settings ||
+            'Configurações');
+    }
+    getFieldSettingsLabel() {
+        const fieldLabel = String(this.activeEditableFieldLabel || '').trim();
+        const settingsLabel = this.getSettingsAriaLabel();
+        return fieldLabel ? `${settingsLabel}: ${fieldLabel}` : settingsLabel;
     }
     getSettingsTooltip() {
         if (this.schemaOutdated)
@@ -40598,7 +41243,10 @@ class PraxisFilter {
                 this.configStorage.clearConfig(key).pipe(take$1(1)).subscribe();
             }
             else {
-                this.configStorage.saveConfig(key, until.toISOString()).pipe(take$1(1)).subscribe();
+                this.configStorage
+                    .saveConfig(key, until.toISOString())
+                    .pipe(take$1(1))
+                    .subscribe();
             }
         }
         catch { }
@@ -40675,7 +41323,8 @@ class PraxisFilter {
     }
     async runSchemaVerification(currentCtx, currentSchemaContext, currentSchemaId, verifyContextKey) {
         try {
-            const scopedMetaKey = this.getSchemaMetaKeyForContext(currentSchemaContext) || this.getSchemaMetaKey();
+            const scopedMetaKey = this.getSchemaMetaKeyForContext(currentSchemaContext) ||
+                this.getSchemaMetaKey();
             if (!scopedMetaKey)
                 return;
             // Build request to /schemas/filtered for filter (path=/.../filter, operation=post, schemaType=request)
@@ -40705,7 +41354,12 @@ class PraxisFilter {
             }
             const tenant = currentCtx.tenant;
             const locale = currentCtx.locale;
-            const res = await fetchWithETag({ url: u.toString(), schemaHash: previousHash, tenant, locale });
+            const res = await fetchWithETag({
+                url: u.toString(),
+                schemaHash: previousHash,
+                tenant,
+                locale,
+            });
             const nowIso = new Date().toISOString();
             const metaToSave = { ...(persistedMeta || {}) };
             metaToSave.schemaId = currentSchemaId;
@@ -40722,7 +41376,12 @@ class PraxisFilter {
                 this.lastSchemaVerificationByContext.set(verifyContextKey, Date.now());
                 if (this.schemaOutdated)
                     this.schemaOutdated = false;
-                this.schemaStatusChange.emit({ outdated: false, serverHash: metaToSave.serverHash, lastVerifiedAt: metaToSave.lastVerifiedAt, formId: this.formId });
+                this.schemaStatusChange.emit({
+                    outdated: false,
+                    serverHash: metaToSave.serverHash,
+                    lastVerifiedAt: metaToSave.lastVerifiedAt,
+                    formId: this.formId,
+                });
                 return;
             }
             // status === 200: server hash changed (or first verification without hash). Do not apply schema here.
@@ -40736,7 +41395,12 @@ class PraxisFilter {
             // Only mark outdated when there was a previous base (hash or schemaMetas) and we are in edit mode
             const hadBase = !!previousHash || !!this.schemaMetas?.length;
             this.schemaOutdated = !!(this.enableCustomization && hadBase);
-            this.schemaStatusChange.emit({ outdated: this.schemaOutdated, serverHash: newHash, lastVerifiedAt: metaToSave.lastVerifiedAt, formId: this.formId });
+            this.schemaStatusChange.emit({
+                outdated: this.schemaOutdated,
+                serverHash: newHash,
+                lastVerifiedAt: metaToSave.lastVerifiedAt,
+                formId: this.formId,
+            });
             if (this.schemaOutdated) {
                 if (this._resolvedPrefs.autoOpenSettingsOnOutdated) {
                     this.openSettings();
@@ -40759,7 +41423,8 @@ class PraxisFilter {
         const metaKey = this.getSchemaMetaKeyForContext(currentSchemaContext);
         if (!metaKey)
             return;
-        const serverHash = (await this.loadStoredSchemaMeta(metaKey) || {})?.serverHash;
+        const serverHash = ((await this.loadStoredSchemaMeta(metaKey)) || {})
+            ?.serverHash;
         if (!serverHash || !this.schemaOutdated)
             return;
         if (await this.isOutdatedIgnored(serverHash))
@@ -40767,7 +41432,8 @@ class PraxisFilter {
         const snoozeUntil = (await this.getOutdatedSnoozeUntil(serverHash)) || 0;
         if (snoozeUntil && Date.now() < snoozeUntil)
             return;
-        if (!(this._resolvedPrefs.notifyIfOutdated === 'snackbar' || this._resolvedPrefs.notifyIfOutdated === 'both'))
+        if (!(this._resolvedPrefs.notifyIfOutdated === 'snackbar' ||
+            this._resolvedPrefs.notifyIfOutdated === 'both'))
             return;
         if (await this.wasOutdatedNotified(serverHash))
             return;
@@ -40820,16 +41486,10 @@ class PraxisFilter {
         try {
             // Atualiza DTO primeiro
             this.dto = { ...(tag.patch ?? {}) };
-            // Always visible
-            Object.keys(this.dto).forEach((k) => {
-                const ctrl = this.alwaysForm.get(k);
-                if (ctrl) {
-                    ctrl.setValue(this.dto[k], { emitEvent: false });
-                }
-            });
-            // Advanced form (patch em lote)
-            this.advancedForm?.patchValue(this.dto, { emitEvent: false });
-            this.refreshProgrammaticFilterFieldDisplays(Object.keys(this.dto));
+            // Um atalho representa o estado completo da consulta. Sincronizar todos
+            // os controles também limpa critérios que pertenciam ao estado anterior,
+            // evitando que a UI continue exibindo valores ausentes no DTO aplicado.
+            this.syncFormsFromDto();
             // Atualiza contadores/resumo e persiste
             this.setActiveFiltersCount(Object.keys(this.dto).length);
             this.persist();
@@ -40972,7 +41632,7 @@ class PraxisFilter {
         this.advancedOpen = true;
         this.saveConfig();
         try {
-            const { FilterFormDialogHostComponent } = await import('./praxisui-table-filter-form-dialog-host.component-AdssQ-Tn.mjs');
+            const { FilterFormDialogHostComponent } = await import('./praxisui-table-filter-form-dialog-host.component-DANYIQs6.mjs');
             const formId = this.formId || this.filterId || 'filter';
             const ref = this.dialog.open(FilterFormDialogHostComponent, {
                 width: '780px',
@@ -40987,6 +41647,7 @@ class PraxisFilter {
                     title: this.i18nLabels.advancedTitle || 'Filtro avançado',
                     i18n: {
                         saveAsShortcut: this.i18nLabels.saveAsShortcut,
+                        close: this.i18nLabels.close,
                         cancel: this.i18nLabels.cancel,
                         apply: this.i18nLabels.apply,
                         noData: this.i18nLabels.noData,
@@ -41084,7 +41745,9 @@ class PraxisFilter {
         this.schemaLoadVersion += 1;
         this.schemaError = false;
         this.setSchemaLoading(false);
-        this.schemaMetas = source.map((meta) => ({ ...meta }));
+        this.schemaMetas = source.map((meta) => ({
+            ...meta,
+        }));
         this.lastSchemaMeta = undefined;
         this.clearSchemaMetaPersistence();
         this.applySchemaMetas();
@@ -41139,7 +41802,9 @@ class PraxisFilter {
             if (nextJson && nextJson === this.lastSavedConfigJson) {
                 return;
             }
-            this.filterConfig.save(this.configKey, config);
+            void Promise.resolve(this.filterConfig.save(this.configKey, config)).catch((error) => {
+                this.getLogger().error('PFILTER:config:save:error', this.buildFilterLogOptions({ error }, 'config.save'));
+            });
             this.lastSavedConfigJson = nextJson || null;
         }
     }
@@ -41187,7 +41852,10 @@ class PraxisFilter {
         if (this.allowSaveTags) {
             const key = this.filterTagsKey();
             if (key) {
-                this.configStorage.saveConfig(key, this.savedTags).pipe(take$1(1)).subscribe();
+                this.configStorage
+                    .saveConfig(key, this.savedTags)
+                    .pipe(take$1(1))
+                    .subscribe();
             }
         }
     }
@@ -41217,16 +41885,18 @@ class PraxisFilter {
         return serializeEntityLookupValueForPayload(value, {
             payloadMode: meta?.payloadMode,
             multiple: meta?.multiple === true,
-            entityType: String(meta?.optionSource?.entityKey || '').trim() || undefined,
+            entityType: String(meta?.optionSource?.entityKey || '').trim() ||
+                undefined,
         });
     }
     getFilterFieldMetaByName(fieldName) {
         const normalizedFieldName = String(fieldName || '').trim();
         if (!normalizedFieldName)
             return null;
-        return (this.schemaMetas?.find((meta) => meta.name === normalizedFieldName) ||
+        return ((this.schemaMetas?.find((meta) => meta.name === normalizedFieldName) ||
             (this.fieldMetadata || []).find((meta) => meta.name === normalizedFieldName) ||
-            this.getEditableFieldMeta(normalizedFieldName)) ?? null;
+            this.getEditableFieldMeta(normalizedFieldName)) ??
+            null);
     }
     isEntityLookupFilterField(meta) {
         if (!meta)
@@ -41237,7 +41907,8 @@ class PraxisFilter {
         return (controlType === FieldControlType.ENTITY_LOOKUP ||
             normalizedControlType === 'entitylookup' ||
             controlTypeToken === 'entitylookup' ||
-            controlTypeToken === normalizeControlTypeToken(INLINE_ENTITY_LOOKUP_CONTROL_TYPE) ||
+            controlTypeToken ===
+                normalizeControlTypeToken(INLINE_ENTITY_LOOKUP_CONTROL_TYPE) ||
             meta?.entityLookup === true);
     }
     isEffectivelyEmptyFilterValue(value) {
@@ -41250,7 +41921,8 @@ class PraxisFilter {
         if (value instanceof Date)
             return Number.isNaN(value.getTime());
         if (Array.isArray(value)) {
-            return value.length === 0 || value.every((item) => this.isEffectivelyEmptyFilterValue(item));
+            return (value.length === 0 ||
+                value.every((item) => this.isEffectivelyEmptyFilterValue(item)));
         }
         if (value instanceof Set || value instanceof Map) {
             return value.size === 0;
@@ -41293,7 +41965,10 @@ class PraxisFilter {
     onGlobalKeydown(event) {
         try {
             // Atalho: "/" foca o quick, exceto quando já está digitando em um campo
-            if (event.key === '/' && !event.altKey && !event.ctrlKey && !event.metaKey) {
+            if (event.key === '/' &&
+                !event.altKey &&
+                !event.ctrlKey &&
+                !event.metaKey) {
                 const target = event.target;
                 if (!this.isEditableElement(target)) {
                     event.preventDefault();
@@ -41302,7 +41977,10 @@ class PraxisFilter {
                 }
             }
             // Atalho: "F" abre/fecha o seletor de Adicionar (quando não digitando em campo)
-            if ((event.key === 'f' || event.key === 'F') && !event.altKey && !event.ctrlKey && !event.metaKey) {
+            if ((event.key === 'f' || event.key === 'F') &&
+                !event.altKey &&
+                !event.ctrlKey &&
+                !event.metaKey) {
                 const target = event.target;
                 if (!this.isEditableElement(target)) {
                     event.preventDefault();
@@ -41352,7 +42030,7 @@ class PraxisFilter {
                     default: { baseUrl: '' },
                 }),
             },
-        ], viewQueries: [{ propertyName: "addManagerOrigin", first: true, predicate: ["addManagerOrigin"], descendants: true, read: ElementRef }, { propertyName: "addManagerSearch", first: true, predicate: PdxCollectionSearchComponent, descendants: true }, { propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              @if (isActiveTag(tag)) {\n                <span class=\"chip-leading\">\n                  <mat-icon class=\"leading-check\">check</mat-icon>\n                </span>\n              }\n              <span class=\"chip-label\">{{ tag.label }}</span>\n              @if (isUserTag(tag)) {\n                <span class=\"chip-trailing\">\n                  <button\n                    praxisIconButton=\"more_vert\"\n                    size=\"compact\"\n                    [matMenuTriggerFor]=\"tagMenu\"\n                    (click)=\"$event.stopPropagation()\"\n                    [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                  ></button>\n                  <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                    <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                      <mat-icon>edit</mat-icon>\n                      <span>{{ i18nLabels.renameShortcut }}</span>\n                    </button>\n                    <button mat-menu-item (click)=\"deleteTag(tag)\">\n                      <mat-icon>delete</mat-icon>\n                      <span>{{ i18nLabels.removeShortcut }}</span>\n                    </button>\n                  </mat-menu>\n                </span>\n              } @else {\n                <span\n                  class=\"chip-readonly\"\n                  [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                  aria-hidden=\"true\"\n                >\n                  <mat-icon [praxisIcon]=\"'lock'\" aria-hidden=\"true\"></mat-icon>\n                </span>\n              }\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    }\n\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        showAdvancedButton ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (showAdvancedButton) {\n            <button\n              #advancedButton\n              praxisIconButton=\"filter_list\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              [busy]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            ></button>\n          }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_list'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"true\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"activeEditableFieldLabel\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 42px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;min-height:30px;gap:5px;padding:0 9px;border-radius:var(--md-sys-shape-corner-full, 999px);background:var(--md-sys-color-secondary-container, var(--md-sys-color-primary-container));color:var(--md-sys-color-on-secondary-container, var(--md-sys-color-on-primary-container));font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.query-auxiliary .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.query-auxiliary .praxis-filter-tags mat-chip-set{min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}@container praxis-filter (max-width: 900px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.praxis-filter-bar.has-compact .compact-fields{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-padding-inline:2px;padding-block:2px}.praxis-filter-bar.has-compact .query-auxiliary{justify-content:flex-end;flex-wrap:nowrap;width:fit-content}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){flex:0 0 auto!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 42px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 40px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;flex:0 0 auto}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;line-height:1.25}.praxis-filter-tags .chip-readonly{margin-inline-start:8px;color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:2;justify-self:start;width:100%;height:auto;align-self:start}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:0 0 auto!important;width:min(var(--pfx-compact-field-max, 190px),100cqw - 12px)!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:none!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i14$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i12.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i12.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i19.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], viewQueries: [{ propertyName: "addManagerOrigin", first: true, predicate: ["addManagerOrigin"], descendants: true, read: ElementRef }, { propertyName: "addManagerSearch", first: true, predicate: ["addManagerSearch"], descendants: true }, { propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            <button\n              #advancedButton\n              praxisIconButton=\"filter_list\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              [busy]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            ></button>\n          }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto}.praxis-filter-bar.has-compact{grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .fields-grid{grid-column:1;grid-row:auto}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;width:100%}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:1 1 min(260px,100%)!important;width:clamp(260px,42cqw,360px)!important;min-width:min(260px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i14$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i12.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i12.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i19.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisFilter, decorators: [{
             type: Component,
@@ -41387,7 +42065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[style.--pfx-always-min]': 'alwaysMinWidth + "px"',
                         '[style.--pfx-always-cols-md]': 'alwaysColsMd',
                         '[style.--pfx-always-cols-lg]': 'alwaysColsLg',
-                    }, template: "@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"tagVariant === 'filled' && tagColor !== 'basic'\"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              @if (isActiveTag(tag)) {\n                <span class=\"chip-leading\">\n                  <mat-icon class=\"leading-check\">check</mat-icon>\n                </span>\n              }\n              <span class=\"chip-label\">{{ tag.label }}</span>\n              @if (isUserTag(tag)) {\n                <span class=\"chip-trailing\">\n                  <button\n                    praxisIconButton=\"more_vert\"\n                    size=\"compact\"\n                    [matMenuTriggerFor]=\"tagMenu\"\n                    (click)=\"$event.stopPropagation()\"\n                    [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                  ></button>\n                  <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                    <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                      <mat-icon>edit</mat-icon>\n                      <span>{{ i18nLabels.renameShortcut }}</span>\n                    </button>\n                    <button mat-menu-item (click)=\"deleteTag(tag)\">\n                      <mat-icon>delete</mat-icon>\n                      <span>{{ i18nLabels.removeShortcut }}</span>\n                    </button>\n                  </mat-menu>\n                </span>\n              } @else {\n                <span\n                  class=\"chip-readonly\"\n                  [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                  aria-hidden=\"true\"\n                >\n                  <mat-icon [praxisIcon]=\"'lock'\" aria-hidden=\"true\"></mat-icon>\n                </span>\n              }\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    }\n\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        showAdvancedButton ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (showAdvancedButton) {\n            <button\n              #advancedButton\n              praxisIconButton=\"filter_list\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              [busy]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            ></button>\n          }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_list'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"true\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"activeEditableFieldLabel\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:root{--pfx-filter-h: 42px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;border-color:color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;min-height:30px;gap:5px;padding:0 9px;border-radius:var(--md-sys-shape-corner-full, 999px);background:var(--md-sys-color-secondary-container, var(--md-sys-color-primary-container));color:var(--md-sys-color-on-secondary-container, var(--md-sys-color-on-primary-container));font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.query-auxiliary .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.query-auxiliary .praxis-filter-tags mat-chip-set{min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1}.praxis-filter-bar.has-compact .fields-grid{grid-column:1/-1;grid-row:2}@container praxis-filter (max-width: 900px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.praxis-filter-bar.has-compact .compact-fields{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-padding-inline:2px;padding-block:2px}.praxis-filter-bar.has-compact .query-auxiliary{justify-content:flex-end;flex-wrap:nowrap;width:fit-content}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){flex:0 0 auto!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 42px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 40px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .mat-mdc-standard-chip .mdc-evolution-chip__text-label{display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2;font-size:.875rem}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;flex:0 0 auto}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;line-height:1.25}.praxis-filter-tags .chip-readonly{margin-inline-start:8px;color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: 36px}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:2;justify-self:start;width:100%;height:auto;align-self:start}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .query-auxiliary .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:0 0 auto!important;width:min(var(--pfx-compact-field-max, 190px),100cqw - 12px)!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:none!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;width:100%;max-width:100%;min-width:0;padding:0 10px;border-radius:0;border:0;background:transparent;overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:32px;min-width:32px;padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}\n"] }]
+                    }, template: "@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            <button\n              #advancedButton\n              praxisIconButton=\"filter_list\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              [busy]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            ></button>\n          }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto}.praxis-filter-bar.has-compact{grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .fields-grid{grid-column:1;grid-row:auto}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;width:100%}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:1 1 min(260px,100%)!important;width:clamp(260px,42cqw,360px)!important;min-width:min(260px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}\n"] }]
         }], ctorParameters: () => [{ type: i1.GenericCrudService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -41403,7 +42081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 args: ['addManagerOrigin', { read: ElementRef }]
             }], addManagerSearch: [{
                 type: ViewChild,
-                args: [PdxCollectionSearchComponent]
+                args: ['addManagerSearch']
             }], resourcePath: [{
                 type: Input,
                 args: [{ required: true }]
@@ -45386,7 +46064,7 @@ class PraxisTable {
         if (this.aiAdapter || this.aiAdapterLoadStarted)
             return;
         this.aiAdapterLoadStarted = true;
-        import('./praxisui-table-table-ai.adapter-C6pM7_sN.mjs')
+        import('./praxisui-table-table-ai.adapter-6-ZGVEFf.mjs')
             .then(({ TableAiAdapter }) => {
             if (!this.isAiAssistantEnabled()) {
                 this.aiAssistantOpenAfterAdapterLoad = false;
@@ -46132,7 +46810,7 @@ class PraxisTable {
     initializeAiAssistantController() {
         if (!this.aiAdapter || this.aiAssistantController)
             return;
-        import('./praxisui-table-table-agentic-authoring-turn-flow-B5hoMQlz.mjs')
+        import('./praxisui-table-table-agentic-authoring-turn-flow-DlPu7OOk.mjs')
             .then(({ TableAgenticAuthoringTurnFlow }) => {
             if (this.aiAssistantController || !this.aiAdapter)
                 return;
@@ -52858,8 +53536,10 @@ class PraxisTable {
                 trigger: inputsTrigger,
             });
         }
-        resetPersistenceState.attempted = persistenceOps.length;
-        resetPersistenceState.pending = persistenceOps.length;
+        const filterKey = this.filterConfigKey();
+        const operationCount = persistenceOps.length + (filterKey ? 1 : 0);
+        resetPersistenceState.attempted = operationCount;
+        resetPersistenceState.pending = operationCount;
         persistenceOps.forEach((op) => {
             this.clearConfigWithAck(op.key, op.trigger, {
                 onSettled: (persisted) => {
@@ -52872,15 +53552,23 @@ class PraxisTable {
                 },
             });
         });
-        try {
-            const filterKey = this.filterConfigKey();
-            if (filterKey)
-                this.filterConfig.save(filterKey, {});
+        if (filterKey) {
+            void Promise.resolve(this.filterConfig.save(filterKey, {}))
+                .then(() => {
+                resetPersistenceState.pending = Math.max(0, resetPersistenceState.pending - 1);
+                if (resetPersistenceState.pending === 0 &&
+                    !resetPersistenceState.failed) {
+                    this.showResetSuccessFeedback(successTrigger);
+                }
+            })
+                .catch(() => {
+                resetPersistenceState.pending = Math.max(0, resetPersistenceState.pending - 1);
+                onResetPersistenceSettled(false, 'reset-filter-config');
+            });
         }
-        catch { }
         const defaults = this.tableDefaultsProvider.getDefaults(this.tableId);
         this.applyTableConfig(defaults);
-        if (resetPersistenceState.attempted === 0) {
+        if (operationCount === 0) {
             this.showResetSuccessFeedback(successTrigger);
         }
     }