draggable-rails 0.1.1 → 1.0.0.pre.beta

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: draggable-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 1.0.0.pre.beta
 platform: ruby
 authors:
 - Mohammed Sadiq
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-09-29 00:00:00.000000000 Z
+date: 2017-09-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -73,31 +73,7 @@ files:
 - lib/draggable/rails.rb
 - lib/draggable/rails/version.rb
 - vendor/assets/javascripts/.keep
-- vendor/assets/javascripts/behaviour/collidable.js
-- vendor/assets/javascripts/behaviour/snappable.js
-- vendor/assets/javascripts/core/accessibility.js
-- vendor/assets/javascripts/core/mirror.js
 - vendor/assets/javascripts/draggable.js
-- vendor/assets/javascripts/droppable.js
-- vendor/assets/javascripts/events/abstract-event.js
-- vendor/assets/javascripts/events/collidable-event.js
-- vendor/assets/javascripts/events/drag-event.js
-- vendor/assets/javascripts/events/draggable-event.js
-- vendor/assets/javascripts/events/droppable-event.js
-- vendor/assets/javascripts/events/mirror-event.js
-- vendor/assets/javascripts/events/sensor-event.js
-- vendor/assets/javascripts/events/snappable-event.js
-- vendor/assets/javascripts/events/sortable-event.js
-- vendor/assets/javascripts/events/swappable-event.js
-- vendor/assets/javascripts/index.js
-- vendor/assets/javascripts/sensors/drag-sensor.js
-- vendor/assets/javascripts/sensors/force-touch-sensor.js
-- vendor/assets/javascripts/sensors/mouse-sensor.js
-- vendor/assets/javascripts/sensors/sensor.js
-- vendor/assets/javascripts/sensors/touch-sensor.js
-- vendor/assets/javascripts/sortable.js
-- vendor/assets/javascripts/swappable.js
-- vendor/assets/javascripts/utils.js
 - vendor/assets/stylesheets/.keep
 homepage: https://github.com/sadiqmmm/draggable-rails
 licenses:
@@ -114,9 +90,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.6.13

data/vendor/assets/javascripts/behaviour/collidable.js

@@ -1,99 +0,0 @@
-import {closest} from './../utils';
-
-import {
-  CollidableInEvent,
-  CollidableOutEvent,
-} from './../events/collidable-event';
-
-export default class Collidable {
-  constructor(draggable) {
-    this.draggable = draggable;
-
-    this._onDragMove = this._onDragMove.bind(this);
-    this._onDragStop = this._onDragStop.bind(this);
-    this._onRequestAnimationFrame = this._onRequestAnimationFrame.bind(this);
-  }
-
-  attach() {
-    this.draggable.on('drag:move', this._onDragMove);
-    this.draggable.on('drag:stop', this._onDragStop);
-  }
-
-  detach() {
-    this.draggable.off('drag:move', this._onDragMove);
-    this.draggable.off('drag:stop', this._onDragStop);
-  }
-
-  _onDragMove(event) {
-    const target = event.sensorEvent.target;
-
-    this.currentAnimationFrame = requestAnimationFrame(this._onRequestAnimationFrame(target));
-
-    if (this.currentlyCollidingElement) {
-      event.cancel();
-    }
-
-    const collidableInEvent = new CollidableInEvent({
-      dragEvent: event,
-      collidingElement: this.currentlyCollidingElement,
-    });
-
-    const collidableOutEvent = new CollidableOutEvent({
-      dragEvent: event,
-      collidingElement: this.lastCollidingElement,
-    });
-
-    const enteringCollidable = Boolean(this.currentlyCollidingElement && this.lastCollidingElement !== this.currentlyCollidingElement);
-    const leavingCollidable = Boolean(!this.currentlyCollidingElement && this.lastCollidingElement);
-
-    if (enteringCollidable) {
-      if (this.lastCollidingElement) {
-        this.draggable.triggerEvent(collidableOutEvent);
-      }
-
-      this.draggable.triggerEvent(collidableInEvent);
-    } else if (leavingCollidable) {
-      this.draggable.triggerEvent(collidableOutEvent);
-    }
-
-    this.lastCollidingElement = this.currentlyCollidingElement;
-  }
-
-  _onDragStop(event) {
-    const lastCollidingElement = this.currentlyCollidingElement || this.lastCollidingElement;
-    const collidableOutEvent = new CollidableOutEvent({
-      dragEvent: event,
-      collidingElement: lastCollidingElement,
-    });
-
-    if (lastCollidingElement) {
-      this.draggable.triggerEvent(collidableOutEvent);
-    }
-
-    this.lastCollidingElement = null;
-    this.currentlyCollidingElement = null;
-  }
-
-  _onRequestAnimationFrame(target) {
-    return () => {
-      const collidables = this._getCollidables();
-      this.currentlyCollidingElement = closest(target, (element) => collidables.includes(element));
-    };
-  }
-
-  _getCollidables() {
-    const collidables = this.draggable.options.collidables;
-
-    if (typeof collidables === 'string') {
-      return Array.prototype.slice.call(document.querySelectorAll(collidables));
-    } else if (collidables instanceof NodeList || collidables instanceof Array) {
-      return Array.prototype.slice.call(collidables);
-    } else if (collidables instanceof HTMLElement) {
-      return [collidables];
-    } else if (typeof collidables === 'function') {
-      return collidables();
-    } else {
-      return [];
-    }
-  }
-}

