addon/components/ui-pointing-label.js
import Component from '@ember/component';
import { computed } from '@ember/object';
import layout from '../templates/components/ui-pointing-label';
import uiLabelBase from '../mixins/ui-label-base';
/**
ui-pointing-label component see {{#crossLink "mixins.uiLabelBase"}}{{/crossLink}}
@module components
@namespace components
@class UiPointingLabel
@constructor
*/
export default Component.extend(uiLabelBase, {
layout: layout,
/**
* pointing direction: below, left, right
*
* @property {String} direction
*/
direction: '',
_theme: computed('direction', function() {
let direction = ['pointing'];
if(this.direction === 'below'){
direction.push(this.direction);
}
if(this.direction === 'left' || this.direction === 'right'){
direction.push(this.direction);
direction = direction.reverse();
}
return direction.join(' ');
})
});