ember style attribute helpers

_template.hbs

<div style={{html-safe (concat "background-color: " (escape this.userColour))}}>

</div>

escape.js

import Ember from 'ember';
import { helper } from '@ember/component/helper';
const { escapeExpression } = Ember.Handlebars.Utils;

/**
 * This helper escapes a value
 *
 * Example:
 *   {{escape "<b>Hi!</b>"}}
 *
 *   ...results in '&lt;Hi!&gt;'
 *
 */
export default helper(function(args) {
  return escapeExpression(...args);
});

html-safe.js

import { helper } from '@ember/component/helper';
import { htmlSafe } from '@ember/string';

/**
 * This helper is a replacement for triple curlies.
 *
 * Example:
 *   {{html-safe "<b>foo</b>"}}
 *
 */
export default helper(function(args) {
  return htmlSafe(...args);
});