All files / addon/components/nucleus-banner item.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8x
8x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { tagName, layout as templateLayout } from '@ember-decorators/component';
import { reads } from '@ember/object/computed';
import Component from '@ember/component';
import { get, action, computed } from '@ember/object';
import layout from "../../templates/components/nucleus-banner/item";
import { ICON_MAP } from '../../constants/nucleus-banner';
 
/**
  @class Nucleus Banner Item
  @namespace Components
  @extends Ember.Component
  @public
*/
@templateLayout(layout)
@tagName('')
class Item extends Component {
  /**
  * Banner item
  * ``` javascript
  * {
  *   title: 'title',
  *   type: 'success',
  *   isDismissible: true,
  *   content: {
  *     linkAction: this.someAction.bind(this),
  *     linkText: 'Click here'
  *   },
  *   componentName: 'some-component-name',
  *   componentProps: {}
  * }
  * ```
  *
  * @field bannerItem
  * @type object
  * @public
  */
  @reads('item')
  bannerItem;
 
  /**
  * bannerIcon
  *
  * @computed bannerIcon
  * @private
  */
  @computed('bannerItem.type')
  get bannerIcon() {
    let type = get(this, 'bannerItem.type');
    return type && type in ICON_MAP ? ICON_MAP[type] : null;
  }
 
  /**
  * Closure action that gets invoked on clicking the close button.
  *
  * @method onClose
  * @public
  * @param {object} item
  */
  @action
  onClose(item) {
    get(this, 'onDelete') && get(this, 'onDelete')(item);
  }
}
 
export default Item;