Member Junction
    Preparing search index...

    Class MJFilterPopoverComponent

    mj-filter-popover — Compact "Filters" trigger button that opens a popover containing arbitrary filter UI. Use this in a dashboard's page-header to keep the header chrome consistent regardless of filter density.

    Pass the popover content via <ng-content>. Drive the active-count badge via the ActiveCount input.

    Example:

    <mj-filter-popover [ActiveCount]="activeFilters.length">
      <div class="my-filter-grid">
        <mj-dropdown ...></mj-dropdown>
        <mj-dropdown ...></mj-dropdown>
      </div>
    </mj-filter-popover>

    Implements

    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    ActiveCount ClearAllRequested Icon IsMobile IsOpen Label Positions ShowClearAll

    Methods

    ClearAll Close ngOnDestroy Open Toggle

    Constructors

    Properties

    ActiveCount: number = 0
    ClearAllRequested: EventEmitter<void> = ...

    Emitted when the user clicks the "Clear all" link inside the popover header.

    Icon: string = 'fa-solid fa-filter'
    IsMobile: boolean = false

    True when the viewport is narrow enough that the popover should dock as a bottom sheet instead of an anchored overlay. Driven by matchMedia so it tracks live resize without Angular change-detection plumbing.

    IsOpen: boolean = false
    Label: string = 'Filters'
    Positions: ConnectedPosition[] = ...
    ShowClearAll: boolean = false

    Methods

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods