From 4047812258674fa1bafcad5534866d1aa1d6c057 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Sat, 11 Aug 2018 17:59:39 +0200
Subject: [PATCH] feat(select): add open method

fixes #14881
---
 core/src/components/select/select.tsx | 29 ++++++++++++++-------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 568d1e814b..84ba09e264 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -1,4 +1,4 @@
-import { Component, Element, Event, EventEmitter, Listen, Prop, State, Watch } from '@stencil/core';
+import { Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch } from '@stencil/core';
 
 import { ActionSheetButton, ActionSheetOptions, AlertInput, AlertOptions, CssClassMap, Mode, PopoverOptions, SelectInputChangeEvent, SelectInterface, SelectPopoverOption, StyleEvent } from '../../interface';
 import { deferEvent, renderHiddenInput } from '../../utils/helpers';
@@ -256,15 +256,8 @@ export class Select {
     this.emitStyle();
   }
 
-  private getLabel() {
-    const item = this.el.closest('ion-item');
-    if (item) {
-      return item.querySelector('ion-label');
-    }
-    return null;
-  }
-
-  private open(ev: UIEvent) {
+  @Method()
+  open(ev?: UIEvent) {
     let selectInterface = this.interface;
 
     if ((selectInterface === 'action-sheet' || selectInterface === 'popover') && this.multiple) {
@@ -278,7 +271,7 @@ export class Select {
     }
 
     if (selectInterface === 'popover') {
-      return this.openPopover(ev);
+      return this.openPopover(ev!);
     }
 
     if (selectInterface === 'action-sheet') {
@@ -288,6 +281,14 @@ export class Select {
     return this.openAlert();
   }
 
+  private getLabel() {
+    const item = this.el.closest('ion-item');
+    if (item) {
+      return item.querySelector('ion-label');
+    }
+    return null;
+  }
+
   private async openPopover(ev: UIEvent) {
     const interfaceOptions = this.interfaceOptions;
 
@@ -295,6 +296,8 @@ export class Select {
       ...interfaceOptions,
 
       component: 'ion-select-popover',
+      cssClass: ['select-popover', interfaceOptions.cssClass],
+      event: ev,
       componentProps: {
         header: interfaceOptions.header,
         subHeader: interfaceOptions.subHeader,
@@ -312,9 +315,7 @@ export class Select {
             }
           } as SelectPopoverOption;
         })
-      },
-      cssClass: ['select-popover', interfaceOptions.cssClass],
-      ev
+      }
     };
 
     const popover = this.overlay = await this.popoverCtrl.create(popoverOpts);