Ghost/ghost/admin/app/helpers/query-selector.js

export default function (selector) {
    const elem = document.querySelector(selector);

    if (!elem) {
        console.warn(`{{query-selector}} could not find an element matching "${selector}"`); //eslint-disable-line
    }

    return elem;
}
Migrated `<GhUnsplash>` to glimmer component 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 2022-02-07 19:53:12 +03:00			`export default function (selector) {`
			`const elem = document.querySelector(selector);`

			`if (!elem) {`
			console.warn(`{{query-selector}} could not find an element matching "${selector}"`); //eslint-disable-line
			`}`

			`return elem;`
			`}`