import { htmlSafe } from '@ember/template';
// A decorator for transforming an object into an html
// compatible style attribute string.
//
// ex. @styleString
// get styleStr() {
// return { color: '#FF0', 'border-width': '1px' }
// }
export default function styleString(target, name, descriptor) {
if (!descriptor.get) throw new Error('styleString only works on getters');
const orig = descriptor.get;
descriptor.get = function () {
const styles = orig.apply(this);
let str = '';
if (styles) {
str = Object.keys(styles)
.reduce(function (arr, key) {
const val = styles[key];
arr.push(
key + ':' + (typeof val === 'number' ? val.toFixed(2) + 'px' : val)
);
return arr;
}, [])
.join(';');
}
return htmlSafe(str);
};
return descriptor;
}