ember-source 6.12.0-beta.3 → 7.0.0-alpha.1

package/dist/{packages/shared-chunks/index-ByyoGpfz.js → dev/packages/shared-chunks/index-PxU6E7q8.js}

@@ -1,26 +1,26 @@
-import { c as capabilityFlagsFrom } from './capabilities-DHiXCCuB.js';
-import './debug-to-string-BsFOvUtQ.js';
-import { isDevelopingApp } from '@embroider/macros';
+import './fragment-Cc5k9Oy4.js';
+import './debug-to-string-CFb7h0lY.js';
 import setGlobalContext from '../@glimmer/global-context/index.js';
 import { untrack, consumeTag, tagFor, createCache, getValue, valueForTag, beginUntrackFrame, endUntrackFrame, beginTrackFrame, endTrackFrame, validateTag, createTag, dirtyTag as DIRTY_TAG$1, CONSTANT_TAG, isTracking, debug, CURRENT_TAG } from '../@glimmer/validator/index.js';
-import { v as valueForRef, j as isConstRef, d as createConstRef, l as isUpdatableRef, u as updateRef, b as createComputeRef, g as createPrimitiveRef, c as childRefFor, a as childRefFromParts, U as UNDEFINED_REFERENCE, f as createInvokableRef, h as createReadOnlyRef, i as createUnboundRef, e as createDebugAliasRef } from './reference-B6HMX4y0.js';
-import { t as templateFactory } from './index-CQkjwqTv.js';
+import { v as valueForRef, i as isConstRef, a as createConstRef, l as isUpdatableRef, u as updateRef, c as createComputeRef, d as createPrimitiveRef, b as childRefFor, g as childRefFromParts, U as UNDEFINED_REFERENCE, h as createInvokableRef, j as createReadOnlyRef, k as createUnboundRef, e as createDebugAliasRef } from './reference-C3TKDRnP.js';
+import { t as templateFactory } from './index-Q7JnrdBn.js';
 import { registerDestructor, associateDestroyableChild, isDestroyed, destroy, isDestroying } from '../@glimmer/destroyable/index.js';
-import { g as getFactoryFor, p as privatize } from './registry-XY5cfmbH.js';
+import { c as capabilityFlagsFrom } from './capabilities-O_xc7Yqk.js';
+import { getFactoryFor, privatize } from '../@ember/-internals/container/index.js';
 import { warn, debugFreeze, deprecate } from '../@ember/debug/index.js';
-import { O as reifyPositional, K as normalizeProperty, v as EMPTY_ARGS, G as createCapturedArgs, x as EMPTY_POSITIONAL, H as curry, h as hash, g as get$1, f as fn, c as concat, a as array, o as on$1, y as TEMPLATE_ONLY_COMPONENT_MANAGER, t as templateOnlyComponent } from './dynamic-CuBsUXX8.js';
-import './constants-oDhF27qL.js';
+import { w as reifyPositional, s as normalizeProperty, E as EMPTY_ARGS, l as createCapturedArgs, e as EMPTY_POSITIONAL, m as curry, q as hash, p as get$1, o as fn, k as concat, i as array, t as on$1, T as TEMPLATE_ONLY_COMPONENT_MANAGER, z as templateOnlyComponent } from './dynamic-CFg3dljk.js';
+import './constants-eoaL3OJQ.js';
 import { join, schedule, _backburner, _getCurrentRunLoop } from '../@ember/runloop/index.js';
 import { h as hasDOM } from './index-BGP1rw3B.js';
 import { action } from '../@ember/object/index.js';
 import { on } from '../@ember/modifier/on.js';
 import '../@ember/-internals/meta/lib/meta.js';
-import { g as guidFor, b as getDebugName, d as isObject } from './mandatory-setter-DLKyVs4Q.js';
-import { S as tracked, g as get, b as descriptorForProperty, Q as PROPERTY_DID_CHANGE, y as nativeDescDecorator, t as tagForObject, o as objectAt, a as tagForProperty, Z as _getProp } from './observers-DhgQ6ba5.js';
-import { E as ENV } from './env-DEd6hPbj.js';
+import { g as guidFor, f as getDebugName, i as isObject } from './mandatory-setter-DHZe7-kW.js';
+import { $ as tracked, g as get, b as descriptorForProperty, O as PROPERTY_DID_CHANGE, x as nativeDescDecorator, t as tagForObject, Q as objectAt, a as tagForProperty, X as _getProp } from './observers-Bj9qLVau.js';
+import { ENV } from '../@ember/-internals/environment/index.js';
 import { setOwner, getOwner, isFactory } from '../@ember/-internals/owner/index.js';
-import { s as setInternalComponentManager, a as getInternalHelperManager, i as helperCapabilities, j as setInternalHelperManager, c as hasInternalComponentManager, g as getInternalComponentManager } from './api-CkUl6KyJ.js';
-import { s as setComponentTemplate, g as getComponentTemplate } from './template-CMHIG4cn.js';
+import { s as setInternalComponentManager, g as getInternalHelperManager, c as helperCapabilities, i as setInternalHelperManager, b as hasInternalComponentManager, e as getInternalComponentManager } from './api-BqXkkT0p.js';
+import { s as setComponentTemplate, g as getComponentTemplate } from './template-kM-7TTcc.js';
 import { assert } from '../@ember/debug/lib/assert.js';
 import { d as decorateFieldV2, i as initializeDeferredDecorator, a as decorateMethodV2 } from './chunk-3SQBS3Y5-Cj4eryg1.js';
 import { isSimpleClick, getViewElement, clearElementView, clearViewElement, addChildView, setViewElement, setElementView, getChildViews, constructStyleDeprecationMessage, getViewId } from '../@ember/-internals/views/lib/system/utils.js';
@@ -40,28 +40,27 @@ import '../@ember/enumerable/mutable.js';
 import TargetActionSupport from '../@ember/-internals/runtime/lib/mixins/target_action_support.js';
 import '../@ember/-internals/runtime/lib/ext/rsvp.js';
 import EventDispatcher from '../@ember/-internals/views/lib/system/event_dispatcher.js';
-import { e as enumerableSymbol } from './to-string-CqD7_vQ4.js';
 import { E as EMPTY_ARRAY$2 } from './array-utils-CZQxrdD3.js';
 import { dasherize } from '../@ember/-internals/string/index.js';
 import { MUTABLE_CELL } from '../@ember/-internals/views/lib/compat/attrs.js';
 import { FrameworkObject } from '../@ember/object/-internals.js';
-import { b as setHelperManager } from './api-1B_9SjFR.js';
-import { d as dict } from './collections-B8me-ZlQ.js';
-import { a as artifacts } from './helpers-C1rIkuSd.js';
-import { R as RuntimeOpImpl } from './program-CcLlGnAU.js';
-import { c as runtimeOptions, i as inTransaction, r as renderComponent$1, a as renderMain } from './render-DTOhhssy.js';
-import { c as clientBuilder } from './element-builder-BuVym8EM.js';
+import { setHelperManager } from '../@glimmer/manager/index.js';
+import { d as dict } from './collections-D_nY_0UJ.js';
+import { artifacts } from '../@glimmer/program/index.js';
+import { R as RuntimeOpImpl } from './program-DfV0v8aa.js';
+import { c as runtimeOptions, i as inTransaction, r as renderComponent$1, a as renderMain } from './render-sg8BuFaE.js';
+import { c as clientBuilder } from './element-builder-BOxP8emt.js';
 import { a as RSVP } from './rsvp-CnCSY930.js';
 import EngineInstance from '../@ember/engine/instance.js';
-import { _ as _setProp, s as set } from './property_set-DrZnfGQ7.js';
+import { _ as _setProp, s as set } from './property_set-DaoZXGM5.js';
 import { isEmberArray } from '../@ember/array/-internals.js';
-import { i as isProxy } from './is_proxy-C2q5rUMp.js';
+import { i as isProxy } from './is_proxy-B0smdQy8.js';
 import { isArray } from '../@ember/array/index.js';
 import '../route-recognizer/index.js';
-import './unrecognized-url-error-BBMMZhBN.js';
+import './unrecognized-url-error-B3wUTorp.js';
 import '../@ember/routing/lib/routing-service.js';
 import { generateControllerFactory } from '../@ember/routing/lib/generate_controller.js';
