',
+ host: {
+ 'role': 'dialog'
+ },
+ directives: [NgClass, NgIf, NgFor, PickerColumnCmp],
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ encapsulation: ViewEncapsulation.None,
+})
+class PickerDisplayCmp {
+ private d: PickerOptions;
+ private created: number;
+ private lastClick: number;
+ private id: number;
+
+ constructor(
+ private _viewCtrl: ViewController,
+ private _elementRef: ElementRef,
+ private _config: Config,
+ params: NavParams,
+ renderer: Renderer
+ ) {
+ this.d = params.data;
+
+ if (this.d.cssClass) {
+ this.d.cssClass.split(' ').forEach(cssClass => {
+ renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
+ });
+ }
+
+ this.id = (++pickerIds);
+ this.created = Date.now();
+ this.lastClick = 0;
+ }
+
+ onPageLoaded() {
+ // normalize the data
+ let data = this.d;
+
+ data.buttons = data.buttons.map(button => {
+ if (typeof button === 'string') {
+ return { text: button };
+ }
+ if (button.role) {
+ button.cssRole = `picker-toolbar-${button.role}`;
+ }
+ return button;
+ });
+
+ data.columns = data.columns.map(column => {
+ if (!column.flex) {
+ column.flex = 1;
+ }
+ return column;
+ });
+ }
+
+ @HostListener('body:keyup', ['$event'])
+ private _keyUp(ev: KeyboardEvent) {
+ if (this.isEnabled() && this._viewCtrl.isLast()) {
+ if (ev.keyCode === 13) {
+ if (this.lastClick + 1000 < Date.now()) {
+ // do not fire this click if there recently was already a click
+ // this can happen when the button has focus and used the enter
+ // key to click the button. However, both the click handler and
+ // this keyup event will fire, so only allow one of them to go.
+ console.debug('picker, enter button');
+ let button = this.d.buttons[this.d.buttons.length - 1];
+ this.btnClick(button);
+ }
+
+ } else if (ev.keyCode === 27) {
+ console.debug('picker, escape button');
+ this.bdClick();
+ }
+ }
+ }
+
+ onPageDidEnter() {
+ let activeElement: any = document.activeElement;
+ if (activeElement) {
+ activeElement.blur();
+ }
+
+ let focusableEle = this._elementRef.nativeElement.querySelector('button');
+ if (focusableEle) {
+ focusableEle.focus();
+ }
+ }
+
+ btnClick(button, dismissDelay?) {
+ if (!this.isEnabled()) {
+ return;
+ }
+
+ // keep the time of the most recent button click
+ this.lastClick = Date.now();
+
+ let shouldDismiss = true;
+
+ if (button.handler) {
+ // a handler has been provided, execute it
+ // pass the handler the values from the inputs
+ if (button.handler(this.getValues()) === false) {
+ // if the return value of the handler is false then do not dismiss
+ shouldDismiss = false;
+ }
+ }
+
+ if (shouldDismiss) {
+ setTimeout(() => {
+ this.dismiss(button.role);
+ }, dismissDelay || this._config.get('pageTransitionDelay'));
+ }
+ }
+
+ bdClick() {
+ if (this.isEnabled() && this.d.enableBackdropDismiss) {
+ this.dismiss('backdrop');
+ }
+ }
+
+ dismiss(role): Promise