data/vendor/assets/javascripts/behaviour/snappable.js

@@ -1,107 +0,0 @@
-import {
-  SnapInEvent,
-  SnapOutEvent,
-} from './../events/snappable-event';
-
-export default class Snappable {
-  constructor(draggable) {
-    this.draggable = draggable;
-
-    this._onDragStart = this._onDragStart.bind(this);
-    this._onDragStop = this._onDragStop.bind(this);
-    this._onDragOver = this._onDragOver.bind(this);
-    this._onDragOut = this._onDragOut.bind(this);
-  }
-
-  attach() {
-    this.draggable
-      .on('drag:start', this._onDragStart)
-      .on('drag:stop', this._onDragStop)
-      .on('drag:over', this._onDragOver)
-      .on('drag:out', this._onDragOut)
-      .on('droppable:over', this._onDragOver)
-      .on('droppable:out', this._onDragOut);
-  }
-
-  detach() {
-    this.draggable
-      .off('drag:start', this._onDragStart)
-      .off('drag:stop', this._onDragStop)
-      .off('drag:over', this._onDragOver)
-      .off('drag:out', this._onDragOut)
-      .off('droppable:over', this._onDragOver)
-      .off('droppable:out', this._onDragOut);
-  }
-
-  _onDragStart(event) {
-    if (event.canceled()) {
-      return;
-    }
-
-    this.firstSource = event.source;
-  }
-
-  _onDragStop() {
-    this.firstSource = null;
-  }
-
-  _onDragOver(event) {
-    if (event.canceled()) {
-      return;
-    }
-
-    const source = event.source || event.dragEvent.source;
-    const mirror = event.mirror || event.dragEvent.mirror;
-
-    if (source === this.firstSource) {
-      this.firstSource = null;
-      return;
-    }
-
-    const snapInEvent = new SnapInEvent({
-      dragEvent: event,
-    });
-
-    this.draggable.triggerEvent(snapInEvent);
-
-    if (snapInEvent.canceled()) {
-      return;
-    }
-
-    if (mirror) {
-      mirror.style.display = 'none';
-    }
-
-    source.classList.remove(this.draggable.getClassNameFor('source:dragging'));
-    source.classList.add(this.draggable.getClassNameFor('source:placed'));
-
-    setTimeout(() => {
-      source.classList.remove(this.draggable.getClassNameFor('source:placed'));
-    }, this.draggable.options.placedTimeout);
-  }
-
-  _onDragOut(event) {
-    if (event.canceled()) {
-      return;
-    }
-
-    const mirror = event.mirror || event.dragEvent.mirror;
-    const source = event.source || event.dragEvent.source;
-
-    const snapOutEvent = new SnapOutEvent({
-      dragEvent: event,
-    });
-
-    this.draggable.triggerEvent(snapOutEvent);
-
-    if (snapOutEvent.canceled()) {
-      return;
-    }
-
-    if (mirror) {
-      mirror.style.display = '';
-    }
-
-    source.classList.add(this.draggable.getClassNameFor('source:dragging'));
-  }
-}

data/vendor/assets/javascripts/core/accessibility.js

@@ -1,58 +0,0 @@
-const ARIA_GRABBED = 'aria-grabbed';
-const ARIA_DROPEFFECT = 'aria-dropeffect';
-const TABINDEX = 'tabindex';
-
-export default class Accessibility {
-  constructor(draggable) {
-    this.draggable = draggable;
-
-    this._onInit = this._onInit.bind(this);
-    this._onDestroy = this._onDestroy.bind(this);
-  }
-
-  attach() {
-    this.draggable
-      .on('init', this._onInit)
-      .on('destroy', this._onDestroy)
-      .on('drag:start', _onDragStart)
-      .on('drag:stop', _onDragStop);
-  }
-
-  detach() {
-    this.draggable
-      .off('init', this._onInit)
-      .off('destroy', this._onDestroy)
-      .off('drag:start', _onDragStart)
-      .off('drag:stop', _onDragStop);
-  }
-
-  _onInit({containers}) {
-    for (const container of containers) {
-      container.setAttribute(ARIA_DROPEFFECT, this.draggable.options.type);
-
-      for (const element of container.querySelectorAll(this.draggable.options.draggable)) {
-        element.setAttribute(TABINDEX, 0);
-        element.setAttribute(ARIA_GRABBED, false);
-      }
-    }
-  }
-
-  _onDestroy({containers}) {
-    for (const container of containers) {
-      container.removeAttribute(ARIA_DROPEFFECT);
-
-      for (const element of container.querySelectorAll(this.draggable.options.draggable)) {
-        element.removeAttribute(TABINDEX, 0);
-        element.removeAttribute(ARIA_GRABBED, false);
-      }
-    }
-  }
-}
-
-function _onDragStart({source}) {
-  source.setAttribute(ARIA_GRABBED, true);
-}
-
-function _onDragStop({source}) {
-  source.setAttribute(ARIA_GRABBED, false);
-}

