ember-source 4.4.0-alpha.3 → 4.4.0-alpha.4

package/dist/ember.debug.js

@@ -6,7 +6,7 @@
  *            Portions Copyright 2008-2011 Apple Inc. All rights reserved.
  * @license   Licensed under MIT license
  *            See https://raw.github.com/emberjs/ember.js/master/LICENSE
- * @version   4.4.0-alpha.3
+ * @version   4.4.0-alpha.4
  */
 /* eslint-disable no-var */
 
@@ -704,22 +704,6 @@ define("@ember/-internals/container/index", ["exports", "@ember/-internals/owner
     container(options) {
       return new Container(this, options);
     }
-    /**
-     Registers a factory for later injection.
-        Example:
-        ```javascript
-     let registry = new Registry();
-        registry.register('model:user', Person, {singleton: false });
-     registry.register('fruit:favorite', Orange);
-     registry.register('communication:main', Email, {singleton: false});
-     ```
-        @private
-     @method register
-     @param {String} fullName
-     @param {Function} factory
-     @param {Object} options
-     */
-
 
     register(fullName, factory, options) {
       if (options === void 0) {
@@ -1497,23 +1481,11 @@ define("@ember/-internals/extension-support/lib/container_debug_adapter", ["expo
     @since 1.5.0
     @public
   */
-  var _default = _runtime.Object.extend({
-    init() {
-      this._super(...arguments);
-
+  class ContainerDebugAdapter extends _runtime.Object {
+    constructor(owner) {
+      super(owner);
       this.resolver = (0, _owner.getOwner)(this).lookup('resolver-for-debugging:main');
-    },
-
-    /**
-      The resolver instance of the application
-      being debugged. This property will be injected
-      on creation.
-         @property resolver
-      @default null
-      @public
-    */
-    resolver: null,
-
+    }
     /**
       Returns true if it is possible to catalog a list of available
       classes in the resolver for a given type.
@@ -1522,14 +1494,15 @@ define("@ember/-internals/extension-support/lib/container_debug_adapter", ["expo
       @return {boolean} whether a list is available for this type.
       @public
     */
+
+
     canCatalogEntriesByType(type) {
       if (type === 'model' || type === 'template') {
         return false;
       }
 
       return true;
-    },
-
+    }
     /**
       Returns the available classes a given type.
          @method catalogEntriesByType
@@ -1537,6 +1510,8 @@ define("@ember/-internals/extension-support/lib/container_debug_adapter", ["expo
       @return {Array} An array of strings.
       @public
     */
+
+
     catalogEntriesByType(type) {
       var namespaces = (0, _runtime.A)(_runtime.Namespace.NAMESPACES);
       var types = (0, _runtime.A)();
@@ -1559,9 +1534,9 @@ define("@ember/-internals/extension-support/lib/container_debug_adapter", ["expo
       return types;
     }
 
-  });
+  }
 
-  _exports.default = _default;
+  _exports.default = ContainerDebugAdapter;
 });
 define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@ember/-internals/owner", "@ember/runloop", "@ember/-internals/metal", "@ember/string", "@ember/-internals/runtime", "@glimmer/validator"], function (_exports, _owner, _runloop, _metal, _string, _runtime, _validator) {
   "use strict";
@@ -1583,12 +1558,12 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
 
   class RecordsWatcher {
     constructor(records, recordsAdded, recordsUpdated, recordsRemoved, wrapRecord, release) {
+      this.wrapRecord = wrapRecord;
+      this.release = release;
       this.recordCaches = new Map();
       this.added = [];
       this.updated = [];
       this.removed = [];
-      this.release = release;
-      this.wrapRecord = wrapRecord;
       this.recordArrayCache = (0, _validator.createCache)(() => {
         var seen = new Set(); // Track `[]` for legacy support
 
@@ -1600,7 +1575,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
         // should not be polled again in the future
 
         (0, _validator.untrack)(() => {
-          this.recordCaches.forEach((cache, record) => {
+          this.recordCaches.forEach((_cache, record) => {
             if (!seen.has(record)) {
               this.removed.push(wrapRecord(record));
               this.recordCaches.delete(record);
@@ -1652,6 +1627,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
 
   class TypeWatcher {
     constructor(records, onChange, release) {
+      this.release = release;
       var hasBeenAccessed = false;
       this.cache = (0, _validator.createCache)(() => {
         // Empty iteration, we're doing this just
@@ -1720,49 +1696,47 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
   */
 
 
-  var _default = _runtime.Object.extend({
-    init() {
-      this._super(...arguments);
-
-      this.containerDebugAdapter = (0, _owner.getOwner)(this).lookup('container-debug-adapter:main');
+  class DataAdapter extends _runtime.Object {
+    constructor(owner) {
+      super(owner);
       this.releaseMethods = (0, _runtime.A)();
       this.recordsWatchers = new Map();
       this.typeWatchers = new Map();
       this.flushWatchers = null;
-    },
-
-    /**
-      The container-debug-adapter which is used
-      to list all models.
-         @property containerDebugAdapter
-      @default undefined
-      @since 1.5.0
-      @public
-    **/
+      /**
+        The container-debug-adapter which is used
+        to list all models.
+               @property containerDebugAdapter
+        @default undefined
+        @since 1.5.0
+        @public
+      **/
 
-    /**
-      The number of attributes to send
-      as columns. (Enough to make the record
-      identifiable).
-         @private
-      @property attributeLimit
-      @default 3
-      @since 1.3.0
-    */
-    attributeLimit: 3,
+      /**
+        The number of attributes to send
+        as columns. (Enough to make the record
+        identifiable).
+               @private
+        @property attributeLimit
+        @default 3
+        @since 1.3.0
+      */
 
-    /**
-       Ember Data > v1.0.0-beta.18
-       requires string model names to be passed
-       around instead of the actual factories.
-          This is a stamp for the Ember Inspector
-       to differentiate between the versions
-       to be able to support older versions too.
-          @public
-       @property acceptsModelName
-     */
-    acceptsModelName: true,
+      this.attributeLimit = 3;
+      /**
+         Ember Data > v1.0.0-beta.18
+         requires string model names to be passed
+         around instead of the actual factories.
+                This is a stamp for the Ember Inspector
+         to differentiate between the versions
+         to be able to support older versions too.
+                @public
+         @property acceptsModelName
+       */
 
+      this.acceptsModelName = true;
+      this.containerDebugAdapter = (0, _owner.getOwner)(this).lookup('container-debug-adapter:main');
+    }
     /**
        Map from records arrays to RecordsWatcher instances
           @private
@@ -1802,10 +1776,11 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @return {Array} List of objects defining filters.
        The object should have a `name` and `desc` property.
     */
+
+
     getFilters() {
       return (0, _runtime.A)();
-    },
-
+    }
     /**
       Fetch the model types and observe them for changes.
          @public
@@ -1816,6 +1791,8 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       Takes an array of objects containing wrapped types.
          @return {Function} Method to call to remove all observers
     */
+
+
     watchModelTypes(typesAdded, typesUpdated) {
       var modelTypes = this.getModelTypes();
       var releaseMethods = (0, _runtime.A)();
@@ -1835,7 +1812,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
 
       this.releaseMethods.pushObject(release);
       return release;
-    },
+    }
 
     _nameToClass(type) {
       if (typeof type === 'string') {
@@ -1845,8 +1822,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       }
 
       return type;
-    },
-
+    }
     /**
       Fetch the records of a given type and observe them for changes.
          @public
@@ -1863,6 +1839,8 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       Takes an array of objects containing wrapped records.
          @return {Function} Method to call to remove all observers.
     */
+
+
     watchRecords(modelName, recordsAdded, recordsUpdated, recordsRemoved) {
       var klass = this._nameToClass(modelName);
 
@@ -1883,7 +1861,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       }
 
       return recordsWatcher.release;
-    },
+    }
 
     updateFlushWatchers() {
       if (this.flushWatchers === null) {
@@ -1900,13 +1878,14 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
 
         this.flushWatchers = null;
       }
-    },
-
+    }
     /**
       Clear all observers before destruction
       @private
       @method willDestroy
     */
+
+
     willDestroy() {
       this._super(...arguments);
 
@@ -1917,8 +1896,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       if (this.flushWatchers) {
         _runloop._backburner.off('end', this.flushWatchers);
       }
-    },
-
+    }
     /**
       Detect whether a class is a model.
          Test that against the model class
@@ -1927,10 +1905,11 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @method detect
       @return boolean Whether the class is a model class or not.
     */
-    detect() {
-      return false;
-    },
 
+
+    detect(_klass) {
+      return false;
+    }
     /**
       Get the columns for a given model type.
          @public
@@ -1939,10 +1918,11 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
        name: {String} The name of the column.
        desc: {String} Humanized description (what would show in a table column name).
     */
-    columnsForType() {
-      return (0, _runtime.A)();
-    },
 
+
+    columnsForType(_klass) {
+      return (0, _runtime.A)();
+    }
     /**
       Adds observers to a model type class.
          @private
@@ -1951,6 +1931,8 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @param {Function} typesUpdated Called when a type is modified.
       @return {Function} The function to call to remove observers.
     */
+
+
     observeModelType(modelName, typesUpdated) {
       var klass = this._nameToClass(modelName);
 
@@ -1976,63 +1958,50 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       }
 
       return typeWatcher.release;
-    },
-
+    }
     /**
       Wraps a given model type and observes changes to it.
          @private
       @method wrapModelType
       @param {Class} klass A model class.
       @param {String} modelName Name of the class.
-      @return {Object} Contains the wrapped type and the function to remove observers
-      Format:
-        type: {Object} The wrapped type.
-          The wrapped type has the following format:
-            name: {String} The name of the type.
-            count: {Integer} The number of records available.
-            columns: {Columns} An array of columns to describe the record.
-            object: {Class} The actual Model type class.
-        release: {Function} The function to remove observers.
+      @return {Object} The wrapped type has the following format:
+        name: {String} The name of the type.
+        count: {Integer} The number of records available.
+        columns: {Columns} An array of columns to describe the record.
+        object: {Class} The actual Model type class.
     */
+
+
     wrapModelType(klass, name) {
       var records = this.getRecords(klass, name);
-      var typeToSend;
-      typeToSend = {
+      return {
         name,
         count: (0, _metal.get)(records, 'length'),
         columns: this.columnsForType(klass),
         object: klass
       };
-      return typeToSend;
-    },
-
+    }
     /**
       Fetches all models defined in the application.
          @private
       @method getModelTypes
       @return {Array} Array of model types.
     */
-    getModelTypes() {
-      var containerDebugAdapter = this.get('containerDebugAdapter');
-      var types;
 
-      if (containerDebugAdapter.canCatalogEntriesByType('model')) {
-        types = containerDebugAdapter.catalogEntriesByType('model');
-      } else {
-        types = this._getObjectsOnNamespaces();
-      } // New adapters return strings instead of classes.
 
+    getModelTypes() {
+      var containerDebugAdapter = this.containerDebugAdapter;
+      var stringTypes = containerDebugAdapter.canCatalogEntriesByType('model') ? containerDebugAdapter.catalogEntriesByType('model') : this._getObjectsOnNamespaces(); // New adapters return strings instead of classes.
 
-      types = (0, _runtime.A)(types).map(name => {
+      var klassTypes = (0, _runtime.A)(stringTypes).map(name => {
         return {
           klass: this._nameToClass(name),
           name
         };
       });
-      types = (0, _runtime.A)(types).filter(type => this.detect(type.klass));
-      return (0, _runtime.A)(types);
-    },
-
+      return (0, _runtime.A)(klassTypes).filter(type => this.detect(type.klass));
+    }
     /**
       Loops over all namespaces and all objects
       attached to them.
@@ -2040,6 +2009,8 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @method _getObjectsOnNamespaces
       @return {Array} Array of model type strings.
     */
+
+
     _getObjectsOnNamespaces() {
       var namespaces = (0, _runtime.A)(_runtime.Namespace.NAMESPACES);
       var types = (0, _runtime.A)();
@@ -2060,8 +2031,7 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
         }
       });
       return types;
-    },
-
+    }
     /**
       Fetches all loaded records for a given type.
          @public
@@ -2070,10 +2040,11 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
        This array will be observed for changes,
        so it should update when new records are added/removed.
     */
-    getRecords() {
-      return (0, _runtime.A)();
-    },
 
+
+    getRecords(_klass, _name) {
+      return (0, _runtime.A)();
+    }
     /**
       Wraps a record and observers changes to it.
          @private
@@ -2083,17 +2054,17 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       columnValues: {Array}
       searchKeywords: {Array}
     */
+
+
     wrapRecord(record) {
-      var recordToSend = {
-        object: record
+      return {
+        object: record,
+        columnValues: this.getRecordColumnValues(record),
+        searchKeywords: this.getRecordKeywords(record),
+        filterValues: this.getRecordFilterValues(record),
+        color: this.getRecordColor(record)
       };
-      recordToSend.columnValues = this.getRecordColumnValues(record);
-      recordToSend.searchKeywords = this.getRecordKeywords(record);
-      recordToSend.filterValues = this.getRecordFilterValues(record);
-      recordToSend.color = this.getRecordColor(record);
-      return recordToSend;
-    },
-
+    }
     /**
       Gets the values for each column.
          @public
@@ -2101,20 +2072,22 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @return {Object} Keys should match column names defined
       by the model type.
     */
-    getRecordColumnValues() {
-      return {};
-    },
 
+
+    getRecordColumnValues(_record) {
+      return {};
+    }
     /**
       Returns keywords to match when searching records.
          @public
       @method getRecordKeywords
       @return {Array} Relevant keywords for search.
     */
-    getRecordKeywords() {
-      return (0, _runtime.A)();
-    },
 
+
+    getRecordKeywords(_record) {
+      return (0, _runtime.A)();
+    }
     /**
       Returns the values of filters defined by `getFilters`.
          @public
@@ -2122,10 +2095,11 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @param {Object} record The record instance.
       @return {Object} The filter values.
     */
-    getRecordFilterValues() {
-      return {};
-    },
 
+
+    getRecordFilterValues(_record) {
+      return {};
+    }
     /**
       Each record can have a color that represents its state.
          @public
@@ -2134,13 +2108,15 @@ define("@ember/-internals/extension-support/lib/data_adapter", ["exports", "@emb
       @return {String} The records color.
         Possible options: black, red, blue, green.
     */
-    getRecordColor() {
+
+
+    getRecordColor(_record) {
       return null;
     }
 
-  });
+  }
 
-  _exports.default = _default;
+  _exports.default = DataAdapter;
 });
 define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler", "@ember/-internals/owner", "@ember/-internals/utils", "@ember/debug", "@glimmer/manager", "@glimmer/reference", "@glimmer/validator", "@ember/-internals/metal", "@ember/object", "@ember/-internals/browser-environment", "@ember/-internals/views", "@ember/engine", "@ember/engine/instance", "@ember/instrumentation", "@ember/service", "@ember/string", "@glimmer/destroyable", "@ember/runloop", "@glimmer/util", "@glimmer/runtime", "@ember/-internals/runtime", "@ember/-internals/environment", "@ember/-internals/container", "@glimmer/node", "@ember/-internals/glimmer", "@glimmer/global-context", "@ember/-internals/routing", "@glimmer/program", "rsvp"], function (_exports, _opcodeCompiler, _owner2, _utils, _debug, _manager2, _reference, _validator, _metal, _object, _browserEnvironment, _views, _engine, _instance, _instrumentation, _service, _string, _destroyable, _runloop, _util, _runtime, _runtime2, _environment2, _container, _node, _glimmer, _globalContext, _routing2, _program, _rsvp) {
   "use strict";
@@ -2476,7 +2452,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
   class AbstractInput extends InternalComponent {
     constructor() {
       super(...arguments);
-      this._value = valueFrom(this.args.named.value);
+      this._value = valueFrom(this.args.named['value']);
     }
 
     validateArguments() {
@@ -2734,7 +2710,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
   class Input extends AbstractInput {
     constructor() {
       super(...arguments);
-      this._checked = valueFrom(this.args.named.checked);
+      this._checked = valueFrom(this.args.named['checked']);
     }
 
     static toString() {
@@ -2774,7 +2750,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
 
     get checked() {
       if (this.isCheckbox) {
-        (true && (0, _debug.warn)('`<Input @type="checkbox" />` reflects its checked state via the `@checked` argument. ' + 'You wrote `<Input @type="checkbox" @value={{...}} />` which is likely not what you intended. ' + 'Did you mean `<Input @type="checkbox" @checked={{...}} />`?', (0, _validator.untrack)(() => this.args.named.checked !== undefined || this.args.named.value === undefined || typeof (0, _reference.valueForRef)(this.args.named.value) === 'string'), {
+        (true && (0, _debug.warn)('`<Input @type="checkbox" />` reflects its checked state via the `@checked` argument. ' + 'You wrote `<Input @type="checkbox" @value={{...}} />` which is likely not what you intended. ' + 'Did you mean `<Input @type="checkbox" @checked={{...}} />`?', (0, _validator.untrack)(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof (0, _reference.valueForRef)(this.args.named['value']) === 'string'), {
           id: 'ember.built-in-components.input-checkbox-value'
         }));
         return this._checked.get();
@@ -2784,7 +2760,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     }
 
     set checked(checked) {
-      (true && (0, _debug.warn)('`<Input @type="checkbox" />` reflects its checked state via the `@checked` argument. ' + 'You wrote `<Input @type="checkbox" @value={{...}} />` which is likely not what you intended. ' + 'Did you mean `<Input @type="checkbox" @checked={{...}} />`?', (0, _validator.untrack)(() => this.args.named.checked !== undefined || this.args.named.value === undefined || typeof (0, _reference.valueForRef)(this.args.named.value) === 'string'), {
+      (true && (0, _debug.warn)('`<Input @type="checkbox" />` reflects its checked state via the `@checked` argument. ' + 'You wrote `<Input @type="checkbox" @value={{...}} />` which is likely not what you intended. ' + 'Did you mean `<Input @type="checkbox" @checked={{...}} />`?', (0, _validator.untrack)(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof (0, _reference.valueForRef)(this.args.named['value']) === 'string'), {
         id: 'ember.built-in-components.input-checkbox-value'
       }));
 
@@ -4093,8 +4069,8 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     var [context, action$$1, ...restArgs] = positional;
     (true && !(context && action$$1) && (0, _debug.assert)('hash position arguments', context && action$$1));
     var debugKey = action$$1.debugLabel;
-    var target = 'target' in named && named.target ? named.target : context;
-    var processArgs = makeArgsProcessor('value' in named && named.value || false, restArgs);
+    var target = 'target' in named ? named['target'] : context;
+    var processArgs = makeArgsProcessor('value' in named && named['value'] || false, restArgs);
     var fn$$1;
 
     if ((0, _reference.isInvokableRef)(action$$1)) {
@@ -4735,624 +4711,6 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
   }
 
   var lazyEventsProcessed = new WeakMap();
-  /**
-  @module @ember/component
-  */
-
-  /**
-    A component is a reusable UI element that consists of a `.hbs` template and an
-    optional JavaScript class that defines its behavior. For example, someone
-    might make a `button` in the template and handle the click behavior in the
-    JavaScript file that shares the same name as the template.
-  
-    Components are broken down into two categories:
-  
-    - Components _without_ JavaScript, that are based only on a template. These
-      are called Template-only or TO components.
-    - Components _with_ JavaScript, which consist of a template and a backing
-      class.
-  
-    Ember ships with two types of JavaScript classes for components:
-  
-    1. Glimmer components, imported from `@glimmer/component`, which are the
-       default component's for Ember Octane (3.15) and more recent editions.
-    2. Classic components, imported from `@ember/component`, which were the
-       default for older editions of Ember (pre 3.15).
-  
-    Below is the documentation for Classic components. If you are looking for the
-    API documentation for Template-only or Glimmer components, it is
-    [available here](/ember/release/modules/@glimmer%2Fcomponent).
-  
-    ## Defining a Classic Component
-  
-    If you want to customize the component in order to handle events, transform
-    arguments or maintain internal state, you implement a subclass of `Component`.
-  
-    One example is to add computed properties to your component:
-  
-    ```app/components/person-profile.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      displayName: computed('person.title', 'person.firstName', 'person.lastName', function() {
-        let { title, firstName, lastName } = this.person;
-  
-        if (title) {
-          return `${title} ${lastName}`;
-        } else {
-          return `${firstName} ${lastName}`;
-        }
-      })
-    });
-    ```
-  
-    And then use it in the component's template:
-  
-    ```app/templates/components/person-profile.hbs
-    <h1>{{this.displayName}}</h1>
-    {{yield}}
-    ```
-  
-    ## Customizing a Classic Component's HTML Element in JavaScript
-  
-    ### HTML Tag
-  
-    The default HTML tag name used for a component's HTML representation is `div`.
-    This can be customized by setting the `tagName` property.
-  
-    Consider the following component class:
-  
-    ```app/components/emphasized-paragraph.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'em'
-    });
-    ```
-  
-    When invoked, this component would produce output that looks something like
-    this:
-  
-    ```html
-    <em id="ember1" class="ember-view"></em>
-    ```
-  
-    ### HTML `class` Attribute
-  
-    The HTML `class` attribute of a component's tag can be set by providing a
-    `classNames` property that is set to an array of strings:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      classNames: ['my-class', 'my-other-class']
-    });
-    ```
-  
-    Invoking this component will produce output that looks like this:
-  
-    ```html
-    <div id="ember1" class="ember-view my-class my-other-class"></div>
-    ```
-  
-    `class` attribute values can also be set by providing a `classNameBindings`
-    property set to an array of properties names for the component. The return
-    value of these properties will be added as part of the value for the
-    components's `class` attribute. These properties can be computed properties:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-    import { computed } from '@ember/object';
-  
-    export default Component.extend({
-      classNames: ['my-class', 'my-other-class'],
-      classNameBindings: ['propertyA', 'propertyB'],
-  
-      propertyA: 'from-a',
-      propertyB: computed(function() {
-        if (someLogic) { return 'from-b'; }
-      })
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view my-class my-other-class from-a from-b"></div>
-    ```
-  
-    Note that `classNames` and `classNameBindings` is in addition to the `class`
-    attribute passed with the angle bracket invocation syntax. Therefore, if this
-    component was invoked like so:
-  
-    ```handlebars
-    <MyWidget class="from-invocation" />
-    ```
-  
-    The resulting HTML will look similar to this:
-  
-    ```html
-    <div id="ember1" class="from-invocation ember-view my-class my-other-class from-a from-b"></div>
-    ```
-  
-    If the value of a class name binding returns a boolean the property name
-    itself will be used as the class name if the property is true. The class name
-    will not be added if the value is `false` or `undefined`.
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      classNameBindings: ['hovered'],
-  
-      hovered: true
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view hovered"></div>
-    ```
-  
-    ### Custom Class Names for Boolean Values
-  
-    When using boolean class name bindings you can supply a string value other
-    than the property name for use as the `class` HTML attribute by appending the
-    preferred value after a ":" character when defining the binding:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      classNameBindings: ['awesome:so-very-cool'],
-  
-      awesome: true
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view so-very-cool"></div>
-    ```
-  
-    Boolean value class name bindings whose property names are in a
-    camelCase-style format will be converted to a dasherized format:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      classNameBindings: ['isUrgent'],
-  
-      isUrgent: true
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view is-urgent"></div>
-    ```
-  
-    Class name bindings can also refer to object values that are found by
-    traversing a path relative to the component itself:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-    import EmberObject from '@ember/object';
-  
-    export default Component.extend({
-      classNameBindings: ['messages.empty'],
-  
-      messages: EmberObject.create({
-        empty: true
-      })
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view empty"></div>
-    ```
-  
-    If you want to add a class name for a property which evaluates to true and
-    and a different class name if it evaluates to false, you can pass a binding
-    like this:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      classNameBindings: ['isEnabled:enabled:disabled'],
-      isEnabled: true
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view enabled"></div>
-    ```
-  
-    When isEnabled is `false`, the resulting HTML representation looks like this:
-  
-    ```html
-    <div id="ember1" class="ember-view disabled"></div>
-    ```
-  
-    This syntax offers the convenience to add a class if a property is `false`:
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false
-    export default Component.extend({
-      classNameBindings: ['isEnabled::disabled'],
-      isEnabled: true
-    });
-    ```
-  
-    Invoking this component when the `isEnabled` property is true will produce
-    HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view"></div>
-    ```
-  
-    Invoking it when the `isEnabled` property on the component is `false` will
-    produce HTML that looks like:
-  
-    ```html
-    <div id="ember1" class="ember-view disabled"></div>
-    ```
-  
-    Updates to the value of a class name binding will result in automatic update
-    of the  HTML `class` attribute in the component's rendered HTML
-    representation. If the value becomes `false` or `undefined` the class name
-    will be removed.
-  
-    Both `classNames` and `classNameBindings` are concatenated properties. See
-    [EmberObject](/ember/release/classes/EmberObject) documentation for more
-    information about concatenated properties.
-  
-    ### Other HTML Attributes
-  
-    The HTML attribute section of a component's tag can be set by providing an
-    `attributeBindings` property set to an array of property names on the component.
-    The return value of these properties will be used as the value of the component's
-    HTML associated attribute:
-  
-    ```app/components/my-anchor.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'a',
-      attributeBindings: ['href'],
-  
-      href: 'http://google.com'
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <a id="ember1" class="ember-view" href="http://google.com"></a>
-    ```
-  
-    One property can be mapped on to another by placing a ":" between
-    the source property and the destination property:
-  
-    ```app/components/my-anchor.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'a',
-      attributeBindings: ['url:href'],
-  
-      url: 'http://google.com'
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <a id="ember1" class="ember-view" href="http://google.com"></a>
-    ```
-  
-    HTML attributes passed with angle bracket invocations will take precedence
-    over those specified in `attributeBindings`. Therefore, if this component was
-    invoked like so:
-  
-    ```handlebars
-    <MyAnchor href="http://bing.com" @url="http://google.com" />
-    ```
-  
-    The resulting HTML will looks like this:
-  
-    ```html
-    <a id="ember1" class="ember-view" href="http://bing.com"></a>
-    ```
-  
-    Note that the `href` attribute is ultimately set to `http://bing.com`,
-    despite it having attribute binidng to the `url` property, which was
-    set to `http://google.com`.
-  
-    Namespaced attributes (e.g. `xlink:href`) are supported, but have to be
-    mapped, since `:` is not a valid character for properties in Javascript:
-  
-    ```app/components/my-use.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'use',
-      attributeBindings: ['xlinkHref:xlink:href'],
-  
-      xlinkHref: '#triangle'
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <use xlink:href="#triangle"></use>
-    ```
-  
-    If the value of a property monitored by `attributeBindings` is a boolean, the
-    attribute will be present or absent depending on the value:
-  
-    ```app/components/my-text-input.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'input',
-      attributeBindings: ['disabled'],
-  
-      disabled: false
-    });
-    ```
-  
-    Invoking this component will produce HTML that looks like:
-  
-    ```html
-    <input id="ember1" class="ember-view" />
-    ```
-  
-    `attributeBindings` can refer to computed properties:
-  
-    ```app/components/my-text-input.js
-    import Component from '@ember/component';
-    import { computed } from '@ember/object';
-  
-    export default Component.extend({
-      tagName: 'input',
-      attributeBindings: ['disabled'],
-  
-      disabled: computed(function() {
-        if (someLogic) {
-          return true;
-        } else {
-          return false;
-        }
-      })
-    });
-    ```
-  
-    To prevent setting an attribute altogether, use `null` or `undefined` as the
-    value of the property used in `attributeBindings`:
-  
-    ```app/components/my-text-input.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      tagName: 'form',
-      attributeBindings: ['novalidate'],
-      novalidate: null
-    });
-    ```
-  
-    Updates to the property of an attribute binding will result in automatic
-    update of the  HTML attribute in the component's HTML output.
-  
-    `attributeBindings` is a concatenated property. See
-    [EmberObject](/ember/release/classes/EmberObject) documentation for more
-    information about concatenated properties.
-  
-    ## Layouts
-  
-    The `layout` property can be used to dynamically specify a template associated
-    with a component class, instead of relying on Ember to link together a
-    component class and a template based on file names.
-  
-    In general, applications should not use this feature, but it's commonly used
-    in addons for historical reasons.
-  
-    The `layout` property should be set to the default export of a template
-    module, which is the name of a template file without the `.hbs` extension.
-  
-    ```app/templates/components/person-profile.hbs
-    <h1>Person's Title</h1>
-    <div class='details'>{{yield}}</div>
-    ```
-  
-    ```app/components/person-profile.js
-      import Component from '@ember/component';
-      import layout from '../templates/components/person-profile';
-  
-      export default Component.extend({
-        layout
-      });
-    ```
-  
-    If you invoke the component:
-  
-    ```handlebars
-    <PersonProfile>
-      <h2>Chief Basket Weaver</h2>
-      <h3>Fisherman Industries</h3>
-    </PersonProfile>
-    ```
-  
-    or
-  
-    ```handlebars
-    {{#person-profile}}
-      <h2>Chief Basket Weaver</h2>
-      <h3>Fisherman Industries</h3>
-    {{/person-profile}}
-    ```
-  
-    It will result in the following HTML output:
-  
-    ```html
-    <h1>Person's Title</h1>
-      <div class="details">
-      <h2>Chief Basket Weaver</h2>
-      <h3>Fisherman Industries</h3>
-    </div>
-    ```
-  
-    ## Handling Browser Events
-  
-    Components can respond to user-initiated events in one of three ways: passing
-    actions with angle bracket invocation, adding event handler methods to the
-    component's class, or adding actions to the component's template.
-  
-    ### Passing Actions With Angle Bracket Invocation
-  
-    For one-off events specific to particular instance of a component, it is possible
-    to pass actions to the component's element using angle bracket invocation syntax.
-  
-    ```handlebars
-    <MyWidget {{action 'firstWidgetClicked'}} />
-  
-    <MyWidget {{action 'secondWidgetClicked'}} />
-    ```
-  
-    In this case, when the first component is clicked on, Ember will invoke the
-    `firstWidgetClicked` action. When the second component is clicked on, Ember
-    will invoke the `secondWidgetClicked` action instead.
-  
-    Besides `{{action}}`, it is also possible to pass any arbitrary element modifiers
-    using the angle bracket invocation syntax.
-  
-    ### Event Handler Methods
-  
-    Components can also respond to user-initiated events by implementing a method
-    that matches the event name. This approach is appropriate when the same event
-    should be handled by all instances of the same component.
-  
-    An event object will be passed as the argument to the event handler method.
-  
-    ```app/components/my-widget.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      click(event) {
-        // `event.target` is either the component's element or one of its children
-        let tag = event.target.tagName.toLowerCase();
-        console.log('clicked on a `<${tag}>` HTML element!');
-      }
-    });
-    ```
-  
-    In this example, whenever the user clicked anywhere inside the component, it
-    will log a message to the console.
-  
-    It is possible to handle event types other than `click` by implementing the
-    following event handler methods. In addition, custom events can be registered
-    by using `Application.customEvents`.
-  
-    Touch events:
-  
-    * `touchStart`
-    * `touchMove`
-    * `touchEnd`
-    * `touchCancel`
-  
-    Keyboard events:
-  
-    * `keyDown`
-    * `keyUp`
-    * `keyPress`
-  
-    Mouse events:
-  
-    * `mouseDown`
-    * `mouseUp`
-    * `contextMenu`
-    * `click`
-    * `doubleClick`
-    * `focusIn`
-    * `focusOut`
-  
-    Form events:
-  
-    * `submit`
-    * `change`
-    * `focusIn`
-    * `focusOut`
-    * `input`
-  
-    Drag and drop events:
-  
-    * `dragStart`
-    * `drag`
-    * `dragEnter`
-    * `dragLeave`
-    * `dragOver`
-    * `dragEnd`
-    * `drop`
-  
-    ### `{{action}}` Helper
-  
-    Instead of handling all events of a particular type anywhere inside the
-    component's element, you may instead want to limit it to a particular
-    element in the component's template. In this case, it would be more
-    convenient to implement an action instead.
-  
-    For example, you could implement the action `hello` for the `person-profile`
-    component:
-  
-    ```app/components/person-profile.js
-    import Component from '@ember/component';
-  
-    export default Component.extend({
-      actions: {
-        hello(name) {
-          console.log("Hello", name);
-        }
-      }
-    });
-    ```
-  
-    And then use it in the component's template:
-  
-    ```app/templates/components/person-profile.hbs
-    <h1>{{@person.name}}</h1>
-  
-    <button {{action 'hello' @person.name}}>
-      Say Hello to {{@person.name}}
-    </button>
-    ```
-  
-    When the user clicks the button, Ember will invoke the `hello` action,
-    passing in the current value of `@person.name` as an argument.
-  
-    See [Ember.Templates.helpers.action](/ember/release/classes/Ember.Templates.helpers/methods/action?anchor=action).
-  
-    @class Component
-    @extends Ember.CoreView
-    @uses Ember.TargetActionSupport
-    @uses Ember.ClassNamesSupport
-    @uses Ember.ActionSupport
-    @uses Ember.ViewMixin
-    @uses Ember.ViewStateSupport
-    @public
-  */
 
   var Component = _views.CoreView.extend(_views.ChildViewsSupport, _views.ViewStateSupport, _views.ClassNamesSupport, _runtime2.TargetActionSupport, _views.ActionSupport, _views.ViewMixin, {
     isComponent: true,
@@ -5662,23 +5020,6 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
      @since 1.13.0
      */
 
-    /**
-      Layout can be used to wrap content in a component.
-      @property layout
-      @type Function
-      @public
-    */
-
-    /**
-      The name of the layout to lookup if no layout is provided.
-      By default `Component` will lookup a template with this name in
-      `Ember.TEMPLATES` (a shared global object).
-      @property layoutName
-      @type String
-      @default null
-      @private
-    */
-
     /**
       The HTML `id` of the component's element in the DOM. You can provide this
       value yourself but it must be unique (just as in HTML):
@@ -6739,7 +6080,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     },
 
     warnIfStyleNotTrusted(value) {
-      (true && (0, _debug.warn)((0, _views.constructStyleDeprecationMessage)(value), (() => {
+      (true && (0, _debug.warn)((0, _views.constructStyleDeprecationMessage)(String(value)), (() => {
         if (value === null || value === undefined || isHTMLSafe$1(value)) {
           return true;
         }
@@ -6835,9 +6176,9 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     } = _ref12;
     var nameOrValueRef = positional[0];
     (true && !(positional.length === 1 && nameOrValueRef) && (0, _debug.assert)(`[BUG] wrong number of positional arguments, expecting 1, got ${positional.length}`, positional.length === 1 && nameOrValueRef));
-    var typeRef = named.type;
-    var locRef = named.loc;
-    var originalRef = named.original;
+    var typeRef = named['type'];
+    var locRef = named['loc'];
+    var originalRef = named['original'];
     (true && !(typeRef) && (0, _debug.assert)(`[BUG] expecting \`type\` named argument`, typeRef));
     (true && !(locRef) && (0, _debug.assert)(`[BUG] expecting \`loc\` named argument`, locRef));
     (true && !(originalRef) && (0, _debug.assert)(`[BUG] expecting \`original\` named argument`, originalRef)); // Bug: why do these fail?
@@ -7754,7 +7095,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     var outletRef = (0, _reference.createComputeRef)(() => {
       var state = (0, _reference.valueForRef)(scope.get('outletState'));
       var outlets = state !== undefined ? state.outlets : undefined;
-      return outlets !== undefined ? outlets.main : undefined;
+      return outlets !== undefined ? outlets['main'] : undefined;
     });
     var lastState = null;
     var definition = null;
@@ -7779,7 +7120,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
           // provide the correct updated value. So we stop updating and return
           // the _last_ model value for that outlet.
 
-          named.model = (0, _reference.createComputeRef)(() => {
+          named['model'] = (0, _reference.createComputeRef)(() => {
             if (lastState === state) {
               model = (0, _reference.valueForRef)(modelRef);
             }
@@ -7790,7 +7131,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
           if (true
           /* DEBUG */
           ) {
-            named.model = (0, _reference.createDebugAliasRef)('@model', named.model);
+            named['model'] = (0, _reference.createDebugAliasRef)('@model', named['model']);
           }
 
           var args = (0, _runtime.createCapturedArgs)(named, _runtime.EMPTY_POSITIONAL);
@@ -8076,6 +7417,107 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
 
   }
 
+  var TOP_LEVEL_NAME = '-top-level';
+  var TOP_LEVEL_OUTLET = 'main';
+
+  class OutletView {
+    constructor(_environment, owner, template, namespace) {
+      this._environment = _environment;
+      this.owner = owner;
+      this.template = template;
+      this.namespace = namespace;
+      var outletStateTag = (0, _validator.createTag)();
+      var outletState = {
+        outlets: {
+          main: undefined
+        },
+        render: {
+          owner: owner,
+          into: undefined,
+          outlet: TOP_LEVEL_OUTLET,
+          name: TOP_LEVEL_NAME,
+          controller: undefined,
+          model: undefined,
+          template
+        }
+      };
+      var ref = this.ref = (0, _reference.createComputeRef)(() => {
+        (0, _validator.consumeTag)(outletStateTag);
+        return outletState;
+      }, state => {
+        (0, _validator.dirtyTag)(outletStateTag);
+        outletState.outlets['main'] = state;
+      });
+      this.state = {
+        ref,
+        name: TOP_LEVEL_NAME,
+        outlet: TOP_LEVEL_OUTLET,
+        template,
+        controller: undefined,
+        model: undefined
+      };
+    }
+
+    static extend(injections) {
+      return class extends OutletView {
+        static create(options) {
+          if (options) {
+            return super.create(Object.assign({}, injections, options));
+          } else {
+            return super.create(injections);
+          }
+        }
+
+      };
+    }
+
+    static reopenClass(injections) {
+      Object.assign(this, injections);
+    }
+
+    static create(options) {
+      var {
+        environment: _environment,
+        application: namespace,
+        template: templateFactory$$1
+      } = options;
+      var owner = (0, _owner2.getOwner)(options);
+      (true && !(owner) && (0, _debug.assert)('OutletView is unexpectedly missing an owner', owner));
+      var template = templateFactory$$1(owner);
+      return new OutletView(_environment, owner, template, namespace);
+    }
+
+    appendTo(selector) {
+      var target;
+
+      if (this._environment.hasDOM) {
+        target = typeof selector === 'string' ? document.querySelector(selector) : selector;
+      } else {
+        target = selector;
+      }
+
+      var renderer = this.owner.lookup('renderer:-dom'); // SAFETY: It's not clear that this cast is safe.
+      // The types for appendOutletView may be incorrect or this is a potential bug.
+
+      (0, _runloop.schedule)('render', renderer, 'appendOutletView', this, target);
+    }
+
+    rerender() {
+      /**/
+    }
+
+    setOutletState(state) {
+      (0, _reference.updateRef)(this.ref, state);
+    }
+
+    destroy() {
+      /**/
+    }
+
+  }
+
+  _exports.OutletView = OutletView;
+
   class DynamicScope {
     constructor(view, outletState) {
       this.view = view;
@@ -8133,7 +7575,7 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
       this.root = root;
       this.runtime = runtime;
       (true && !(template !== undefined) && (0, _debug.assert)(`You cannot render \`${(0, _reference.valueForRef)(self)}\` without a template.`, template !== undefined));
-      this.id = (0, _views.getViewId)(root);
+      this.id = root instanceof OutletView ? (0, _utils.guidFor)(root) : (0, _views.getViewId)(root);
       this.result = undefined;
       this.destroyed = false;
       this.render = errorLoopTransaction(() => {
@@ -8575,106 +8017,6 @@ define("@ember/-internals/glimmer/index", ["exports", "@glimmer/opcode-compiler"
     "moduleName": "packages/@ember/-internals/glimmer/lib/templates/outlet.hbs",
     "isStrictMode": false
   });
-  var TOP_LEVEL_NAME = '-top-level';
-  var TOP_LEVEL_OUTLET = 'main';
-
-  class OutletView {
-    constructor(_environment, owner, template, namespace) {
-      this._environment = _environment;
-      this.owner = owner;
-      this.template = template;
-      this.namespace = namespace;
-      var outletStateTag = (0, _validator.createTag)();
-      var outletState = {
-        outlets: {
-          main: undefined
-        },
-        render: {
-          owner: owner,
-          into: undefined,
-          outlet: TOP_LEVEL_OUTLET,
-          name: TOP_LEVEL_NAME,
-          controller: undefined,
-          model: undefined,
-          template
-        }
-      };
-      var ref = this.ref = (0, _reference.createComputeRef)(() => {
-        (0, _validator.consumeTag)(outletStateTag);
-        return outletState;
-      }, state => {
-        (0, _validator.dirtyTag)(outletStateTag);
-        outletState.outlets.main = state;
-      });
-      this.state = {
-        ref,
-        name: TOP_LEVEL_NAME,
-        outlet: TOP_LEVEL_OUTLET,
-        template,
-        controller: undefined,
-        model: undefined
-      };
-    }
-
-    static extend(injections) {
-      return class extends OutletView {
-        static create(options) {
-          if (options) {
-            return super.create(Object.assign({}, injections, options));
-          } else {
-            return super.create(injections);
-          }
-        }
-
-      };
-    }
-
-    static reopenClass(injections) {
-      Object.assign(this, injections);
-    }
-
-    static create(options) {
-      var {
-        environment: _environment,
-        application: namespace,
-        template: templateFactory$$1
-      } = options;
-      var owner = (0, _owner2.getOwner)(options);
-      (true && !(owner) && (0, _debug.assert)('OutletView is unexpectedly missing an owner', owner));
-      var template = templateFactory$$1(owner);
-      return new OutletView(_environment, owner, template, namespace);
-    }
-
-    appendTo(selector) {
-      var target;
-
-      if (this._environment.hasDOM) {
-        target = typeof selector === 'string' ? document.querySelector(selector) : selector;
-      } else {
-        target = selector;
-      }
-
-      var renderer = this.owner.lookup('renderer:-dom'); // SAFETY: It's not clear that this cast is safe.
-      // The types for appendOutletView may be incorrect or this is a potential bug.
-
-      (0, _runloop.schedule)('render', renderer, 'appendOutletView', this, target);
-    }
-
-    rerender() {
-      /**/
-    }
-
-    setOutletState(state) {
-      (0, _reference.updateRef)(this.ref, state);
-    }
-
-    destroy() {
-      /**/
-    }
-
-  }
-
-  _exports.OutletView = OutletView;
 
   function setupApplicationRegistry(registry) {
     // because we are using injections we can't use instantiate false
@@ -11527,10 +10869,6 @@ define("@ember/-internals/metal/index", ["exports", "@ember/-internals/meta", "@
   function isPath(path) {
     return typeof path === 'string' && firstDotIndexCache.get(path) !== -1;
   }
-  /**
-  @module @ember/object
-  */
-
 
   var PROXY_CONTENT = (0, _utils.symbol)('PROXY_CONTENT');
   _exports.PROXY_CONTENT = PROXY_CONTENT;
@@ -12569,7 +11907,7 @@ define("@ember/-internals/metal/index", ["exports", "@ember/-internals/meta", "@
         } else if (_mixins !== undefined) {
           mergeMixins(_mixins, meta$$1, descs, values, base, keys, keysWithSuper);
 
-          if (currentMixin._without !== undefined) {
+          if (currentMixin instanceof Mixin && currentMixin._without !== undefined) {
             currentMixin._without.forEach(keyName => {
               // deleting the key means we won't process the value
               var index = keys.indexOf(keyName);
@@ -19473,7 +18811,7 @@ define("@ember/-internals/routing/lib/system/router", ["exports", "@ember/-inter
       // Create an entry to represent our default template name,
       // just so other routes can target it and inherit its place
       // in the outlet hierarchy.
-      defaultParentState.outlets.main = {
+      defaultParentState.outlets['main'] = {
         render: {
           name: routeName,
           outlet: 'main'
@@ -20433,13 +19771,17 @@ define("@ember/-internals/runtime/lib/ext/rsvp", ["exports", "rsvp", "@ember/run
 
   function errorFor(reason) {
     if (!reason) return;
+    var withErrorThrown = reason;
 
-    if (reason.errorThrown) {
-      return unwrapErrorThrown(reason);
+    if (withErrorThrown.errorThrown) {
+      return unwrapErrorThrown(withErrorThrown);
     }
 
-    if (reason.name === 'UnrecognizedURLError') {
-      (true && !(false) && (0, _debug.assert)(`The URL '${reason.message}' did not match any routes in your application`, false));
+    var withName = reason;
+
+    if (withName.name === 'UnrecognizedURLError') {
+      (true && !(false) && (0, _debug.assert)(`The URL '${withName.message}' did not match any routes in your application`, false)); // @ts-expect-error We'll hit this if the assert is stripped
+
       return;
     }
 
@@ -20598,7 +19940,7 @@ define("@ember/-internals/runtime/lib/mixins/-proxy", ["exports", "@ember/-inter
   var _default = _metal.Mixin.create({
     /**
       The object whose properties will be forwarded.
-         @property content
+       @property content
       @type {unknown}
       @default null
       @public
@@ -22254,7 +21596,7 @@ define("@ember/-internals/runtime/lib/mixins/array", ["exports", "@ember/-intern
       colors.unshiftObjects('yellow'); // Type Error: 'undefined' is not a function
       ```
        @method unshiftObjects
-      @param {Enumberable} objects the objects to add
+      @param {Enumerable} objects the objects to add
       @return {EmberArray} receiver
       @public
     */
@@ -23419,7 +22761,7 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
     /**
       If the proxied promise is rejected this will contain the reason
       provided.
-         @property reason
+       @property reason
       @default null
       @public
     */
@@ -23427,7 +22769,7 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       Once the proxied promise has settled this will become `false`.
-         @property isPending
+       @property isPending
       @default true
       @public
     */
@@ -23437,7 +22779,7 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       Once the proxied promise has settled this will become `true`.
-         @property isSettled
+       @property isSettled
       @default false
       @public
     */
@@ -23447,7 +22789,7 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       Will become `true` if the proxied promise is rejected.
-         @property isRejected
+       @property isRejected
       @default false
       @public
     */
@@ -23455,7 +22797,7 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       Will become `true` if the proxied promise is fulfilled.
-         @property isFulfilled
+       @property isFulfilled
       @default false
       @public
     */
@@ -23463,17 +22805,17 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       The promise whose fulfillment value is being proxied by this object.
-         This property must be specified upon creation, and should not be
+       This property must be specified upon creation, and should not be
       changed once created.
-         Example:
-         ```javascript
+       Example:
+       ```javascript
       import ObjectProxy from '@ember/object/proxy';
       import PromiseProxyMixin from '@ember/object/promise-proxy-mixin';
-         ObjectProxy.extend(PromiseProxyMixin).create({
+       ObjectProxy.extend(PromiseProxyMixin).create({
         promise: <thenable>
       });
       ```
-         @property promise
+       @property promise
       @public
     */
     promise: (0, _metal.computed)({
@@ -23489,8 +22831,8 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       An alias to the proxied promise's `then`.
-         See RSVP.Promise.then.
-         @method then
+       See RSVP.Promise.then.
+       @method then
       @param {Function} callback
       @return {RSVP.Promise}
       @public
@@ -23499,8 +22841,8 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       An alias to the proxied promise's `catch`.
-         See RSVP.Promise.catch.
-         @method catch
+       See RSVP.Promise.catch.
+       @method catch
       @param {Function} callback
       @return {RSVP.Promise}
       @since 1.3.0
@@ -23510,8 +22852,8 @@ define("@ember/-internals/runtime/lib/mixins/promise_proxy", ["exports", "@ember
 
     /**
       An alias to the proxied promise's `finally`.
-         See RSVP.Promise.finally.
-         @method finally
+       See RSVP.Promise.finally.
+       @method finally
       @param {Function} callback
       @return {RSVP.Promise}
       @since 1.3.0
@@ -23802,9 +23144,9 @@ define("@ember/-internals/runtime/lib/mixins/target_action_support", ["exports",
     /**
     Send an `action` with an `actionContext` to a `target`. The action, actionContext
     and target will be retrieved from properties of the object. For example:
-       ```javascript
+     ```javascript
     import { alias } from '@ember/object/computed';
-       App.SaveButtonView = Ember.View.extend(Ember.TargetActionSupport, {
+     App.SaveButtonView = Ember.View.extend(Ember.TargetActionSupport, {
       target: alias('controller'),
       action: 'save',
       actionContext: alias('context'),
@@ -23814,9 +23156,9 @@ define("@ember/-internals/runtime/lib/mixins/target_action_support", ["exports",
       }
     });
     ```
-       The `target`, `action`, and `actionContext` can be provided as properties of
+     The `target`, `action`, and `actionContext` can be provided as properties of
     an optional object argument to `triggerAction` as well.
-       ```javascript
+     ```javascript
     App.SaveButtonView = Ember.View.extend(Ember.TargetActionSupport, {
       click() {
         this.triggerAction({
@@ -23828,12 +23170,12 @@ define("@ember/-internals/runtime/lib/mixins/target_action_support", ["exports",
       }
     });
     ```
-       The `actionContext` defaults to the object you are mixing `TargetActionSupport` into.
+     The `actionContext` defaults to the object you are mixing `TargetActionSupport` into.
     But `target` and `action` must be specified either as properties or with the argument
     to `triggerAction`, or a combination:
-       ```javascript
+     ```javascript
     import { alias } from '@ember/object/computed';
-       App.SaveButtonView = Ember.View.extend(Ember.TargetActionSupport, {
+     App.SaveButtonView = Ember.View.extend(Ember.TargetActionSupport, {
       target: alias('controller'),
       click() {
         this.triggerAction({
@@ -23843,7 +23185,7 @@ define("@ember/-internals/runtime/lib/mixins/target_action_support", ["exports",
       }
     });
     ```
-       @method triggerAction
+     @method triggerAction
     @param opts {Object} (optional, with the optional keys action, target and/or actionContext)
     @return {Boolean} true if the action was sent successfully and did not return false
     @private
@@ -27601,12 +26943,14 @@ define("@ember/-internals/views/lib/system/utils", ["exports", "@ember/-internal
   _exports.setElementView = setElementView;
   _exports.setViewElement = setViewElement;
 
-  /* globals Element */
-
   /**
   @module ember
   */
   function isSimpleClick(event) {
+    if (!(event instanceof MouseEvent)) {
+      return false;
+    }
+
     var modifier = event.shiftKey || event.metaKey || event.altKey || event.ctrlKey;
     var secondaryClick = event.which > 1; // IE9 may return undefined
 
@@ -27834,22 +27178,6 @@ define("@ember/-internals/views/lib/views/core_view", ["exports", "@ember/-inter
   });
   _exports.default = void 0;
 
-  /**
-    `Ember.CoreView` is an abstract class that exists to give view-like behavior
-    to both Ember's main view class `Component` and other classes that don't need
-    the full functionality of `Component`.
-  
-    Unless you have specific needs for `CoreView`, you will use `Component`
-    in your applications.
-  
-    @class CoreView
-    @namespace Ember
-    @extends EmberObject
-    @deprecated Use `Component` instead.
-    @uses Evented
-    @uses Ember.ActionHandler
-    @private
-  */
   var CoreView = _runtime.FrameworkObject.extend(_runtime.Evented, _runtime.ActionHandler, {
     isView: true,
     _states: _states.default,
@@ -27866,7 +27194,7 @@ define("@ember/-internals/views/lib/views/core_view", ["exports", "@ember/-inter
     /**
       If the view is currently inserted into the DOM of a parent view, this
       property will point to the parent of the view.
-       @property parentView
+         @property parentView
       @type Ember.View
       @default null
       @private
@@ -27874,16 +27202,16 @@ define("@ember/-internals/views/lib/views/core_view", ["exports", "@ember/-inter
     parentView: null,
 
     instrumentDetails(hash) {
-      hash.object = this.toString();
-      hash.containerKey = this._debugContainerKey;
-      hash.view = this;
+      hash['object'] = this.toString();
+      hash['containerKey'] = this._debugContainerKey;
+      hash['view'] = this;
       return hash;
     },
 
     /**
       Override the default event firing from `Evented` to
       also call methods with the given name.
-       @method trigger
+         @method trigger
       @param name {String}
       @private
     */
@@ -30323,7 +29651,7 @@ define("@ember/debug/index", ["exports", "@ember/-internals/browser-environment"
   && !(0, _testing.isTesting)()) {
     if (typeof window !== 'undefined' && (_browserEnvironment.isFirefox || _browserEnvironment.isChrome) && window.addEventListener) {
       window.addEventListener('load', () => {
-        if (document.documentElement && document.documentElement.dataset && !document.documentElement.dataset.emberExtension) {
+        if (document.documentElement && document.documentElement.dataset && !document.documentElement.dataset['emberExtension']) {
           var downloadURL;
 
           if (_browserEnvironment.isChrome) {
@@ -34760,6 +34088,19 @@ define("@ember/polyfills/lib/assign", ["exports", "@ember/debug"], function (_ex
     return Object.assign(target, ...rest);
   }
 });
+define("@ember/renderer/index", ["exports", "@ember/-internals/glimmer"], function (_exports, _glimmer) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(_exports, "renderSettled", {
+    enumerable: true,
+    get: function () {
+      return _glimmer.renderSettled;
+    }
+  });
+});
 define("@ember/routing/auto-location", ["exports", "@ember/-internals/routing"], function (_exports, _routing) {
   "use strict";
 
@@ -55722,7 +55063,7 @@ define("ember/version", ["exports"], function (_exports) {
     value: true
   });
   _exports.default = void 0;
-  var _default = "4.4.0-alpha.3";
+  var _default = "4.4.0-alpha.4";
   _exports.default = _default;
 });
 define("route-recognizer", ["exports"], function (_exports) {