This allows an arbitrary Glimmer template to be rendered inside a Widget. That template can include any kind content, including Classic Ember components and Glimmer components. This leans on Ember's official `{{#in-element}}` helper which means that all component lifecycle hooks are called correctly.
This is a modern replacement for our existing `ComponentConnector` implementation. We'll deprecate `ComponentConnector` in the near future.
Example usage:
```javascript
// (inside an existing widget)
html(){
return [
new RenderGlimmer(
this,
"div.my-wrapper-class",
hbs`<MyComponent @arg1={{@data.arg1}} />`,
{
arg1: "some argument value"
}
),
]
}
```
See `widgets/render-glimmer.js` for documentation, and `render-glimmer-test` for more example uses.
|
||
|---|---|---|
| .. | ||
| actions-summary-test.js | ||
| avatar-flair-test.js | ||
| button-test.js | ||
| default-notification-item-test.js | ||
| hamburger-menu-test.js | ||
| header-test.js | ||
| home-logo-test.js | ||
| post-links-test.js | ||
| post-menu-test.js | ||
| post-small-action-test.js | ||
| post-stream-test.js | ||
| post-test.js | ||
| poster-name-test.js | ||
| quick-access-item-test.js | ||
| render-glimmer-test.js | ||
| small-user-list-test.js | ||
| topic-admin-menu-test.js | ||
| topic-participant-test.js | ||
| topic-status-test.js | ||
| user-menu-test.js | ||
| widget-dropdown-test.js | ||
| widget-test.js | ||