wip - setup event bus to listen for touches.

addon/components/balloon-tooltip.js

@@ -1,21 +1,46 @@
 import Component from '@ember/component';
+import { inject } from '@ember/service';
 import layout from '../templates/components/balloon-tooltip';
 
 export default Component.extend({
   tagName: 'button',
   classNames: ['ember-balloon-tooltip__element'],
 
-  position: 'up',
-  length: false,
-  title: '',
-  visible: false,
-
   attributeBindings: [
     'title:data-balloon',
     'position:data-balloon-pos',
     'visible:data-balloon-visible',
     'length:data-balloon-length'
   ],
 
+  eventBus: inject(),
+
+  length: false,
+  position: 'up',
+  title: '',
+  visible: null,
+
+  didInsertElement() {
+    this._super(...arguments);
+
+    this.get('eventBus').on('documentTouched', ({ target }) => {
+      if (this.element.contains(target)) {
+        return;
+      }
+
+      if (this.get('visible')) {
+        return;
+      } else {
+        this.set('visible', null);
+      }
+    });
+  },
+
+  willDestroyElement() {
+    this.get('eventBus').off('bodyTouched');
+
+    this._super(...arguments);
+  },
+
   layout
 });

addon/services/event-bus.js

@@ -0,0 +1,15 @@
+import Evented from '@ember/object/evented';
+import Service from '@ember/service';
+
+export default Service.extend(Evented, {
+  init() {
+    this._super(...arguments);
+    this.setupListeners();
+  },
+
+  setupListeners() {
+    document.addEventListener('touchstart', (event) => {
+      this.trigger('documentTouched', event);
+    });
+  }
+});

app/services/event-bus.js

@@ -0,0 +1 @@
+export { default } from 'ember-balloon-tooltip/services/event-bus';