Docs for m2-core, m2-components
  1. Components
  2. ValuePropositionsComponent

File

projects/m2-core/src/lib/shared/ui-components/value/propositions/value-propositions.component.ts

Implements

OnInit AfterViewInit

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector value-propositions
styleUrls ./value-propositions.component.scss
template 
<div #propositionsWrapper class="dropdown-menu propositions-wrapper user-select-off"
         [class.sdi-hidden]="isContainerHidden"
         tabindex="-1" (mousedown)="onPropositionsWrapperMouseDown($event)" (mouseup)="onPropositionsWrapperMouseUp()">

    <ng-container *ngIf="showPropositions">
        <div *ngIf="hasPropositions" class="filter-on-values-toggle overflow-ellipsis" (click)="toggleFilterOnValues()">
            <i class="fa fa-filter sdi-icon info"></i>
            <span class="filter-on-values-label">
                <ng-container *ngIf="noFilterOnValues; else showAllLabelRef" i18n="@@showSuitableLabel">
                    Показать подходящие
                </ng-container>
                <ng-template #showAllLabelRef>
                    <ng-container i18n="@@showAllLabel">Показать все</ng-container>
                </ng-template>
            </span>
        </div>

        <div *ngIf="showLoader && loadingPropositions; else propositionsList"
             class="inline-loader inline-loader_menu">
        </div>
        <ng-template #propositionsList>
            <sdi-list [items]="propositions" [focused]="false" [listMaxHeight]="listMaxHeight" [listItemTemplate]="propositionTemplate"
                      [keyboardFiltering]="true" [highlightOnly]="highlightOnly" [searchQuery]="propositionSearchQuery"
                      [externalInput]="true"
                      (selected)="onPropositionSelected($event)">
            </sdi-list>
        </ng-template>
    </ng-container>
</div>

Index

Properties
Methods
Inputs
Outputs
Accessors

Constructor

constructor(cd: ChangeDetectorRef)
Parameters :
Name Type Optional
cd ChangeDetectorRef No

Inputs

debounceTimeInMs
Type : number
Default value : 0
fixTo
Type : HTMLElement
fixToOffsetH
Type : number
Default value : 0
fixToOffsetV
Type : number
Default value : 0
getPropositionsFn
Type : function
hasPropositions
Type : boolean
highlightOnly
Type : boolean
Default value : false
languageId
Type : number
Default value : 0
listMaxHeight
Type : string
Default value : '30vh'
owner
Type : any
propositionTemplate
Type : TemplateRef<any>
reloadOnShow
Type : boolean
Default value : false
showLoader
Type : boolean
Default value : true

Outputs

propositionsClosed
Type : EventEmitter
propositionSelected
Type : EventEmitter
propositionsWrapperMouseUp
Type : EventEmitter

Methods

Public arePropositionsFocused
arePropositionsFocused()
Returns : boolean
Public handleKeyboardEvent
handleKeyboardEvent(event: KeyboardEvent, input: string)
Parameters :
Name Type Optional Default value
event KeyboardEvent No
input string No ''
Returns : void
Public handlePropositionsRequested
handlePropositionsRequested(input: string, immediately?: boolean)
Parameters :
Name Type Optional
input string No
immediately boolean Yes
Returns : void
ngAfterViewInit
ngAfterViewInit()
Returns : void
ngOnInit
ngOnInit()
Returns : void
onPropositionSelected
onPropositionSelected(proposition: Proposition)
Parameters :
Name Type Optional
proposition Proposition No
Returns : void
onPropositionsWrapperMouseDown
onPropositionsWrapperMouseDown(event: MouseEvent)
Parameters :
Name Type Optional
event MouseEvent No
Returns : void
onPropositionsWrapperMouseUp
onPropositionsWrapperMouseUp()
Returns : void
Public resetPropositions
resetPropositions()
Returns : void
Public resetPropositionsIfNotFocused
resetPropositionsIfNotFocused()
Returns : void
Public showValuePropositions
showValuePropositions(input: string, showExtendedPropositions?: boolean)
Parameters :
Name Type Optional Default value
input string No ''
showExtendedPropositions boolean Yes
Returns : void
Public showValuePropositionsImmediately
showValuePropositionsImmediately(input: string, showExtendedPropositions?: boolean)
Parameters :
Name Type Optional Default value
input string No ''
showExtendedPropositions boolean Yes
Returns : void
toggleFilterOnValues
toggleFilterOnValues()

Events

Returns : void

Properties

listComponent
Type : SdiListComponent
Decorators :
@ViewChild(SdiListComponent)
loadingPropositions
Type : boolean
noFilterOnValues
Default value : true
propositions
Type : Proposition[]
propositionSearchQuery
Type : string
propositionsWrapperRef
Type : ElementRef<HTMLElement>
Decorators :
@ViewChild('propositionsWrapper')
showPropositions
Type : boolean

Accessors

isContainerHidden
getisContainerHidden()
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""