genoverse 3.2.0 → 4.0.1

package/js/plugins/controlPanel.js

@@ -1,395 +0,0 @@
-Genoverse.Plugins.controlPanel = function (pluginConf) {
-  this.controls = [
-    // Scroll left/right
-    {
-      name    : 'Scroll left and right by pressing and holding these buttons',
-      buttons : [{
-        name    : 'Scroll left',
-        icon    : '<i class="fas fa-chevron-left"></i>',
-        'class' : 'gv-scroll-left'
-      }, {
-        name    : 'Scroll right',
-        icon    : '<i class="fas fa-chevron-right"></i>',
-        'class' : 'gv-scroll-right'
-      }],
-      init: function (browser) {
-        var el = $(this);
-
-        el.find('.gv-scroll-left, .gv-scroll-right').on({
-          mousedown : function () { browser.startDragScroll(); },
-          mouseup   : function () { browser.stopDragScroll();  }
-        });
-
-        el.find('.gv-scroll-left').mousehold(50, function () {
-          browser.move(browser.scrollDelta);
-        });
-
-        el.find('.gv-scroll-right').mousehold(50, function () {
-          browser.move(-browser.scrollDelta);
-        });
-      }
-    },
-
-    // Zoom in/out
-    {
-      name    : 'Zoom-in and zoom-out',
-      buttons : [{
-        name    : 'Zoom in',
-        icon    : '<i class="fas fa-search-plus"></i>',
-        'class' : 'gv-zoom-in',
-        action  : function (browser) { browser.zoomIn(); }
-      }, {
-        name    : 'Zoom out',
-        icon    : '<i class="fas fa-search-minus"></i>',
-        'class' : 'gv-zoom-out',
-        action  : function (browser) { browser.zoomOut(); }
-      }]
-    },
-
-    // Toogle drag action
-    {
-      name    : 'Toggle your mouse drag action between scroll left/right and select region',
-      buttons : [{
-        name    : 'Mouse drag action to scroll the browser left or right',
-        icon    : '<i class="fas fa-arrows-alt-h"></i>',
-        'class' : 'gv-drag-scroll',
-        action  : function (browser) {
-          browser.setDragAction('scroll');
-          $(this).addClass('gv-active').siblings().removeClass('gv-active');
-        }
-      }, {
-        name    : 'Mouse drag action to select a region',
-        icon    : '<i></i>',
-        'class' : 'gv-drag-select',
-        action  : function (browser) {
-          browser.setDragAction('select');
-          $(this).addClass('gv-active').siblings().removeClass('gv-active');
-        }
-      }],
-      init: function (browser) {
-        $(this).find('.gv-drag-' + browser.dragAction).addClass('gv-active').siblings().removeClass('gv-active');
-      }
-    },
-
-    // Toogle wheel action
-    {
-      name    : 'Toggle your mouse wheel action between zoom in/out and default page scroll',
-      buttons : [{
-        name    : 'Mouse wheel action to scroll the page up and down',
-        icon    : '<i class="fas fa-arrows-alt-v"></i>',
-        'class' : 'gv-wheel-off',
-        action  : function (browser) {
-          browser.setWheelAction('off');
-          $(this).addClass('gv-active').siblings().removeClass('gv-active');
-        }
-      }, {
-        name    : 'Mouse wheel to zoom in and out',
-        icon    : '&#177;',
-        'class' : 'gv-wheel-zoom',
-        action  : function (browser) {
-          browser.setWheelAction('zoom');
-          $(this).addClass('gv-active').siblings().removeClass('gv-active');
-        }
-      }],
-      init: function (browser) {
-        $(this).find('.gv-wheel-' + browser.wheelAction).addClass('gv-active').siblings().removeClass('gv-active');
-      }
-    }
-  ];
-
-  if (this.saveable) {
-    this.controls.push({
-      icon   : '<i class="fas fa-undo"></i>',
-      name   : 'Reset tracks and configuration',
-      action : function (browser) { browser.resetConfig(); }
-    });
-  }
-
-  this.on({
-    beforeInit: function () {
-      var browser = this;
-
-      if (!this.tracksLibrary) {
-        this.tracksLibrary = $.grep(this.tracks, function (track) { return track.prototype.name; });
-      }
-
-      var panel = $(
-        '<table cellspacing=0 cellpadding=0 class="gv">' +
-        '  <tr>' +
-        '    <td class="gv-panel gv-panel-left"></td>' +
-        '    <td class="gv-canvas-container"></td>' +
-        '    <td class="gv-panel gv-panel-right"></td>' +
-        '  </tr>' +
-        '</table>'
-      ).appendTo(this.container).find('.gv-panel-right');
-
-      this.controlPanel   = panel;
-      this.superContainer = this.container;
-      this.container      = $('.gv-canvas-container', this.container);
-
-      for (var i = 0; i < browser.controls.length; i++) {
-        (function (control) {
-          var buttonSet = $('<div class="gv-button-set">').attr('title', control.name).appendTo(browser.superContainer.find('.gv-panel-right'));
-          var buttons   = control.buttons || [ control ];
-
-          $.each(buttons, function (j, button) {
-            var el = $('<button>' + button.icon + '</button>').addClass(button.class).attr('title', button.name).appendTo(buttonSet);
-
-            if (button.action) {
-              el.on('click', function () {
-                button.action.call(this, browser);
-              });
-            }
-
-            if (button.init && button !== control) {
-              button.init.call(el[0], browser);
-            }
-          });
-
-          if (control.init) {
-            control.init.call(buttonSet, browser);
-          }
-        }(browser.controls[i]));
-      }
-
-      this.superContainer.width(this.width);
-
-      // ESC key to toggle crosshair select to drag mode and close menus
-      $(document).on('keydown', function (e) {
-        if (e.keyCode === 27) {
-          if (panel.find('button.gv-drag-select').hasClass('gv-active')) {
-            panel.find('button.gv-drag-scroll').trigger('click');
-          }
-
-          $('.gv-menu .gv-close').trigger('click');
-        }
-      });
-    },
-
-    afterInit: function () {
-      var browser      = this;
-      var tracksButton = $('<button class="gv-tracks-library-button" title="Tracks menu"><i class="fas fa-bars"></i> Tracks</button>').on('click', function () {
-        var button = this;
-
-        function getTrackTags(track, tags) {
-          if (track.constructor && track.constructor.ancestor && track.constructor.ancestor.prototype) {
-            tags = getTrackTags(track.constructor.ancestor.prototype, tags.concat(track.constructor.ancestor.prototype.tags || []));
-          }
-
-          return tags;
-        }
-
-        if ($(this).hasClass('gv-active')) {
-          $('.gv-menu.gv-tracks-menu .gv-close').trigger('click');
-          $(this).removeClass('gv-active');
-        } else {
-          var menu = $(this).data('menu');
-
-          if (menu) {
-            menu.show();
-          } else {
-            menu = browser.makeMenu({
-              'Currently enabled tracks:'             : 'Available tracks:',
-              '<div class="gv-current-tracks"></div>' : '<input placeholder="Search"><div class="gv-available-tracks"></div>'
-            }).addClass('gv-tracks-menu');
-
-            $('input[placeholder=Search]', menu).on('keyup', function () {
-              var str = this.value.toLowerCase();
-
-              $('.gv-tracks-library-item', menu).each(function () {
-                var track = $(this).data('track');
-                var match = false;
-
-                if (track.name && track.name.toLowerCase().indexOf(str) >= 0) {
-                  match = true;
-                } else {
-                  var tags = getTrackTags(track, []).concat(track.tags || []);
-
-                  for (var i = 0; i < tags.length; i++) {
-                    if (tags[i].toLowerCase().indexOf(str) >= 0) {
-                      match = true;
-                      break;
-                    }
-                  }
-                }
-
-                $(this)[match ? 'removeClass' : 'addClass']('gv-hide');
-              });
-
-              $('.gv-tracks-library-category', menu).each(function () {
-                var visibleTracks = $(this).children('.gv-tracks-library-item:not(.gv-hide)');
-
-                $(this)[visibleTracks.length ? 'removeClass' : 'addClass']('gv-hide');
-              });
-            });
-
-            $('.gv-close', menu).on('click', function () {
-              $(button).removeClass('gv-active');
-            });
-
-            var availableTracks = $('.gv-available-tracks', menu);
-            var currentTracks   = $('.gv-current-tracks',   menu).before('<div class="gv-current-tracks-instructions">Drag and drop to reorder</div>').data({
-              reload     : function () { $(this).empty().data('listTracks')(); },
-              listTracks : function () {
-                for (var i = 0; i < browser.tracks.length; i++) {
-                  if (browser.tracks[i].name && !(browser.tracks[i].removable === false && browser.tracks[i].unsortable) && !browser.tracks[i].parentTrack && !browser.tracks[i].lockToTrack) {
-                    (function (track) {
-                      var el = $('<div class="gv-tracks-menu-track">')
-                        .append('<span class="gv-tracks-menu-track-name" title="' + track.name + '">' + track.defaultName + '</span>')
-                        .appendTo(currentTracks)
-                        .data('track', track)
-                        .addClass(track.unsortable ? 'gv-unsortable' : '');
-
-                      if (track.removable === false) {
-                        el.prepend('<i class="gv-remove-track gv-menu-button fas fa-circle">');
-                      } else {
-                        el.prepend($('<i class="gv-remove-track gv-menu-button fas fa-times-circle">').on('click', function () { track.remove(); }));
-                      }
-
-                      var trackNameEl = el.find('.gv-tracks-menu-track-name').tipsy({ gravity: 'w', trigger: 'manual' }).on('mouseenter', function () {
-                        var tip = $(this).tipsy('show').data('tipsy').$tip;
-
-                        if (tip) {
-                          tip.css('zIndex', 1002);
-                        }
-                      }).on('mouseleave', function () {
-                        $(this).tipsy('hide');
-                      });
-
-                      if (track.name === track.defaultName) {
-                        trackNameEl.tipsy('disable');
-                      }
-                    }(browser.tracks[i]));
-                  }
-                }
-              }
-            }).sortable({
-              items  : 'div:not(.gv-unsortable)',
-              cursor : 'move',
-              axis   : 'y',
-              handle : 'span',
-              update : $.proxy(browser.updateTrackOrder, browser),
-              start  : function () {
-                currentTracks.find('.gv-tracks-menu-track-name').each(function () { $(this).tipsy('hide').tipsy('disable'); });
-              },
-              stop: function () {
-                currentTracks.find('.gv-tracks-menu-track-name').each(function () { $(this).tipsy('enable'); });
-              }
-            });
-
-            currentTracks.data('listTracks')();
-
-            if (browser.saveable) {
-              $('<div class="gv-tracks-menu-reset gv-menu-button"><i class="fas fa-undo"></i> Reset tracks and configuration</div>').insertAfter(currentTracks).on('click', function (e) {
-                e.preventDefault();
-                browser.resetConfig();
-              });
-            }
-
-            if (browser.tracksLibrary && browser.tracksLibrary.length) {
-              var tracksLibraryCategories = browser.tracksLibrary.filter(function (track) {
-                return track.prototype.name && track.prototype.removable !== false;
-              }).reduce(
-                function (acc, track) {
-                  var categoryName = track.prototype.category || '';
-
-                  acc[categoryName] = acc[categoryName] || [];
-                  acc[categoryName].push([ track.prototype.name.toLowerCase(), track ]);
-
-                  return acc;
-                },
-                {}
-              );
-
-              var tracksLibraryCategoryOrder = ((pluginConf && pluginConf.tracksLibraryCategoryOrder) || []).reduce(
-                function (acc, categoryName, i) {
-                  acc[categoryName] = i + 1;
-                  return acc;
-                },
-                {}
-              );
-
-              Object.keys(tracksLibraryCategories).sort(function (a, b) {
-                return (Boolean(b) - Boolean(a)) || (tracksLibraryCategoryOrder[a] - tracksLibraryCategoryOrder[b]) || a.localeCompare(b);
-              }).forEach(function (categoryName, i, allCategoryNames) {
-                var parentEl = (
-                  allCategoryNames.length > 1
-                    ? $('<div class="gv-tracks-library-category">').append(
-                      $('<div class="gv-tracks-library-category-header">').html(categoryName || 'Other')
-                    ).appendTo(availableTracks)
-                    : availableTracks
-                );
-
-                tracksLibraryCategories[categoryName].sort(function (a, b) {
-                  return a[0].localeCompare(b[0]);
-                }).forEach(
-                  function (row) {
-                    var track = row[1];
-
-                    $('<div class="gv-tracks-library-item">').append(
-                      $('<i class="gv-add-track gv-menu-button fas fa-plus-circle">').on('click', function () {
-                        browser.trackIds = browser.trackIds || {};
-                        browser.trackIds[track.prototype.id] = browser.trackIds[track.prototype.id] || 1;
-
-                        browser.addTrack(track.extend({ id: track.prototype.id + (browser.tracksById[track.prototype.id] ? browser.trackIds[track.prototype.id]++ : '') }));
-                      })
-                    ).append('<span>' + track.prototype.name + '</span>').appendTo(parentEl).data('track', track.prototype);
-                  }
-                );
-              });
-            }
-
-            menu.css({ left: '50%', marginLeft: menu.width() / -2 });
-
-            $(this).data('menu', menu);
-          }
-
-          $(this).addClass('gv-active');
-        }
-      });
-
-      this.labelContainer.prepend(
-        $('<li class="gv-unsortable">').append(
-          $('<div class="gv-button-set" title="Tracks menu">').append(tracksButton)
-        )
-      );
-    },
-
-    afterAddDomElements: function () {
-      this.wrapper.after('<div class="gv-powered-by">Powered by <a target="_blank" href="https://wtsi-web.github.io/Genoverse/">Genoverse</a></div>');
-      this.superContainer.find('.gv-panel-left').append(this.labelContainer);
-    },
-
-    'afterAddTracks afterRemoveTracks': function () {
-      var currentTracks = this.superContainer.find('.gv-tracks-menu .gv-current-tracks');
-
-      if (currentTracks.length) {
-        currentTracks.data('reload').call(currentTracks);
-      }
-    }
-  });
-
-  this.on({
-    afterSetName: function (name) {
-      var track = this.track;
-
-      if (track && track.browser) {
-        var menu = track.browser.superContainer.find('.gv-tracks-library-button').data('menu');
-
-        if (menu) {
-          menu.find('.gv-tracks-menu-track').filter(function () {
-            return $(this).data('track') === track;
-          }).children('.gv-tracks-menu-track-name').attr('title', name).each(function () {
-            if (name === track.defaultName) {
-              $(this).tipsy('hide').tipsy('disable');
-            } else {
-              $(this).tipsy('enable');
-            }
-          });
-        }
-      }
-    }
-  }, 'tracks');
-};
-
-Genoverse.Plugins.controlPanel.requires = 'karyotype';

