effective_bootstrap 0.9.25 → 0.9.30

data/app/assets/stylesheets/effective_article_editor/content.scss

@@ -0,0 +1,3 @@
+// Styles for the article editor iframe body content
+// This file is included by the article editor iframe.
+body { padding-top: 0px !important; }

data/app/assets/stylesheets/effective_article_editor/input.scss

@@ -0,0 +1,3 @@
+// Styles for the article editor look and feel
+// Use this to customize the textarea input, toolbar, etc
+// Does not affect the article editor iframe contents

data/app/assets/stylesheets/effective_bootstrap.scss

@@ -1,5 +1,6 @@
 @import 'effective_bootstrap/base';
 
+@import 'effective_article_editor/input';
 @import 'effective_checks/input';
 @import 'effective_datetime/input';
 @import 'effective_file/input';

data/app/assets/stylesheets/effective_bootstrap_article_editor.scss

@@ -0,0 +1 @@
+@import 'effective_article_editor/content';

data/app/assets/stylesheets/effective_has_many/input.scss

@@ -1,42 +1,17 @@
-body.dragging,
-body.dragging * {
-  cursor: move !important;
-}
-
 .form-has-many {
-  .has-many-placeholder {
-    position: relative;
-    height: 2rem;
-
-    &:before {
-      position: absolute;
-      content: '';
-      background-image: asset-data-url('icons/arrow-right-circle.svg');
-      background-repeat: no-repeat;
-      height: 2rem;
-      width: 2rem;
-    }
-  }
-
-  .has-many-fields.dragged {
-    position: absolute;
-    opacity: 0;
-    z-index: 2000;
-    .has-many-move { display: none; }
-  }
-
-  .has-many-move svg { margin-top: 6px; }
+  .has-many-fields.sortable-ghost { border-top: solid 3px #212529; }
   .has-many-move { display: none; }
+  .has-many-remove-disabled { opacity: 0; cursor: default !important; }
 
-  .has-many-remove { margin-top: 1.5rem; }
+  .has-many-remove { margin-top: 1rem; }
   .has-many-move { margin-top: 1.5rem; }
 }
 
 .form-has-many.reordering {
-  .has-many-move { display: inline-block; }
+  .has-many-move { display: inline-block; cursor: grab; }
 }
 
 .form-has-many.tight {
   .has-many-remove { margin-top: 0; }
-  .has-many-move { margin-top: 0; }
+  .has-many-move { margin-top: 0.5rem; }
 }

data/app/models/effective/form_builder.rb

@@ -22,6 +22,10 @@ module Effective
     alias_method :super_text_area, :text_area
     alias_method :super_hidden_field, :hidden_field
 
+    def article_editor(name, options = {}, &block)
+      Effective::FormInputs::ArticleEditor.new(name, options, builder: self).to_html(&block)
+    end
+
     def clear(name = 'Clear', options = {})
       (options = name; name = 'Clear') if name.kind_of?(Hash)
       Effective::FormInputs::Clear.new(name, options, builder: self).to_html

data/app/models/effective/form_inputs/article_editor.rb

@@ -0,0 +1,77 @@
+module Effective
+  module FormInputs
+    class ArticleEditor < Effective::FormInput
+
+      def build_input(&block)
+        @builder.super_text_area(name, options[:input])
+      end
+
+      def input_html_options
+        { class: 'effective_article_editor form-control', id: unique_id, autocomplete: 'off' }
+      end
+
+      def input_js_options
+        {
+          active_storage: active_storage,
+          css: '/assets/effective_article_editor/',
+          custom: {
+            css: ['/assets/application.css', '/assets/effective_bootstrap_article_editor.css']
+          },
+          classes: {
+            body: 'article-editor-body',
+            table: 'table'
+          },
+          grid: {
+            classname: 'row',
+            columns: 12,
+            gutter: '1px',
+            offset: {
+              left: '15px',
+              right: '15px',
+            },
+            patterns: {
+              '6|6': 'col-sm-6|col-sm-6',
+              '4|4|4': 'col-sm-4|col-sm-4|col-sm-4',
+              '3|3|3|3': 'col-sm-3|col-sm-3|col-sm-3|col-sm-3',
+              '2|2|2|2|2|2': 'col-sm-2|col-sm-2|col-sm-2|col-sm-2|col-sm-2|col-sm-2',
+              '3|6|3': 'col-sm-3|col-sm-6|col-sm-3',
+              '2|8|2': 'col-sm-2|col-sm-8|col-sm-2',
+              '5|7': 'col-sm-5|col-sm-7',
+              '7|5': 'col-sm-7|col-sm-5',
+              '4|8': 'col-sm-4|col-sm-8',
+              '8|4': 'col-sm-8|col-sm-4',
+              '3|9': 'col-sm-3|col-sm-9',
+              '9|3': 'col-sm-9|col-sm-3',
+              '2|10': 'col-sm-2|col-sm-10',
+              '10|2': 'col-sm-10|col-sm-2',
+              '12': 'col-sm-12'
+            }
+          },
+          plugins: ['blockcode', 'imageposition', 'imageresize', 'inlineformat', 'removeformat', 'reorder', 'style'],
+          quote: {
+            template: '<blockquote><p></p></blockquote>'
+          },
+          styles: {
+            table: {
+              'bordered': { title: 'Bordered', classname: 'table-bordered' },
+              'responsive': { title: 'Responsive', classname: 'table-responsive' },
+              'small': { title: 'Small', classname: 'table-sm' },
+              'striped': { title: 'Striped', classname: 'table-striped' },
+            }
+          }
+        }
+      end
+
+      def active_storage
+        return @active_storage unless @active_storage.nil?
+
+        @active_storage = if options.key?(:active_storage)
+          options.delete(:active_storage)
+        else
+          defined?(ActiveStorage).present?
+        end
+      end
+
+    end
+  end
+end

data/app/models/effective/form_inputs/has_many.rb

@@ -7,8 +7,9 @@ module Effective
         object.send(name).build() if build? && collection.blank?
 
         errors = (@builder.error(name) if errors?) || BLANK
+        can_remove_method
 
-        errors + content_tag(:div, options[:input]) do
+        errors + content_tag(:div, options[:input].except(:collection)) do
           has_many_fields_for(block) + has_many_links_for(block)
         end
       end
@@ -76,6 +77,11 @@ module Effective
         end
       end
 
+      def can_remove_method
+        return @can_remove_method unless @can_remove_method.nil?
+        @can_remove_method = (options[:input].delete(:can_remove_method) || false)
+      end
+
       # reorder: true
       def reorder?
         return @reorder unless @reorder.nil?
@@ -107,19 +113,23 @@ module Effective
 
       def render_resource(resource, block)
         remove = BLANK
+        reorder = BLANK
+        can_remove = (can_remove_method.blank? || !!resource.send(can_remove_method))
 
         content = @builder.fields_for(name, resource) do |form|
           fields = block.call(form)
 
-          remove += form.super_hidden_field(:_destroy) if remove? && resource.persisted?
-          remove += form.super_hidden_field(:position) if reorder? && !fields.include?('][position]')
+          remove += form.super_hidden_field(:_destroy) if remove? && can_remove && resource.persisted?
+          reorder += form.super_hidden_field(:position) if reorder? && !fields.include?('][position]')
 
           fields
         end
 
-        remove += link_to_remove(resource) if (remove? || resource.new_record?)
+        if remove?
+          remove += (can_remove || resource.new_record?) ? link_to_remove(resource) : disabled_link_to_remove(resource)
+        end
 
-        content_tag(:div, render_fields(content, remove), class: 'has-many-fields')
+        content_tag(:div, render_fields(content, (remove + reorder)), class: 'has-many-fields')
       end
 
       def render_fields(content, remove)
@@ -169,7 +179,7 @@ module Effective
       def link_to_reorder(block)
         content_tag(
           :button,
-          icon('list') + 'Reorder',
+          icon('reorder') + 'Reorder',
           class: 'has-many-reorder btn btn-secondary',
           title: 'Reorder',
           data: {
@@ -181,7 +191,7 @@ module Effective
       def link_to_remove(resource)
         content_tag(
           :button,
-          icon('trash-2') + 'Remove',
+          icon('trash-2'),
           class: 'has-many-remove btn btn-danger',
           title: 'Remove',
           data: {
@@ -191,8 +201,20 @@ module Effective
         )
       end
 
+      def disabled_link_to_remove(resource)
+        content_tag(
+          :button,
+          icon('trash-2'),
+          class: 'has-many-remove-disabled btn btn-danger',
+          title: 'Remove',
+          data: {
+            'effective-form-has-many-remove-disabled': true,
+          }
+        )
+      end
+
       def has_many_move
-        @has_many_move ||= content_tag(:span, icon('move'), class: 'has-many-move')
+        @has_many_move ||= content_tag(:span, icon('grip-lines'), class: 'has-many-move')
       end
 
       def build_resource

data/config/effective_bootstrap.rb

@@ -1,26 +1,4 @@
 EffectiveBootstrap.setup do |config|
-  # Authorization Method
-  #
-  # This method is called by all controller actions with the appropriate action and resource
-  # If it raises an exception or returns false, an Effective::AccessDenied Error will be raised
-  #
-  # Use via Proc:
-  # Proc.new { |controller, action, resource| authorize!(action, resource) }       # CanCan
-  # Proc.new { |controller, action, resource| can?(action, resource) }             # CanCan with skip_authorization_check
-  # Proc.new { |controller, action, resource| authorize "#{action}?", resource }   # Pundit
-  # Proc.new { |controller, action, resource| current_user.is?(:admin) }           # Custom logic
-  #
-  # Use via Boolean:
-  # config.authorization_method = true  # Always authorized
-  # config.authorization_method = false # Always unauthorized
-  #
-  # Use via Method (probably in your application_controller.rb):
-  # config.authorization_method = :my_authorization_method
-  # def my_authorization_method(resource, action)
-  #   true
-  # end
-  config.authorization_method = Proc.new { |controller, action, resource| authorize!(action, resource) }
-
   # Replaces rails_ujs data-confirm with a custom inline implementation.
   # You will need to recompile assets (or "rm -rf tmp/") if you change this.
   config.use_custom_data_confirm = true

data/lib/effective_bootstrap.rb

@@ -1,33 +1,14 @@
 require 'inline_svg'
+require 'effective_resources'
 require 'effective_bootstrap/engine'
 require 'effective_bootstrap/version'
 
 module EffectiveBootstrap
 
-  # The following are all valid config keys
-  mattr_accessor :authorization_method
-
-  mattr_accessor :use_custom_data_confirm
-
-  def self.setup
-    yield self
+  def self.config_keys
+    [:use_custom_data_confirm]
   end
 
-  def self.authorized?(controller, action, resource)
-    @_exceptions ||= [Effective::AccessDenied, (CanCan::AccessDenied if defined?(CanCan)), (Pundit::NotAuthorizedError if defined?(Pundit))].compact
-
-    return !!authorization_method unless authorization_method.respond_to?(:call)
-    controller = controller.controller if controller.respond_to?(:controller)
-
-    begin
-      !!(controller || self).instance_exec((controller || self), action, resource, &authorization_method)
-    rescue *@_exceptions
-      false
-    end
-  end
-
-  def self.authorize!(controller, action, resource)
-    raise Effective::AccessDenied.new('Access Denied', action, resource) unless authorized?(controller, action, resource)
-  end
+  include EffectiveGem
 
 end

data/lib/effective_bootstrap/engine.rb

@@ -8,7 +8,11 @@ module EffectiveBootstrap
     end
 
     initializer 'effective_bootstrap.assets' do |app|
-      app.config.assets.precompile += ['effective_bootstrap_manifest.js', 'icons/*']
+      app.config.assets.precompile += [
+        'effective_bootstrap_manifest.js',
+        'effective_bootstrap_article_editor.css',
+        'icons/*'
+      ]
     end
 
     initializer 'effective_bootstrap.action_text' do |app|

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '0.9.25'.freeze
+  VERSION = '0.9.30'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 0.9.25
+  version: 0.9.30
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-15 00:00:00.000000000 Z
+date: 2021-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -26,18 +26,32 @@ dependencies:
         version: 4.0.0
 - !ruby/object:Gem::Dependency
   name: bootstrap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+- !ruby/object:Gem::Dependency
+  name: effective_resources
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.0
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.0
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: inline_svg
   requirement: !ruby/object:Gem::Requirement
@@ -242,6 +256,7 @@ files:
 - app/assets/images/icons/globe.svg
 - app/assets/images/icons/google.svg
 - app/assets/images/icons/grid.svg
+- app/assets/images/icons/grip-lines.svg
 - app/assets/images/icons/hard-drive.svg
 - app/assets/images/icons/hash.svg
 - app/assets/images/icons/headphones.svg
@@ -318,6 +333,7 @@ files:
 - app/assets/images/icons/radio.svg
 - app/assets/images/icons/refresh-ccw.svg
 - app/assets/images/icons/refresh-cw.svg
+- app/assets/images/icons/reorder.svg
 - app/assets/images/icons/repeat.svg
 - app/assets/images/icons/rewind.svg
 - app/assets/images/icons/rotate-ccw.svg
@@ -404,6 +420,8 @@ files:
 - app/assets/images/icons/zap.svg
 - app/assets/images/icons/zoom-in.svg
 - app/assets/images/icons/zoom-out.svg
+- app/assets/javascripts/effective_article_editor/initialize.js.coffee
+- app/assets/javascripts/effective_article_editor/input.js
 - app/assets/javascripts/effective_bootstrap.js
 - app/assets/javascripts/effective_bootstrap/base.js.coffee
 - app/assets/javascripts/effective_bootstrap/confirm.js.coffee.erb
@@ -435,7 +453,8 @@ files:
 - app/assets/javascripts/effective_file/input.js
 - app/assets/javascripts/effective_has_many/initialize.js.coffee
 - app/assets/javascripts/effective_has_many/input.js
-- app/assets/javascripts/effective_has_many/jquery.sortable.js
+- app/assets/javascripts/effective_has_many/sortable-jquery.js
+- app/assets/javascripts/effective_has_many/sortable.js
 - app/assets/javascripts/effective_integer/initialize.js.coffee
 - app/assets/javascripts/effective_integer/input.js
 - app/assets/javascripts/effective_number_text/initialize.js.coffee
@@ -592,11 +611,14 @@ files:
 - app/assets/javascripts/moment/locale/zh-hk.js
 - app/assets/javascripts/moment/locale/zh-tw.js
 - app/assets/javascripts/moment/moment.js
+- app/assets/stylesheets/effective_article_editor/content.scss
+- app/assets/stylesheets/effective_article_editor/input.scss
 - app/assets/stylesheets/effective_bootstrap.scss
 - app/assets/stylesheets/effective_bootstrap/base.scss
 - app/assets/stylesheets/effective_bootstrap/forms.scss
 - app/assets/stylesheets/effective_bootstrap/icons.scss
 - app/assets/stylesheets/effective_bootstrap/overrides.scss
+- app/assets/stylesheets/effective_bootstrap_article_editor.scss
 - app/assets/stylesheets/effective_bootstrap_editor.scss
 - app/assets/stylesheets/effective_checks/input.scss
 - app/assets/stylesheets/effective_datetime/bootstrap-datetimepicker.scss
@@ -622,6 +644,7 @@ files:
 - app/helpers/effective_icons_helper.rb
 - app/models/effective/form_builder.rb
 - app/models/effective/form_input.rb
+- app/models/effective/form_inputs/article_editor.rb
 - app/models/effective/form_inputs/check_box.rb
 - app/models/effective/form_inputs/checks.rb
 - app/models/effective/form_inputs/ck_editor.rb

data/app/assets/javascripts/effective_has_many/jquery.sortable.js

@@ -1,696 +0,0 @@
-/* ===================================================
- *  jquery-sortable.js v0.9.13
- *  http://johnny.github.com/jquery-sortable/
- * ===================================================
- *  Copyright (c) 2012 Jonas von Andrian
- *  All rights reserved.
- *
- *  Redistribution and use in source and binary forms, with or without
- *  modification, are permitted provided that the following conditions are met:
- *  * Redistributions of source code must retain the above copyright
- *    notice, this list of conditions and the following disclaimer.
- *  * Redistributions in binary form must reproduce the above copyright
- *    notice, this list of conditions and the following disclaimer in the
- *    documentation and/or other materials provided with the distribution.
- *  * The name of the author may not be used to endorse or promote products
- *    derived from this software without specific prior written permission.
- *
- *  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
- *  ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- *  WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- *  DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
- *  DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
- *  (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
- *  LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
- *  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- *  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- *  SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- * ========================================================== */
-
-
-!function ( $, window, pluginName, undefined){
-  var containerDefaults = {
-    // If true, items can be dragged from this container
-    drag: true,
-    // If true, items can be dropped onto this container
-    drop: true,
-    // Exclude items from being draggable, if the
-    // selector matches the item
-    exclude: "",
-    // If true, search for nested containers within an item.If you nest containers,
-    // either the original selector with which you call the plugin must only match the top containers,
-    // or you need to specify a group (see the bootstrap nav example)
-    nested: true,
-    // If true, the items are assumed to be arranged vertically
-    vertical: true
-  }, // end container defaults
-  groupDefaults = {
-    // This is executed after the placeholder has been moved.
-    // $closestItemOrContainer contains the closest item, the placeholder
-    // has been put at or the closest empty Container, the placeholder has
-    // been appended to.
-    afterMove: function ($placeholder, container, $closestItemOrContainer) {
-    },
-    // The exact css path between the container and its items, e.g. "> tbody"
-    containerPath: "",
-    // The css selector of the containers
-    containerSelector: "ol, ul",
-    // Distance the mouse has to travel to start dragging
-    distance: 0,
-    // Time in milliseconds after mousedown until dragging should start.
-    // This option can be used to prevent unwanted drags when clicking on an element.
-    delay: 0,
-    // The css selector of the drag handle
-    handle: "",
-    // The exact css path between the item and its subcontainers.
-    // It should only match the immediate items of a container.
-    // No item of a subcontainer should be matched. E.g. for ol>div>li the itemPath is "> div"
-    itemPath: "",
-    // The css selector of the items
-    itemSelector: "li",
-    // The class given to "body" while an item is being dragged
-    bodyClass: "dragging",
-    // The class giving to an item while being dragged
-    draggedClass: "dragged",
-    // Check if the dragged item may be inside the container.
-    // Use with care, since the search for a valid container entails a depth first search
-    // and may be quite expensive.
-    isValidTarget: function ($item, container) {
-      return true
-    },
-    // Executed before onDrop if placeholder is detached.
-    // This happens if pullPlaceholder is set to false and the drop occurs outside a container.
-    onCancel: function ($item, container, _super, event) {
-    },
-    // Executed at the beginning of a mouse move event.
-    // The Placeholder has not been moved yet.
-    onDrag: function ($item, position, _super, event) {
-      $item.css(position)
-    },
-    // Called after the drag has been started,
-    // that is the mouse button is being held down and
-    // the mouse is moving.
-    // The container is the closest initialized container.
-    // Therefore it might not be the container, that actually contains the item.
-    onDragStart: function ($item, container, _super, event) {
-      $item.css({
-        height: $item.outerHeight(),
-        width: $item.outerWidth()
-      })
-      $item.addClass(container.group.options.draggedClass)
-      $("body").addClass(container.group.options.bodyClass)
-    },
-    // Called when the mouse button is being released
-    onDrop: function ($item, container, _super, event) {
-      $item.removeClass(container.group.options.draggedClass).removeAttr("style")
-      $("body").removeClass(container.group.options.bodyClass)
-      // START MONKEY PATCH (for submitting form when heading positions are changed on touchscreen)
-      $item.trigger('movimento:drop:complete', $item)
-      // END MONKEY PATCH
-    },
-    // Called on mousedown. If falsy value is returned, the dragging will not start.
-    // Ignore if element clicked is input, select or textarea
-    onMousedown: function ($item, _super, event) {
-      if (!event.target.nodeName.match(/^(input|select|textarea)$/i)) {
-        event.preventDefault()
-        return true
-      }
-    },
-    // The class of the placeholder (must match placeholder option markup)
-    placeholderClass: "placeholder",
-    // Template for the placeholder. Can be any valid jQuery input
-    // e.g. a string, a DOM element.
-    // The placeholder must have the class "placeholder"
-    placeholder: '<li class="placeholder"></li>',
-    // If true, the position of the placeholder is calculated on every mousemove.
-    // If false, it is only calculated when the mouse is above a container.
-    pullPlaceholder: true,
-    // Specifies serialization of the container group.
-    // The pair $parent/$children is either container/items or item/subcontainers.
-    serialize: function ($parent, $children, parentIsContainer) {
-      var result = $.extend({}, $parent.data())
-
-      if(parentIsContainer)
-        return [$children]
-      else if ($children[0]){
-        result.children = $children
-      }
-
-      delete result.subContainers
-      delete result.sortable
-
-      return result
-    },
-    // Set tolerance while dragging. Positive values decrease sensitivity,
-    // negative values increase it.
-    tolerance: 0
-  }, // end group defaults
-  containerGroups = {},
-  groupCounter = 0,
-  emptyBox = {
-    left: 0,
-    top: 0,
-    bottom: 0,
-    right:0
-  },
-  eventNames = {
-    start: "touchstart.sortable mousedown.sortable",
-    drop: "touchend.sortable touchcancel.sortable mouseup.sortable",
-    drag: "touchmove.sortable mousemove.sortable",
-    scroll: "scroll.sortable"
-  },
-  subContainerKey = "subContainers"
-
-  /*
-   * a is Array [left, right, top, bottom]
-   * b is array [left, top]
-   */
-  function d(a,b) {
-    var x = Math.max(0, a[0] - b[0], b[0] - a[1]),
-    y = Math.max(0, a[2] - b[1], b[1] - a[3])
-    return x+y;
-  }
-
-  function setDimensions(array, dimensions, tolerance, useOffset) {
-    var i = array.length,
-    offsetMethod = useOffset ? "offset" : "position"
-    tolerance = tolerance || 0
-
-    while(i--){
-      var el = array[i].el ? array[i].el : $(array[i]),
-      // use fitting method
-      pos = el[offsetMethod]()
-      pos.left += parseInt(el.css('margin-left'), 10)
-      pos.top += parseInt(el.css('margin-top'),10)
-      dimensions[i] = [
-        pos.left - tolerance,
-        pos.left + el.outerWidth() + tolerance,
-        pos.top - tolerance,
-        pos.top + el.outerHeight() + tolerance
-      ]
-    }
-  }
-
-  function getRelativePosition(pointer, element) {
-    var offset = element.offset()
-    return {
-      left: pointer.left - offset.left,
-      top: pointer.top - offset.top
-    }
-  }
-
-  function sortByDistanceDesc(dimensions, pointer, lastPointer) {
-    pointer = [pointer.left, pointer.top]
-    lastPointer = lastPointer && [lastPointer.left, lastPointer.top]
-
-    var dim,
-    i = dimensions.length,
-    distances = []
-
-    while(i--){
-      dim = dimensions[i]
-      distances[i] = [i,d(dim,pointer), lastPointer && d(dim, lastPointer)]
-    }
-    distances = distances.sort(function  (a,b) {
-      return b[1] - a[1] || b[2] - a[2] || b[0] - a[0]
-    })
-
-    // last entry is the closest
-    return distances
-  }
-
-  function ContainerGroup(options) {
-    this.options = $.extend({}, groupDefaults, options)
-    this.containers = []
-
-    if(!this.options.rootGroup){
-      this.scrollProxy = $.proxy(this.scroll, this)
-      this.dragProxy = $.proxy(this.drag, this)
-      this.dropProxy = $.proxy(this.drop, this)
-      this.placeholder = $(this.options.placeholder)
-
-      if(!options.isValidTarget)
-        this.options.isValidTarget = undefined
-    }
-  }
-
-  ContainerGroup.get = function  (options) {
-    if(!containerGroups[options.group]) {
-      if(options.group === undefined)
-        options.group = groupCounter ++
-
-      containerGroups[options.group] = new ContainerGroup(options)
-    }
-
-    return containerGroups[options.group]
-  }
-
-  ContainerGroup.prototype = {
-    dragInit: function  (e, itemContainer) {
-      this.$document = $(itemContainer.el[0].ownerDocument)
-
-      // get item to drag
-      var closestItem = $(e.target).closest(this.options.itemSelector);
-      // using the length of this item, prevents the plugin from being started if there is no handle being clicked on.
-      // this may also be helpful in instantiating multidrag.
-      if (closestItem.length) {
-        this.item = closestItem;
-        this.itemContainer = itemContainer;
-        if (this.item.is(this.options.exclude) || !this.options.onMousedown(this.item, groupDefaults.onMousedown, e)) {
-            return;
-        }
-        this.setPointer(e);
-        this.toggleListeners('on');
-        this.setupDelayTimer();
-        this.dragInitDone = true;
-      }
-    },
-    drag: function  (e) {
-      if(!this.dragging){
-        if(!this.distanceMet(e) || !this.delayMet)
-          return
-
-        this.options.onDragStart(this.item, this.itemContainer, groupDefaults.onDragStart, e)
-        this.item.before(this.placeholder)
-        this.dragging = true
-      }
-
-      this.setPointer(e)
-      // place item under the cursor
-      this.options.onDrag(this.item,
-                          getRelativePosition(this.pointer, this.item.offsetParent()),
-                          groupDefaults.onDrag,
-                          e)
-
-      var p = this.getPointer(e),
-      box = this.sameResultBox,
-      t = this.options.tolerance
-
-      if(!box || box.top - t > p.top || box.bottom + t < p.top || box.left - t > p.left || box.right + t < p.left)
-        if(!this.searchValidTarget()){
-          this.placeholder.detach()
-          this.lastAppendedItem = undefined
-        }
-    },
-    drop: function  (e) {
-      this.toggleListeners('off')
-
-      this.dragInitDone = false
-
-      if(this.dragging){
-        // processing Drop, check if placeholder is detached
-        if(this.placeholder.closest("html")[0]){
-          this.placeholder.before(this.item).detach()
-        } else {
-          this.options.onCancel(this.item, this.itemContainer, groupDefaults.onCancel, e)
-        }
-        this.options.onDrop(this.item, this.getContainer(this.item), groupDefaults.onDrop, e)
-
-        // cleanup
-        this.clearDimensions()
-        this.clearOffsetParent()
-        this.lastAppendedItem = this.sameResultBox = undefined
-        this.dragging = false
-      }
-    },
-    searchValidTarget: function  (pointer, lastPointer) {
-      if(!pointer){
-        pointer = this.relativePointer || this.pointer
-        lastPointer = this.lastRelativePointer || this.lastPointer
-      }
-
-      var distances = sortByDistanceDesc(this.getContainerDimensions(),
-                                         pointer,
-                                         lastPointer),
-      i = distances.length
-
-      while(i--){
-        var index = distances[i][0],
-        distance = distances[i][1]
-
-        if(!distance || this.options.pullPlaceholder){
-          var container = this.containers[index]
-          if(!container.disabled){
-            if(!this.$getOffsetParent()){
-              var offsetParent = container.getItemOffsetParent()
-              pointer = getRelativePosition(pointer, offsetParent)
-              lastPointer = getRelativePosition(lastPointer, offsetParent)
-            }
-            if(container.searchValidTarget(pointer, lastPointer))
-              return true
-          }
-        }
-      }
-      if(this.sameResultBox)
-        this.sameResultBox = undefined
-    },
-    movePlaceholder: function  (container, item, method, sameResultBox) {
-      var lastAppendedItem = this.lastAppendedItem
-      if(!sameResultBox && lastAppendedItem && lastAppendedItem[0] === item[0])
-        return;
-
-      item[method](this.placeholder)
-      this.lastAppendedItem = item
-      this.sameResultBox = sameResultBox
-      this.options.afterMove(this.placeholder, container, item)
-    },
-    getContainerDimensions: function  () {
-      if(!this.containerDimensions)
-        setDimensions(this.containers, this.containerDimensions = [], this.options.tolerance, !this.$getOffsetParent())
-      return this.containerDimensions
-    },
-    getContainer: function  (element) {
-      return element.closest(this.options.containerSelector).data(pluginName)
-    },
-    $getOffsetParent: function  () {
-      if(this.offsetParent === undefined){
-        var i = this.containers.length - 1,
-        offsetParent = this.containers[i].getItemOffsetParent()
-
-        if(!this.options.rootGroup){
-          while(i--){
-            if(offsetParent[0] != this.containers[i].getItemOffsetParent()[0]){
-              // If every container has the same offset parent,
-              // use position() which is relative to this parent,
-              // otherwise use offset()
-              // compare #setDimensions
-              offsetParent = false
-              break;
-            }
-          }
-        }
-
-        this.offsetParent = offsetParent
-      }
-      return this.offsetParent
-    },
-    setPointer: function (e) {
-      var pointer = this.getPointer(e)
-
-      if(this.$getOffsetParent()){
-        var relativePointer = getRelativePosition(pointer, this.$getOffsetParent())
-        this.lastRelativePointer = this.relativePointer
-        this.relativePointer = relativePointer
-      }
-
-      this.lastPointer = this.pointer
-      this.pointer = pointer
-    },
-    distanceMet: function (e) {
-      var currentPointer = this.getPointer(e)
-      return (Math.max(
-        Math.abs(this.pointer.left - currentPointer.left),
-        Math.abs(this.pointer.top - currentPointer.top)
-      ) >= this.options.distance)
-    },
-    getPointer: function(e) {
-      var o = e.originalEvent || e.originalEvent.touches && e.originalEvent.touches[0]
-      return {
-        left: e.pageX || o.pageX,
-        top: e.pageY || o.pageY
-      }
-    },
-    setupDelayTimer: function () {
-      var that = this
-      this.delayMet = !this.options.delay
-
-      // init delay timer if needed
-      if (!this.delayMet) {
-        clearTimeout(this._mouseDelayTimer);
-        this._mouseDelayTimer = setTimeout(function() {
-          that.delayMet = true
-        }, this.options.delay)
-      }
-    },
-    scroll: function  (e) {
-      this.clearDimensions()
-      this.clearOffsetParent() // TODO is this needed?
-    },
-    toggleListeners: function (method) {
-      var that = this,
-      events = ['drag','drop','scroll']
-
-      $.each(events,function  (i,event) {
-        that.$document[method](eventNames[event], that[event + 'Proxy'])
-      })
-    },
-    clearOffsetParent: function () {
-      this.offsetParent = undefined
-    },
-    // Recursively clear container and item dimensions
-    clearDimensions: function  () {
-      this.traverse(function(object){
-        object._clearDimensions()
-      })
-    },
-    traverse: function(callback) {
-      callback(this)
-      var i = this.containers.length
-      while(i--){
-        this.containers[i].traverse(callback)
-      }
-    },
-    _clearDimensions: function(){
-      this.containerDimensions = undefined
-    },
-    _destroy: function () {
-      containerGroups[this.options.group] = undefined
-    }
-  }
-
-  function Container(element, options) {
-    this.el = element
-    this.options = $.extend( {}, containerDefaults, options)
-
-    this.group = ContainerGroup.get(this.options)
-    this.rootGroup = this.options.rootGroup || this.group
-    this.handle = this.rootGroup.options.handle || this.rootGroup.options.itemSelector
-
-    var itemPath = this.rootGroup.options.itemPath
-    this.target = itemPath ? this.el.find(itemPath) : this.el
-
-    this.target.on(eventNames.start, this.handle, $.proxy(this.dragInit, this))
-
-    if(this.options.drop)
-      this.group.containers.push(this)
-  }
-
-  Container.prototype = {
-    dragInit: function  (e) {
-      var rootGroup = this.rootGroup
-
-      if( !this.disabled &&
-          !rootGroup.dragInitDone &&
-          this.options.drag &&
-          this.isValidDrag(e)) {
-        rootGroup.dragInit(e, this)
-      }
-    },
-    isValidDrag: function(e) {
-      return e.which == 1 ||
-        e.type == "touchstart" && e.originalEvent.touches.length == 1
-    },
-    searchValidTarget: function  (pointer, lastPointer) {
-      var distances = sortByDistanceDesc(this.getItemDimensions(),
-                                         pointer,
-                                         lastPointer),
-      i = distances.length,
-      rootGroup = this.rootGroup,
-      validTarget = !rootGroup.options.isValidTarget ||
-        rootGroup.options.isValidTarget(rootGroup.item, this)
-
-      if(!i && validTarget){
-        rootGroup.movePlaceholder(this, this.target, "append")
-        return true
-      } else
-        while(i--){
-          var index = distances[i][0],
-          distance = distances[i][1]
-          if(!distance && this.hasChildGroup(index)){
-            var found = this.getContainerGroup(index).searchValidTarget(pointer, lastPointer)
-            if(found)
-              return true
-          }
-          else if(validTarget){
-            this.movePlaceholder(index, pointer)
-            return true
-          }
-        }
-    },
-    movePlaceholder: function  (index, pointer) {
-      var item = $(this.items[index]),
-      dim = this.itemDimensions[index],
-      method = "after",
-      width = item.outerWidth(),
-      height = item.outerHeight(),
-      offset = item.offset(),
-      sameResultBox = {
-        left: offset.left,
-        right: offset.left + width,
-        top: offset.top,
-        bottom: offset.top + height
-      }
-      if(this.options.vertical){
-        var yCenter = (dim[2] + dim[3]) / 2,
-        inUpperHalf = pointer.top <= yCenter
-        if(inUpperHalf){
-          method = "before"
-          sameResultBox.bottom -= height / 2
-        } else
-          sameResultBox.top += height / 2
-      } else {
-        var xCenter = (dim[0] + dim[1]) / 2,
-        inLeftHalf = pointer.left <= xCenter
-        if(inLeftHalf){
-          method = "before"
-          sameResultBox.right -= width / 2
-        } else
-          sameResultBox.left += width / 2
-      }
-      if(this.hasChildGroup(index))
-        sameResultBox = emptyBox
-      this.rootGroup.movePlaceholder(this, item, method, sameResultBox)
-    },
-    getItemDimensions: function  () {
-      if(!this.itemDimensions){
-        this.items = this.$getChildren(this.el, "item").filter(
-          ":not(." + this.group.options.placeholderClass + ", ." + this.group.options.draggedClass + ")"
-        ).get()
-        setDimensions(this.items, this.itemDimensions = [], this.options.tolerance)
-      }
-      return this.itemDimensions
-    },
-    getItemOffsetParent: function  () {
-      var offsetParent,
-      el = this.el
-      // Since el might be empty we have to check el itself and
-      // can not do something like el.children().first().offsetParent()
-      if(el.css("position") === "relative" || el.css("position") === "absolute"  || el.css("position") === "fixed")
-        offsetParent = el
-      else
-        offsetParent = el.offsetParent()
-      return offsetParent
-    },
-    hasChildGroup: function (index) {
-      return this.options.nested && this.getContainerGroup(index)
-    },
-    getContainerGroup: function  (index) {
-      var childGroup = $.data(this.items[index], subContainerKey)
-      if( childGroup === undefined){
-        var childContainers = this.$getChildren(this.items[index], "container")
-        childGroup = false
-
-        if(childContainers[0]){
-          var options = $.extend({}, this.options, {
-            rootGroup: this.rootGroup,
-            group: groupCounter ++
-          })
-          childGroup = childContainers[pluginName](options).data(pluginName).group
-        }
-        $.data(this.items[index], subContainerKey, childGroup)
-      }
-      return childGroup
-    },
-    $getChildren: function (parent, type) {
-      var options = this.rootGroup.options,
-      path = options[type + "Path"],
-      selector = options[type + "Selector"]
-
-      parent = $(parent)
-      if(path)
-        parent = parent.find(path)
-
-      return parent.children(selector)
-    },
-    _serialize: function (parent, isContainer) {
-      var that = this,
-      childType = isContainer ? "item" : "container",
-
-      children = this.$getChildren(parent, childType).not(this.options.exclude).map(function () {
-        return that._serialize($(this), !isContainer)
-      }).get()
-
-      return this.rootGroup.options.serialize(parent, children, isContainer)
-    },
-    traverse: function(callback) {
-      $.each(this.items || [], function(item){
-        var group = $.data(this, subContainerKey)
-        if(group)
-          group.traverse(callback)
-      });
-
-      callback(this)
-    },
-    _clearDimensions: function  () {
-      this.itemDimensions = undefined
-    },
-    _destroy: function() {
-      var that = this;
-
-      this.target.off(eventNames.start, this.handle);
-      this.el.removeData(pluginName)
-
-      if(this.options.drop)
-        this.group.containers = $.grep(this.group.containers, function(val){
-          return val != that
-        })
-
-      $.each(this.items || [], function(){
-        $.removeData(this, subContainerKey)
-      })
-    }
-  }
-
-  var API = {
-    enable: function() {
-      this.traverse(function(object){
-        object.disabled = false
-      })
-    },
-    disable: function (){
-      this.traverse(function(object){
-        object.disabled = true
-      })
-    },
-    serialize: function () {
-      return this._serialize(this.el, true)
-    },
-    refresh: function() {
-      this.traverse(function(object){
-        object._clearDimensions()
-      })
-    },
-    destroy: function () {
-      this.traverse(function(object){
-        object._destroy();
-      })
-    }
-  }
-
-  $.extend(Container.prototype, API)
-
-  /**
-   * jQuery API
-   *
-   * Parameters are
-   *   either options on init
-   *   or a method name followed by arguments to pass to the method
-   */
-  $.fn[pluginName] = function(methodOrOptions) {
-    var args = Array.prototype.slice.call(arguments, 1)
-
-    return this.map(function(){
-      var $t = $(this),
-      object = $t.data(pluginName)
-
-      if(object && API[methodOrOptions])
-        return API[methodOrOptions].apply(object, args) || this
-      else if(!object && (methodOrOptions === undefined ||
-                          typeof methodOrOptions === "object"))
-        $t.data(pluginName, new Container($t, methodOrOptions))
-
-      return this
-    });
-  };
-
-}(jQuery, window, 'sortable');