Development documentation
  1. Directives
  2. UiKioskInputDirective

File

libs/upp-base/src/modules/kiosk.ts

Description

This directive controls the interaction between an input element and a virtual keyboard. When the input element gains focus, the directive triggers the virtual keyboard to display, and when the input loses focus, it hides the keyboard. The keyboard type is determined by a data attribute on the element.

Metadata

Selector [uppNgkiosk]

Index

Methods
HostListeners

Constructor

constructor(el: ElementRef, kiosk: kioskService)

Constructs the UiKioskInput directive.

Parameters :
Name Type Optional Description
el ElementRef No
  • A reference to the host DOM element where the directive is applied.
kiosk kioskService No
  • The kiosk service that controls the virtual keyboard display.

HostListeners

blur

Listens for the blur event on the host element. Hides the virtual keyboard when the element loses focus.
focus
Arguments : '$event.target'

Listens for the focus event on the host element. Displays the virtual keyboard when the element receives focus, unless the input is disabled.

Parameters :
Name Optional Description
input No
  • The focused input element.

Methods

onBlur
onBlur()
Decorators :
@HostListener('blur')

Listens for the blur event on the host element. Hides the virtual keyboard when the element loses focus.

Returns : void
onFocus
onFocus(input: HTMLInputElement)
Decorators :
@HostListener('focus', ['$event.target'])

Listens for the focus event on the host element. Displays the virtual keyboard when the element receives focus, unless the input is disabled.

Parameters :
Name Type Optional Description
input HTMLInputElement No
  • The focused input element.
Returns : void

results matching ""

    No results matching ""