Class CollapsiblePanelComponent

Reusable collapsible panel component for form sections Handles:

  • Expand/collapse state
  • Search filtering with case-insensitive matching
  • Yellow highlighting of matched section names
  • Visibility management based on section name or field name matches
  • Passes sectionFilter down to child mj-form-field components for their own label highlighting
  • Panel width modes: normal (default), full-width (spans entire row)

Implements

  • OnChanges
  • AfterContentInit
  • OnInit

Constructors

constructor

Properties

badgeCount cdr displayName entityName fieldComponents fieldNames form formContext? icon isVisible sectionKey sectionName variant widthMode widthModeChange

Accessors

expanded isFullWidth isHidden

Methods

escapeRegex loadWidthMode ngAfterContentInit ngOnChanges ngOnInit saveWidthMode setWidthMode toggle toggleFullWidth updateFieldNames updateVisibilityAndHighlighting

Constructors

constructor

Properties

badgeCount

badgeCount: undefined | number

Private cdr

cdr: ChangeDetectorRef

displayName

displayName: string = ''

entityName

entityName: string = ''

fieldComponents

fieldComponents: QueryList<MJFormField>

fieldNames

fieldNames: string = ''

form

form: any

Optional formContext

formContext?: BaseFormContext

icon

icon: string = 'fa fa-folder'

isVisible

isVisible: boolean = true

sectionKey

sectionKey: string = ''

sectionName

sectionName: string = ''

variant

variant: "default" | "related-entity" = 'default'

widthMode

widthMode: PanelWidthMode = 'normal'

widthModeChange

widthModeChange: EventEmitter<PanelWidthMode> = ...

Accessors

expanded

isFullWidth

isHidden

Methods

Private escapeRegex

Private loadWidthMode

ngAfterContentInit

ngOnChanges

ngOnInit

Private saveWidthMode

setWidthMode

toggle

toggleFullWidth

Private updateFieldNames

Private updateVisibilityAndHighlighting

Settings

Member Visibility

Theme

On This Page

constructorbadgeCountcdrdisplayNameentityNamefieldComponentsfieldNamesformformContexticonisVisiblesectionKeysectionNamevariantwidthModewidthModeChangeexpandedisFullWidthisHiddenescapeRegexloadWidthModengAfterContentInitngOnChangesngOnInitsaveWidthModesetWidthModetoggletoggleFullWidthupdateFieldNamesupdateVisibilityAndHighlighting