Info

File

qwc/projects/qwc/src/lib/components/qwc-select/qwc-select.component.ts

Description

Qwc select component

Implements

AfterViewInit OnChanges OnDestroy

Metadata

selector	`qwc-select`
templateUrl	`qwc-select.component.html`

Index

Constructor

constructor(overlay: Overlay, cd: ChangeDetectorRef)

Parameters :

Name	Type	Optional
overlay	`Overlay`	No
cd	`ChangeDetectorRef`	No

Inputs

ariaLabel

Type : string | null

Default value : null

config

Type : QwcSelectConfig

isDisabled

Type : boolean

options

Default value : []

selected

Default value : []

Outputs

change

Type : EventEmitter

dropdownClose

Type : EventEmitter

dropdownOpen

Type : EventEmitter

filterResult

Type : EventEmitter

rightKeyPressed

Type : EventEmitter

Methods

closeCurrentDropdown

closeCurrentDropdown(eventType?: boolean)

Close current dropdown

Parameters :

Name	Type	Optional
eventType	`boolean`	Yes

Returns : void

void

closeDropDown

closeDropDown(event)

Parameters :

Name	Optional
event	No

Returns : void

initializeOverlayConfig

initializeOverlayConfig()

Initialize overlayconfiguration

Returns : void

void

isComplexType

isComplexType(__option)

Is complex type

Parameters :

Name	Optional
__option	No

Returns : boolean

boolean

ngAfterViewInit

ngAfterViewInit()

Component lifecycle hook

Returns : void

void

ngOnChanges

ngOnChanges(changes: literal type)

Component lifecycle hook

Parameters :

Name	Type	Optional
changes	`literal type`	No

Returns : void

void

ngOnDestroy

ngOnDestroy()

Component lifecycle hook

Returns : void

void

onClickCloseDropDown

onClickCloseDropDown(event)

Parameters :

Name	Optional
event	No

Returns : void

openDropdown

openDropdown(event)

Open drop down

Parameters :

Name	Optional
event	No

Returns : void

void

optionChangedHandler

optionChangedHandler(__optionSelected)

Option changed handler

Parameters :

Name	Optional
__optionSelected	No

Returns : void

void

removeSelection

removeSelection(option, event?: any)

Remove selection

Parameters :

Name	Type	Optional
option		No
event	`any`	Yes

Returns : void

void

Properties

alive

Default value : true

cdkOverlayConfig

Default value : new OverlayConfig()

closeDropDownRef

Type : any

customFooterTemplate

Type : QwcDropdownFooterDirective

Decorators :


                                @ContentChild(QwcDropdownFooterDirective)

customHeaderTemplate

Type : QwcDropdownHeaderDirective

Decorators :


                                @ContentChild(QwcDropdownHeaderDirective)

customSearchBarTemplate

Type : QwcDropdownSearchBarDirective

Decorators :


                                @ContentChild(QwcDropdownSearchBarDirective)

customSelectionTemplate

Type : QwcSelectedOptionDirective

Decorators :


                                @ContentChild(QwcSelectedOptionDirective)

customTemplate

Type : QwcDropdownItemDirective

Decorators :


                                @ContentChild(QwcDropdownItemDirective)

defaultConfig

Default value : new QwcSelectConfig()

dropdownId

Default value : v1()

isInitialized

Default value : false

onClickCloseDropDownRef

Type : any

optionChanged$

Default value : new Subject()

portalOverlayHost

Type : OverlayRef

positions

Type : literal type

Default value :

{
    center: [
      {
        originX: "center",
        originY: "bottom",
        overlayX: "center",
        overlayY: "top",
      },
      {
        originX: "center",
        originY: "center",
        overlayX: "center",
        overlayY: "bottom",
      },
      {
        originX: "center",
        originY: "top",
        overlayX: "center",
        overlayY: "bottom",
      }
    ],
    left: [
      {
        originX: "end",
        originY: "bottom",
        overlayX: "end",
        overlayY: "top",
      },
      {
        originX: "end",
        originY: "center",
        overlayX: "end",
        overlayY: "bottom",
      },
      {
        originX: "end",
        originY: "top",
        overlayX: "end",
        overlayY: "bottom",
      },
      {
        originX: "start",
        originY: "bottom",
        overlayX: "start",
        overlayY: "top",
      },
      {
        originX: "start",
        originY: "center",
        overlayX: "start",
        overlayY: "bottom",
      },
      {
        originX: "start",
        originY: "top",
        overlayX: "start",
        overlayY: "bottom",
      },
    ],
    right: [
      {
        originX: "start",
        originY: "bottom",
        overlayX: "start",
        overlayY: "top",
      },
      {
        originX: "start",
        originY: "center",
        overlayX: "start",
        overlayY: "bottom",
      },
      {
        originX: "start",
        originY: "top",
        overlayX: "start",
        overlayY: "bottom",
      },
      {
        originX: "end",
        originY: "bottom",
        overlayX: "end",
        overlayY: "top",
      },
      {
        originX: "end",
        originY: "center",
        overlayX: "end",
        overlayY: "bottom",
      },
      {
        originX: "end",
        originY: "top",
        overlayX: "end",
        overlayY: "bottom",
      }
    ]
  }

selectedOptionsArr

Type : any

Default value : []

selectOptionsComponentPortal

Default value : new ComponentPortal(QwcSelectDropdownComponent)

selectOptionsRef

Type : ComponentRef<QwcSelectDropdownComponent>

triggerRef

Type : ElementRef

Decorators :


                                @ViewChild('selectTrigger')

File

Description

Implements

Metadata

Index

Properties

Methods

Inputs

Outputs

Constructor

Inputs

Outputs

Methods

Properties

result-matching ""

No results matching ""