package/js/plugins/fileDrop.js

@@ -1,62 +0,0 @@
-Genoverse.Plugins.fileDrop = function () {
-  this.on('afterInit', function () {
-    var browser = this;
-    var wrapper = this.wrapper;
-
-    $(window).on('dragenter', function (e) {
-      var dataTransfer = e.originalEvent.dataTransfer;
-
-      if (dataTransfer && dataTransfer.types && (dataTransfer.types[0] === 'Files' || dataTransfer.types[1] === 'Files' || dataTransfer.types[2] === 'Files') && !$('.gv-file-drop-total-overlay').length) {
-        var fileDropDiv      = $('<div class="gv-file-drop">').appendTo(wrapper);
-        var totalDropOverlay = $('<div class="gv-file-drop-total-overlay">').prependTo('body');
-
-        var dragleave = function () {
-          fileDropDiv.remove();
-          totalDropOverlay.remove();
-        };
-
-        totalDropOverlay.on('dragenter', function (ev) { ev.preventDefault(); ev.stopPropagation(); });
-        totalDropOverlay.on('dragover',  function (ev) { ev.preventDefault(); ev.stopPropagation(); });
-        totalDropOverlay.on('dragleave', dragleave);
-        totalDropOverlay.on('drop', function (ev) {
-          dragleave();
-          ev.preventDefault();
-          ev.stopPropagation();
-
-          // Sort in order to ensure that .bam files are before their .bam.bai files
-          var files = $.map(ev.originalEvent.dataTransfer.files, function (f) { return f; }).sort(function (a, b) { return a.name.localeCompare(b.name); });
-
-          for (var i = 0; i < files.length; i++) {
-            var file  = files[i];
-            var parts = file.name.split('.').reverse();
-            var gz    = parts[0] === 'gz';
-            var ext   = parts[gz ? 1 : 0];
-            var track = Genoverse.Track.File[ext.toUpperCase()];
-            var indexFile;
-
-            if (typeof track === 'undefined') {
-              return;
-            }
-
-            if (track.prototype.indexExt && (files[i + 1] || {}).name === file.name + track.prototype.indexExt) {
-              indexFile = files[++i];
-            }
-
-            track = track.extend({
-              name      : file.name,
-              info      : 'Local file `' + file.name + '`, size: ' + file.size + ' bytes',
-              isLocal   : true,
-              dataFile  : file,
-              indexFile : indexFile,
-              gz        : gz
-            });
-
-            browser.addTrack(track, browser.tracks.length - 1);
-          }
-
-          return false;
-        });
-      }
-    });
-  });
-};