-import { E as EvaluationContextImpl } from './program-context-CZJnCFdo.js';
+import { E as EvaluationContextImpl } from './program-context-BRjCC_BA.js';
 
 const RootTemplate = templateFactory(
 /*
@@ -98,7 +97,9 @@ const InputTemplate = templateFactory(
   "id": null,
   "block": "[[[11,\"input\"],[16,1,[30,0,[\"id\"]]],[16,0,[30,0,[\"class\"]]],[17,1],[16,4,[30,0,[\"type\"]]],[16,\"checked\",[30,0,[\"checked\"]]],[16,2,[30,0,[\"value\"]]],[4,[32,0],[\"change\",[30,0,[\"change\"]]],null],[4,[32,0],[\"input\",[30,0,[\"input\"]]],null],[4,[32,0],[\"keyup\",[30,0,[\"keyUp\"]]],null],[4,[32,0],[\"paste\",[30,0,[\"valueDidChange\"]]],null],[4,[32,0],[\"cut\",[30,0,[\"valueDidChange\"]]],null],[12],[13]],[\"&attrs\"],[]]",
   "moduleName": "packages/@ember/-internals/glimmer/lib/templates/input.hbs",
-  "scope": () => [on],
+  "scope": () => ({
+    on
+  }),
   "isStrictMode": true
 });
 
@@ -154,7 +155,7 @@ class InternalComponent {
   listenerFor(name) {
     let listener = this.named(name);
     if (listener) {
-      (isDevelopingApp() && !(typeof listener === 'function') && assert(`The \`@${name}\` argument to the <${this.constructor}> component must be a function`, typeof listener === 'function'));
+      (!(typeof listener === 'function') && assert(`The \`@${name}\` argument to the <${this.constructor}> component must be a function`, typeof listener === 'function'));
       return listener;
     } else {
       return NOOP$1;
@@ -187,7 +188,7 @@ function opaquify(constructor, template) {
 }
 function deopaquify(opaque) {
   let constructor = OPAQUE_CONSTRUCTOR_MAP.get(opaque);
-  (isDevelopingApp() && !(constructor) && assert(`[BUG] Invalid internal component constructor: ${opaque}`, constructor));
+  (!(constructor) && assert(`[BUG] Invalid internal component constructor: ${opaque}`, constructor));
   return constructor;
 }
 const CAPABILITIES$3 = {
@@ -210,7 +211,7 @@ class InternalManager {
     return CAPABILITIES$3;
   }
   create(owner, definition, args, _env, _dynamicScope, caller) {
-    (isDevelopingApp() && !(isConstRef(caller)) && assert('caller must be const', isConstRef(caller)));
+    (!(isConstRef(caller)) && assert('caller must be const', isConstRef(caller)));
     let ComponentClass = deopaquify(definition);
     let instance = new ComponentClass(owner, args.capture(), valueForRef(caller));
     untrack(instance['validateArguments'].bind(instance));
@@ -234,7 +235,7 @@ const INTERNAL_COMPONENT_MANAGER = new InternalManager();
 
 const UNINITIALIZED = Object.freeze({});
 function elementForEvent(event) {
-  (isDevelopingApp() && !(event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) && assert('[BUG] event target must be an <input> or <textarea> element', event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement));
+  (!(event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) && assert('[BUG] event target must be an <input> or <textarea> element', event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement));
   return event.target;
 }
 function valueForEvent(event) {
@@ -293,17 +294,17 @@ class ForkedValue {
       this.lastUpstreamValue = upstreamValue;
       this.local = new LocalValue(upstreamValue);
     }
-    (isDevelopingApp() && !(this.local) && assert('[BUG] this.local must have been initialized at this point', this.local));
+    (!(this.local) && assert('[BUG] this.local must have been initialized at this point', this.local));
     return this.local.get();
   }
   set(value) {
-    (isDevelopingApp() && !(this.local) && assert('[BUG] this.local must have been initialized at this point', this.local));
+    (!(this.local) && assert('[BUG] this.local must have been initialized at this point', this.local));
     this.local.set(value);
   }
 }
 class AbstractInput extends InternalComponent {
   validateArguments() {
-    (isDevelopingApp() && !(this.args.positional.length === 0) && assert(`The ${this.constructor} component does not take any positional arguments`, this.args.positional.length === 0));
+    (!(this.args.positional.length === 0) && assert(`The ${this.constructor} component does not take any positional arguments`, this.args.positional.length === 0));
     super.validateArguments();
   }
   _value = valueFrom(this.args.named['value']);
@@ -540,7 +541,7 @@ class _Input extends AbstractInput {
     if (type === null || type === undefined) {
       return 'text';
     }
-    (isDevelopingApp() && !(typeof type === 'string') && assert('The `@type` argument to the <Input> component must be a string', typeof type === 'string'));
+    (!(typeof type === 'string') && assert('The `@type` argument to the <Input> component must be a string', typeof type === 'string'));
     return isValidInputType(type) ? type : 'text';
   }
   get isCheckbox() {
@@ -549,7 +550,7 @@ class _Input extends AbstractInput {
   _checked = valueFrom(this.args.named['checked']);
   get checked() {
     if (this.isCheckbox) {
-      (isDevelopingApp() && 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={{...}} />`?', untrack(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof valueForRef(this.args.named['value']) === 'string'), {
+      (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={{...}} />`?', untrack(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof valueForRef(this.args.named['value']) === 'string'), {
         id: 'ember.built-in-components.input-checkbox-value'
       }));
       return this._checked.get();
@@ -558,7 +559,7 @@ class _Input extends AbstractInput {
     }
   }
   set checked(checked) {
-    (isDevelopingApp() && 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={{...}} />`?', untrack(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof valueForRef(this.args.named['value']) === 'string'), {
+    (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={{...}} />`?', untrack(() => this.args.named['checked'] !== undefined || this.args.named['value'] === undefined || typeof valueForRef(this.args.named['value']) === 'string'), {
       id: 'ember.built-in-components.input-checkbox-value'
     }));
     this._checked.set(checked);
@@ -583,7 +584,7 @@ class _Input extends AbstractInput {
   }
   checkedDidChange(event) {
     let element = event.target;
-    (isDevelopingApp() && !(element instanceof HTMLInputElement) && assert('[BUG] element must be an <input>', element instanceof HTMLInputElement));
+    (!(element instanceof HTMLInputElement) && assert('[BUG] element must be an <input>', element instanceof HTMLInputElement));
     this.checked = element.checked;
   }
   static {
@@ -621,7 +622,9 @@ const LinkToTemplate = templateFactory(
   "id": null,
   "block": "[[[11,3],[16,1,[30,0,[\"id\"]]],[16,0,[30,0,[\"class\"]]],[16,\"role\",[30,0,[\"role\"]]],[16,\"title\",[30,0,[\"title\"]]],[16,\"rel\",[30,0,[\"rel\"]]],[16,\"tabindex\",[30,0,[\"tabindex\"]]],[16,\"target\",[30,0,[\"target\"]]],[17,1],[16,6,[30,0,[\"href\"]]],[4,[32,0],[\"click\",[30,0,[\"click\"]]],null],[12],[18,2,null],[13]],[\"&attrs\",\"&default\"],[\"yield\"]]",
   "moduleName": "packages/@ember/-internals/glimmer/lib/templates/link-to.hbs",
-  "scope": () => [on],
+  "scope": () => ({
+    on
+  }),
   "isStrictMode": true
 });
 
@@ -881,9 +884,9 @@ class _LinkTo extends InternalComponent {
   }
   #routing = (initializeDeferredDecorator(this, "routing"), void 0);
   validateArguments() {
-    (isDevelopingApp() && !(!this.isEngine || this.engineMountPoint !== undefined) && assert('You attempted to use the <LinkTo> component within a routeless engine, this is not supported. ' + 'If you are using the ember-engines addon, use the <LinkToExternal> component instead. ' + 'See https://github.com/ember-engines/ember-engines for more info.', !this.isEngine || this.engineMountPoint !== undefined));
-    (isDevelopingApp() && !('route' in this.args.named || 'model' in this.args.named || 'models' in this.args.named || 'query' in this.args.named) && assert('You must provide at least one of the `@route`, `@model`, `@models` or `@query` arguments to `<LinkTo>`.', 'route' in this.args.named || 'model' in this.args.named || 'models' in this.args.named || 'query' in this.args.named));
-    (isDevelopingApp() && !(!('model' in this.args.named && 'models' in this.args.named)) && assert('You cannot provide both the `@model` and `@models` arguments to the <LinkTo> component.', !('model' in this.args.named && 'models' in this.args.named)));
+    (!(!this.isEngine || this.engineMountPoint !== undefined) && assert('You attempted to use the <LinkTo> component within a routeless engine, this is not supported. ' + 'If you are using the ember-engines addon, use the <LinkToExternal> component instead. ' + 'See https://github.com/ember-engines/ember-engines for more info.', !this.isEngine || this.engineMountPoint !== undefined));
+    (!('route' in this.args.named || 'model' in this.args.named || 'models' in this.args.named || 'query' in this.args.named) && assert('You must provide at least one of the `@route`, `@model`, `@models` or `@query` arguments to `<LinkTo>`.', 'route' in this.args.named || 'model' in this.args.named || 'models' in this.args.named || 'query' in this.args.named));
+    (!(!('model' in this.args.named && 'models' in this.args.named)) && assert('You cannot provide both the `@model` and `@models` arguments to the <LinkTo> component.', !('model' in this.args.named && 'models' in this.args.named)));
     super.validateArguments();
   }
   get class() {
@@ -914,10 +917,10 @@ class _LinkTo extends InternalComponent {
       models,
       query
     } = this;
-    (isDevelopingApp() && !(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route))); // consume the current router state so we invalidate when QP changes
+    (!(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route))); // consume the current router state so we invalidate when QP changes
     // TODO: can we narrow this down to QP changes only?
     consumeTag(tagFor(routing, 'currentState'));
-    if (isDevelopingApp()) {
+    {
       try {
         return routing.generateURL(route, models, query);
       } catch (e) {
@@ -930,8 +933,6 @@ class _LinkTo extends InternalComponent {
           throw message;
         }
       }
-    } else {
-      return routing.generateURL(route, models, query);
     }
   }
   click(event) {
@@ -939,8 +940,9 @@ class _LinkTo extends InternalComponent {
       return;
     }
     let element = event.currentTarget;
-    (isDevelopingApp() && !(element instanceof HTMLAnchorElement) && assert('[BUG] must be an <a> element', element instanceof HTMLAnchorElement));
-    let isSelf = element.target === '' || element.target === '_self';
+    (!(element instanceof HTMLAnchorElement || element instanceof SVGAElement) && assert('[BUG] must be an <a> element', element instanceof HTMLAnchorElement || element instanceof SVGAElement));
+    let target = element instanceof SVGAElement ? element.target.baseVal : element.target;
+    let isSelf = target === '' || target === '_self';
     if (isSelf) {
       this.preventDefault(event);
     } else {
@@ -950,7 +952,7 @@ class _LinkTo extends InternalComponent {
       return;
     }
     if (this.isLoading) {
-      (isDevelopingApp() && warn('This link is in an inactive loading state because at least one of its models ' + 'currently has a null/undefined value, or the provided route name is invalid.', false, {
+      (warn('This link is in an inactive loading state because at least one of its models ' + 'currently has a null/undefined value, or the provided route name is invalid.', false, {
         id: 'ember-glimmer.link-to.inactive-loading-state'
       }));
       return;
@@ -966,7 +968,7 @@ class _LinkTo extends InternalComponent {
       transition: undefined
     };
     flaggedInstrument('interaction.link-to', payload, () => {
-      (isDevelopingApp() && !(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route)));
+      (!(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route)));
       payload.transition = routing.transitionTo(route, models, query, replace);
     });
   }
@@ -976,7 +978,7 @@ class _LinkTo extends InternalComponent {
   get route() {
     if ('route' in this.args.named) {
       let route = this.named('route');
-      (isDevelopingApp() && !(isMissing(route) || typeof route === 'string') && assert('The `@route` argument to the <LinkTo> component must be a string', isMissing(route) || typeof route === 'string'));
+      (!(isMissing(route) || typeof route === 'string') && assert('The `@route` argument to the <LinkTo> component must be a string', isMissing(route) || typeof route === 'string'));
       return route && this.namespaceRoute(route);
     } else {
       return this.currentRoute;
@@ -997,7 +999,7 @@ class _LinkTo extends InternalComponent {
   get models() {
     if ('models' in this.args.named) {
       let models = this.named('models');
-      (isDevelopingApp() && !(Array.isArray(models)) && assert('The `@models` argument to the <LinkTo> component must be an array.', Array.isArray(models)));
+      (!(Array.isArray(models)) && assert('The `@models` argument to the <LinkTo> component must be an array.', Array.isArray(models)));
       return models;
     } else if ('model' in this.args.named) {
       // eslint-disable-next-line @typescript-eslint/no-empty-object-type
@@ -1009,7 +1011,7 @@ class _LinkTo extends InternalComponent {
   get query() {
     if ('query' in this.args.named) {
       let query = this.named('query');
-      (isDevelopingApp() && !(query !== null && typeof query === 'object') && assert('The `@query` argument to the <LinkTo> component must be an object.', query !== null && typeof query === 'object'));
+      (!(query !== null && typeof query === 'object') && assert('The `@query` argument to the <LinkTo> component must be an object.', query !== null && typeof query === 'object'));
       return {
         ...query
       };
@@ -1048,7 +1050,7 @@ class _LinkTo extends InternalComponent {
   }
   classFor(state) {
     let className = this.named(`${state}Class`);
-    (isDevelopingApp() && !(isMissing(className) || typeof className === 'string' || typeof className === 'boolean') && assert(`The \`@${state}Class\` argument to the <LinkTo> component must be a string or boolean`, isMissing(className) || typeof className === 'string' || typeof className === 'boolean'));
+    (!(isMissing(className) || typeof className === 'string' || typeof className === 'boolean') && assert(`The \`@${state}Class\` argument to the <LinkTo> component must be a string or boolean`, isMissing(className) || typeof className === 'string' || typeof className === 'boolean'));
     if (className === true || isMissing(className)) {
       return ` ${state}`;
     } else if (className) {
@@ -1081,10 +1083,9 @@ class _LinkTo extends InternalComponent {
       return currentWhen;
     } else if (typeof currentWhen === 'string') {
       let {
-        models,
         routing
       } = this;
-      return currentWhen.split(' ').some(route => routing.isActiveForRoute(models, undefined, this.namespaceRoute(route), state));
+      return currentWhen.split(' ').some(route => routing.isActiveForRoute([], undefined, this.namespaceRoute(route), state));
     } else {
       let {
         route,
@@ -1092,7 +1093,7 @@ class _LinkTo extends InternalComponent {
         query,
         routing
       } = this;
-      (isDevelopingApp() && !(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route)));
+      (!(isPresent(route)) && assert('[BUG] route can only be missing if isLoading is true', isPresent(route)));
       return routing.isActiveForRoute(models, query, route, state);
     }
   }
@@ -1123,7 +1124,7 @@ let descriptorFor = (target, property) => {
     enumerable: false,
     value: function onUnsupportedArgument(name) {
       if (name === 'href') {
-        (isDevelopingApp() && true && assert(`Passing the \`@href\` argument to <LinkTo> is not supported.`));
+        (assert(`Passing the \`@href\` argument to <LinkTo> is not supported.`));
       } else {
         superOnUnsupportedArgument.call(this, name);
       }
@@ -1134,7 +1135,7 @@ let descriptorFor = (target, property) => {
 // QP
 {
   let superModelsDescriptor = descriptorFor(prototype, 'models');
-  (isDevelopingApp() && !(superModelsDescriptor && typeof superModelsDescriptor.get === 'function') && assert(`[BUG] expecting models to be a getter on <LinkTo>`, superModelsDescriptor && typeof superModelsDescriptor.get === 'function')); // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  (!(superModelsDescriptor && typeof superModelsDescriptor.get === 'function') && assert(`[BUG] expecting models to be a getter on <LinkTo>`, superModelsDescriptor && typeof superModelsDescriptor.get === 'function')); // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   let superModelsGetter = superModelsDescriptor.get;
   Object.defineProperty(prototype, 'models', {
     configurable: true,
@@ -1151,7 +1152,7 @@ let descriptorFor = (target, property) => {
     }
   });
   let superQueryDescriptor = descriptorFor(prototype, 'query');
-  (isDevelopingApp() && !(superQueryDescriptor && typeof superQueryDescriptor.get === 'function') && assert(`[BUG] expecting query to be a getter on <LinkTo>`, superQueryDescriptor && typeof superQueryDescriptor.get === 'function')); // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  (!(superQueryDescriptor && typeof superQueryDescriptor.get === 'function') && assert(`[BUG] expecting query to be a getter on <LinkTo>`, superQueryDescriptor && typeof superQueryDescriptor.get === 'function')); // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   let superQueryGetter = superQueryDescriptor.get;
   Object.defineProperty(prototype, 'query', {
     configurable: true,
@@ -1216,7 +1217,9 @@ const TextareaTemplate = templateFactory(
   "id": null,
   "block": "[[[11,\"textarea\"],[16,1,[30,0,[\"id\"]]],[16,0,[30,0,[\"class\"]]],[17,1],[16,2,[30,0,[\"value\"]]],[4,[32,0],[\"change\",[30,0,[\"change\"]]],null],[4,[32,0],[\"input\",[30,0,[\"input\"]]],null],[4,[32,0],[\"keyup\",[30,0,[\"keyUp\"]]],null],[4,[32,0],[\"paste\",[30,0,[\"valueDidChange\"]]],null],[4,[32,0],[\"cut\",[30,0,[\"valueDidChange\"]]],null],[12],[13]],[\"&attrs\"],[]]",
   "moduleName": "packages/@ember/-internals/glimmer/lib/templates/textarea.hbs",
-  "scope": () => [on],
+  "scope": () => ({
+    on
+  }),
   "isStrictMode": true
 });
 
@@ -1282,12 +1285,12 @@ function referenceForParts(rootRef, parts) {
 function parseAttributeBinding(microsyntax) {
   let colonIndex = microsyntax.indexOf(':');
   if (colonIndex === -1) {
-    (isDevelopingApp() && !(microsyntax !== 'class') && assert('You cannot use class as an attributeBinding, use classNameBindings instead.', microsyntax !== 'class'));
+    (!(microsyntax !== 'class') && assert('You cannot use class as an attributeBinding, use classNameBindings instead.', microsyntax !== 'class'));
     return [microsyntax, microsyntax, true];
   } else {
     let prop = microsyntax.substring(0, colonIndex);
     let attribute = microsyntax.substring(colonIndex + 1);
-    (isDevelopingApp() && !(attribute !== 'class') && assert('You cannot use class as an attributeBinding, use classNameBindings instead.', attribute !== 'class'));
+    (!(attribute !== 'class') && assert('You cannot use class as an attributeBinding, use classNameBindings instead.', attribute !== 'class'));
     return [prop, attribute, false];
   }
 }
@@ -1306,14 +1309,14 @@ function installAttributeBinding(component, rootRef, parsed, operations) {
   }
   let isPath = prop.indexOf('.') > -1;
   let reference = isPath ? referenceForParts(rootRef, prop.split('.')) : childRefFor(rootRef, prop);
-  (isDevelopingApp() && !(!(isSimple && isPath)) && assert(`Illegal attributeBinding: '${prop}' is not a valid attribute name.`, !(isSimple && isPath)));
+  (!(!(isSimple && isPath)) && assert(`Illegal attributeBinding: '${prop}' is not a valid attribute name.`, !(isSimple && isPath)));
   operations.setAttribute(attribute, reference, false, null);
 }
 function createClassNameBindingRef(rootRef, microsyntax, operations) {
   let parts = microsyntax.split(':');
   let [prop, truthy, falsy] = parts;
   // NOTE: This could be an empty string
-  (isDevelopingApp() && !(prop !== undefined) && assert('has prop', prop !== undefined)); // Will always have at least one part
+  (!(prop !== undefined) && assert('has prop', prop !== undefined)); // Will always have at least one part
   let isStatic = prop === '';
   if (isStatic) {
     operations.setAttribute('class', createPrimitiveRef(truthy), true, null);
@@ -1335,7 +1338,7 @@ function createSimpleClassNameBindingRef(inner, path) {
   return createComputeRef(() => {
     let value = valueForRef(inner);
     if (value === true) {
-      (isDevelopingApp() && !(path !== undefined) && assert('You must pass a path when binding a to a class name using classNameBindings', path !== undefined));
+      (!(path !== undefined) && assert('You must pass a path when binding a to a class name using classNameBindings', path !== undefined));
       return dasherizedPath || (dasherizedPath = dasherize(path));
     } else if (value || value === 0) {
       return String(value);
@@ -1406,12 +1409,15 @@ class ComponentStateBucket {
   }
 }
 
+// ComponentArgs takes EvaluatedNamedArgs and converts them into the
+// inputs needed by CurlyComponents (attrs and props, with mutable
+// cells, etc).
 function processComponentArgs(namedArgs) {
   let attrs = Object.create(null);
   let props = Object.create(null);
   for (let name in namedArgs) {
     let ref = namedArgs[name];
-    (isDevelopingApp() && !(ref) && assert('expected ref', ref));
+    (!(ref) && assert('expected ref', ref));
     let value = valueForRef(ref);
     if (isUpdatableRef(ref)) {
       attrs[name] = new MutableCell(ref, value);
@@ -1438,15 +1444,17 @@ class MutableCell {
   }
 }
 
-const ARGS = enumerableSymbol('ARGS');
-const HAS_BLOCK = enumerableSymbol('HAS_BLOCK');
+const COMPONENT_ARGS_MAP = new WeakMap();
+function getComponentCapturedArgs(component) {
+  return COMPONENT_ARGS_MAP.get(component);
+}
 const DIRTY_TAG = Symbol('DIRTY_TAG');
 const IS_DISPATCHING_ATTRS = Symbol('IS_DISPATCHING_ATTRS');
 const BOUNDS = Symbol('BOUNDS');
 const EMBER_VIEW_REF = createPrimitiveRef('ember-view');
 function aliasIdToElementId(args, props) {
   if (args.named.has('id')) {
-    (isDevelopingApp() && !(!args.named.has('elementId')) && assert(`You cannot invoke a component with both 'id' and 'elementId' at the same time.`, !args.named.has('elementId')));
+    (!(!args.named.has('elementId')) && assert(`You cannot invoke a component with both 'id' and 'elementId' at the same time.`, !args.named.has('elementId')));
     props.elementId = props.id;
   }
 }
@@ -1459,7 +1467,7 @@ function applyAttributeBindings(attributeBindings, component, rootRef, operation
   let i = attributeBindings.length - 1;
   while (i !== -1) {
     let binding = attributeBindings[i];
-    (isDevelopingApp() && !(binding) && assert('has binding', binding));
+    (!(binding) && assert('has binding', binding));
     let parsed = parseAttributeBinding(binding);
     let attribute = parsed[1];
     if (seen.indexOf(attribute) === -1) {
@@ -1482,12 +1490,12 @@ class CurlyComponentManager {
       layoutName
     } = component;
     let owner = getOwner(component);
-    (isDevelopingApp() && !(owner) && assert('Component is unexpectedly missing an owner', owner));
+    (!(owner) && assert('Component is unexpectedly missing an owner', owner));
     let factory;
     if (layout === undefined) {
       if (layoutName !== undefined) {
         let _factory = owner.lookup(`template:${layoutName}`);
-        (isDevelopingApp() && !(_factory !== undefined) && assert(`Layout \`${layoutName}\` not found!`, _factory !== undefined));
+        (!(_factory !== undefined) && assert(`Layout \`${layoutName}\` not found!`, _factory !== undefined));
         factory = _factory;
       } else {
         return null;
@@ -1518,12 +1526,12 @@ class CurlyComponentManager {
   }
   prepareArgs(ComponentClass, args) {
     if (args.named.has('__ARGS__')) {
-      (isDevelopingApp() && !(args.positional.length === 0) && assert('[BUG] cannot pass both __ARGS__ and positional arguments', args.positional.length === 0));
+      (!(args.positional.length === 0) && assert('[BUG] cannot pass both __ARGS__ and positional arguments', args.positional.length === 0));
       let {
         __ARGS__,
         ...rest
       } = args.named.capture();
-      (isDevelopingApp() && !(__ARGS__) && assert('[BUG] unexpectedly missing __ARGS__ after check', __ARGS__)); // does this need to be untracked?
+      (!(__ARGS__) && assert('[BUG] unexpectedly missing __ARGS__ after check', __ARGS__)); // does this need to be untracked?
       let __args__ = valueForRef(__ARGS__);
       let prepared = {
         positional: __args__.positional,
@@ -1544,7 +1552,7 @@ class CurlyComponentManager {
     }
     let named;
     if (typeof positionalParams === 'string') {
-      (isDevelopingApp() && !(!args.named.has(positionalParams)) && assert(`You cannot specify positional parameters and the hash argument \`${positionalParams}\`.`, !args.named.has(positionalParams)));
+      (!(!args.named.has(positionalParams)) && assert(`You cannot specify positional parameters and the hash argument \`${positionalParams}\`.`, !args.named.has(positionalParams)));
       let captured = args.positional.capture();
       named = {
         [positionalParams]: createComputeRef(() => reifyPositional(captured))
@@ -1556,8 +1564,8 @@ class CurlyComponentManager {
       Object.assign(named, args.named.capture());
       for (let i = 0; i < count; i++) {
         let name = positionalParams[i];
-        (isDevelopingApp() && !(name) && assert('Expected at least one positional param', name));
-        (isDevelopingApp() && !(!args.named.has(name)) && assert(`You cannot specify both a positional param (at position ${i}) and the hash argument \`${name}\`.`, !args.named.has(name)));
+        (!(name) && assert('Expected at least one positional param', name));
+        (!(!args.named.has(name)) && assert(`You cannot specify both a positional param (at position ${i}) and the hash argument \`${name}\`.`, !args.named.has(name)));
         named[name] = args.positional.at(i);
       }
     } else {
@@ -1577,7 +1585,7 @@ class CurlyComponentManager {
    */
   create(owner, ComponentClass, args, {
     isInteractive
-  }, dynamicScope, callerSelfRef, hasBlock) {
+  }, dynamicScope, callerSelfRef) {
     // Get the nearest concrete component instance from the scope. "Virtual"
     // components will be skipped.
     let parentView = dynamicScope.view;
@@ -1587,7 +1595,6 @@ class CurlyComponentManager {
     let capturedArgs = args.named.capture();
     beginTrackFrame();
     let props = processComponentArgs(capturedArgs);
-    props[ARGS] = capturedArgs;
     let argsTag = endTrackFrame();
 
     // Alias `id` argument to `elementId` property on the component instance.
@@ -1597,11 +1604,6 @@ class CurlyComponentManager {
     // component.
     props.parentView = parentView;
 
-    // Set whether this component was invoked with a block
-    // (`{{#my-component}}{{/my-component}}`) or without one
-    // (`{{my-component}}`).
-    props[HAS_BLOCK] = hasBlock;
-
     // Save the current `this` context of the template as the component's
     // `_target`, so bubbled actions are routed to the right place.
     props._target = valueForRef(callerSelfRef);
@@ -1617,6 +1619,10 @@ class CurlyComponentManager {
     // actually create it.
     beginUntrackFrame();
     let component = ComponentClass.create(props);
+
+    // Store capturedArgs in a WeakMap keyed by the component instance so that
+    // PROPERTY_DID_CHANGE can look them up
+    COMPONENT_ARGS_MAP.set(component, capturedArgs);
     let finalizer = _instrumentStart('render.component', initialRenderInstrumentDetails, component);
 
     // We become the new parentView for downstream components, so save our
@@ -1648,7 +1654,7 @@ class CurlyComponentManager {
     if (args.named.has('class')) {
       bucket.classRef = args.named.get('class');
     }
-    if (isDevelopingApp()) {
+    {
       processComponentInitializationAssertions(component, props);
     }
     if (isInteractive && hasWrappedElement) {
@@ -1773,7 +1779,7 @@ class CurlyComponentManager {
   }
 }
 function processComponentInitializationAssertions(component, props) {
-  (isDevelopingApp() && !((() => {
+  (!((() => {
     let {
       classNameBindings
     } = component;
@@ -1796,7 +1802,7 @@ function processComponentInitializationAssertions(component, props) {
     }
     return true;
   })()));
-  (isDevelopingApp() && !((() => {
+  (!((() => {
     let {
       classNameBindings
     } = component;
@@ -1817,9 +1823,9 @@ function processComponentInitializationAssertions(component, props) {
     }
     return true;
   })()));
-  (isDevelopingApp() && !(component.tagName !== '' || !component.classNameBindings || component.classNameBindings.length === 0) && assert(`You cannot use \`classNameBindings\` on a tag-less component: ${component}`, component.tagName !== '' || !component.classNameBindings || component.classNameBindings.length === 0));
-  (isDevelopingApp() && !(component.tagName !== '' || props.id === component.elementId || !component.elementId && component.elementId !== '') && assert(`You cannot use \`elementId\` on a tag-less component: ${component}`, component.tagName !== '' || props.id === component.elementId || !component.elementId && component.elementId !== ''));
-  (isDevelopingApp() && !(component.tagName !== '' || !component.attributeBindings || component.attributeBindings.length === 0) && assert(`You cannot use \`attributeBindings\` on a tag-less component: ${component}`, component.tagName !== '' || !component.attributeBindings || component.attributeBindings.length === 0));
+  (!(component.tagName !== '' || !component.classNameBindings || component.classNameBindings.length === 0) && assert(`You cannot use \`classNameBindings\` on a tag-less component: ${component}`, component.tagName !== '' || !component.classNameBindings || component.classNameBindings.length === 0));
+  (!(component.tagName !== '' || props.id === component.elementId || !component.elementId && component.elementId !== '') && assert(`You cannot use \`elementId\` on a tag-less component: ${component}`, component.tagName !== '' || props.id === component.elementId || !component.elementId && component.elementId !== ''));
+  (!(component.tagName !== '' || !component.attributeBindings || component.attributeBindings.length === 0) && assert(`You cannot use \`attributeBindings\` on a tag-less component: ${component}`, component.tagName !== '' || !component.attributeBindings || component.attributeBindings.length === 0));
 }
 function initialRenderInstrumentDetails(component) {
   return component.instrumentDetails({
@@ -1864,7 +1870,7 @@ const EMPTY_ARRAY = Object.freeze([]);
 */
 const elMatches = typeof Element !== 'undefined' ? Element.prototype.matches : undefined;
 function matches(el, selector) {
-  (isDevelopingApp() && !(elMatches !== undefined) && assert('cannot call `matches` in fastboot mode', elMatches !== undefined));
+  (!(elMatches !== undefined) && assert('cannot call `matches` in fastboot mode', elMatches !== undefined));
   return elMatches.call(el, selector);
 }
 
@@ -2572,7 +2578,7 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
         lazyEventsProcessedForComponentClass.add(proto);
       }
     }
-    if (isDevelopingApp() && eventDispatcher && this.renderer._isInteractive && this.tagName === '') {
+    if (eventDispatcher && this.renderer._isInteractive && this.tagName === '') {
       let eventNames = [];
       let events = eventDispatcher.finalEventNameMapping;
       for (let key in events) {
@@ -2582,16 +2588,16 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
         }
       }
       // If in a tagless component, assert that no event handlers are defined
-      (isDevelopingApp() && !(!eventNames.length) && assert(`You can not define \`${eventNames}\` function(s) to handle DOM event in the \`${this}\` tagless component since it doesn't have any DOM element.`, !eventNames.length));
+      (!(!eventNames.length) && assert(`You can not define \`${eventNames}\` function(s) to handle DOM event in the \`${this}\` tagless component since it doesn't have any DOM element.`, !eventNames.length));
     }
-    (isDevelopingApp() && !(descriptorForProperty(this, 'classNameBindings') === undefined && Array.isArray(this.classNameBindings)) && assert(`Only arrays are allowed for 'classNameBindings'`, descriptorForProperty(this, 'classNameBindings') === undefined && Array.isArray(this.classNameBindings)));
-    (isDevelopingApp() && !(descriptorForProperty(this, 'classNames') === undefined && Array.isArray(this.classNames)) && assert(`Only arrays of static class strings are allowed for 'classNames'. For dynamic classes, use 'classNameBindings'.`, descriptorForProperty(this, 'classNames') === undefined && Array.isArray(this.classNames))); // ViewMixin
+    (!(descriptorForProperty(this, 'classNameBindings') === undefined && Array.isArray(this.classNameBindings)) && assert(`Only arrays are allowed for 'classNameBindings'`, descriptorForProperty(this, 'classNameBindings') === undefined && Array.isArray(this.classNameBindings)));
+    (!(descriptorForProperty(this, 'classNames') === undefined && Array.isArray(this.classNames)) && assert(`Only arrays of static class strings are allowed for 'classNames'. For dynamic classes, use 'classNameBindings'.`, descriptorForProperty(this, 'classNames') === undefined && Array.isArray(this.classNames))); // ViewMixin
     // Setup a view, but do not finish waking it up.
     // * configure `childViews`
     // * register the view with the global views hash, which is used for event
     //   dispatch
-    (isDevelopingApp() && !(descriptorForProperty(this, 'elementId') === undefined) && assert(`You cannot use a computed property for the component's \`elementId\` (${this}).`, descriptorForProperty(this, 'elementId') === undefined));
-    (isDevelopingApp() && !(descriptorForProperty(this, 'tagName') === undefined) && assert(`You cannot use a computed property for the component's \`tagName\` (${this}).`, descriptorForProperty(this, 'tagName') === undefined));
+    (!(descriptorForProperty(this, 'elementId') === undefined) && assert(`You cannot use a computed property for the component's \`elementId\` (${this}).`, descriptorForProperty(this, 'elementId') === undefined));
+    (!(descriptorForProperty(this, 'tagName') === undefined) && assert(`You cannot use a computed property for the component's \`tagName\` (${this}).`, descriptorForProperty(this, 'tagName') === undefined));
     if (!this.elementId && this.tagName !== '') {
       this.elementId = guidFor(this);
     }
@@ -2600,10 +2606,10 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
   get _dispatcher() {
     if (this.__dispatcher === undefined) {
       let owner = getOwner(this);
-      (isDevelopingApp() && !(owner) && assert('Component is unexpectedly missing an owner', owner));
+      (!(owner) && assert('Component is unexpectedly missing an owner', owner));
       if (owner.lookup('-environment:main').isInteractive) {
         let dispatcher = owner.lookup('event_dispatcher:main');
-        (isDevelopingApp() && !(dispatcher instanceof EventDispatcher) && assert('Expected dispatcher to be an EventDispatcher', dispatcher instanceof EventDispatcher));
+        (!(dispatcher instanceof EventDispatcher) && assert('Expected dispatcher to be an EventDispatcher', dispatcher instanceof EventDispatcher));
         this.__dispatcher = dispatcher;
       } else {
         // In FastBoot we have no EventDispatcher. Set to null to not try again to look it up.
@@ -2629,7 +2635,7 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
     if (this[IS_DISPATCHING_ATTRS]) {
       return;
     }
-    let args = this[ARGS];
+    let args = getComponentCapturedArgs(this);
     let reference = args !== undefined ? args[key] : undefined;
     if (reference !== undefined && isUpdatableRef(reference)) {
       updateRef(reference, arguments.length === 2 ? value : get(this, key));
@@ -2669,7 +2675,7 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
   readDOMAttr(name) {
     // TODO revisit this
     let _element = getViewElement(this);
-    (isDevelopingApp() && !(_element !== null) && assert(`Cannot call \`readDOMAttr\` on ${this} which does not have an element`, _element !== null));
+    (!(_element !== null) && assert(`Cannot call \`readDOMAttr\` on ${this} which does not have an element`, _element !== null));
     let element = _element;
     let isSVG = element.namespaceURI === 'http://www.w3.org/2000/svg';
     let {
@@ -2972,11 +2978,11 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
   appendTo(selector) {
     let target;
     if (hasDOM) {
-      (isDevelopingApp() && !(typeof selector === 'string' || selector instanceof Element) && assert(`Expected a selector or instance of Element`, typeof selector === 'string' || selector instanceof Element));
+      (!(typeof selector === 'string' || selector instanceof Element) && assert(`Expected a selector or instance of Element`, typeof selector === 'string' || selector instanceof Element));
       target = typeof selector === 'string' ? document.querySelector(selector) : selector;
-      (isDevelopingApp() && !(target) && assert(`You tried to append to (${selector}) but that isn't in the DOM`, target));
-      (isDevelopingApp() && !(!matches(target, '.ember-view')) && assert('You cannot append to an existing Ember.View.', !matches(target, '.ember-view')));
-      (isDevelopingApp() && !((() => {
+      (!(target) && assert(`You tried to append to (${selector}) but that isn't in the DOM`, target));
+      (!(!matches(target, '.ember-view')) && assert('You cannot append to an existing Ember.View.', !matches(target, '.ember-view')));
+      (!((() => {
         let node = target.parentNode;
         while (node instanceof Element) {
           if (matches(node, '.ember-view')) {
@@ -2997,8 +3003,8 @@ class Component extends CoreView.extend(TargetActionSupport, ActionSupport, {
       })()));
     } else {
       target = selector;
-      (isDevelopingApp() && !(typeof target !== 'string') && assert(`You tried to append to a selector string (${selector}) in an environment without a DOM`, typeof target !== 'string'));
-      (isDevelopingApp() && !(typeof target.appendChild === 'function') && assert(`You tried to append to a non-Element (${selector}) in an environment without a DOM`, typeof target.appendChild === 'function'));
+      (!(typeof target !== 'string') && assert(`You tried to append to a selector string (${selector}) in an environment without a DOM`, typeof target !== 'string'));
+      (!(typeof target.appendChild === 'function') && assert(`You tried to append to a non-Element (${selector}) in an environment without a DOM`, typeof target.appendChild === 'function'));
     }
 
     // SAFETY: SimpleElement is supposed to be a subset of Element so this _should_ be safe.
@@ -3266,27 +3272,33 @@ class Helper extends FrameworkObject {
   init(properties) {
     super.init(properties);
     this[RECOMPUTE_TAG] = createTag();
-    (isDevelopingApp() && !(this.compute) && assert('expected compute to be defined', this.compute));
+    (!(this.compute) && assert('expected compute to be defined', this.compute));
   }
 
   /**
     On a class-based helper, it may be useful to force a recomputation of that
     helpers value. This is akin to `rerender` on a component.
-     For example, this component will rerender when the `currentUser` on a
-    session service changes:
-     ```app/helpers/current-user-email.js
-    import Helper from '@ember/component/helper'
-    import { service } from '@ember/service'
-    import { observer } from '@ember/object'
-     export default Helper.extend({
-      session: service(),
-       onNewUser: observer('session.currentUser', function() {
-        this.recompute();
-      }),
+     In most cases, `recompute` is not needed because accessing tracked
+    properties in `compute` will automatically re-run the helper when
+    those properties change. Use `recompute` only when you need to
+    trigger a recomputation imperatively, for example in response to an
+    external event:
+     ```app/helpers/current-time.js
+    import Helper from '@ember/component/helper';
+     export default class CurrentTimeHelper extends Helper {
+      interval = null;
        compute() {
-        return this.get('session.currentUser.email');
+        return new Date().toLocaleTimeString();
       }
-    });
+       constructor() {
+        super(...arguments);
+        this.interval = setInterval(() => this.recompute(), 1000);
+      }
+       willDestroy() {
+        super.willDestroy();
+        clearInterval(this.interval);
+      }
+    }
     ```
      @method recompute
     @public
@@ -3314,7 +3326,7 @@ class ClassicHelperManager {
   }
   createHelper(definition, args) {
     let instance = isFactoryManager(definition) ? definition.create() : definition.create(this.ownerInjection);
-    (isDevelopingApp() && !(function (instance) {
+    (!(function (instance) {
       if (instance !== null && typeof instance === 'object') {
         let cast = instance;
         return typeof cast.compute === 'function' && typeof cast.destroy === 'function';
@@ -3738,7 +3750,7 @@ class OutletComponentManager {
       let currentState = valueForRef(currentStateRef);
       let currentOwner = currentState?.render?.owner;
       if (parentOwner && parentOwner !== currentOwner) {
-        (isDevelopingApp() && !(currentOwner instanceof EngineInstance) && assert('Expected currentOwner to be an EngineInstance', currentOwner instanceof EngineInstance));
+        (!(currentOwner instanceof EngineInstance) && assert('Expected currentOwner to be an EngineInstance', currentOwner instanceof EngineInstance));
         let {
           mountPoint
         } = currentOwner;
@@ -3804,7 +3816,7 @@ const OUTLET_COMPONENT_TEMPLATE = templateFactory(
 {
   "id": null,
   "block": "[[[8,[30,1],null,[[\"@controller\",\"@model\"],[[30,2],[30,3]]],null]],[\"@Component\",\"@controller\",\"@model\"],[]]",
-  "moduleName": "/home/runner/work/ember.js/ember.js/packages/@ember/-internals/glimmer/lib/component-managers/outlet.ts",
+  "moduleName": "(unknown template module)",
   "isStrictMode": true
 });
 class OutletComponent {
@@ -3847,7 +3859,7 @@ class RootComponentManager extends CurlyComponentManager {
         component.trigger('willInsertElement');
       }
     }
-    if (isDevelopingApp()) {
+    {
       processComponentInitializationAssertions(component, {});
     }
     let bucket = new ComponentStateBucket(component, null, CONSTANT_TAG, finalizer, hasWrappedElement, isInteractive);
@@ -3884,7 +3896,7 @@ class RootComponentDefinition {
   constructor(component) {
     this.manager = new RootComponentManager(component);
     let factory = getFactoryFor(component);
-    (isDevelopingApp() && !(factory !== undefined) && assert('missing factory for component', factory !== undefined));
+    (!(factory !== undefined) && assert('missing factory for component', factory !== undefined));
     this.state = factory;
   }
 }
@@ -3896,6 +3908,160 @@ function internalHelper(helper) {
 /**
 @module ember
 */
+
+/**
+  The `{{#each}}` helper loops over elements in a collection. It is an extension
+  of the base Handlebars `{{#each}}` helper.
+
+  The default behavior of `{{#each}}` is to yield its inner block once for every
+  item in an array passing the item as the first block parameter.
+
+  Assuming the `@developers` argument contains this array:
+
+  ```javascript
+  [{ name: 'Yehuda' },{ name: 'Tom' }, { name: 'Paul' }];
+  ```
+
+  ```handlebars
+  <ul>
+    {{#each @developers as |person|}}
+      <li>Hello, {{person.name}}!</li>
+    {{/each}}
+  </ul>
+  ```
+
+  The same rules apply to arrays of primitives.
+
+  ```javascript
+  ['Yehuda', 'Tom', 'Paul']
+  ```
+
+  ```handlebars
+  <ul>
+    {{#each @developerNames as |name|}}
+      <li>Hello, {{name}}!</li>
+    {{/each}}
+  </ul>
+  ```
+
+  During iteration, the index of each item in the array is provided as a second block
+  parameter.
+
+  ```handlebars
+  <ul>
+    {{#each @developers as |person index|}}
+      <li>Hello, {{person.name}}! You're number {{index}} in line</li>
+    {{/each}}
+  </ul>
+  ```
+
+  ### Specifying Keys
+
+  In order to improve rendering speed, Ember will try to reuse the DOM elements
+  where possible. Specifically, if the same item is present in the array both
+  before and after the change, its DOM output will be reused.
+
+  The `key` option is used to tell Ember how to determine if the items in the
+  array being iterated over with `{{#each}}` has changed between renders. By
+  default the item's object identity is used.
+
+  This is usually sufficient, so in most cases, the `key` option is simply not
+  needed. However, in some rare cases, the objects' identities may change even
+  though they represent the same underlying data.
+
+  For example:
+
+  ```javascript
+  people.map(person => {
+    return { ...person, type: 'developer' };
+  });
+  ```
+
+  In this case, each time the `people` array is `map`-ed over, it will produce
+  an new array with completely different objects between renders. In these cases,
+  you can help Ember determine how these objects related to each other with the
+  `key` option:
+
+  ```handlebars
+  <ul>
+    {{#each @developers key="name" as |person|}}
+      <li>Hello, {{person.name}}!</li>
+    {{/each}}
+  </ul>
+  ```
+
+  By doing so, Ember will use the value of the property specified (`person.name`
+  in the example) to find a "match" from the previous render. That is, if Ember
+  has previously seen an object from the `@developers` array with a matching
+  name, its DOM elements will be re-used.
+
+  There are two special values for `key`:
+
+    * `@index` - The index of the item in the array.
+    * `@identity` - The item in the array itself.
+
+  ### {{else}} condition
+
+  `{{#each}}` can have a matching `{{else}}`. The contents of this block will render
+  if the collection is empty.
+
+  ```handlebars
+  <ul>
+    {{#each @developers as |person|}}
+      <li>{{person.name}} is available!</li>
+    {{else}}
+      <li>Sorry, nobody is available for this task.</li>
+    {{/each}}
+  </ul>
+  ```
+
+  @method each
+  @for Ember.Templates.helpers
+  @public
+ */
+
+/**
+  The `{{each-in}}` helper loops over properties on an object.
+
+  For example, given this component definition:
+
+  ```app/components/developer-details.js
+  import Component from '@glimmer/component';
+  import { tracked } from '@glimmer/tracking';
+
+  export default class extends Component {
+    @tracked developer = {
+      "name": "Shelly Sails",
+      "age": 42
+    };
+  }
+  ```
+
+  This template would display all properties on the `developer`
+  object in a list:
+
+  ```app/components/developer-details.hbs
+  <ul>
+    {{#each-in this.developer as |key value|}}
+      <li>{{key}}: {{value}}</li>
+    {{/each-in}}
+  </ul>
+  ```
+
+  Outputting their name and age:
+
+  ```html
+  <ul>
+    <li>name: Shelly Sails</li>
+    <li>age: 42</li>
+  </ul>
+  ```
+
+  @method each-in
+  @for Ember.Templates.helpers
+  @public
+  @since 2.1.0
+*/
 class EachInWrapper {
   constructor(inner) {
     this.inner = inner;
@@ -3905,7 +4071,7 @@ const eachIn = internalHelper(({
   positional
 }) => {
   const inner = positional[0];
-  (isDevelopingApp() && !(inner) && assert('expected at least one positional arg', inner));
+  (!(inner) && assert('expected at least one positional arg', inner));
   return createComputeRef(() => {
     let iterable = valueForRef(inner);
     consumeTag(tagForObject(iterable));
@@ -4151,6 +4317,10 @@ function toBool(predicate) {
   }
 }
 
+///////////
+
+// Setup global context
+
 setGlobalContext({
   scheduleRevalidate() {
     _backburner.ensureInstance();
@@ -4168,7 +4338,7 @@ setGlobalContext({
     schedule('destroy', null, finalizeDestructor);
   },
   warnIfStyleNotTrusted(value) {
-    (isDevelopingApp() && warn(constructStyleDeprecationMessage(String(value)), (() => {
+    (warn(constructStyleDeprecationMessage(String(value)), (() => {
       if (value === null || value === undefined || isHTMLSafe(value)) {
         return true;
       }
@@ -4178,14 +4348,14 @@ setGlobalContext({
     }));
   },
   assert(test, msg, options) {
-    if (isDevelopingApp()) {
+    {
       let id = options?.id;
       let override = VM_ASSERTION_OVERRIDES.filter(o => o.id === id)[0];
-      (isDevelopingApp() && !(test) && assert(override?.message ?? msg, test));
+      (!(test) && assert(override?.message ?? msg, test));
     }
   },
   deprecate(msg, test, options) {
-    if (isDevelopingApp()) {
+    {
       let {
         id
       } = options;
@@ -4197,12 +4367,12 @@ setGlobalContext({
 
       // allow deprecations to be disabled in the VM_DEPRECATION_OVERRIDES array below
       if (!override.disabled) {
-        (isDevelopingApp() && !(Boolean(test)) && deprecate(override.message ?? msg, Boolean(test), override));
+        (!(Boolean(test)) && deprecate(override.message ?? msg, Boolean(test), override));
       }
     }
   }
 });
-if (isDevelopingApp()) {
+{
   debug?.setTrackingTransactionEnv?.({
     debugMessage(obj, keyName) {
       let dirtyString = keyName ? `\`${keyName}\` on \`${getDebugName?.(obj)}\`` : `\`${getDebugName?.(obj)}\``;
@@ -4247,46 +4417,40 @@ const disallowDynamicResolution = internalHelper(({
   named
 }) => {
   const nameOrValueRef = positional[0];
-  (isDevelopingApp() && !(positional.length === 1 && nameOrValueRef) && assert(`[BUG] wrong number of positional arguments, expecting 1, got ${positional.length}`, positional.length === 1 && nameOrValueRef));
+  (!(positional.length === 1 && nameOrValueRef) && assert(`[BUG] wrong number of positional arguments, expecting 1, got ${positional.length}`, positional.length === 1 && nameOrValueRef));
   let typeRef = named['type'];
   let locRef = named['loc'];
   let originalRef = named['original'];
-  (isDevelopingApp() && !(typeRef) && assert(`[BUG] expecting \`type\` named argument`, typeRef));
-  (isDevelopingApp() && !(locRef) && assert(`[BUG] expecting \`loc\` named argument`, locRef));
-  (isDevelopingApp() && !(originalRef) && assert(`[BUG] expecting \`original\` named argument`, originalRef)); // Bug: why do these fail?
+  (!(typeRef) && assert(`[BUG] expecting \`type\` named argument`, typeRef));
+  (!(locRef) && assert(`[BUG] expecting \`loc\` named argument`, locRef));
+  (!(originalRef) && assert(`[BUG] expecting \`original\` named argument`, originalRef)); // Bug: why do these fail?
   // assert('[BUG] expecting a string literal for the `type` argument', isConstRef(typeRef));
   // assert('[BUG] expecting a string literal for the `loc` argument', isConstRef(locRef));
   // assert('[BUG] expecting a string literal for the `original` argument', isConstRef(originalRef));
   const type = valueForRef(typeRef);
   const loc = valueForRef(locRef);
   const original = valueForRef(originalRef);
-  (isDevelopingApp() && !(typeof type === 'string') && assert('[BUG] expecting a string literal for the `type` argument', typeof type === 'string'));
-  (isDevelopingApp() && !(typeof loc === 'string') && assert('[BUG] expecting a string literal for the `loc` argument', typeof loc === 'string'));
-  (isDevelopingApp() && !(typeof original === 'string') && assert('[BUG] expecting a string literal for the `original` argument', typeof original === 'string'));
+  (!(typeof type === 'string') && assert('[BUG] expecting a string literal for the `type` argument', typeof type === 'string'));
+  (!(typeof loc === 'string') && assert('[BUG] expecting a string literal for the `loc` argument', typeof loc === 'string'));
+  (!(typeof original === 'string') && assert('[BUG] expecting a string literal for the `original` argument', typeof original === 'string'));
   return createComputeRef(() => {
     let nameOrValue = valueForRef(nameOrValueRef);
-    (isDevelopingApp() && !(typeof nameOrValue !== 'string') && assert(`Passing a dynamic string to the \`(${type})\` keyword is disallowed. ` + `(You specified \`(${type} ${original})\` and \`${original}\` evaluated into "${nameOrValue}".) ` + `This ensures we can statically analyze the template and determine which ${type}s are used. ` + `If the ${type} name is always the same, use a string literal instead, i.e. \`(${type} "${nameOrValue}")\`. ` + `Otherwise, import the ${type}s into JavaScript and pass them directly. ` + 'See https://github.com/emberjs/rfcs/blob/master/text/0496-handlebars-strict-mode.md#4-no-dynamic-resolution for details. ' + loc, typeof nameOrValue !== 'string'));
+    (!(typeof nameOrValue !== 'string') && assert(`Passing a dynamic string to the \`(${type})\` keyword is disallowed. ` + `(You specified \`(${type} ${original})\` and \`${original}\` evaluated into "${nameOrValue}".) ` + `This ensures we can statically analyze the template and determine which ${type}s are used. ` + `If the ${type} name is always the same, use a string literal instead, i.e. \`(${type} "${nameOrValue}")\`. ` + `Otherwise, import the ${type}s into JavaScript and pass them directly. ` + 'See https://github.com/emberjs/rfcs/blob/master/text/0496-handlebars-strict-mode.md#4-no-dynamic-resolution for details. ' + loc, typeof nameOrValue !== 'string'));
     return nameOrValue;
   });
 });
 
 let helper;
-if (isDevelopingApp()) {
+{
   helper = args => {
     const inner = args.positional[0];
-    (isDevelopingApp() && !(inner) && assert('expected at least one positional arg', inner));
+    (!(inner) && assert('expected at least one positional arg', inner));
     return createComputeRef(() => {
       let value = valueForRef(inner);
-      (isDevelopingApp() && !(value !== null && value !== undefined) && assert('You cannot pass a null or undefined destination element to in-element', value !== null && value !== undefined));
+      (!(value !== null && value !== undefined) && assert('You cannot pass a null or undefined destination element to in-element', value !== null && value !== undefined));
       return value;
     });
   };
-} else {
-  helper = args => {
-    let arg = args.positional[0];
-    (isDevelopingApp() && !(arg) && assert('expected at least one positional arg', arg));
-    return arg;
-  };
 }
 const inElementNullCheckHelper = internalHelper(helper);
 
@@ -4296,10 +4460,10 @@ const normalizeClassHelper = internalHelper(({
   return createComputeRef(() => {
     let classNameArg = positional[0];
     let valueArg = positional[1];
-    (isDevelopingApp() && !(classNameArg && valueArg) && assert('expected at least two positional args', classNameArg && valueArg));
+    (!(classNameArg && valueArg) && assert('expected at least two positional args', classNameArg && valueArg));
     let classNameParts = valueForRef(classNameArg).split('.');
     let className = classNameParts[classNameParts.length - 1];
-    (isDevelopingApp() && !(className) && assert('has className', className)); // Always at least one split result
+    (!(className) && assert('has className', className)); // Always at least one split result
     let value = valueForRef(valueArg);
     if (value === true) {
       return dasherize(className);
@@ -4319,16 +4483,16 @@ const resolve = internalHelper(({
   positional
 }, owner) => {
   // why is this allowed to be undefined in the first place?
-  (isDevelopingApp() && !(owner) && assert('[BUG] missing owner', owner));
-  (isDevelopingApp() && !(positional.length === 1) && assert(`[BUG] wrong number of positional arguments, expecting 1, got ${positional.length}`, positional.length === 1));
+  (!(owner) && assert('[BUG] missing owner', owner));
+  (!(positional.length === 1) && assert(`[BUG] wrong number of positional arguments, expecting 1, got ${positional.length}`, positional.length === 1));
   let fullNameRef = positional[0];
-  (isDevelopingApp() && !(fullNameRef && isConstRef(fullNameRef)) && assert('[BUG] expecting a string literal as argument', fullNameRef && isConstRef(fullNameRef)));
+  (!(fullNameRef && isConstRef(fullNameRef)) && assert('[BUG] expecting a string literal as argument', fullNameRef && isConstRef(fullNameRef)));
   let fullName = valueForRef(fullNameRef);
-  (isDevelopingApp() && !(typeof fullName === 'string') && assert('[BUG] expecting a string literal as argument', typeof fullName === 'string'));
-  (isDevelopingApp() && !((s => s.split(':').length === 2)(fullName)) && assert('[BUG] expecting a valid full name', (s => s.split(':').length === 2)(fullName)));
-  if (isDevelopingApp()) {
+  (!(typeof fullName === 'string') && assert('[BUG] expecting a string literal as argument', typeof fullName === 'string'));
+  (!((s => s.split(':').length === 2)(fullName)) && assert('[BUG] expecting a valid full name', (s => s.split(':').length === 2)(fullName)));
+  {
     let [type, name] = fullName.split(':');
-    (isDevelopingApp() && !(owner.hasRegistration(fullName)) && assert(`Attempted to invoke \`(-resolve "${fullName}")\`, but ${name} was not a valid ${type} name.`, owner.hasRegistration(fullName)));
+    (!(owner.hasRegistration(fullName)) && assert(`Attempted to invoke \`(-resolve "${fullName}")\`, but ${name} was not a valid ${type} name.`, owner.hasRegistration(fullName)));
   }
   return createConstRef(owner.factoryFor(fullName)?.class, `(-resolve "${fullName}")`);
 });
@@ -4336,11 +4500,17 @@ const resolve = internalHelper(({
 /**
 @module ember
 */
+
+/**
+  This reference is used to get the `[]` tag of iterables, so we can trigger
+  updates to `{{each}}` when it changes. It is put into place by a template
+  transform at build time, similar to the (-each-in) helper
+*/
 const trackArray = internalHelper(({
   positional
 }) => {
   const inner = positional[0];
-  (isDevelopingApp() && !(inner) && assert('expected at least one positional arg', inner));
+  (!(inner) && assert('expected at least one positional arg', inner));
   return createComputeRef(() => {
     let iterable = valueForRef(inner);
     if (isObject(iterable)) {
@@ -4353,11 +4523,86 @@ const trackArray = internalHelper(({
 /**
 @module ember
 */
+
+/**
+  The `mut` helper lets you __clearly specify__ that a child `Component` can update the
+  (mutable) value passed to it, which will __change the value of the parent component__.
+
+  To specify that a parameter is mutable, when invoking the child `Component`:
+
+  ```handlebars
+  <MyChild @childClickCount={{fn (mut totalClicks)}} />
+  ```
+
+   or
+
+  ```handlebars
+  {{my-child childClickCount=(mut totalClicks)}}
+  ```
+
+  The child `Component` can then modify the parent's value just by modifying its own
+  property:
+
+  ```javascript
+  // my-child.js
+  export default class MyChild extends Component {
+    click() {
+      this.incrementProperty('childClickCount');
+    }
+  }
+  ```
+
+  Note that for curly components (`{{my-component}}`) the bindings are already mutable,
+  making the `mut` unnecessary.
+
+  Additionally, the `mut` helper can be combined with the `fn` helper to
+  mutate a value. For example:
+
+  ```handlebars
+  <MyChild @childClickCount={{this.totalClicks}} @click-count-change={{fn (mut totalClicks))}} />
+  ```
+
+  or
+
+  ```handlebars
+  {{my-child childClickCount=totalClicks click-count-change=(fn (mut totalClicks))}}
+  ```
+
+  The child `Component` would invoke the function with the new click value:
+
+  ```javascript
+  // my-child.js
+  export default class MyChild extends Component {
+    click() {
+      this.get('click-count-change')(this.get('childClickCount') + 1);
+    }
+  }
+  ```
+
+  The `mut` helper changes the `totalClicks` value to what was provided as the `fn` argument.
+
+  The `mut` helper, when used with `fn`, will return a function that
+  sets the value passed to `mut` to its first argument. As an example, we can create a
+  button that increments a value passing the value directly to the `fn`:
+
+  ```handlebars
+  {{! inc helper is not provided by Ember }}
+  <button onclick={{fn (mut count) (inc count)}}>
+    Increment count
+  </button>
+  ```
+
+  @method mut
+  @param {Object} [attr] the "two-way" attribute that can be modified.
+  @for Ember.Templates.helpers
+  @public
+*/
+
 const mut = internalHelper(({
   positional
 }) => {
   let ref = positional[0];
-  (isDevelopingApp() && !(ref) && assert('expected at least one positional arg', ref)); // TODO: Improve this error message. This covers at least two distinct
+  (!(ref) && assert('expected at least one positional arg', ref)); // TODO: Improve this error message. This covers at least two distinct
   // cases:
   //
   // 1. (mut "not a path") – passing a literal, result from a helper
@@ -4369,7 +4614,7 @@ const mut = internalHelper(({
   //
   // This message is alright for the first case, but could be quite
   // confusing for the second case.
-  (isDevelopingApp() && !(isUpdatableRef(ref)) && assert('You can only pass a path to mut', isUpdatableRef(ref)));
+  (!(isUpdatableRef(ref)) && assert('You can only pass a path to mut', isUpdatableRef(ref)));
   return createInvokableRef(ref);
 });
 
@@ -4377,11 +4622,127 @@ const mut = internalHelper(({
 @module ember
 */
 
+
+/**
+  The `readonly` helper let's you specify that a binding is one-way only,
+  instead of two-way.
+  When you pass a `readonly` binding from an outer context (e.g. parent component),
+  to to an inner context (e.g. child component), you are saying that changing that
+  property in the inner context does not change the value in the outer context.
+
+  To specify that a binding is read-only, when invoking the child `Component`:
+
+  ```app/components/my-parent.js
+  export default class MyParent extends Component {
+    totalClicks = 3;
+  }
+  ```
+
+  ```app/templates/components/my-parent.hbs
+  {{log totalClicks}} // -> 3
+  <MyChild @childClickCount={{readonly totalClicks}} />
+  ```
+  ```
+  {{my-child childClickCount=(readonly totalClicks)}}
+  ```
+
+  Now, when you update `childClickCount`:
+
+  ```app/components/my-child.js
+  export default class MyChild extends Component {
+    click() {
+      this.incrementProperty('childClickCount');
+    }
+  }
+  ```
+
+  The value updates in the child component, but not the parent component:
+
+  ```app/templates/components/my-child.hbs
+  {{log childClickCount}} //-> 4
+  ```
+
+  ```app/templates/components/my-parent.hbs
+  {{log totalClicks}} //-> 3
+  <MyChild @childClickCount={{readonly totalClicks}} />
+  ```
+  or
+  ```app/templates/components/my-parent.hbs
+  {{log totalClicks}} //-> 3
+  {{my-child childClickCount=(readonly totalClicks)}}
+  ```
+
+  ### Objects and Arrays
+
+  When passing a property that is a complex object (e.g. object, array) instead of a primitive object (e.g. number, string),
+  only the reference to the object is protected using the readonly helper.
+  This means that you can change properties of the object both on the parent component, as well as the child component.
+  The `readonly` binding behaves similar to the `const` keyword in JavaScript.
+
+  Let's look at an example:
+
+  First let's set up the parent component:
+
+  ```app/components/my-parent.js
+  import Component from '@ember/component';
+
+  export default class MyParent extends Component {
+    clicks: null,
+
+    init() {
+      this._super(...arguments);
+      this.set('clicks', { total: 3 });
+    }
+  }
+  ```
+
+  ```app/templates/components/my-parent.hbs
+  {{log clicks.total}} //-> 3
+  <MyChild @childClicks={{readonly clicks}} />
+  ```
+  ```app/templates/components/my-parent.hbs
+  {{log clicks.total}} //-> 3
+  {{my-child childClicks=(readonly clicks)}}
+  ```
+
+  Now, if you update the `total` property of `childClicks`:
+
+  ```app/components/my-child.js
+  import Component from '@ember/component';
+
+  export default class MyChild extends Component {
+    click() {
+      this.get('clicks').incrementProperty('total');
+    }
+  }
+  ```
+
+  You will see the following happen:
+
+  ```app/templates/components/my-parent.hbs
+  {{log clicks.total}} //-> 4
+  <MyChild @childClicks={{readonly clicks}} />
+  ```
+  or
+  ```app/templates/components/my-parent.hbs
+  {{log clicks.total}} //-> 4
+  {{my-child childClicks=(readonly clicks)}}
+  ```
+
+  ```app/templates/components/my-child.hbs
+  {{log childClicks.total}} //-> 4
+  ```
+
+  @method readonly
+  @param {Object} [attr] the read-only attribute.
+  @for Ember.Templates.helpers
+  @private
+*/
 const readonly = internalHelper(({
   positional
 }) => {
   let firstArg = positional[0];
-  (isDevelopingApp() && !(firstArg) && assert('has first arg', firstArg));
+  (!(firstArg) && assert('has first arg', firstArg));
   return createReadOnlyRef(firstArg);
 });
 
@@ -4389,11 +4750,40 @@ const readonly = internalHelper(({
 @module ember
 */
 
+
+/**
+  The `{{unbound}}` helper disconnects the one-way binding of a property,
+  essentially freezing its value at the moment of rendering. For example,
+  in this example the display of the variable `name` will not change even
+  if it is set with a new value:
+
+  ```handlebars
+  {{unbound this.name}}
+  ```
+
+  Like any helper, the `unbound` helper can accept a nested helper expression.
+  This allows for custom helpers to be rendered unbound:
+
+  ```handlebars
+  {{unbound (some-custom-helper)}}
+  {{unbound (capitalize this.name)}}
+  {{! You can use any helper, including unbound, in a nested expression }}
+  {{capitalize (unbound this.name)}}
+  ```
+
+  The `unbound` helper only accepts a single argument, and it return an
+  unbound value.
+
+  @method unbound
+  @for Ember.Templates.helpers
+  @public
+*/
+
 const unbound = internalHelper(({
   positional,
   named
 }) => {
-  (isDevelopingApp() && !(positional.length === 1 && Object.keys(named).length === 0) && assert('unbound helper cannot be called with multiple params or hash params', positional.length === 1 && Object.keys(named).length === 0));
+  (!(positional.length === 1 && Object.keys(named).length === 0) && assert('unbound helper cannot be called with multiple params or hash params', positional.length === 1 && Object.keys(named).length === 0));
   return createUnboundRef(valueForRef(positional[0]), '(result of an `unbound` helper)');
 });
 
@@ -4458,7 +4848,7 @@ class MountManager {
     // mount is a runtime helper, this shouldn't use dynamic layout
     // we should resolve the engine app template in the helper
     // it also should use the owner that looked up the mount helper.
-    (isDevelopingApp() && !(owner instanceof EngineInstance) && assert('Expected owner to be an EngineInstance', owner instanceof EngineInstance));
+    (!(owner instanceof EngineInstance) && assert('Expected owner to be an EngineInstance', owner instanceof EngineInstance));
     let engine = owner.buildChildEngineInstance(name);
     engine.boot();
     let applicationFactory = engine.factoryFor(`controller:application`);
@@ -4560,15 +4950,56 @@ class MountDefinition {
 @module ember
 */
 
+
+/**
+  The `{{mount}}` helper lets you embed a routeless engine in a template.
+  Mounting an engine will cause an instance to be booted and its `application`
+  template to be rendered.
+
+  For example, the following template mounts the `ember-chat` engine:
+
+  ```handlebars
+  {{! application.hbs }}
+  {{mount "ember-chat"}}
+  ```
+
+  Additionally, you can also pass in a `model` argument that will be
+  set as the engines model. This can be an existing object:
+
+  ```
+  <div>
+    {{mount 'admin' model=userSettings}}
+  </div>
+  ```
+
+  Or an inline `hash`, and you can even pass components:
+
+  ```
+  <div>
+    <h1>Application template!</h1>
+    {{mount 'admin' model=(hash
+        title='Secret Admin'
+        signInButton=(component 'sign-in-button')
+    )}}
+  </div>
+  ```
+
+  @method mount
+  @param {String} name Name of the engine to mount.
+  @param {Object} [model] Object that will be set as
+                          the model of the engine.
+  @for Ember.Templates.helpers
+  @public
+*/
 const mountHelper = internalHelper((args, owner) => {
-  (isDevelopingApp() && !(owner) && assert('{{mount}} must be used within a component that has an owner', owner));
+  (!(owner) && assert('{{mount}} must be used within a component that has an owner', owner));
   let nameRef = args.positional[0];
   let captured;
-  (isDevelopingApp() && !(args.positional.length === 1) && assert('You can only pass a single positional argument to the {{mount}} helper, e.g. {{mount "chat-engine"}}.', args.positional.length === 1));
-  if (isDevelopingApp() && args.named) {
+  (!(args.positional.length === 1) && assert('You can only pass a single positional argument to the {{mount}} helper, e.g. {{mount "chat-engine"}}.', args.positional.length === 1));
+  if (args.named) {
     let keys = Object.keys(args.named);
     let extra = keys.filter(k => k !== 'model');
-    (isDevelopingApp() && !(extra.length === 0) && assert('You can only pass a `model` argument to the {{mount}} helper, ' + 'e.g. {{mount "profile-engine" model=this.profile}}. ' + `You passed ${extra.join(',')}.`, extra.length === 0));
+    (!(extra.length === 0) && assert('You can only pass a `model` argument to the {{mount}} helper, ' + 'e.g. {{mount "profile-engine" model=this.profile}}. ' + `You passed ${extra.join(',')}.`, extra.length === 0));
   }
   captured = createCapturedArgs(args.named, EMPTY_POSITIONAL);
   let lastName, lastDef;
@@ -4578,12 +5009,12 @@ const mountHelper = internalHelper((args, owner) => {
       if (lastName === name) {
         return lastDef;
       }
-      (isDevelopingApp() && !(owner.hasRegistration(`engine:${name}`)) && assert(`You used \`{{mount '${name}'}}\`, but the engine '${name}' can not be found.`, owner.hasRegistration(`engine:${name}`)));
+      (!(owner.hasRegistration(`engine:${name}`)) && assert(`You used \`{{mount '${name}'}}\`, but the engine '${name}' can not be found.`, owner.hasRegistration(`engine:${name}`)));
       lastName = name;
       lastDef = curry(0, new MountDefinition(name), owner, captured, true);
       return lastDef;
     } else {
-      (isDevelopingApp() && !(name === null || name === undefined) && assert(`Invalid engine name '${name}' specified, engine name must be either a string, null or undefined.`, name === null || name === undefined));
+      (!(name === null || name === undefined) && assert(`Invalid engine name '${name}' specified, engine name must be either a string, null or undefined.`, name === null || name === undefined));
       lastDef = null;
       lastName = null;
       return null;
@@ -4610,7 +5041,7 @@ const CAPABILITIES_MASK = capabilityFlagsFrom(CAPABILITIES);
 class RouteTemplateManager {
   create(_owner, _definition, args) {
     let self = args.named.get('controller');
-    if (isDevelopingApp()) {
+    {
       self = createDebugAliasRef('this', self);
     }
     let controller = valueForRef(self);
@@ -4720,8 +5151,8 @@ function makeRouteTemplate(owner, name, template) {
   @public
 */
 const outletHelper = internalHelper((_args, owner, scope) => {
-  (isDevelopingApp() && !(owner) && assert('Expected owner to be present, {{outlet}} requires an owner', owner));
-  (isDevelopingApp() && !(scope) && assert('Expected dynamic scope to be present. You may have attempted to use the {{outlet}} keyword dynamically. This keyword cannot be used dynamically.', scope));
+  (!(owner) && assert('Expected owner to be present, {{outlet}} requires an owner', owner));
+  (!(scope) && assert('Expected dynamic scope to be present. You may have attempted to use the {{outlet}} keyword dynamically. This keyword cannot be used dynamically.', scope));
   let outletRef = createComputeRef(() => {
     let state = valueForRef(scope.get('outletState'));
     return state?.outlets?.main;
@@ -4761,7 +5192,7 @@ const outletHelper = internalHelper((_args, owner, scope) => {
         if (hasInternalComponentManager(template)) {
           component = template;
         } else {
-          if (isDevelopingApp()) {
+          {
             // We don't appear to have a standard way or a brand to check, but for the
             // purpose of avoiding obvious user errors, this probably gets you close
             // enough.
@@ -4786,7 +5217,7 @@ const outletHelper = internalHelper((_args, owner, scope) => {
               } catch {
                 label = 'an unknown object';
               }
-              (isDevelopingApp() && true && assert(`Failed to render the \`${state.name}\` route: expected ` + `a component or Template object, but got ${label}.`));
+              (assert(`Failed to render the \`${state.name}\` route: expected ` + `a component or Template object, but got ${label}.`));
             }
           }
           component = makeRouteTemplate(outletOwner, state.name, template);
@@ -4816,7 +5247,7 @@ const outletHelper = internalHelper((_args, owner, scope) => {
           }
           return model;
         });
-        if (isDevelopingApp()) {
+        {
           named['model'] = createDebugAliasRef('@model', named['model']);
         }
         let args = createCapturedArgs(named, EMPTY_POSITIONAL);
@@ -4904,17 +5335,7 @@ const BUILTIN_HELPERS = {
   hash,
   'unique-id': uniqueId
 };
-if (isDevelopingApp()) {
-  BUILTIN_HELPERS['-disallow-dynamic-resolution'] = disallowDynamicResolution;
-} else {
-  // Bug: this may be a quirk of our test setup?
-  // In prod builds, this is a no-op helper and is unused in practice. We shouldn't need
-  // to add it at all, but the current test build doesn't produce a "prod compiler", so
-  // we ended up running the debug-build for the template compliler in prod tests. Once
-  // that is fixed, this can be removed. For now, this allows the test to work and does
-  // not really harm anything, since it's just a no-op pass-through helper and the bytes
-  // has to be included anyway. In the future, perhaps we can avoid the latter by using
-  // `import(...)`?
+{
   BUILTIN_HELPERS['-disallow-dynamic-resolution'] = disallowDynamicResolution;
 }
 
@@ -4932,7 +5353,7 @@ class ResolverImpl {
     return null;
   }
   lookupHelper(name, owner) {
-    (isDevelopingApp() && !(!(BUILTIN_HELPERS[name] && owner.hasRegistration(`helper:${name}`))) && assert(`You attempted to overwrite the built-in helper "${name}" which is not allowed. Please rename the helper.`, !(BUILTIN_HELPERS[name] && owner.hasRegistration(`helper:${name}`))));
+    (!(!(BUILTIN_HELPERS[name] && owner.hasRegistration(`helper:${name}`))) && assert(`You attempted to overwrite the built-in helper "${name}" which is not allowed. Please rename the helper.`, !(BUILTIN_HELPERS[name] && owner.hasRegistration(`helper:${name}`))));
     let helper = BUILTIN_HELPERS[name];
     if (helper !== undefined) {
       return helper;
@@ -4950,15 +5371,13 @@ class ResolverImpl {
       // than the raw value (`factoryFor(...).class`). This is because injections are already
       // bound in the factoryFor result, including type-based injections
 
-      if (isDevelopingApp()) {
+      {
         // In DEBUG we need to only set the associated value once, otherwise
         // we'll trigger an assertion
         if (!CLASSIC_HELPER_MANAGER_ASSOCIATED.has(factory)) {
           CLASSIC_HELPER_MANAGER_ASSOCIATED.add(factory);
           setInternalHelperManager(CLASSIC_HELPER_MANAGER, factory);
         }
-      } else {
-        setInternalHelperManager(CLASSIC_HELPER_MANAGER, factory);
       }
       return factory;
     }
@@ -4984,7 +5403,7 @@ class ResolverImpl {
   lookupComponent(name, owner) {
     let pair = lookupComponentPair(owner, name);
     if (pair === null) {
-      (isDevelopingApp() && !(name !== 'text-area') && assert('Could not find component `<TextArea />` (did you mean `<Textarea />`?)', name !== 'text-area'));
+      (!(name !== 'text-area') && assert('Could not find component `<TextArea />` (did you mean `<Textarea />`?)', name !== 'text-area'));
       return null;
     }
     let template = null;
@@ -5011,7 +5430,7 @@ class ResolverImpl {
       };
     } else {
       let factory = pair.component;
-      (isDevelopingApp() && !(factory.class !== undefined) && assert(`missing component class ${name}`, factory.class !== undefined));
+      (!(factory.class !== undefined) && assert(`missing component class ${name}`, factory.class !== undefined));
       let ComponentClass = factory.class;
       let manager = getInternalComponentManager(ComponentClass);
       definition = {
@@ -5022,7 +5441,7 @@ class ResolverImpl {
     }
     finalizer();
     this.componentDefinitionCache.set(key, definition);
-    (isDevelopingApp() && !(!(definition === null && name === 'text-area')) && assert('Could not find component `<TextArea />` (did you mean `<Textarea />`?)', !(definition === null && name === 'text-area')));
+    (!(!(definition === null && name === 'text-area')) && assert('Could not find component `<TextArea />` (did you mean `<Textarea />`?)', !(definition === null && name === 'text-area')));
     return definition;
   }
 }
@@ -5054,7 +5473,7 @@ class OutletView {
       template: templateFactory
     } = options;
     let owner = getOwner(options);
-    (isDevelopingApp() && !(owner) && assert('OutletView is unexpectedly missing an owner', owner));
+    (!(owner) && assert('OutletView is unexpectedly missing an owner', owner));
     let template = templateFactory(owner);
     return new OutletView(_environment, owner, template, namespace);
   }
@@ -5125,11 +5544,11 @@ class DynamicScope {
     return new DynamicScope(this.view, this.outletState);
   }
   get(key) {
-    (isDevelopingApp() && !(key === 'outletState') && assert(`Using \`-get-dynamic-scope\` is only supported for \`outletState\` (you used \`${key}\`).`, key === 'outletState'));
+    (!(key === 'outletState') && assert(`Using \`-get-dynamic-scope\` is only supported for \`outletState\` (you used \`${key}\`).`, key === 'outletState'));
     return this.outletState;
   }
   set(key, value) {
-    (isDevelopingApp() && !(key === 'outletState') && assert(`Using \`-with-dynamic-scope\` is only supported for \`outletState\` (you used \`${key}\`).`, key === 'outletState'));
+    (!(key === 'outletState') && assert(`Using \`-with-dynamic-scope\` is only supported for \`outletState\` (you used \`${key}\`).`, key === 'outletState'));
     this.outletState = value;
     return value;
   }
@@ -5140,7 +5559,7 @@ const NO_OP = () => {};
 // during render. This prevents infinite revalidation type loops from occuring,
 // and ensures that errors are not swallowed by subsequent follow on failures.
 function errorLoopTransaction(fn) {
-  if (isDevelopingApp()) {
+  {
     return () => {
       let didError = true;
       try {
@@ -5157,8 +5576,6 @@ function errorLoopTransaction(fn) {
         }
       }
     };
-  } else {
-    return fn;
   }
 }
 class ComponentRootState {
@@ -5203,7 +5620,7 @@ class ClassicRootState {
   env;
   constructor(root, context, owner, template, self, parentElement, dynamicScope, builder) {
     this.root = root;
-    (isDevelopingApp() && !(template !== undefined) && assert(`You cannot render \`${valueForRef(self)}\` without a template.`, template !== undefined));
+    (!(template !== undefined) && assert(`You cannot render \`${valueForRef(self)}\` without a template.`, template !== undefined));
     this.id = root instanceof OutletView ? guidFor(root) : getViewId(root);
     this.result = undefined;
     this.destroyed = false;
@@ -5255,12 +5672,12 @@ function _resetRenderers() {
   renderers.length = 0;
 }
 function register(renderer) {
-  (isDevelopingApp() && !(renderers.indexOf(renderer) === -1) && assert('Cannot register the same renderer twice', renderers.indexOf(renderer) === -1));
+  (!(renderers.indexOf(renderer) === -1) && assert('Cannot register the same renderer twice', renderers.indexOf(renderer) === -1));
   renderers.push(renderer);
 }
 function deregister(renderer) {
   let index = renderers.indexOf(renderer);
-  (isDevelopingApp() && !(index !== -1) && assert('Cannot deregister unknown unregistered renderer', index !== -1));
+  (!(index !== -1) && assert('Cannot deregister unknown unregistered renderer', index !== -1));
   renderers.splice(index, 1);
 }
 function loopBegin() {
@@ -5401,7 +5818,7 @@ class RendererState {
         // each root is processed
         for (let i = 0; i < roots.length; i++) {
           let root = roots[i];
-          (isDevelopingApp() && !(root) && assert('has root', root));
+          (true && !(root) && assert('has root', root));
           if (root.destroyed) {
             // add to the list of roots to be removed
             // they will be removed from `this._roots` later
@@ -5533,7 +5950,7 @@ component, {
    * NOTE: destruction is async
    */
   let existing = RENDER_CACHE.get(into);
-  existing?.destroy();
+  existing?.result.destroy();
   /**
    * We can only replace the inner HTML the first time.
    * Because destruction is async, it won't be safe to
@@ -5542,8 +5959,30 @@ component, {
   if (!existing && into instanceof Element) {
     into.innerHTML = '';
   }
+
+  /**
+   * If there's an existing render result with valid bounds, use its
+   * firstNode as the nextSibling so that new content is inserted at
+   * the same DOM position. This ensures stable ordering when multiple
+   * renderComponent calls target the same element and one is re-invoked
+   * (e.g., due to tracked dependency changes).
+   *
+   * The old content's DOM nodes are still present (destruction is async),
+   * so firstNode() is a valid position reference. The new content is placed
+   * BEFORE the old content. When the old content is eventually destroyed
+   * (async clear of bounds), the new content remains in the correct position.
+   */
+  let renderTarget = into;
+  if (existing?.glimmerResult) {
+    let parentElement = into instanceof Element ? into : into.element;
+    let firstNode = existing.glimmerResult.firstNode();
+    renderTarget = {
+      element: parentElement,
+      nextSibling: firstNode
+    };
+  }
   let innerResult = renderer.render(component, {
-    into,
+    into: renderTarget,
     args
   }).result;
   if (innerResult) {
@@ -5556,7 +5995,10 @@ component, {
       }
     }
   };
-  RENDER_CACHE.set(into, result);
+  RENDER_CACHE.set(into, {
+    result,
+    glimmerResult: innerResult
+  });
   return result;
 }
 const RENDER_CACHE = new WeakMap();
@@ -5594,7 +6036,7 @@ class BaseRenderer {
     let {
       debugRenderTree
     } = this.state.env;
-    (isDevelopingApp() && !(debugRenderTree) && assert('Attempted to access the DebugRenderTree, but it did not exist. Is the Ember Inspector open?', debugRenderTree));
+    (!(debugRenderTree) && assert('Attempted to access the DebugRenderTree, but it did not exist. Is the Ember Inspector open?', debugRenderTree));
     return debugRenderTree;
   }
   isValid() {
@@ -5632,7 +6074,7 @@ class Renderer extends BaseRenderer {
       _viewRegistry
     } = props;
     let owner = getOwner(props);
-    (isDevelopingApp() && !(owner) && assert('Renderer is unexpectedly missing an owner', owner));
+    (!(owner) && assert('Renderer is unexpectedly missing an owner', owner));
     let document = owner.lookup('service:-document');
     let env = owner.lookup('-environment:main');
     let rootTemplate = owner.lookup(privatize`template:-root`);
@@ -5696,7 +6138,7 @@ class Renderer extends BaseRenderer {
     let i = roots.length;
     while (i--) {
       let root = roots[i];
-      (isDevelopingApp() && !(root) && assert('has root', root));
+      (!(root) && assert('has root', root));
       if (root.type === 'classic' && root.isFor(component)) {
         root.destroy();
         roots.splice(i, 1);
@@ -5724,7 +6166,7 @@ class Renderer extends BaseRenderer {
   }
   register(view) {
     let id = getViewId(view);
-    (isDevelopingApp() && !(!this._viewRegistry[id]) && assert('Attempted to register a view with an id already in use: ' + id, !this._viewRegistry[id]));
+    (!(!this._viewRegistry[id]) && assert('Attempted to register a view with an id already in use: ' + id, !this._viewRegistry[id]));
     this._viewRegistry[id] = view;
   }
   unregister(view) {
@@ -5739,7 +6181,7 @@ class Renderer extends BaseRenderer {
   }
   getBounds(component) {
     let bounds = component[BOUNDS];
-    (isDevelopingApp() && !(bounds) && assert('object passed to getBounds must have the BOUNDS symbol as a property', bounds));
+    (!(bounds) && assert('object passed to getBounds must have the BOUNDS symbol as a property', bounds));
     let parentElement = bounds.parentElement();
     let firstNode = bounds.firstNode();
     let lastNode = bounds.lastNode();
@@ -5759,8 +6201,10 @@ const OutletTemplate = templateFactory(
   "id": null,
   "block": "[[[46,[28,[32,0],null,null],null,null,null]],[],[\"component\"]]",
   "moduleName": "packages/@ember/-internals/glimmer/lib/templates/outlet.hbs",
-  "scope": () => [outletHelper],
+  "scope": () => ({
+    outletHelper
+  }),
   "isStrictMode": true
 });
 
-export { Component as C, Helper as H, Input as I, LinkTo as L, OutletView as O, Renderer as R, SafeString as S, Textarea as T, _resetRenderers as _, RootTemplate as a, TrustedHTML as b, htmlSafe as c, isTrustedHTML as d, renderSettled as e, OutletTemplate as f, helper$1 as h, isHTMLSafe as i, renderComponent as r, trustHTML as t, uniqueId$1 as u };
+export { Component as C, Helper as H, Input as I, LinkTo as L, OutletView as O, RootTemplate as R, SafeString as S, Textarea as T, _resetRenderers as _, OutletTemplate as a, Renderer as b, TrustedHTML as c, htmlSafe as d, isTrustedHTML as e, renderComponent as f, helper$1 as h, isHTMLSafe as i, renderSettled as r, trustHTML as t, uniqueId$1 as u };