/**
  @module ember-ui-components
*/
import Ember from 'ember';
import layout from '../templates/components/uic-content-mask';

/**
  @class ContentMaskComponent
  @namespace Components
*/
export default Ember.Component.extend({
  /**
    @property layout
    @type {String}
    @private
  */
  layout: layout,

  /**
    @property classNames
    @type {Array}
    @private
    @default `['uic-content-mask']`
  */
  classNames: ['uic-content-mask'],

  didInsertElement() {
    this._super(...arguments);
    let didInsertMask = this.get('didInsertMask');
    if (typeof didInsertMask === 'function') {
      didInsertMask.call(this);
    }
  },

  /**
    @event click
  */
  click() {
    this.sendAction();
  }
});

@@ -445,16 +445,294 @@
 ask'%5D,%0A%0A
+  /**%0A    @property classNameBindings%0A    @type %7BArray%7D%0A    @default %60%5B'active'%5D%60%0A    @private%0A  */%0A  classNameBindings: %5B'active'%5D,%0A%0A  /**%0A    @property active%0A    @type %7BBoolean%7D%0A    @default %60false%60%0A  */%0A  active: false,%0A%0A  /**%0A    @method didInsertElement%0A    @private%0A  */%0A
   didIns

update context-mask component