package/js/plugins/focusRegion.js

@@ -1,12 +0,0 @@
-Genoverse.Plugins.focusRegion = function () {
-  this.controls.push({
-    icon    : '<i class="fas fa-map-marker-alt"></i>',
-    'class' : 'gv-button-large',
-    name    : 'Reset focus to ' + (this.focusRegion && this.focusRegion.name ? this.focusRegion.name : this.chr + ':' + this.start + '-' + this.end),
-    action  : function (browser) { browser.moveTo(browser.focusRegion.chr, browser.focusRegion.start, browser.focusRegion.end, true); },
-    init    : function (browser) { browser.focusRegion = browser.focusRegion || { chr: browser.chr, start: browser.start, end: browser.end }; }
-  });
-};
-
-Genoverse.Plugins.focusRegion.requires = 'controlPanel';
-Genoverse.Plugins.focusRegion.noCSS    = true;

package/js/plugins/resizer.js

@@ -1,45 +0,0 @@
-Genoverse.Plugins.resizer = function () {
-  this.on('afterSetMVC', 'tracks', function () {
-    if (this.prop('resizable') !== true) {
-      return;
-    }
-
-    var track      = this;
-    var controller = this.controller;
-    var resizer    = this.prop('resizer');
-    var height     = this.prop('height');
-
-    if (!resizer) {
-      resizer = this.prop('resizer', $('<div class="gv-resizer gv-static"><div class="gv-handle"></div></div>').appendTo(track.prop('container')).draggable({
-        axis  : 'y',
-        start : function () { $('body').addClass('gv-dragging'); },
-        stop  : function (e, ui) {
-          $('body').removeClass('gv-dragging');
-          controller.resize(track.prop('height') + ui.position.top - ui.originalPosition.top, true);
-          $(this).css({ top: 'auto', bottom: 0 }); // returns the resizer to the bottom of the container - needed when the track is resized to 0
-        }
-      }).on('click', function () {
-        var h = track.prop('fullVisibleHeight');
-
-        if (h) {
-          controller.resize(h, true);
-        }
-      }));
-    }
-
-    resizer.css({ width: this.width, left: 0 })[this.prop('autoHeight') ? 'hide' : 'show']();
-
-    if (!this.prop('autoHeight') && height - this.prop('margin') === this.prop('featureHeight')) {
-      controller.resize(height + resizer.height());
-      this.prop('initialHeight', this.prop('height'));
-    }
-  });
-
-  this.on('afterToggleExpander', 'tracks', function () {
-    var resizer = this.prop('resizer');
-
-    if (resizer) {
-      resizer[this.expander && this.expander.is(':visible') ? 'addClass' : 'removeClass']('gv-resizer-expander');
-    }
-  });
-};

