luda 0.2.0 → 0.3.0

data/assets/javascripts/luda/event.js

@@ -1,201 +0,0 @@
-//= require ./install
-//= require ./dom
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./install.js'), require('./dom.js')) :
-  typeof define === 'function' && define.amd ? define(['./install.js', './dom.js'], factory) :
-  (factory());
-}(this, (function () { 'use strict';
-
-  var splice = [].splice;
-
-  luda({
-    _SWIPE_DISTANCE: 10,
-    _EVENT_TYPE_PREFIX: 'luda',
-    _SWIPE_LEFT: 'swipeleft',
-    _SWIPE_RIGHT: 'swiperight',
-    _SWIPE_UP: 'swipeup',
-    _SWIPE_DOWN: 'swipedown',
-    _SWIPE_LEFT_OR_UP: 'swipeleft or swipeup',
-    _SWIPE_RIGHT_OR_DOWN: 'swiperight or swipedown',
-    _DOC_READY: 'docready',
-    _FORM_RESET: 'reset',
-    eventPath: function(event) {
-      var path;
-      if (event.composedPath) {
-        return path = event.composedPath();
-      } else if (event.path) {
-        return path = event.path;
-      } else {
-        return path = [event.target].concat(luda.$parents('*', event.target));
-      }
-    },
-    on: function(event, ...selector) {
-      var handler, ref;
-      ref = selector, [...selector] = ref, [handler] = splice.call(selector, -1);
-      switch (event) {
-        case this._DOC_READY:
-          return this._onDocReady(handler);
-        case this._FORM_RESET:
-          return this._onReset(selector[0], handler);
-        case this._SWIPE_LEFT:
-        case this._SWIPE_RIGHT:
-        case this._SWIPE_UP:
-        case this._SWIPE_DOWN:
-        case this._SWIPE_LEFT_OR_UP:
-        case this._SWIPE_RIGHT_OR_DOWN:
-          return this._onSwipe(event, selector[0], handler);
-        default:
-          return this._on(event, selector[0], handler);
-      }
-    },
-    onOpposite: function(event, selector, handler) {
-      var _self;
-      _self = this;
-      return document.addEventListener(event, function(e) {
-        var trigger;
-        trigger = _self.eventPath(e).every(function($element) {
-          return !$element.matches || !$element.matches(selector);
-        });
-        if (trigger) {
-          return handler(e);
-        }
-      });
-    },
-    dispatch: function($target, type, detail, delayMilliseconds, options = {}) {
-      var evt;
-      if (typeof options.bubbles !== 'boolean') {
-        options.bubbles = true;
-      }
-      if (typeof options.cancelable !== 'boolean') {
-        options.cancelable = true;
-      }
-      if (typeof options.composed !== 'boolean') {
-        options.composed = true;
-      }
-      evt = new Event(`${this._EVENT_TYPE_PREFIX}:${type}`, options);
-      evt.detail = detail;
-      if (typeof delayMilliseconds === 'number') {
-        return setTimeout(function() {
-          if ($target) {
-            return $target.dispatchEvent(evt);
-          }
-        }, delayMilliseconds);
-      } else {
-        $target.dispatchEvent(evt);
-        return evt;
-      }
-    },
-    _onDocReady: function(handler) {
-      if (document.readyState === 'loading') {
-        return document.addEventListener('DOMContentLoaded', handler);
-      } else {
-        return handler();
-      }
-    },
-    _onReset: function(selector, handler) {
-      return document.addEventListener('reset', function(e) {
-        if (selector != null) {
-          return luda.$children(selector, e.target).forEach(function($element) {
-            return handler.bind($element)(e);
-          });
-        } else {
-          return handler(e);
-        }
-      });
-    },
-    _onSwipe: function(event, selector, handler) {
-      var $touchStartElement, _self, touchStartE, touchStartX, touchStartY, watch;
-      _self = this;
-      watch = false;
-      $touchStartElement = document;
-      touchStartE = null;
-      touchStartX = 0;
-      touchStartY = 0;
-      document.addEventListener('touchstart', function(e) {
-        if (e.touches.length === 1) {
-          touchStartX = e.touches[0].screenX;
-          touchStartY = e.touches[0].screenY;
-          if (selector != null) {
-            return _self.eventPath(e).some(function($element) {
-              if ($element.matches && $element.matches(selector)) {
-                $touchStartElement = $element;
-                touchStartE = e;
-                watch = true;
-                return true;
-              }
-            });
-          } else {
-            return watch = true;
-          }
-        }
-      });
-      return document.addEventListener('touchmove', function(e) {
-        var eventX, eventXOrY, eventY, touchDistanceX, touchDistanceY;
-        if (watch && e.touches.length === 1) {
-          touchDistanceX = e.touches[0].screenX - touchStartX;
-          touchDistanceY = e.touches[0].screenY - touchStartY;
-          eventX = void 0;
-          eventY = void 0;
-          eventXOrY = void 0;
-          if (Math.abs(touchDistanceX) >= _self._SWIPE_DISTANCE) {
-            if (touchDistanceX > 0) {
-              eventX = _self._SWIPE_RIGHT;
-            } else {
-              eventX = _self._SWIPE_LEFT;
-            }
-          }
-          if (Math.abs(touchDistanceY) >= _self._SWIPE_DISTANCE) {
-            if (touchDistanceY > 0) {
-              eventY = _self._SWIPE_DOWN;
-            } else {
-              eventY = _self._SWIPE_UP;
-            }
-          }
-          if (eventX === _self._SWIPE_LEFT || eventY === _self._SWIPE_UP) {
-            eventXOrY = _self._SWIPE_LEFT_OR_UP;
-          }
-          if (eventX === _self._SWIPE_RIGHT || eventY === _self._SWIPE_DOWN) {
-            eventXOrY = _self._SWIPE_RIGHT_OR_DOWN;
-          }
-          if (((eventX != null) && eventX === event) || ((eventY != null) && eventY === event) || eventXOrY === event) {
-            if (selector != null) {
-              return _self.eventPath(e).some(function($element) {
-                if ($element === $touchStartElement) {
-                  watch = false;
-                  handler.bind($element)(touchStartE, e);
-                  return true;
-                }
-              });
-            } else {
-              watch = false;
-              return handler(touchStartE, e);
-            }
-          }
-        }
-      });
-    },
-    _on: function(event, selector, handler) {
-      var _self;
-      if (selector === window) {
-        return window.addEventListener(event, function(e) {
-          return handler(e);
-        });
-      } else {
-        _self = this;
-        return document.addEventListener(event, function(e) {
-          if (selector != null) {
-            return _self.eventPath(e).some(function($element) {
-              if ($element.matches && $element.matches(selector)) {
-                handler.bind($element)(e);
-                return true;
-              }
-            });
-          } else {
-            return handler(e);
-          }
-        });
-      }
-    }
-  });
-
-})));