data/vendor/assets/javascripts/core/mirror.js

@@ -1,129 +0,0 @@
-export default class Mirror {
-  constructor(draggable) {
-    this.draggable = draggable;
-
-    this._onMirrorCreated = this._onMirrorCreated.bind(this);
-    this._onMirrorMove = this._onMirrorMove.bind(this);
-  }
-
-  attach() {
-    this.draggable
-      .on('mirror:created', this._onMirrorCreated)
-      .on('mirror:created', onMirrorCreated)
-      .on('mirror:move', this._onMirrorMove);
-  }
-
-  detach() {
-    this.draggable
-      .off('mirror:created', this._onMirrorCreated)
-      .off('mirror:created', onMirrorCreated)
-      .off('mirror:move', this._onMirrorMove);
-  }
-
-  _onMirrorCreated({mirror, source, sensorEvent}) {
-    const mirrorClass = this.draggable.getClassNameFor('mirror');
-
-    const setState = (data) => {
-      this.mirrorOffset = data.mirrorOffset;
-      return data;
-    };
-
-    Promise.resolve({mirror, source, sensorEvent, mirrorClass})
-      .then(computeMirrorDimensions)
-      .then(calculateMirrorOffset)
-      .then(addMirrorClasses)
-      .then(positionMirror())
-      .then(removeMirrorID)
-      .then(setState)
-      .catch();
-  }
-
-  _onMirrorMove({mirror, sensorEvent}) {
-    Promise.resolve({mirror, sensorEvent, mirrorOffset: this.mirrorOffset})
-      .then(positionMirror({raf: true}))
-      .catch();
-  }
-}
-
-function onMirrorCreated({mirror, source}) {
-  Promise.resolve({mirror, source})
-    .then(resetMirror)
-    .catch();
-}
-
-function resetMirror(data) {
-  return withPromise((resolve) => {
-    const {mirror, source} = data;
-
-    mirror.style.position = 'fixed';
-    mirror.style.pointerEvents = 'none';
-    mirror.style.top = 0;
-    mirror.style.left = 0;
-    mirror.style.width = `${source.offsetWidth}px`;
-    mirror.style.height = `${source.offsetHeight}px`;
-
-    resolve(data);
-  });
-}
-
-function computeMirrorDimensions(data) {
-  return withPromise((resolve) => {
-    const {source} = data;
-    const sourceRect = source.getBoundingClientRect();
-    resolve({...data, sourceRect});
-  });
-}
-
-function calculateMirrorOffset(data) {
-  return withPromise((resolve) => {
-    const {sensorEvent, sourceRect} = data;
-    const mirrorOffset = {top: sensorEvent.clientY - sourceRect.top, left: sensorEvent.clientX - sourceRect.left};
-    resolve({...data, mirrorOffset});
-  });
-}
-
-function addMirrorClasses(data) {
-  return withPromise((resolve) => {
-    const {mirror, mirrorClass} = data;
-    mirror.classList.add(mirrorClass);
-    resolve(data);
-  });
-}
-
-function removeMirrorID(data) {
-  return withPromise((resolve) => {
-    const {mirror} = data;
-    mirror.removeAttribute('id');
-    delete mirror.id;
-    resolve(data);
-  });
-}
-
-function positionMirror({withFrame = false} = {}) {
-  return (data) => {
-    return withPromise((resolve) => {
-      const {mirror, sensorEvent, mirrorOffset} = data;
-
-      if (mirrorOffset) {
-        const x = sensorEvent.clientX - mirrorOffset.left;
-        const y = sensorEvent.clientY - mirrorOffset.top;
-
-        mirror.style.transform = `translate3d(${x}px, ${y}px, 0)`;
-      }
-
-      resolve(data);
-    }, {frame: withFrame});
-  };
-}
-
-function withPromise(callback, {raf = false} = {}) {
-  return new Promise((resolve, reject) => {
-    if (raf) {
-      requestAnimationFrame(() => {
-        callback(resolve, reject);
-      });
-    } else {
-      callback(resolve, reject);
-    }
-  });
-}