Expose focus-trap configuration

This is an extension to #178 released with 0.2.1 and enables more fine grained control over the focus-trap, which might be necessary to work around issues with clickOutsideDeactivates vs allowOutsideClick described in [the projects README](https://github.com/focus-trap/focus-trap#createfocustrapelement-createoptions)

addon/components/modal.js

@@ -14,16 +14,16 @@ export default Component.extend({
   didInsertElement() {
     this._super(...arguments);
 
-    let { clickOutsideDeactivates } = this.modals;
-
-    this.focusTrap = createFocusTrap(this.element, {
-      clickOutsideDeactivates,
+    let { focusTrapOptions: options } = this.modals;
 
+    options = Object.assign({}, options, {
       onDeactivate: () => {
         this.modal.close();
       },
     });
 
+    this.focusTrap = createFocusTrap(this.element, options);
+
     this.focusTrap.activate();
   },
 

addon/services/modals.js

@@ -12,7 +12,7 @@ export default Service.extend({
   count: alias('_stack.length'),
   top: alias('_stack.lastObject'),
 
-  clickOutsideDeactivates: true,
+  focusTrapOptions: null,
 
   backdropDuration: 600,
   backdropTransition: fade,
@@ -37,6 +37,10 @@ export default Service.extend({
   init() {
     this._super(...arguments);
     this._stack = A([]);
+
+    this.focusTrapOptions = this.focusTrapOptions || {
+      clickOutsideDeactivates: true,
+    };
   },
 
   willDestroy() {

tests/application/basics-test.js

@@ -24,7 +24,9 @@ module('Application | basics', function (hooks) {
   });
 
   test('clicking the backdrop does not close the modal if `clickOutsideDeactivates` is `false`', async function (assert) {
-    this.owner.lookup('service:modals').clickOutsideDeactivates = false;
+    this.owner.lookup('service:modals').focusTrapOptions = {
+      clickOutsideDeactivates: false,
+    };
 
     await visit('/');
     assert.dom('.epm-backdrop').doesNotExist();