data/assets/javascripts/luda/factory.js

@@ -1,334 +0,0 @@
-//= require ./install
-//= require ./utilities
-//= require ./dom
-//= require ./event
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('./install.js'), require('./utilities.js'), require('./dom.js'), require('./event.js')) :
-  typeof define === 'function' && define.amd ? define(['./install.js', './utilities.js', './dom.js', './event.js'], factory) :
-  (factory());
-}(this, (function () { 'use strict';
-
-  var Factory;
-
-  luda(Factory = (function() {
-    class Factory {
-      static _ACTIVATE_EVENT_TYPE() {
-        return `${this._SCOPE}:activate`;
-      }
-
-      static _ACTIVATED_EVENT_TYPE() {
-        return `${this._SCOPE}:activated`;
-      }
-
-      static _DEACTIVATE_EVENT_TYPE() {
-        return `${this._SCOPE}:deactivate`;
-      }
-
-      static _DEACTIVATED_EVENT_TYPE() {
-        return `${this._SCOPE}:deactivated`;
-      }
-
-      static _ACTIVATING_MARK_ATTRIBUTE() {
-        return `data-${this._SCOPE}-activating`;
-      }
-
-      static _DEACTIVATING_MARK_ATTRIBUTE() {
-        return `data-${this._SCOPE}-deactivating`;
-      }
-
-      _hasDescendant(descendant) {
-        if (this._children.length && descendant) {
-          if (this._children.includes(descendant)) {
-            return true;
-          }
-          return this._children.some(function(child) {
-            return child._hasDescendant(descendant);
-          });
-        } else {
-          return false;
-        }
-      }
-
-      _observe() {
-        this._observer = new MutationObserver(this._onMutations.bind(this));
-        return this._observer.observe(this._$component, this.constructor._observerConfig);
-      }
-
-      _disconnect() {
-        this._observer.disconnect();
-        return this._observer = null;
-      }
-
-      _activatePrevented($ele, detail) {
-        var activateEvent;
-        activateEvent = luda.dispatch($ele, this.constructor._ACTIVATE_EVENT_TYPE(), detail);
-        return activateEvent.defaultPrevented;
-      }
-
-      _deactivatePrevented($ele, detail) {
-        var deactivateEvent;
-        deactivateEvent = luda.dispatch($ele, this.constructor._DEACTIVATE_EVENT_TYPE(), detail);
-        return deactivateEvent.defaultPrevented;
-      }
-
-      _handleActivateEnd($ele, detail) {
-        var activateDuration;
-        this._setActivatingMark(detail);
-        activateDuration = luda.getTransitionDuration($ele);
-        luda.dispatch($ele, this.constructor._ACTIVATED_EVENT_TYPE(), detail, activateDuration);
-        setTimeout(() => {
-          if (this._$component) {
-            return this._removeActivatingMark();
-          }
-        }, activateDuration);
-        return activateDuration;
-      }
-
-      _handleDeactivateEnd($ele, detail) {
-        var deactivateDuration;
-        this._setDeactivatingMark(detail);
-        deactivateDuration = luda.getTransitionDuration($ele);
-        luda.dispatch($ele, this.constructor._DEACTIVATED_EVENT_TYPE(), detail, deactivateDuration);
-        setTimeout(() => {
-          if (this._$component) {
-            return this._removeDeactivatingMark();
-          }
-        }, deactivateDuration);
-        return deactivateDuration;
-      }
-
-      _handleActivateCancel($ele, detail) {
-        if (this._isActivating()) {
-          luda.dispatch($ele, this.constructor._ACTIVATED_EVENT_TYPE(), detail);
-          return this._removeActivatingMark();
-        }
-      }
-
-      _handleDeactivateCancel($ele, detail) {
-        if (this._isDeactivating()) {
-          luda.dispatch($ele, this.constructor._DEACTIVATED_EVENT_TYPE(), detail);
-          return this._removeDeactivatingMark();
-        }
-      }
-
-      _isActivating() {
-        return this._$component.hasAttribute(this.constructor._ACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _isDeactivating() {
-        return this._$component.hasAttribute(this.constructor._DEACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _isTransitioning() {
-        return this._isActivating() || this._isDeactivating();
-      }
-
-      _getActivatingMark() {
-        return this._$component.getAttribute(this.constructor._ACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _getDeactivatingMark() {
-        return this._$component.getAttribute(this.constructor._DEACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _removeActivatingMark() {
-        return this._$component.removeAttribute(this.constructor._ACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _removeDeactivatingMark() {
-        return this._$component.removeAttribute(this.constructor._DEACTIVATING_MARK_ATTRIBUTE());
-      }
-
-      _setActivatingMark(value) {
-        return this._$component.setAttribute(this.constructor._ACTIVATING_MARK_ATTRIBUTE(), value);
-      }
-
-      _setDeactivatingMark(value) {
-        return this._$component.setAttribute(this.constructor._DEACTIVATING_MARK_ATTRIBUTE(), value);
-      }
-
-      static create($component) {
-        var $family, componentIsElementInstance, instance, parent;
-        componentIsElementInstance = $component instanceof Element;
-        if (!componentIsElementInstance) {
-          throw new Error(this._$COMPONENT_INVALID_ERROR);
-        }
-        $family = this._query$family($component);
-        instance = this.query($component);
-        if ($family._$parent) {
-          if (parent = this.query($family._$parent)) {
-            if (!instance) {
-              this._instances.push(instance = this._createInstance($component));
-            }
-            if (instance._parent !== parent) {
-              parent._children.push(instance) && (instance._parent = parent);
-            }
-            $family._$children.forEach(($child) => {
-              return this.create($child);
-            });
-            return instance;
-          } else {
-            this.create($family._$parent);
-            return this.query($component);
-          }
-        } else {
-          if (!instance) {
-            this._instances.push(instance = this._createInstance($component));
-          }
-          $family._$children.forEach(($child) => {
-            return this.create($child);
-          });
-          return instance;
-        }
-      }
-
-      static destroy(instance$component) {
-        var attribute, instance, results, value;
-        instance = this.query(instance$component);
-        if (instance) {
-          if (instance._observer) {
-            instance._disconnect();
-          }
-          if (instance._destroy) {
-            instance._destroy();
-          }
-          while (instance._children.length) {
-            this.destroy(instance._children[0]);
-          }
-          if (instance._parent) {
-            luda.except(instance, instance._parent._children);
-          }
-          luda.except(instance, this._instances);
-          results = [];
-          for (attribute in instance) {
-            value = instance[attribute];
-            results.push(instance[attribute] = null);
-          }
-          return results;
-        }
-      }
-
-      static query(instance$component) {
-        var instance;
-        instance = null;
-        if (instance$component instanceof this && this._instances.includes(instance$component)) {
-          instance = instance$component;
-        } else if (instance$component instanceof Element) {
-          this._instances.some(function(inited) {
-            if (inited._$component === instance$component) {
-              instance = inited;
-              return true;
-            }
-          });
-        }
-        return instance;
-      }
-
-      static _query$family($component) {
-        var _$children, _$parent;
-        _$parent = null;
-        _$children = [];
-        if (this._SELECTOR) {
-          _$parent = luda.$parent(this._SELECTOR, $component);
-          _$children = luda.$unnested(this._SELECTOR, $component, this._SELECTOR);
-        }
-        return {_$parent, _$children};
-      }
-
-      static _createInstance($component) {
-        var instance;
-        instance = new this();
-        instance._$component = $component;
-        instance._parent = null;
-        instance._children = [];
-        instance._observer = null;
-        if (instance._constructor) {
-          instance._constructor();
-        }
-        if (!(instance._observer && instance._onMutations && this._observerConfig)) {
-          instance._observe();
-        }
-        return instance;
-      }
-
-      static _onEleAdded($ele) {
-        return Factory._onEleAddedOrRemoved($ele, 'create');
-      }
-
-      static _onEleRemoved($ele) {
-        return Factory._onEleAddedOrRemoved($ele, 'destroy');
-      }
-
-      static _onEleAddedOrRemoved($ele, action) {
-        return Factory._Observed.forEach(function(Observed) {
-          if ($ele.matches(Observed._SELECTOR)) {
-            return Observed[action]($ele);
-          }
-          return luda.$children(Observed._SELECTOR, $ele).forEach(function($child) {
-            return Observed[action]($child);
-          });
-        });
-      }
-
-      static _observe(classObj) {
-        if (!Factory._observer) {
-          Factory._observer = luda._observeDom(Factory._onEleAdded, Factory._onEleRemoved);
-        }
-        if (!Factory._Observed.includes(classObj)) {
-          return Factory._Observed.push(classObj);
-        }
-      }
-
-      static _install() {
-        var exposed, self;
-        self = this;
-        if (this === Factory) {
-          return this;
-        }
-        if (!(this._SELECTOR || typeof this._SELECTOR !== 'string')) {
-          throw new Error(this._COMPONENT_NO_SELECTOR_ERROR);
-        }
-        if (!this.hasOwnProperty('_instances')) {
-          this._instances = [];
-        }
-        if (typeof this._init === 'function') {
-          exposed = this._init();
-        }
-        luda.on(luda._DOC_READY, function() {
-          luda.$children(self._SELECTOR).forEach(function($component) {
-            return self.create($component);
-          });
-          return Factory._observe(self);
-        });
-        if (exposed) {
-          return exposed;
-        } else {
-          return this;
-        }
-      }
-
-    }
-    Factory._SCOPE = 'Factory';
-
-    Factory._COMPONENT_NO_SELECTOR_ERROR = 'Extended component must has a css selector';
-
-    Factory._$COMPONENT_INVALID_ERROR = '@param $component must be an instance of Element';
-
-    Factory._SELECTOR = '';
-
-    Factory._instances = [];
-
-    Factory._Observed = [];
-
-    Factory._observer = null;
-
-    Factory._observerConfig = {
-      childList: true,
-      subtree: true
-    };
-
-    return Factory;
-
-  }).call(this));
-
-})));