package/js/plugins/trackControls.js

@@ -1,143 +0,0 @@
-Genoverse.Plugins.trackControls = function () {
-  var defaultControls = [
-    $('<a title="More info" class="fas fa-question-circle">').on('click', function () {
-      var track = $(this).data('track');
-      var menu  = track.prop('menus').filter('.gv-track-info');
-
-      if (!menu.length) {
-        var info = track.prop('info');
-
-        menu = { title: track.name };
-        menu[typeof info === 'function' ? info.call(track) : info || ''] = '';
-
-        menu = track.prop('menus', track.prop('menus').add(track.browser.makeMenu(menu).addClass('gv-track-info')));
-      }
-
-      menu.show().position({ of: track.prop('container'), at: 'center top', my: 'center top', collision: 'none' });
-    }),
-
-    $(
-      '<a class="gv-height-toggle">'       +
-        '<i class="fas fa-sort"></i>'      +
-        '<i class="fas fa-sort-down"></i>' +
-        '<i class="fas fa-sort-up"></i>'   +
-      '</a>'
-    ).on({
-      click: function () {
-        var track = $(this).data('track');
-        var height;
-
-        if (track.prop('autoHeight', !track.prop('autoHeight'))) {
-          track.prop('heightBeforeToggle', track.prop('height'));
-          height = track.prop('fullVisibleHeight');
-        } else {
-          height = track.prop('heightBeforeToggle') || track.prop('initialHeight');
-        }
-
-        $(this).trigger('toggleState');
-
-        track.controller.resize(height, true);
-      },
-      toggleState: function () { // custom event to set title and change the icon
-        var track      = $(this).data('track');
-        var autoHeight = track.prop('autoHeight');
-        var resizer    = track.prop('resizer');
-
-        this.title = autoHeight ? 'Set track to fixed height' : 'Set track to auto-adjust height';
-        $(this)[autoHeight ? 'addClass' : 'removeClass']('gv-auto-height');
-
-        if (resizer) {
-          resizer[autoHeight ? 'hide' : 'show']();
-        }
-      }
-    })
-  ];
-
-  var remove = $('<a title="Remove track" class="far fa-trash-alt">').on('click', function () {
-    $(this).data('track').remove();
-  });
-
-  var toggle = $(
-    '<a class="gv-track-controls-toggle">'                                              +
-      '<span><i class="fas fa-angle-double-left"></i><i class="fas fa-cog"></i></span>' +
-      '<span><i class="fas fa-angle-double-right"></i></span>'                          +
-    '</a>'
-  ).on('click', function () {
-    $(this).parent().toggleClass('gv-maximized');
-  });
-
-  this.on({
-    afterAddDomElements: function () {
-      var controls = this.prop('controls');
-
-      if (controls === 'off') {
-        return;
-      }
-
-      var defaultConfig = this.prop('defaultConfig');
-      var savedConfig   = this.browser.savedConfig ? this.browser.savedConfig[this.prop('id')] || {} : {};
-      var prop, el, j;
-
-      controls = (controls || []).concat(defaultControls, this.prop('removable') === false ? [] : remove);
-
-      this.trackControls = $('<div class="gv-track-controls">').prependTo(this.container);
-
-      var controlsContainer = $('<div class="gv-track-controls-container">').appendTo(this.trackControls);
-
-      for (var i = 0; i < controls.length; i++) {
-        if ($.isPlainObject(controls[i]) && controls[i].type) {
-          el = $('<' + controls[i].type + '>').data('control', controls[i].name);
-
-          if (controls[i].options) {
-            for (j = 0; j < controls[i].options.length; j++) {
-              el.append('<option value="' + controls[i].options[j].value + '">' + controls[i].options[j].text + '</option>');
-            }
-          }
-        } else if (typeof controls[i] === 'string') {
-          el = $(controls[i]);
-        } else if (typeof controls[i] === 'object' && controls[i].constructor && controls[i] instanceof $) {
-          el = controls[i].clone(true);
-        }
-
-        el.data('track', this.track).appendTo(controlsContainer);
-
-        // TODO: other control types
-        if (el.is('select')) {
-          prop = el.data('control');
-
-          el.find('option[value=' + (savedConfig[prop] || defaultConfig[prop] || 'all') + ']').attr('selected', true).end().change(function () {
-            $(this).data('track').setConfig($(this).data('control'), this.value);
-          });
-        }
-      }
-
-      this.prop('heightToggler', controlsContainer.children('.gv-height-toggle').trigger('toggleState'));
-
-      var toggler = toggle.clone(true).data('track', this.track).appendTo(this.trackControls);
-
-      toggler.trigger('click');
-      this.minLabelHeight = Math.max(this.minLabelHeight, this.trackControls.outerHeight(true) + this.prop('margin'));
-      toggler.trigger('click');
-    },
-    afterResize: function () {
-      if (this.trackControls) {
-        this.trackControls[this.prop('height') < this.trackControls.outerHeight(true) ? 'hide' : 'show']();
-      }
-    },
-    afterResetHeight: function () {
-      var heightToggler = this.prop('heightToggler');
-
-      if (this.prop('resizable') === true && heightToggler) {
-        heightToggler[this.prop('autoHeight') ? 'addClass' : 'removeClass']('gv-auto-height');
-        heightToggler.trigger('toggleState');
-      }
-    },
-    afterSetMVC: function () {
-      var heightToggler = this.prop('heightToggler');
-
-      if (heightToggler) {
-        heightToggler.trigger('toggleState')[this.prop('resizable') === true ? 'removeClass' : 'addClass']('gv-hide');
-      }
-    }
-  }, 'tracks');
-};