ember-source 7.3.0-alpha.4 → 7.3.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build-metadata.json +3 -3
- package/dist/dev/packages/@ember/-internals/deprecations/index.js +9 -0
- package/dist/dev/packages/@ember/-internals/glimmer/index.js +7 -7
- package/dist/dev/packages/@ember/-internals/metal/index.js +8 -8
- package/dist/dev/packages/@ember/-internals/routing/index.js +3 -3
- package/dist/dev/packages/@ember/-internals/runtime/index.js +1 -1
- package/dist/dev/packages/@ember/-internals/runtime/lib/ext/rsvp.js +1 -1
- package/dist/dev/packages/@ember/-internals/runtime/lib/mixins/-proxy.js +2 -2
- package/dist/dev/packages/@ember/-internals/runtime/lib/mixins/action_handler.js +5 -1
- package/dist/dev/packages/@ember/-internals/runtime/lib/mixins/target_action_support.js +4 -1
- package/dist/dev/packages/@ember/-internals/views/lib/mixins/action_support.js +3 -1
- package/dist/dev/packages/@ember/-internals/views/lib/system/event_dispatcher.js +2 -2
- package/dist/dev/packages/@ember/application/index.js +5 -5
- package/dist/dev/packages/@ember/application/instance.js +11 -11
- package/dist/dev/packages/@ember/application/namespace.js +1 -1
- package/dist/dev/packages/@ember/array/index.js +2 -2
- package/dist/dev/packages/@ember/array/lib/is-array.js +1 -1
- package/dist/dev/packages/@ember/array/proxy.js +2 -2
- package/dist/dev/packages/@ember/component/helper.js +2 -2
- package/dist/dev/packages/@ember/component/index.js +4 -4
- package/dist/dev/packages/@ember/controller/index.js +1 -1
- package/dist/dev/packages/@ember/debug/data-adapter.js +1 -1
- package/dist/dev/packages/@ember/engine/index.js +5 -5
- package/dist/dev/packages/@ember/engine/instance.js +1 -1
- package/dist/dev/packages/@ember/helper/index.js +1132 -79
- package/dist/dev/packages/@ember/modifier/on.js +1 -1
- package/dist/dev/packages/@ember/object/compat.js +0 -32
- package/dist/dev/packages/@ember/object/computed.js +1 -1
- package/dist/dev/packages/@ember/object/core.js +1 -1
- package/dist/dev/packages/@ember/object/index.js +4 -4
- package/dist/dev/packages/@ember/object/lib/computed/computed_macros.js +3 -3
- package/dist/dev/packages/@ember/object/lib/computed/reduce_computed_macros.js +1 -1
- package/dist/dev/packages/@ember/object/observable.js +4 -4
- package/dist/dev/packages/@ember/object/promise-proxy-mixin.js +2 -2
- package/dist/dev/packages/@ember/renderer/index.js +1 -1
- package/dist/dev/packages/@ember/routing/-internals.js +3 -3
- package/dist/dev/packages/@ember/routing/history-location.js +2 -2
- package/dist/dev/packages/@ember/routing/index.js +11 -28
- package/dist/dev/packages/@ember/routing/lib/generate_controller.js +1 -1
- package/dist/dev/packages/@ember/routing/lib/location-utils.js +14 -11
- package/dist/dev/packages/@ember/routing/lib/routing-service.js +1 -1
- package/dist/dev/packages/@ember/routing/lib/utils.js +3 -3
- package/dist/dev/packages/@ember/routing/none-location.js +2 -1
- package/dist/dev/packages/@ember/routing/route.js +17 -6
- package/dist/dev/packages/@ember/routing/router-service.js +10 -10
- package/dist/dev/packages/@ember/routing/router.js +4 -4
- package/dist/dev/packages/@ember/template-compiler/lib/compile-options.js +3 -3
- package/dist/dev/packages/@ember/template-compiler/lib/template.js +2 -2
- package/dist/dev/packages/@ember/template-factory/index.js +1 -1
- package/dist/dev/packages/@ember/utils/lib/is_empty.js +1 -1
- package/dist/dev/packages/@glimmer/opcode-compiler/index.js +2 -2
- package/dist/dev/packages/@glimmer/program/index.js +3 -3
- package/dist/dev/packages/@glimmer/runtime/index.js +7 -7
- package/dist/dev/packages/@glimmer/wire-format/index.js +2 -5
- package/dist/dev/packages/ember/version.js +1 -1
- package/dist/dev/packages/ember-template-compiler/index.js +2 -2
- package/dist/dev/packages/router_js/index.js +17 -9
- package/dist/dev/packages/rsvp/index.js +1 -2281
- package/dist/dev/packages/shared-chunks/{alias-CT_thCad.js → alias-3DBxvoim.js} +2 -2
- package/dist/dev/packages/shared-chunks/{arguments-CDkbOqTS.js → arguments-DniR8eF2.js} +5 -18
- package/dist/dev/packages/shared-chunks/{compiler-QUSl_urU.js → compiler-BHFFl-fv.js} +1 -1
- package/dist/dev/packages/shared-chunks/{curly-DGUCLOud.js → curly-BCD_vyHq.js} +2 -2
- package/dist/dev/packages/shared-chunks/{element-BYLB-q7a.js → element-Cgoi4ldD.js} +0 -24
- package/dist/dev/packages/shared-chunks/get-zsePWrJL.js +40 -0
- package/dist/dev/packages/shared-chunks/{get_properties-Cm2sWt5f.js → get_properties-BlyZny5J.js} +1 -1
- package/dist/dev/packages/shared-chunks/hash-BFu91gtE.js +57 -0
- package/dist/dev/packages/shared-chunks/{index-D1AjYv31.js → index-B5gBbO_p.js} +195 -79
- package/dist/dev/packages/shared-chunks/{index-DaFzpTIE.js → index-BYUSIu_W.js} +3 -3
- package/dist/dev/packages/shared-chunks/{invoke-d9sqa50M.js → invoke-CgF42joE.js} +1 -1
- package/dist/dev/packages/shared-chunks/{libraries-DwffpMGE.js → libraries-BrYKoqoK.js} +1 -1
- package/dist/dev/packages/shared-chunks/{not-DYh6AY9Z.js → not-0cVb-rLf.js} +1 -1
- package/dist/dev/packages/shared-chunks/{on-DlF0Wy7P.js → on-CVIjn2C-.js} +22 -11
- package/dist/dev/packages/shared-chunks/{opcodes-CplRyHl_.js → opcodes-DDajoGhq.js} +0 -4
- package/dist/dev/packages/shared-chunks/{outlet-CHFL7tun.js → outlet-BO5-QFmm.js} +3 -3
- package/dist/dev/packages/shared-chunks/{program-context-Dq8xN2HI.js → program-context-BBB1Ga5h.js} +2 -2
- package/dist/dev/packages/shared-chunks/{property_get-CRP7MFz_.js → property_get-DXwpgTe7.js} +1 -1
- package/dist/dev/packages/shared-chunks/{property_set-CVlVgdor.js → property_set-DezUwDX4.js} +1 -1
- package/dist/dev/packages/shared-chunks/{render-CtH73XOv.js → render-D_Rawf-r.js} +2 -2
- package/dist/{prod/packages/shared-chunks/rsvp.es-DR7yS7qg.js → dev/packages/shared-chunks/rsvp-aLN_pQtn.js} +152 -148
- package/dist/dev/packages/shared-chunks/{set_properties-CEUT_EJn.js → set_properties-BzM_irwA.js} +1 -1
- package/dist/dev/packages/shared-chunks/{setup-registry-DQ3c4Juo.js → setup-registry-Dp5dtaLa.js} +35 -13
- package/dist/{prod/packages/shared-chunks/syscall-ops-CN7STuUn.js → dev/packages/shared-chunks/syscall-ops-CkPT1Kfx.js} +1 -2
- package/dist/dev/packages/shared-chunks/{textarea-DEvw4ezm.js → textarea-DvS6Xmdh.js} +3 -23
- package/dist/dev/packages/shared-chunks/{unique-id-DQOhouG1.js → unique-id-Csxuh1I7.js} +0 -4
- package/dist/dev/packages/shared-chunks/{unrecognized-url-error-B8loxkay.js → unrecognized-url-error-cXUp-SK3.js} +1 -1
- package/dist/prod/packages/@ember/-internals/deprecations/index.js +9 -0
- package/dist/prod/packages/@ember/-internals/glimmer/index.js +7 -7
- package/dist/prod/packages/@ember/-internals/metal/index.js +8 -8
- package/dist/prod/packages/@ember/-internals/routing/index.js +3 -3
- package/dist/prod/packages/@ember/-internals/runtime/index.js +1 -1
- package/dist/prod/packages/@ember/-internals/runtime/lib/ext/rsvp.js +1 -1
- package/dist/prod/packages/@ember/-internals/runtime/lib/mixins/-proxy.js +2 -2
- package/dist/prod/packages/@ember/-internals/runtime/lib/mixins/action_handler.js +5 -1
- package/dist/prod/packages/@ember/-internals/runtime/lib/mixins/target_action_support.js +4 -1
- package/dist/prod/packages/@ember/-internals/views/lib/mixins/action_support.js +3 -1
- package/dist/prod/packages/@ember/-internals/views/lib/system/event_dispatcher.js +2 -2
- package/dist/prod/packages/@ember/application/index.js +5 -5
- package/dist/prod/packages/@ember/application/instance.js +11 -11
- package/dist/prod/packages/@ember/application/namespace.js +1 -1
- package/dist/prod/packages/@ember/array/index.js +2 -2
- package/dist/prod/packages/@ember/array/lib/is-array.js +1 -1
- package/dist/prod/packages/@ember/array/proxy.js +2 -2
- package/dist/prod/packages/@ember/component/helper.js +2 -2
- package/dist/prod/packages/@ember/component/index.js +4 -4
- package/dist/prod/packages/@ember/controller/index.js +1 -1
- package/dist/prod/packages/@ember/debug/data-adapter.js +1 -1
- package/dist/prod/packages/@ember/engine/index.js +5 -5
- package/dist/prod/packages/@ember/engine/instance.js +1 -1
- package/dist/prod/packages/@ember/helper/index.js +1132 -79
- package/dist/prod/packages/@ember/modifier/on.js +1 -1
- package/dist/prod/packages/@ember/object/compat.js +0 -32
- package/dist/prod/packages/@ember/object/computed.js +1 -1
- package/dist/prod/packages/@ember/object/core.js +1 -1
- package/dist/prod/packages/@ember/object/index.js +4 -4
- package/dist/prod/packages/@ember/object/lib/computed/computed_macros.js +3 -3
- package/dist/prod/packages/@ember/object/lib/computed/reduce_computed_macros.js +1 -1
- package/dist/prod/packages/@ember/object/observable.js +4 -4
- package/dist/prod/packages/@ember/object/promise-proxy-mixin.js +2 -2
- package/dist/prod/packages/@ember/renderer/index.js +1 -1
- package/dist/prod/packages/@ember/routing/history-location.js +2 -2
- package/dist/prod/packages/@ember/routing/index.js +10 -27
- package/dist/prod/packages/@ember/routing/lib/generate_controller.js +1 -1
- package/dist/prod/packages/@ember/routing/lib/location-utils.js +14 -11
- package/dist/prod/packages/@ember/routing/lib/routing-service.js +1 -1
- package/dist/prod/packages/@ember/routing/lib/utils.js +3 -3
- package/dist/prod/packages/@ember/routing/none-location.js +2 -1
- package/dist/prod/packages/@ember/routing/route.js +17 -6
- package/dist/prod/packages/@ember/routing/router-service.js +10 -10
- package/dist/prod/packages/@ember/routing/router.js +4 -4
- package/dist/prod/packages/@ember/template-compiler/lib/compile-options.js +3 -3
- package/dist/prod/packages/@ember/template-compiler/lib/template.js +2 -2
- package/dist/prod/packages/@ember/template-factory/index.js +1 -1
- package/dist/prod/packages/@ember/utils/lib/is_empty.js +1 -1
- package/dist/prod/packages/@glimmer/opcode-compiler/index.js +2 -2
- package/dist/prod/packages/@glimmer/program/index.js +3 -3
- package/dist/prod/packages/@glimmer/runtime/index.js +7 -7
- package/dist/prod/packages/@glimmer/wire-format/index.js +2 -5
- package/dist/prod/packages/ember/version.js +1 -1
- package/dist/prod/packages/ember-template-compiler/index.js +2 -2
- package/dist/prod/packages/router_js/index.js +17 -9
- package/dist/prod/packages/rsvp/index.js +1 -2281
- package/dist/prod/packages/shared-chunks/{alias-CHHuE0LE.js → alias-IFzw6sv_.js} +2 -2
- package/dist/prod/packages/shared-chunks/{arguments-BzAkZVBa.js → arguments-CCYATlEH.js} +1 -18
- package/dist/prod/packages/shared-chunks/{compiler-lBSssiWp.js → compiler-Wt5SWcrF.js} +1 -1
- package/dist/prod/packages/shared-chunks/{curly-a6DP7r87.js → curly-CdvJuTyW.js} +2 -2
- package/dist/prod/packages/shared-chunks/{element-DgHdPZ8u.js → element-BmBjPjkQ.js} +0 -24
- package/dist/prod/packages/shared-chunks/get-CEjFJzGs.js +40 -0
- package/dist/prod/packages/shared-chunks/{get_properties-Dg3xFpiS.js → get_properties-CkJ_mhLz.js} +1 -1
- package/dist/prod/packages/shared-chunks/hash-BitfXhCx.js +57 -0
- package/dist/prod/packages/shared-chunks/{index-CvQQ6l11.js → index-C4VEqlp7.js} +195 -79
- package/dist/prod/packages/shared-chunks/{index-Bf53M8eS.js → index-kwuZeaNz.js} +3 -3
- package/dist/prod/packages/shared-chunks/{invoke-DhQ5QRp2.js → invoke-4JGJYH7Z.js} +1 -1
- package/dist/prod/packages/shared-chunks/{libraries-DBql0hdn.js → libraries-Dx5DiBJv.js} +1 -1
- package/dist/prod/packages/shared-chunks/{not-BOIVROuv.js → not-Dn5s9qVZ.js} +1 -1
- package/dist/prod/packages/shared-chunks/{on-BZHAxzdq.js → on-ov4KAucw.js} +22 -11
- package/dist/prod/packages/shared-chunks/{opcodes-CplRyHl_.js → opcodes-DDajoGhq.js} +0 -4
- package/dist/prod/packages/shared-chunks/{outlet--lIm3q7t.js → outlet-BWnaVOrA.js} +3 -3
- package/dist/prod/packages/shared-chunks/{program-context-COSioH46.js → program-context-WVlzpPdi.js} +2 -2
- package/dist/prod/packages/shared-chunks/{property_get-DAKgbeJX.js → property_get-DuDs6rLg.js} +1 -1
- package/dist/prod/packages/shared-chunks/{property_set-CkLe4ht8.js → property_set-BmAQ0MGK.js} +1 -1
- package/dist/prod/packages/shared-chunks/{render-Bf7GviCY.js → render-BAVl5E6X.js} +2 -2
- package/dist/{dev/packages/shared-chunks/rsvp.es-DR7yS7qg.js → prod/packages/shared-chunks/rsvp-aLN_pQtn.js} +152 -148
- package/dist/prod/packages/shared-chunks/{set_properties-Cs3rVemD.js → set_properties-DYiBfzdk.js} +1 -1
- package/dist/prod/packages/shared-chunks/{setup-registry-kOGgOucf.js → setup-registry-DI1Agp-0.js} +35 -13
- package/dist/{dev/packages/shared-chunks/syscall-ops-CN7STuUn.js → prod/packages/shared-chunks/syscall-ops-CkPT1Kfx.js} +1 -2
- package/dist/prod/packages/shared-chunks/{textarea-DMmdvgk2.js → textarea-B-sssXGa.js} +3 -23
- package/dist/prod/packages/shared-chunks/{unique-id-o2pS74go.js → unique-id-BJb1p8EG.js} +0 -4
- package/dist/prod/packages/shared-chunks/{unrecognized-url-error-jjQ-FqKB.js → unrecognized-url-error-xC654tCo.js} +1 -1
- package/docs/data.json +1249 -1408
- package/package.json +7 -4
- package/types/stable/@ember/-internals/deprecations/index.d.ts +6 -0
- package/types/stable/@ember/-internals/glimmer/index.d.ts +7 -380
- package/types/stable/@ember/-internals/glimmer/lib/component.d.ts +1 -1
- package/types/stable/@ember/-internals/glimmer/lib/helper.d.ts +2 -2
- package/types/stable/@ember/-internals/glimmer/lib/helpers/each-in.d.ts +171 -62
- package/types/stable/@ember/-internals/glimmer/lib/helpers/element.d.ts +0 -24
- package/types/stable/@ember/-internals/glimmer/lib/helpers/mut.d.ts +3 -2
- package/types/stable/@ember/-internals/glimmer/lib/helpers/readonly.d.ts +3 -1
- package/types/stable/@ember/-internals/glimmer/lib/helpers/unbound.d.ts +6 -2
- package/types/stable/@ember/-internals/glimmer/lib/helpers/unique-id.d.ts +0 -3
- package/types/stable/@ember/-internals/glimmer/lib/syntax/mount.d.ts +4 -2
- package/types/stable/@ember/-internals/glimmer/lib/syntax/outlet.d.ts +7 -2
- package/types/stable/@ember/helper/index.d.ts +1113 -73
- package/types/stable/@ember/object/compat.d.ts +0 -32
- package/types/stable/@ember/object/core.d.ts +1 -1
- package/types/stable/@ember/routing/lib/location-utils.d.ts +10 -7
- package/types/stable/@ember/routing/router-service.d.ts +9 -9
- package/types/stable/@glimmer/interfaces/lib/compile/wire-format/api.d.ts +1 -9
- package/types/stable/@glimmer/interfaces/lib/compile/wire-format/opcodes.d.ts +0 -4
- package/types/stable/@glimmer/interfaces/lib/vm-opcodes.d.ts +0 -4
- package/types/stable/@glimmer/opcode-compiler/lib/opcode-builder/helpers/conditional.d.ts +1 -1
- package/types/stable/@glimmer/opcode-compiler/lib/syntax/statements.d.ts +1 -1
- package/types/stable/@glimmer/runtime/lib/helpers/array.d.ts +0 -33
- package/types/stable/@glimmer/runtime/lib/helpers/concat.d.ts +0 -25
- package/types/stable/@glimmer/runtime/lib/helpers/fn.d.ts +0 -70
- package/types/stable/@glimmer/runtime/lib/helpers/get.d.ts +0 -69
- package/types/stable/@glimmer/runtime/lib/helpers/hash.d.ts +0 -36
- package/types/stable/index.d.ts +0 -14
- package/dist/dev/packages/shared-chunks/get-6I3sjd-I.js +0 -135
- package/dist/dev/packages/shared-chunks/hash-6NDs_5_f.js +0 -198
- package/dist/prod/packages/shared-chunks/get-Dago5uGl.js +0 -135
- package/dist/prod/packages/shared-chunks/hash-gEXIsSO4.js +0 -198
- package/types/stable/@ember/-internals/glimmer/lib/helpers/array.d.ts +0 -43
- package/types/stable/@ember/-internals/glimmer/lib/helpers/component.d.ts +0 -93
- package/types/stable/@ember/-internals/glimmer/lib/helpers/concat.d.ts +0 -32
- package/types/stable/@ember/-internals/glimmer/lib/helpers/fn.d.ts +0 -77
- package/types/stable/@ember/-internals/glimmer/lib/helpers/get.d.ts +0 -94
- package/types/stable/@ember/-internals/glimmer/lib/helpers/hash.d.ts +0 -46
- package/types/stable/@ember/-internals/glimmer/lib/helpers/helper.d.ts +0 -43
- package/types/stable/@ember/-internals/glimmer/lib/helpers/if-unless.d.ts +0 -228
- package/types/stable/@ember/-internals/glimmer/lib/helpers/log.d.ts +0 -19
- package/types/stable/@ember/-internals/glimmer/lib/helpers/modifier.d.ts +0 -42
- package/types/stable/@ember/-internals/glimmer/lib/helpers/page-title.d.ts +0 -24
- package/types/stable/@ember/-internals/glimmer/lib/modifiers/on.d.ts +0 -95
- package/types/stable/@ember/-internals/glimmer/lib/syntax/in-element.d.ts +0 -49
- package/types/stable/@ember/-internals/glimmer/lib/syntax/let.d.ts +0 -43
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
declare module '@ember/-internals/glimmer/lib/helpers/page-title' {
|
|
2
|
-
/**
|
|
3
|
-
@module ember
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
`page-title` allows you to set the title of any page in your application and
|
|
7
|
-
append additional titles for each route. For complete documentation, see
|
|
8
|
-
https://github.com/ember-cli/ember-page-title.
|
|
9
|
-
|
|
10
|
-
```gjs
|
|
11
|
-
import pageTitle from 'ember-page-title/helpers/page-title';
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
{{pageTitle "My Page Title" }}
|
|
15
|
-
</template>
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
@method page-title
|
|
19
|
-
@for Ember.Templates.helpers
|
|
20
|
-
@param {String} param
|
|
21
|
-
@public
|
|
22
|
-
*/
|
|
23
|
-
export {};
|
|
24
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
declare module '@ember/-internals/glimmer/lib/modifiers/on' {
|
|
2
|
-
/**
|
|
3
|
-
@module ember
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
The `{{on}}` modifier lets you easily add event listeners (it uses
|
|
7
|
-
[EventTarget.addEventListener](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)
|
|
8
|
-
internally).
|
|
9
|
-
|
|
10
|
-
For example, if you'd like to run a function on your component when a `<button>`
|
|
11
|
-
in the components template is clicked you might do something like:
|
|
12
|
-
|
|
13
|
-
```app/components/like-post.gjs
|
|
14
|
-
import Component from '@glimmer/component';
|
|
15
|
-
import { action } from '@ember/object';
|
|
16
|
-
|
|
17
|
-
export default class LikePost extends Component {
|
|
18
|
-
@action
|
|
19
|
-
saveLike() {
|
|
20
|
-
// someone likes your post!
|
|
21
|
-
// better send a request off to your server...
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
<template>
|
|
25
|
-
<button {{on 'click' this.saveLike}}>Like this post!</button>
|
|
26
|
-
</template>
|
|
27
|
-
}
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
### Arguments
|
|
31
|
-
|
|
32
|
-
`{{on}}` accepts two positional arguments, and a few named arguments.
|
|
33
|
-
|
|
34
|
-
The positional arguments are:
|
|
35
|
-
|
|
36
|
-
- `event` -- the name to use when calling `addEventListener`
|
|
37
|
-
- `callback` -- the function to be passed to `addEventListener`
|
|
38
|
-
|
|
39
|
-
The named arguments are:
|
|
40
|
-
|
|
41
|
-
- capture -- a `true` value indicates that events of this type will be dispatched
|
|
42
|
-
to the registered listener before being dispatched to any EventTarget beneath it
|
|
43
|
-
in the DOM tree.
|
|
44
|
-
- once -- indicates that the listener should be invoked at most once after being
|
|
45
|
-
added. If true, the listener would be automatically removed when invoked.
|
|
46
|
-
- passive -- if `true`, indicates that the function specified by listener will never
|
|
47
|
-
call preventDefault(). If a passive listener does call preventDefault(), the user
|
|
48
|
-
agent will do nothing other than generate a console warning. See
|
|
49
|
-
[Improving scrolling performance with passive listeners](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Improving_scrolling_performance_with_passive_listeners)
|
|
50
|
-
to learn more.
|
|
51
|
-
|
|
52
|
-
The callback function passed to `{{on}}` will receive any arguments that are passed
|
|
53
|
-
to the event handler. Most commonly this would be the `event` itself.
|
|
54
|
-
|
|
55
|
-
If you would like to pass additional arguments to the function you should use
|
|
56
|
-
the `{{fn}}` helper.
|
|
57
|
-
|
|
58
|
-
For example, in our example case above if you'd like to pass in the post that
|
|
59
|
-
was being liked when the button is clicked you could do something like:
|
|
60
|
-
|
|
61
|
-
```hbs
|
|
62
|
-
<button {{on 'click' (fn this.saveLike @post)}}>Like this post!</button>
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
In this case, the `saveLike` function will receive two arguments: the click event
|
|
66
|
-
and the value of `@post`.
|
|
67
|
-
|
|
68
|
-
### Function Context
|
|
69
|
-
|
|
70
|
-
In the example above, we used `@action` to ensure that `likePost` is
|
|
71
|
-
properly bound to the `LikePost` Component, but let's explore what happens if we
|
|
72
|
-
left out `@action`:
|
|
73
|
-
|
|
74
|
-
```app/components/like-post.gjs
|
|
75
|
-
import Component from '@glimmer/component';
|
|
76
|
-
|
|
77
|
-
export default class LikePost extends Component {
|
|
78
|
-
saveLike() {
|
|
79
|
-
// ...snip...
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
```
|
|
83
|
-
|
|
84
|
-
In this example, when the button is clicked `saveLike` will be invoked,
|
|
85
|
-
it will **not** have access to the component instance. In other
|
|
86
|
-
words, it will have no `this` context, so please make sure your functions
|
|
87
|
-
are bound (via `@action` or other means) before passing into `on`!
|
|
88
|
-
|
|
89
|
-
@method on
|
|
90
|
-
@for Ember.Templates.helpers
|
|
91
|
-
@public
|
|
92
|
-
@since 3.11.0
|
|
93
|
-
*/
|
|
94
|
-
export {};
|
|
95
|
-
}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
declare module '@ember/-internals/glimmer/lib/syntax/in-element' {
|
|
2
|
-
/**
|
|
3
|
-
@module ember
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
The `in-element` helper renders its block content outside of the regular flow,
|
|
7
|
-
into a DOM element given by its `destinationElement` positional argument.
|
|
8
|
-
|
|
9
|
-
Common use cases - often referred to as "portals" or "wormholes" - are rendering
|
|
10
|
-
dropdowns, modals or tooltips close to the root of the page to bypass CSS overflow
|
|
11
|
-
rules, or to render content to parts of the page that are outside of the control
|
|
12
|
-
of the Ember app itself (e.g. embedded into a static or server rendered HTML page).
|
|
13
|
-
|
|
14
|
-
```handlebars
|
|
15
|
-
{{#in-element this.destinationElement}}
|
|
16
|
-
<div>Some content</div>
|
|
17
|
-
{{/in-element}}
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
### Arguments
|
|
21
|
-
|
|
22
|
-
`{{in-element}}` requires a single positional argument:
|
|
23
|
-
|
|
24
|
-
- `destinationElement` -- the DOM element to render into. It must exist at the time
|
|
25
|
-
of rendering.
|
|
26
|
-
|
|
27
|
-
It also supports an optional named argument:
|
|
28
|
-
|
|
29
|
-
- `insertBefore` -- by default the DOM element's content is replaced when used as
|
|
30
|
-
`destinationElement`. Passing `null` to `insertBefore` changes the behaviour to
|
|
31
|
-
append the block content to the end of any existing content. Any other value than
|
|
32
|
-
`null` is currently not supported.
|
|
33
|
-
|
|
34
|
-
For example:
|
|
35
|
-
|
|
36
|
-
```handlebars
|
|
37
|
-
{{#in-element this.destinationElement insertBefore=null}}
|
|
38
|
-
<div>Some content</div>
|
|
39
|
-
{{/in-element}}
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
`in-element` is built-in and does not need to be imported.
|
|
43
|
-
|
|
44
|
-
@method in-element
|
|
45
|
-
@for Ember.Templates.helpers
|
|
46
|
-
@public
|
|
47
|
-
*/
|
|
48
|
-
export {};
|
|
49
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
declare module '@ember/-internals/glimmer/lib/syntax/let' {
|
|
2
|
-
/**
|
|
3
|
-
@module ember
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
The `let` helper receives one or more positional arguments and yields
|
|
7
|
-
them out as block params.
|
|
8
|
-
|
|
9
|
-
This allows the developer to introduce shorter names for certain computations
|
|
10
|
-
in the template.
|
|
11
|
-
|
|
12
|
-
This is especially useful if you are passing properties to a component
|
|
13
|
-
that receives a lot of options and you want to clean up the invocation.
|
|
14
|
-
|
|
15
|
-
For the following example, the template receives a `post` object with
|
|
16
|
-
`content` and `title` properties.
|
|
17
|
-
|
|
18
|
-
We are going to call the `my-post` component, passing a title which is
|
|
19
|
-
the title of the post suffixed with the name of the blog, the content
|
|
20
|
-
of the post, and a series of options defined in-place.
|
|
21
|
-
|
|
22
|
-
```handlebars
|
|
23
|
-
{{#let
|
|
24
|
-
(concat post.title ' | The Ember.js Blog')
|
|
25
|
-
post.content
|
|
26
|
-
(hash
|
|
27
|
-
theme="high-contrast"
|
|
28
|
-
enableComments=true
|
|
29
|
-
)
|
|
30
|
-
as |title content options|
|
|
31
|
-
}}
|
|
32
|
-
<MyPost @title={{title}} @content={{content}} @options={{options}} />
|
|
33
|
-
{{/let}}
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
`let` is built-in and does not need to be imported.
|
|
37
|
-
|
|
38
|
-
@method let
|
|
39
|
-
@for Ember.Templates.helpers
|
|
40
|
-
@public
|
|
41
|
-
*/
|
|
42
|
-
export {};
|
|
43
|
-
}
|