From bd41590d40dc49ae36719617c8df1a1074331325 Mon Sep 17 00:00:00 2001
From: valdrinkoshi <valdrin@google.com>
Date: Fri, 21 Apr 2017 14:10:51 -0700
Subject: [PATCH] _sharedListener as protected property

---
 iron-overlay.html | 34 +++++++++++++++++++++++++++-------
 1 file changed, 27 insertions(+), 7 deletions(-)

diff --git a/iron-overlay.html b/iron-overlay.html
index 33d9be5..bc0e047 100644
--- a/iron-overlay.html
+++ b/iron-overlay.html
@@ -88,7 +88,6 @@ <h2>Hello world!</h2>
     (() => {
       'use strict';
 
-      const sharedListener = new Polymer.SharedEventListener();
       const contentHostGenerator = new Polymer.ScopingHostGenerator('iron-overlay-content-host');
 
       class IronOverlay extends Polymer.Element {
@@ -169,15 +168,36 @@ <h2>Hello world!</h2>
 
             /**
              * The host of the content.
+             * @type {Element|DocumentFragment}
              */
             contentHost: {
-              type: Element,
+              type: Object,
               readOnly: true
             },
 
+            /**
+             * The node where focus should be restored once the overlay is closed.
+             * Focus will be restored there only if nothing else is focused (e.g. if user
+             * clicked another button and overlay got closed, we don't restore focus).
+             * @type {Node}
+             * @protected
+             */
             _restoreFocusNode: {
-              type: Node,
+              type: Object,
               value: null
+            },
+
+            /**
+             * A shared event listener to handle interactions like tap or keydown.
+             * The last overlay opened will be the last to listen for events, but should
+             * be the first to handle the event. The shared event listener allows this, delegating
+             * the handling of the event to the last one listening for it.
+             * @protected
+             */
+            _sharedListener: {
+              type: Object,
+              readOnly: true,
+              value: new Polymer.SharedEventListener()
             }
           };
         }
@@ -286,11 +306,11 @@ <h2>Hello world!</h2>
          */
         _toggleListeners() {
           if (this.opened) {
-            sharedListener.listen('tap', this, '_onTap');
-            sharedListener.listen('keydown', this, '_onKeydown');
+            this._sharedListener.listen('tap', this, '_onTap');
+            this._sharedListener.listen('keydown', this, '_onKeydown');
           } else {
-            sharedListener.unlisten('tap', this);
-            sharedListener.unlisten('keydown', this);
+            this._sharedListener.unlisten('tap', this);
+            this._sharedListener.unlisten('keydown', this);
           }
         }