slickgrid 2.3.16

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7467c2c1a0ed4d6ec9ea2bd605c227eb93d70b85
+  data.tar.gz: 0c682a3a226ea448f5e9f85c0017e25ad1162805
+SHA512:
+  metadata.gz: 646d2fec1b237c76ce9098fca639b88571fe9e7aa6d4d23adce2f2b93c17d957122a1381f34d04d679d80a82a2f46a266ca7c0de7dcd6eb57eaef63c03f7e841
+  data.tar.gz: f41524941cc583cc6aba484aaed4ae64588b998aa65fb547a066291d9e58ed70b3398af50f087ec39f711cd757b228a139e32b42830fd4941efe7d9d68096e19

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+gemspec
+
+gem 'jquery-plugins-rails'

data/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,30 @@
+# SlickGrid (6pac fork) Rails gem
+
+Adds SlickGrid vendor assets to your Rails app. Tested on 5.1 but should work on 4+.
+
+This uses the [6pac fork](https://github.com/6pac/SlickGrid) which is the most active fork of SlickGrid.
+
+
+## Installation
+
+Add this to the Gemfile:
+
+    gem 'slickgrid'
+
+Run
+
+    bundle
+
+## Usage
+
+Add this to your application.js file
+
+    //= require slickgrid
+
+
+If you need plugins or dataview or something else you can add it manually.
+
+Examples:
+
+    //= require slickgrid/dataview
+    //= require slickgrid/controls/columnpicker

data/lib/slickgrid.rb

@@ -0,0 +1,6 @@
+require "slickgrid/version"
+require "jquery-plugins-rails"
+
+module SlickGrid
+  class Engine < ::Rails::Engine; end
+end

data/lib/slickgrid/version.rb

@@ -0,0 +1,3 @@
+module SlickGrid
+  VERSION = '2.3.16'
+end

data/slickgrid.gemspec

@@ -0,0 +1,20 @@
+Gem::Specification.new do |gem|
+  gem.name          = "slickgrid"
+  gem.version       = "2.3.16"
+  gem.authors       = ["Erlingur Þorsteinsson"]
+  gem.email         = ["erlingur@rsf.is"]
+  gem.description   = %q{SlickGrid (6pac fork) gem for Rails}
+  gem.summary       = %q{SlickGrid (6pac fork) gem for Rails}
+  gem.homepage      = "https://github.com/Reiknistofa/slickgrid"
+  gem.license       = "MIT"
+
+  gem.add_dependency "railties", ">= 3.0"
+
+  gem.add_dependency "jquery-plugins-rails", '~>0.2'
+  gem.add_dependency "jquery-rails", '~>4.0'
+
+  gem.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  gem.files         = `git ls-files`.split("\n")
+  gem.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  gem.require_paths = ["lib"]
+end

data/vendor/assets/javascripts/slickgrid.js

@@ -0,0 +1,5 @@
+//= require jquery
+//= require jquery/event/drag
+//= require jquery/event/drop
+//= require slickgrid/core
+//= require slickgrid/grid

data/vendor/assets/javascripts/slickgrid/controls/columnpicker.js

@@ -0,0 +1,221 @@
+  /***
+   * A control to add a Column Picker (right+click on any column header to reveal the column picker)
+   *
+   * USAGE:
+   *
+   * Add the slick.columnpicker.(js|css) files and register it with the grid.
+   *
+   * Available options, by defining a columnPicker object:
+   *
+   *  var options = {
+   *    enableCellNavigation: true,
+   *    columnPicker: {
+   *      columnTitle: "Columns",                 // default to empty string
+   *
+   *      // the last 2 checkboxes titles
+   *      hideForceFitButton: false,              // show/hide checkbox near the end "Force Fit Columns" (default:false) 
+   *      hideSyncResizeButton: false,            // show/hide checkbox near the end "Synchronous Resize" (default:false) 
+   *      forceFitTitle: "Force fit columns",     // default to "Force fit columns"
+   *      syncResizeTitle: "Synchronous resize",  // default to "Synchronous resize"
+   *    }
+   *  };
+   *
+   * @class Slick.Controls.ColumnPicker
+   * @constructor
+   */
+
+'use strict';
+
+(function ($) {
+  function SlickColumnPicker(columns, grid, options) {
+    var $list;
+    var $menu;
+    var columnCheckboxes;
+    var onColumnsChanged = new Slick.Event();
+
+    var defaults = {
+      fadeSpeed: 250,
+
+      // the last 2 checkboxes titles
+      hideForceFitButton: false,
+      hideSyncResizeButton: false, 
+      forceFitTitle: "Force fit columns",
+      syncResizeTitle: "Synchronous resize"
+    };
+
+    function init() {
+      grid.onHeaderContextMenu.subscribe(handleHeaderContextMenu);
+      grid.onColumnsReordered.subscribe(updateColumnOrder);
+      options = $.extend({}, defaults, options);
+
+      $menu = $("<div class='slick-columnpicker' style='display:none' />").appendTo(document.body);
+      var $close = $("<button type='button' class='close' data-dismiss='slick-columnpicker' aria-label='Close'><span class='close' aria-hidden='true'>&times;</span></button>").appendTo($menu);
+
+      // user could pass a title on top of the columns list
+      if(options.columnPickerTitle || (options.columnPicker && options.columnPicker.columnTitle)) {
+        var columnTitle = options.columnPickerTitle || options.columnPicker.columnTitle;
+        var $title = $("<div class='title'/>").append(columnTitle);
+        $title.appendTo($menu);
+      }
+
+      $menu.on("click", updateColumn);
+      $list = $("<span class='slick-columnpicker-list' />");
+
+      // Hide the menu on outside click.
+      $(document.body).on("mousedown", handleBodyMouseDown);
+
+      // destroy the picker if user leaves the page
+      $(window).on("beforeunload", destroy);
+    }
+
+    function destroy() {
+      grid.onHeaderContextMenu.unsubscribe(handleHeaderContextMenu);
+      grid.onColumnsReordered.unsubscribe(updateColumnOrder);
+      $(document.body).off("mousedown", handleBodyMouseDown);
+      $("div.slick-columnpicker").hide(options.fadeSpeed);
+      $menu.remove();
+    }
+
+    function handleBodyMouseDown(e) {
+      if (($menu && $menu[0] != e.target && !$.contains($menu[0], e.target)) || e.target.className == "close") {
+        $menu.hide(options.fadeSpeed);
+      }
+    }
+
+    function handleHeaderContextMenu(e, args) {
+      e.preventDefault();
+      $list.empty();
+      updateColumnOrder();
+      columnCheckboxes = [];
+
+      var $li, $input;
+      for (var i = 0; i < columns.length; i++) {
+        $li = $("<li />").appendTo($list);
+        $input = $("<input type='checkbox' />").data("column-id", columns[i].id);
+        columnCheckboxes.push($input);
+
+        if (grid.getColumnIndex(columns[i].id) != null) {
+          $input.attr("checked", "checked");
+        }
+
+        $("<label />")
+            .html(columns[i].name)
+            .prepend($input)
+            .appendTo($li);
+      }
+
+      if (options.columnPicker && (!options.columnPicker.hideForceFitButton || !options.columnPicker.hideSyncResizeButton)) {
+        $("<hr/>").appendTo($list);
+      }
+
+      if (!(options.columnPicker && options.columnPicker.hideForceFitButton)) {
+        var forceFitTitle = (options.columnPicker && options.columnPicker.forceFitTitle) || options.forceFitTitle;
+        $li = $("<li />").appendTo($list);
+        $input = $("<input type='checkbox' />").data("option", "autoresize");
+        $("<label />")
+            .text(forceFitTitle)
+            .prepend($input)
+            .appendTo($li);
+        if (grid.getOptions().forceFitColumns) {
+          $input.attr("checked", "checked");
+        }
+      }
+
+      if (!(options.columnPicker && options.columnPicker.hideSyncResizeButton)) {
+        var syncResizeTitle = (options.columnPicker && options.columnPicker.syncResizeTitle) || options.syncResizeTitle;
+        $li = $("<li />").appendTo($list);
+        $input = $("<input type='checkbox' />").data("option", "syncresize");
+        $("<label />")
+            .text(syncResizeTitle)
+            .prepend($input)
+            .appendTo($li);
+        if (grid.getOptions().syncColumnCellResize) {
+          $input.attr("checked", "checked");
+        }
+      }
+
+      $menu
+          .css("top", e.pageY - 10)
+          .css("left", e.pageX - 10)
+          .css("max-height", $(window).height() - e.pageY -10)
+          .fadeIn(options.fadeSpeed);
+
+      $list.appendTo($menu);
+    }
+
+    function updateColumnOrder() {
+      // Because columns can be reordered, we have to update the `columns`
+      // to reflect the new order, however we can't just take `grid.getColumns()`,
+      // as it does not include columns currently hidden by the picker.
+      // We create a new `columns` structure by leaving currently-hidden
+      // columns in their original ordinal position and interleaving the results
+      // of the current column sort.
+      var current = grid.getColumns().slice(0);
+      var ordered = new Array(columns.length);
+      for (var i = 0; i < ordered.length; i++) {
+        if ( grid.getColumnIndex(columns[i].id) === undefined ) {
+          // If the column doesn't return a value from getColumnIndex,
+          // it is hidden. Leave it in this position.
+          ordered[i] = columns[i];
+        } else {
+          // Otherwise, grab the next visible column.
+          ordered[i] = current.shift();
+        }
+      }
+      columns = ordered;
+    }
+
+    function updateColumn(e) {
+      if ($(e.target).data("option") == "autoresize") {
+        if (e.target.checked) {
+          grid.setOptions({forceFitColumns:true});
+          grid.autosizeColumns();
+        } else {
+          grid.setOptions({forceFitColumns:false});
+        }
+        return;
+      }
+
+      if ($(e.target).data("option") == "syncresize") {
+        if (e.target.checked) {
+          grid.setOptions({syncColumnCellResize:true});
+        } else {
+          grid.setOptions({syncColumnCellResize:false});
+        }
+        return;
+      }
+
+      if ($(e.target).is(":checkbox")) {
+        var visibleColumns = [];
+        $.each(columnCheckboxes, function (i, e) {
+          if ($(this).is(":checked")) {
+            visibleColumns.push(columns[i]);
+          }
+        });
+
+        if (!visibleColumns.length) {
+          $(e.target).attr("checked", "checked");
+          return;
+        }
+
+        grid.setColumns(visibleColumns);
+        onColumnsChanged.notify({columns: visibleColumns, grid: grid});
+      }
+    }
+
+    function getAllColumns() {
+      return columns;
+    }
+
+    init();
+
+    return {
+      "getAllColumns": getAllColumns,
+      "destroy": destroy,
+      "onColumnsChanged": onColumnsChanged
+    };
+  }
+
+  // Slick.Controls.ColumnPicker
+  $.extend(true, window, { Slick:{ Controls:{ ColumnPicker:SlickColumnPicker }}});
+})(jQuery);

data/vendor/assets/javascripts/slickgrid/controls/gridmenu.js

@@ -0,0 +1,429 @@
+  /***
+   * A control to add a Grid Menu (hambuger menu on top-right of the grid)
+   *
+   * USAGE:
+   *
+   * Add the slick.gridmenu.(js|css) files and register it with the grid.
+   *
+   * To specify a menu in a column header, extend the column definition like so:
+   * var gridMenuControl = new Slick.Controls.GridMenu(columns, grid, options);
+   *
+   * Available grid options, by defining a gridMenu object:
+   *
+   *  var options = {
+   *    enableCellNavigation: true,
+   *    gridMenu: {
+   *      customTitle: "Custom Menus",                // default to empty string
+   *      columnTitle: "Columns",                     // default to empty string
+   *      iconImage: "../slickgrid/drag-handle.png",     // this is the Grid Menu icon (hamburger icon)
+   *      iconCssClass: "fa fa-bars",                 // you can provide iconImage OR iconCssClass
+   *      leaveOpen: false,                           // do we want to leave the Grid Menu open after a command execution? (false by default)
+   *      menuWidth: 18,                              // width that will be use to resize the column header container (18 by default)
+   *      resizeOnShowHeaderRow: true,                // true by default
+   *
+   *      // the last 2 checkboxes titles
+   *      hideForceFitButton: false,                  // show/hide checkbox near the end "Force Fit Columns"
+   *      hideSyncResizeButton: false,                // show/hide checkbox near the end "Synchronous Resize"
+   *      forceFitTitle: "Force fit columns",         // default to "Force fit columns"
+   *      syncResizeTitle: "Synchronous resize",      // default to "Synchronous resize"
+   *
+   *      customItems: [
+   *        {
+   *          // custom menu item options
+   *        },
+   *        {
+   *          // custom menu item options
+   *        }
+   *      ]
+   *    }
+   *  };
+   *
+   *
+   * Available custom menu item options:
+   *    title:        Menu item text.
+   *    disabled:     Whether the item is disabled.
+   *    tooltip:      Item tooltip.
+   *    command:      A command identifier to be passed to the onCommand event handlers.
+   *    iconCssClass: A CSS class to be added to the menu item icon.
+   *    iconImage:    A url to the icon image.
+   *
+   *
+   * The plugin exposes the following events:
+   *    onBeforeMenuShow:   Fired before the menu is shown.  You can customize the menu or dismiss it by returning false.
+   *      * ONLY works with a jQuery event (as per slick.core code), so we cannot notify when it's a button event (when grid menu is attached to an external button, not the hamburger menu)
+   *        Event args:
+   *            grid:     Reference to the grid.
+   *            column:   Column definition.
+   *            menu:     Menu options.  Note that you can change the menu items here.
+   *
+   *    onMenuClose:      Fired when the menu is closing.
+   *        Event args:
+   *            grid:     Reference to the grid.
+   *            column:   Column definition.
+   *            menu:     Menu options.  Note that you can change the menu items here.
+   *
+   *    onCommand:    Fired on menu item click for buttons with 'command' specified.
+   *        Event args:
+   *            grid:     Reference to the grid.
+   *            column:   Column definition.
+   *            command:  Button command identified.
+   *            button:   Button options.  Note that you can change the button options in your
+   *                      event handler, and the column header will be automatically updated to
+   *                      reflect them.  This is useful if you want to implement something like a
+   *                      toggle button.
+   *
+   *
+   * @param options {Object} Options:
+   *    buttonCssClass:   an extra CSS class to add to the menu button
+   *    buttonImage:      a url to the menu button image (default '../slickgrid/down.gif')
+   * @class Slick.Controls.GridMenu
+   * @constructor
+   */
+
+  'use strict';
+
+  (function ($) {
+    // register namespace
+    $.extend(true, window, {
+      "Slick": {
+        "Controls": {
+          "GridMenu": SlickGridMenu
+        }
+      }
+    });
+
+    function SlickGridMenu(columns, grid, options) {
+      var _grid = grid;
+      var _isMenuOpen = false;
+      var _options = options;
+      var _self = this;
+      var $list;
+      var $menu;
+      var columnCheckboxes;
+      var _defaults = {
+        hideForceFitButton: false,
+        hideSyncResizeButton: false,
+        fadeSpeed: 250,
+        forceFitTitle: "Force fit columns",
+        menuWidth: 18,
+        resizeOnShowHeaderRow: false,
+        syncResizeTitle: "Synchronous resize"
+      };
+
+      function init(grid) {
+        var gridMenuWidth = (_options.gridMenu && _options.gridMenu.menuWidth) || _defaults.menuWidth;
+        var $header = $('.slick-header');
+        $header.attr('style', 'width: calc(100% - ' + gridMenuWidth +'px)');
+
+        // if header row is enabled, we need to resize it's width also
+        var enableResizeHeaderRow = (_options.gridMenu && _options.gridMenu.resizeOnShowHeaderRow != undefined) ? _options.gridMenu.resizeOnShowHeaderRow : _defaults.resizeOnShowHeaderRow;
+        if(enableResizeHeaderRow) {
+          var $headerrow = $('.slick-headerrow');
+          $headerrow.attr('style', 'width: calc(100% - ' + gridMenuWidth +'px)');
+        }
+
+        var $button = $('<button class="slick-gridmenu-button"/>');
+        if (_options.gridMenu && _options.gridMenu.iconCssClass) {
+          $button.addClass(_options.gridMenu.iconCssClass);
+        } else {
+          var iconImage = (_options.gridMenu && _options.gridMenu.iconImage) ? _options.gridMenu.iconImage :"../slickgrid/drag-handle.png";
+          var $btnImage = $('<img src="' + iconImage + '"/>');
+          $btnImage.appendTo($button);
+        }
+        $button.insertBefore($header);
+
+        $menu = $('<div class="slick-gridmenu" style="display: none" />').appendTo(document.body);
+        var $close = $('<button type="button" class="close" data-dismiss="slick-gridmenu" aria-label="Close"><span class="close" aria-hidden="true">&times;</span></button>').appendTo($menu);
+
+        var $customMenu = $('<div class="slick-gridmenu-custom" />');
+        $customMenu.appendTo($menu);
+
+        // user could pass a title on top of the custom section
+        if(_options.gridMenu && _options.gridMenu.customTitle) {
+          var $title = $('<div class="title"/>').append(_options.gridMenu.customTitle);
+          $title.appendTo($customMenu);
+        }
+
+        populateCustomMenus(_options, $customMenu);
+        populateColumnPicker();
+
+        // Hide the menu on outside click.
+        $(document.body).on("mousedown", handleBodyMouseDown);
+
+        // destroy the picker if user leaves the page
+        $(window).on("beforeunload", destroy);
+
+        // add on click handler for the Grid Menu itself
+        $button.on("click", showGridMenu);
+      }
+
+      function destroy() {
+        _self.onBeforeMenuShow.unsubscribe();
+        _self.onMenuClose.unsubscribe();
+        _self.onCommand.unsubscribe();
+        _self.onColumnsChanged.unsubscribe();
+        _grid.onColumnsReordered.unsubscribe(updateColumnOrder);
+        $(document.body).off("mousedown", handleBodyMouseDown);
+        $("div.slick-gridmenu").hide(_options.fadeSpeed);
+        $menu.remove();
+      }
+
+      function populateCustomMenus(options, $customMenu) {
+        // Construct the custom menu items.
+        if(!options.gridMenu || !options.gridMenu.customItems) {
+          return;
+        }
+        for (var i = 0, ln = options.gridMenu.customItems.length; i < ln; i++) {
+          var item = options.gridMenu.customItems[i];
+
+          var $li = $("<div class='slick-gridmenu-item'></div>")
+            .data("command", item.command || '')
+            .data("item", item)
+            .on("click", handleMenuItemClick)
+            .appendTo($customMenu);
+
+          if (item.disabled) {
+            $li.addClass("slick-gridmenu-item-disabled");
+          }
+
+          if (item.tooltip) {
+            $li.attr("title", item.tooltip);
+          }
+
+          var $icon = $("<div class='slick-gridmenu-icon'></div>")
+            .appendTo($li);
+
+          if (item.iconCssClass) {
+            $icon.addClass(item.iconCssClass);
+          }
+
+          if (item.iconImage) {
+            $icon.css("background-image", "url(" + item.iconImage + ")");
+          }
+
+          var $content = $("<span class='slick-gridmenu-content'></span>")
+            .text(item.title)
+            .appendTo($li);
+        }
+      }
+
+      /** Build the column picker, the code comes almost untouched from the file "slick.columnpicker.js" */
+      function populateColumnPicker() {
+        _grid.onColumnsReordered.subscribe(updateColumnOrder);
+        _options = $.extend({}, _defaults, _options);
+
+        // user could pass a title on top of the columns list
+        if(_options.gridMenu && _options.gridMenu.columnTitle) {
+          var $title = $('<div class="title"/>').append(_options.gridMenu.columnTitle);
+          $title.appendTo($menu);
+        }
+
+        $menu.on("click", updateColumn);
+        $list = $('<span class="slick-gridmenu-list" />');
+      }
+
+      function showGridMenu(e) {
+        e.preventDefault();
+        $list.empty();
+
+        updateColumnOrder();
+        columnCheckboxes = [];
+
+        // notify of the onBeforeMenuShow only works when it's a jQuery event (as per slick.core code)
+        // this mean that we cannot notify when the grid menu is attach to a button event
+        if(typeof e.isPropagationStopped === "function") {
+          if (_self.onBeforeMenuShow.notify({
+            "grid": _grid,
+            "menu": $menu
+          }, e, _self) == false) {
+            return;
+          }
+        }
+
+        var $li, $input;
+        for (var i = 0; i < columns.length; i++) {
+          $li = $("<li />").appendTo($list);
+          $input = $("<input type='checkbox' />").data("column-id", columns[i].id);
+          columnCheckboxes.push($input);
+
+          if (_grid.getColumnIndex(columns[i].id) != null) {
+            $input.attr("checked", "checked");
+          }
+
+          $("<label />")
+              .html(columns[i].name)
+              .prepend($input)
+              .appendTo($li);
+        }
+
+        if (_options.gridMenu && (!_options.gridMenu.hideForceFitButton || !_options.gridMenu.hideSyncResizeButton)) {
+          $("<hr/>").appendTo($list);
+        }
+
+        if (!(_options.gridMenu && _options.gridMenu.hideForceFitButton)) {
+          var forceFitTitle = (_options.gridMenu && _options.gridMenu.forceFitTitle) || _defaults.forceFitTitle;
+          $li = $("<li />").appendTo($list);
+          $input = $("<input type='checkbox' />").data("option", "autoresize");
+          $("<label />")
+              .text(forceFitTitle)
+              .prepend($input)
+              .appendTo($li);
+          if (_grid.getOptions().forceFitColumns) {
+            $input.attr("checked", "checked");
+          }
+        }
+
+        if (!(_options.gridMenu && _options.gridMenu.hideSyncResizeButton)) {
+          var syncResizeTitle = (_options.gridMenu && _options.gridMenu.syncResizeTitle) || _defaults.syncResizeTitle;
+          $li = $("<li />").appendTo($list);
+          $input = $("<input type='checkbox' />").data("option", "syncresize");
+          $("<label />")
+              .text(syncResizeTitle)
+              .prepend($input)
+              .appendTo($li);
+          if (_grid.getOptions().syncColumnCellResize) {
+            $input.attr("checked", "checked");
+          }
+        }
+
+        var gridMenuWidth = $menu.width();
+
+        $menu
+            .css("top", e.pageY + 10)
+            .css("left", e.pageX - $menu.width())
+            .css("max-height", $(window).height() - e.pageY -10)
+            .fadeIn(_options.fadeSpeed);
+
+        $list.appendTo($menu);
+      }
+
+      function handleBodyMouseDown(e) {
+        if (($menu && $menu[0] != e.target && !$.contains($menu[0], e.target) && _isMenuOpen) || e.target.className == "close") {
+          hideMenu(e);
+        } else {
+          _isMenuOpen = true;
+        }
+      }
+
+      function handleMenuItemClick(e) {
+        var command = $(this).data("command");
+        var item = $(this).data("item");
+
+        if (item.disabled) {
+          return;
+        }
+
+        // does the user want to leave open the Grid Menu after executing a command?
+        var leaveOpen = (_options.gridMenu && _options.gridMenu.leaveOpen) ? true : false;
+        if(!leaveOpen) {
+          hideMenu(e);
+        }
+
+        if (command != null && command != '') {
+          _self.onCommand.notify({
+              "grid": _grid,
+              "command": command,
+              "item": item
+            }, e, _self);
+        }
+
+        // Stop propagation so that it doesn't register as a header click event.
+        e.preventDefault();
+        e.stopPropagation();
+      }
+
+      function hideMenu(e) {
+        if ($menu) {
+          $menu.hide(_options.fadeSpeed);
+          _isMenuOpen = false;
+
+          if (_self.onMenuClose.notify({
+            "grid": _grid,
+            "menu": $menu
+          }, e, _self) == false) {
+            return;
+          }
+        }
+      }
+
+      function updateColumnOrder() {
+        // Because columns can be reordered, we have to update the `columns`
+        // to reflect the new order, however we can't just take `grid.getColumns()`,
+        // as it does not include columns currently hidden by the picker.
+        // We create a new `columns` structure by leaving currently-hidden
+        // columns in their original ordinal position and interleaving the results
+        // of the current column sort.
+        var current = _grid.getColumns().slice(0);
+        var ordered = new Array(columns.length);
+        for (var i = 0; i < ordered.length; i++) {
+          if ( _grid.getColumnIndex(columns[i].id) === undefined ) {
+            // If the column doesn't return a value from getColumnIndex,
+            // it is hidden. Leave it in this position.
+            ordered[i] = columns[i];
+          } else {
+            // Otherwise, grab the next visible column.
+            ordered[i] = current.shift();
+          }
+        }
+        columns = ordered;
+      }
+
+      function updateColumn(e) {
+        if ($(e.target).data("option") == "autoresize") {
+          if (e.target.checked) {
+            _grid.setOptions({forceFitColumns:true});
+            _grid.autosizeColumns();
+          } else {
+            _grid.setOptions({forceFitColumns:false});
+          }
+          return;
+        }
+
+        if ($(e.target).data("option") == "syncresize") {
+          if (e.target.checked) {
+            _grid.setOptions({syncColumnCellResize:true});
+          } else {
+            _grid.setOptions({syncColumnCellResize:false});
+          }
+          return;
+        }
+
+        if ($(e.target).is(":checkbox")) {
+          var visibleColumns = [];
+          $.each(columnCheckboxes, function (i, e) {
+            if ($(this).is(":checked")) {
+              visibleColumns.push(columns[i]);
+            }
+          });
+
+          if (!visibleColumns.length) {
+            $(e.target).attr("checked", "checked");
+            return;
+          }
+
+          _grid.setColumns(visibleColumns);
+          _self.onColumnsChanged.notify({
+              "grid": _grid,
+              "columns": visibleColumns
+            }, e, _self);
+        }
+      }
+
+      init(_grid);
+
+      function getAllColumns() {
+        return columns;
+      }
+
+      $.extend(this, {
+        "init": init,
+        "getAllColumns": getAllColumns,
+        "destroy": destroy,
+        "showGridMenu": showGridMenu,
+        "onBeforeMenuShow": new Slick.Event(),
+        "onMenuClose": new Slick.Event(),
+        "onCommand": new Slick.Event(),
+        "onColumnsChanged": new Slick.Event()
+      });
+    }
+  })(jQuery);