mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 04:13:30 +03:00
018a4ec5e9
refs https://github.com/TryGhost/Ghost/issues/14101 - swapped use of `<LiquidWormhole>` to `{{#in-element}}` because we weren't animating anything - we can now use `{{css-transition}}` instead if we want to animate in the future - swapped use of `ShortcutsMixin` for ember-keyboard's `{{on-key}}` modifier - added `{{query-selector}}` helper so we can grab an element from inside the template rather than requiring a backing component function (used to pass the wormhole element to `{{#in-element}}`) - added `{{on-resize}}` modifier so the `resizeDetector` service can be used directly from the template rather than requiring a backing component to wait for render and use query selectors to grab an element
15 lines
381 B
JavaScript
15 lines
381 B
JavaScript
import Modifier from 'ember-modifier';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
export default class MovableModifier extends Modifier {
|
|
@service resizeDetector;
|
|
|
|
didInstall() {
|
|
this.resizeDetector.setup(this.element, this.args.positional[0]);
|
|
}
|
|
|
|
willDestroy() {
|
|
this.resizeDetector.teardown(this.element, this.args.positional[0]);
|
|
}
|
|
}
|