* A Backbone View that renders the visual view of a contextual region element.
*/
-(function (Drupal, Backbone, Modernizr) {
- Drupal.contextual.RegionView = Backbone.View.extend(/** @lends Drupal.contextual.RegionView# */{
+(function(Drupal, Backbone, Modernizr) {
+ Drupal.contextual.RegionView = Backbone.View.extend(
+ /** @lends Drupal.contextual.RegionView# */ {
+ /**
+ * Events for the Backbone view.
+ *
+ * @return {object}
+ * A mapping of events to be used in the view.
+ */
+ events() {
+ let mapping = {
+ mouseenter() {
+ this.model.set('regionIsHovered', true);
+ },
+ mouseleave() {
+ this.model
+ .close()
+ .blur()
+ .set('regionIsHovered', false);
+ },
+ };
+ // We don't want mouse hover events on touch.
+ if (Modernizr.touchevents) {
+ mapping = {};
+ }
+ return mapping;
+ },
- /**
- * Events for the Backbone view.
- *
- * @return {object}
- * A mapping of events to be used in the view.
- */
- events() {
- let mapping = {
- mouseenter() {
- this.model.set('regionIsHovered', true);
- },
- mouseleave() {
- this.model.close().blur().set('regionIsHovered', false);
- },
- };
- // We don't want mouse hover events on touch.
- if (Modernizr.touchevents) {
- mapping = {};
- }
- return mapping;
- },
-
- /**
- * Renders the visual view of a contextual region element.
- *
- * @constructs
- *
- * @augments Backbone.View
- */
- initialize() {
- this.listenTo(this.model, 'change:hasFocus', this.render);
- },
+ /**
+ * Renders the visual view of a contextual region element.
+ *
+ * @constructs
+ *
+ * @augments Backbone.View
+ */
+ initialize() {
+ this.listenTo(this.model, 'change:hasFocus', this.render);
+ },
- /**
- * @inheritdoc
- *
- * @return {Drupal.contextual.RegionView}
- * The current contextual region view.
- */
- render() {
- this.$el.toggleClass('focus', this.model.get('hasFocus'));
+ /**
+ * @inheritdoc
+ *
+ * @return {Drupal.contextual.RegionView}
+ * The current contextual region view.
+ */
+ render() {
+ this.$el.toggleClass('focus', this.model.get('hasFocus'));
- return this;
+ return this;
+ },
},
-
- });
-}(Drupal, Backbone, Modernizr));
+ );
+})(Drupal, Backbone, Modernizr);