ember-source 7.2.0-beta.1 → 7.2.1

package/dist/dev/packages/shared-chunks/{on-DlF0Wy7P.js → on-CsI9Xgvl.js}

@@ -1,4 +1,4 @@
-import { g as buildUntouchableThis, h as check, e as reifyNamed } from './arguments-CDkbOqTS.js';
+import { g as buildUntouchableThis, h as check, e as reifyNamed } from './arguments-BDcCvRM4.js';
 import { registerDestructor } from '../@glimmer/destroyable/index.js';
 import { k as setInternalModifierManager } from './api-DuLOZMO_.js';
 import { v as valueForRef } from './reference-BqOLhKFy.js';
@@ -131,6 +131,10 @@ function addEventListener(element, eventName, callback, options) {
   element.addEventListener(eventName, callback, options);
 }
 
+/**
+ @module @ember/helper
+ */
+
 /**
   The `{{on}}` modifier lets you easily add event listeners (it uses
   [EventTarget.addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)
@@ -139,12 +143,13 @@ function addEventListener(element, eventName, callback, options) {
   For example, if you'd like to run a function on your component when a `<button>`
   in the components template is clicked you might do something like:
 
-  ```app/components/like-post.gjs
+  ```gjs {data-filename="app/components/like-post.gjs"}
   import Component from '@glimmer/component';
   import { action } from '@ember/object';
 
-  export default class LikePostComponent extends Component {
-    saveLike = () => {
+  export default class LikePost extends Component {
+    @action
+    saveLike() {
       // someone likes your post!
       // better send a request off to your server...
     }
@@ -186,7 +191,7 @@ function addEventListener(element, eventName, callback, options) {
   For example, in our example case above if you'd like to pass in the post that
   was being liked when the button is clicked you could do something like:
 
-  ```app/components/like-post.hbs
+  ```hbs
   <button {{on 'click' (fn this.saveLike @post)}}>Like this post!</button>
   ```
 
@@ -195,14 +200,14 @@ function addEventListener(element, eventName, callback, options) {
 
   ### Function Context
 
-  In the example above, we used an arrow function to ensure that `likePost` is
-  properly bound to the `items-list`, but let's explore what happens if we
-  left out the arrow function:
+  In the example above, we used `@action` to ensure that `likePost` is
+  properly bound to the `LikePost` Component, but let's explore what happens if we
+  left out `@action`:
 
-  ```app/components/like-post.gjs
+  ```gjs {data-filename="app/components/like-post.gjs"}
   import Component from '@glimmer/component';
 
-  export default class LikePostComponent extends Component {
+  export default class LikePost extends Component {
     saveLike() {
       // ...snip...
     }
@@ -212,10 +217,16 @@ function addEventListener(element, eventName, callback, options) {
   In this example, when the button is clicked `saveLike` will be invoked,
   it will **not** have access to the component instance. In other
   words, it will have no `this` context, so please make sure your functions
-  are bound (via an arrow function or other means) before passing into `on`!
+  are bound (via `@action` or other means) before passing into `on`!
+
+  The `on` modifier is a keyword and does not need to be imported.
 
   @method on
+  @static
+  @for Keywords
+  @noimport
   @public
+  @since 3.11.0
 */
 class OnModifierManager {
   getDebugName() {

package/dist/dev/packages/shared-chunks/{render-87_sKZ_k.js → render-WPz2Nl45.js}

@@ -4,7 +4,7 @@ import { U as UNDEFINED_REFERENCE, c as createComputeRef, v as valueForRef, f as
 import { t as track, U as UPDATE_TAG, e as debug, B as resetTracking, o as beginTrackFrame, s as endTrackFrame } from './cache-DGDPVCpC.js';
 import { a as assert } from './assert-Zqc4wiAV.js';
 import { P as ProgramImpl } from './program-DlgjqLa6.js';
-import { D as DebugRenderTreeImpl, i as isArgumentError, j as isCurriedType, d as curry, A as APPEND_OPCODES, h as check, k as resolveCurriedValue, f as reifyPositional, l as AssertFilter, V as VMArgumentsImpl, m as externs, J as JumpIfNotModifiedOpcode, B as BeginTrackFrameOpcode, n as EndTrackFrameOpcode } from './arguments-CDkbOqTS.js';
+import { D as DebugRenderTreeImpl, i as isArgumentError, j as isCurriedType, d as curry, A as APPEND_OPCODES, h as check, k as resolveCurriedValue, f as reifyPositional, l as AssertFilter, V as VMArgumentsImpl, m as externs, J as JumpIfNotModifiedOpcode, B as BeginTrackFrameOpcode, n as EndTrackFrameOpcode } from './arguments-BDcCvRM4.js';
 import { B as BLACKLIST_TABLE, f as DOMOperations, D as DOMTreeConstruction, N as NewTreeBuilder } from './api-C0PAtEgQ.js';
 import { a as assign } from './object-utils-AijlD-JH.js';
 import { associateDestroyableChild, _hasDestroyableChildren, destroy, destroyChildren, registerDestructor } from '../@glimmer/destroyable/index.js';