diva.js 6.0.1 → 7.2.3

package/source/js/utils/vanilla.kinetic.js

@@ -1,527 +0,0 @@
-/*
- The MIT License (MIT)
- Copyright (c) <2011> <Dave Taylor http://the-taylors.org>
-
- 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.
-
- Port to vanilla Javascript by Jacek Nowacki http://jacek-nowacki.net/
-**/
-
-(function() {
-    var _raf = window.requestAnimationFrame;
-
-    var _isTouch = 'ontouchend' in document;
-
-    // this is simple, no "deep" support
-    var _extend = function() {
-        for (var i=1; i<arguments.length; i++) {
-            for (var key in arguments[i]) {
-                if (arguments[i].hasOwnProperty(key)) {
-                    arguments[0][key] = arguments[i][key];
-                }
-            }
-        }
-        return arguments[0];
-    };
-
-    var VanillaKinetic = function(element, settings) {
-        this.settings = _extend({}, VanillaKinetic.DEFAULTS, settings);
-        this.el       = element;
-        this.ACTIVE_CLASS = "kinetic-active";
-
-        this._initElements();
-
-        this.el._VanillaKinetic = this;
-        return this;
-    };
-
-    VanillaKinetic.DEFAULTS = {
-        cursor: 'move',
-        decelerate: true,
-        triggerHardware: false,
-        threshold: 0,
-        y: true,
-        x: true,
-        slowdown: 0.9,
-        maxvelocity: 40,
-        throttleFPS: 60,
-        invert: false,
-        movingClass: {
-            up: 'kinetic-moving-up',
-            down: 'kinetic-moving-down',
-            left: 'kinetic-moving-left',
-            right: 'kinetic-moving-right'
-        },
-        deceleratingClass: {
-            up: 'kinetic-decelerating-up',
-            down: 'kinetic-decelerating-down',
-            left: 'kinetic-decelerating-left',
-            right: 'kinetic-decelerating-right'
-        }
-    };
-
-    // Public functions
-    VanillaKinetic.prototype.start = function(options) {
-        this.settings = _extend(this.settings, options);
-        this.velocity = options.velocity || this.velocity;
-        this.velocityY = options.velocityY || this.velocityY;
-        this.settings.decelerate = false;
-        this._move();
-    };
-
-    VanillaKinetic.prototype.end = function() {
-        this.settings.decelerate = true;
-    };
-
-    VanillaKinetic.prototype.stop = function() {
-        this.velocity = 0;
-        this.velocityY = 0;
-        this.settings.decelerate = true;
-        if (typeof this.settings.stopped === 'function') {
-            this.settings.stopped.call(this);
-        }
-    };
-
-    VanillaKinetic.prototype.detach = function() {
-        this._detachListeners();
-        this.el.classList.remove(this.ACTIVE_CLASS);
-        this.el.style.cursor = '';
-    };
-
-    VanillaKinetic.prototype.attach = function() {
-        if (this.el.classList.contains(this.ACTIVE_CLASS)) {
-            return;
-        }
-        this._attachListeners();
-        this.el.classList.add(this.ACTIVE_CLASS);
-        this.el.style.cursor = this.settings.cursor;
-    };
-
-    // Internal functions
-
-    VanillaKinetic.prototype._initElements = function() {
-        this.el.classList.add(this.ACTIVE_CLASS);
-
-        _extend(this, {
-            xpos: null,
-            prevXPos: false,
-            ypos: null,
-            prevYPos: false,
-            mouseDown: false,
-            throttleTimeout: 1000 / this.settings.throttleFPS,
-            lastMove: null,
-            elementFocused: null
-        });
-
-        this.velocity = 0;
-        this.velocityY = 0;
-
-        var that = this;
-        this.documentResetHandler = function() {
-            that._resetMouse.apply(that);
-        };
-
-        // FIXME make sure to remove this
-        var html = document.documentElement;
-        html.addEventListener("mouseup", this.documentResetHandler, false);
-        html.addEventListener("click", this.documentResetHandler, false);
-
-        this._initEvents();
-
-        this.el.style.cursor = this.settings.cursor;
-
-        if (this.settings.triggerHardware) {
-            var prefixes = ['', '-ms-', '-webkit-', '-moz-'];
-            var styles = {
-                'transform': 'translate3d(0,0,0)',
-                'perspective': '1000', // TODO is this even valid? is this even needed?
-                'backface-visibility': 'hidden'
-            };
-            for (var i=0; i<prefixes.length; i++) {
-                var prefix = prefixes[i];
-                for (var key in styles) {
-                    if (styles.hasOwnProperty(key)){
-                        this.el.style[prefix+key] = styles[key];
-                    }
-                }
-            }
-        }
-    };
-
-    VanillaKinetic.prototype._initEvents = function() {
-        var self = this;
-        this.settings.events = {
-            touchStart: function(e) {
-                var touch;
-                if (self._useTarget(e.target, e)) {
-                    touch = e.originalEvent.touches[0];
-                    self.threshold = self._threshold(e.target, e);
-                    self._start(touch.clientX, touch.clientY);
-                    e.stopPropagation();
-                }
-            },
-            touchMove: function(e) {
-                var touch;
-                if (self.mouseDown) {
-                    touch = e.originalEvent.touches[0];
-                    self._inputmove(touch.clientX, touch.clientY);
-                    if (e.preventDefault) {
-                        e.preventDefault();
-                    }
-                }
-            },
-            inputDown: function(e) {
-                if (self._useTarget(e.target, e)) {
-                    self.threshold = self._threshold(e.target, e);
-                    self._start(e.clientX, e.clientY);
-                    self.elementFocused = e.target;
-                    if (e.target.nodeName === "IMG") {
-                        e.preventDefault();
-                    }
-                    e.stopPropagation();
-                }
-            },
-            inputEnd: function(e) {
-                if (self._useTarget(e.target, e)) {
-                    self._end();
-                    self.elementFocused = null;
-                    if (e.preventDefault) {
-                        e.preventDefault();
-                    }
-                }
-            },
-            inputMove: function(e) {
-                if (self.mouseDown) {
-                    self._inputmove(e.clientX, e.clientY);
-                    if (e.preventDefault) {
-                        e.preventDefault();
-                    }
-                }
-            },
-            scroll: function(e) {
-                if (typeof self.settings.moved === 'function') {
-                    self.settings.moved.call(self, self.settings);
-                }
-                if (e.preventDefault) {
-                    e.preventDefault();
-                }
-            },
-            inputClick: function(e) {
-                if (Math.abs(self.velocity) > 0 || Math.abs(self.velocityY) > 0) {
-                    e.preventDefault();
-                    if (e.stopPropagation) {
-                        e.stopPropagation();
-                    }
-                    return false;
-                }
-            },
-            dragStart: function(e) {
-                if (self._useTarget(e.target, e) && self.elementFocused) {
-                    if (e.preventDefault) {
-                        e.preventDefault();
-                    }
-                    if (e.stopPropagation) {
-                        e.stopPropagation();
-                    }
-                    return false;
-                }
-            },
-            selectStart: function(e) {
-                if (typeof self.settings.selectStart === 'function') {
-                    return self.settings.selectStart.apply(self, arguments);
-                }
-                else if (self._useTarget(e.target, e)) {
-                    if (e.preventDefault) {
-                        e.preventDefault();
-                    }
-                    if (e.stopPropagation) {
-                        e.stopPropagation();
-                    }
-                    return false;
-                }
-            }
-        };
-
-        this._attachListeners();
-    };
-
-    VanillaKinetic.prototype._inputmove = function(clientX, clientY) {
-        if (!this.lastMove || new Date() > new Date(this.lastMove.getTime() + this.throttleTimeout)) {
-            this.lastMove = new Date();
-
-            if (this.mouseDown && (this.xpos || this.ypos)) {
-                var movedX = (clientX - this.xpos);
-                var movedY = (clientY - this.ypos);
-                if (this.settings.invert) {
-                    movedX *= -1;
-                    movedY *= -1;
-                }
-                if (this.threshold>0) {
-                    var moved = Math.sqrt(movedX*movedX + movedY*movedY);
-                    if (this.threshold>moved) {
-                        return;
-                    }
-                    else {
-                        this.threshold = 0;
-                    }
-                }
-                if (this.elementFocused) {
-                    this.elementFocused.blur();
-                    this.elementFocused = null;
-                    this.el.focus();
-                }
-
-                this.settings.decelerate = false;
-                this.velocity = this.velocityY = 0;
-
-                var scrollLeft = this.scrollLeft();
-                var scrollTop = this.scrollTop();
-
-                this.scrollLeft(this.settings.x ? scrollLeft - movedX : scrollLeft);
-                this.scrollTop(this.settings.y ? scrollTop - movedY : scrollTop);
-
-                this.prevXPos = this.xpos;
-                this.prevYPos = this.ypos;
-                this.xpos = clientX;
-                this.ypos = clientY;
-
-                this._calculateVelocities();
-                this._setMoveClasses(this.settings.movingClass);
-
-                if (typeof this.settings.moved === 'function') {
-                    this.settings.moved.call(this, this.settings);
-                }
-            }
-        }
-    };
-
-    VanillaKinetic.prototype._calculateVelocities = function() {
-        this.velocity = this._capVelocity(this.prevXPos - this.xpos, this.settings.maxvelocity);
-        this.velocityY = this._capVelocity(this.prevYPos - this.ypos, this.settings.maxvelocity);
-        if (this.settings.invert) {
-            this.velocity *= -1;
-            this.velocityY *= -1;
-        }
-    };
-
-    VanillaKinetic.prototype._end = function() {
-        if (this.xpos && this.prevXPos && this.settings.decelerate === false) {
-            this.settings.decelerate = true;
-            this._calculateVelocities();
-            this.xpos = this.prevXPos = this.mouseDown = false;
-            this._move();
-        }
-    };
-
-    VanillaKinetic.prototype._useTarget = function(target, event) {
-        if (typeof this.settings.filterTarget === 'function') {
-            return this.settings.filterTarget.call(this, target, event) !== false;
-        }
-        return true;
-
-    };
-
-    VanillaKinetic.prototype._threshold = function(target, event) {
-        if (typeof this.settings.threshold === 'function') {
-            return this.settings.threshold.call(this, target, event);
-        }
-        return this.settings.threshold;
-    };
-
-    VanillaKinetic.prototype._start = function(clientX, clientY) {
-        this.mouseDown = true;
-        this.velocity = this.prevXPos = 0;
-        this.velocityY = this.prevYPos = 0;
-        this.xpos = clientX;
-        this.ypos = clientY;
-    };
-
-    VanillaKinetic.prototype._resetMouse = function() {
-        this.xpos = false;
-        this.ypos = false;
-        this.mouseDown = false;
-    };
-
-    VanillaKinetic.prototype._decelerateVelocity = function(velocity, slowdown) {
-        return Math.floor(Math.abs(velocity)) === 0 ? 0 // is velocity less than 1?
-            : velocity * slowdown; // reduce slowdown
-    };
-
-    VanillaKinetic.prototype._capVelocity = function(velocity, max) {
-        var newVelocity = velocity;
-        if (velocity > 0){
-            if (velocity > max){
-                newVelocity = max;
-            }
-        } else {
-            if (velocity < (0 - max)){
-                newVelocity = (0 - max);
-            }
-        }
-        return newVelocity;
-    };
-
-    VanillaKinetic.prototype._setMoveClasses = function(classes) {
-        // The fix-me comment below is from original jQuery.kinetic project
-        // FIXME: consider if we want to apply PL #44, this should not remove
-        // classes we have not defined on the element!
-        var settings = this.settings;
-        var el = this.el;
-
-        el.classList.remove(settings.movingClass.up);
-        el.classList.remove(settings.movingClass.down);
-        el.classList.remove(settings.movingClass.left);
-        el.classList.remove(settings.movingClass.right);
-        el.classList.remove(settings.deceleratingClass.up);
-        el.classList.remove(settings.deceleratingClass.down);
-        el.classList.remove(settings.deceleratingClass.left);
-        el.classList.remove(settings.deceleratingClass.right);
-
-        if (this.velocity > 0){
-            el.classList.add(classes.right);
-        }
-        if (this.velocity < 0){
-            el.classList.add(classes.left);
-        }
-        if (this.velocityY > 0){
-            el.classList.add(classes.down);
-        }
-        if (this.velocityY < 0){
-            el.classList.add(classes.up);
-        }
-    };
-
-    VanillaKinetic.prototype._move = function() {
-        var scroller = this._getScroller();
-        var self = this;
-        var settings = this.settings;
-
-        if (settings.x && scroller.scrollWidth > 0) {
-            this.scrollLeft(this.scrollLeft() + this.velocity);
-            if (Math.abs(this.velocity) > 0) {
-                this.velocity = settings.decelerate ?
-                    self._decelerateVelocity(this.velocity, settings.slowdown) : this.velocity;
-            }
-        }
-        else {
-            this.velocity = 0;
-        }
-
-        if (settings.y && scroller.scrollHeight > 0){
-            this.scrollTop(this.scrollTop() + this.velocityY);
-            if (Math.abs(this.velocityY) > 0){
-                this.velocityY = settings.decelerate ?
-                    self._decelerateVelocity(this.velocityY, settings.slowdown) : this.velocityY;
-            }
-        }
-        else {
-            this.velocityY = 0;
-        }
-
-        self._setMoveClasses(settings.deceleratingClass);
-
-        if (typeof settings.moved === 'function'){
-            settings.moved.call(this, settings);
-        }
-
-        if (Math.abs(this.velocity) > 0 || Math.abs(this.velocityY) > 0){
-            if (!this.moving) {
-                this.moving = true;
-                // tick for next movement
-                _raf(function() {
-                    self.moving = false;
-                    self._move();
-                });
-            }
-        }
-        else {
-            self.stop();
-        }
-    };
-
-    VanillaKinetic.prototype._getScroller = function() {
-        // FIXME we may want to normalize behaviour across browsers as in original jQuery.kinetic
-        // currently this won't work correctly on all brwosers when attached to html or body element
-        return this.el;
-    };
-
-    VanillaKinetic.prototype.scrollLeft = function(left) {
-        var scroller = this._getScroller();
-        if (typeof left === 'number') {
-            scroller.scrollLeft = left;
-            this.settings.scrollLeft = left;
-        }
-        else {
-            return scroller.scrollLeft;
-        }
-    };
-
-    VanillaKinetic.prototype.scrollTop = function(top) {
-        var scroller = this._getScroller();
-        if (typeof top === 'number') {
-            scroller.scrollTop = top;
-            this.settings.scrollTop = top;
-        }
-        else {
-            return scroller.scrollTop;
-        }
-    };
-
-    VanillaKinetic.prototype._attachListeners = function() {
-        var el = this.el;
-        var settings = this.settings;
-
-        if (_isTouch) {
-            el.addEventListener('touchstart', settings.events.touchStart, false);
-            el.addEventListener('touchend', settings.events.inputEnd, false);
-            el.addEventListener('touchmove', settings.events.touchMove, false);
-        }
-
-        el.addEventListener('mousedown', settings.events.inputDown, false);
-        el.addEventListener('mouseup', settings.events.inputEnd, false);
-        el.addEventListener('mousemove', settings.events.inputMove, false);
-
-        el.addEventListener('click', settings.events.inputClick, false);
-        el.addEventListener('scroll', settings.events.scroll, false);
-        el.addEventListener('selectstart', settings.events.selectStart, false);
-        el.addEventListener('dragstart', settings.events.dragStart, false);
-    };
-
-    VanillaKinetic.prototype._detachListeners = function() {
-        var el = this.el;
-        var settings = this.settings;
-
-        if (_isTouch) {
-            el.removeEventListener('touchstart', settings.events.touchStart, false);
-            el.removeEventListener('touchend', settings.events.inputEnd, false);
-            el.removeEventListener('touchmove', settings.events.touchMove, false);
-        }
-
-        el.removeEventListener('mousedown', settings.events.inputDown, false);
-        el.removeEventListener('mouseup', settings.events.inputEnd, false);
-        el.removeEventListener('mousemove', settings.events.inputMove, false);
-
-        el.removeEventListener('click', settings.events.inputClick, false);
-        el.removeEventListener('scroll', settings.events.scroll, false);
-        el.removeEventListener('selectstart', settings.events.selectStart, false);
-        el.removeEventListener('dragstart', settings.events.dragStart, false);
-    };
-
-
-    window.VanillaKinetic = VanillaKinetic;
-})();

package/source/js/validation-runner.js

@@ -1,177 +0,0 @@
-export default class ValidationRunner
-{
-    constructor (options)
-    {
-        this.whitelistedKeys = options.whitelistedKeys || [];
-        this.additionalProperties = options.additionalProperties || [];
-        this.validations = options.validations;
-    }
-
-    isValid (key, value, settings)
-    {
-        // Get the validation index
-        let validationIndex = null;
-
-        this.validations.some((validation, index) =>
-        {
-            if (validation.key !== key)
-            {
-                return false;
-            }
-
-            validationIndex = index;
-            return true;
-        });
-
-        if (validationIndex === null)
-        {
-            return true;
-        }
-
-        // Run the validation
-        const dummyChanges = {};
-        dummyChanges[key] = value;
-        const proxier = createSettingsProxier(settings, dummyChanges, this);
-
-        return !this._runValidation(validationIndex, value, proxier);
-    }
-
-    validate (settings)
-    {
-        this._validateOptions({}, settings);
-    }
-
-    getValidatedOptions (settings, options)
-    {
-        const cloned = Object.assign({}, options);
-        this._validateOptions(settings, cloned);
-        return cloned;
-    }
-
-    _validateOptions (settings, options)
-    {
-        const settingsProxier = createSettingsProxier(settings, options, this);
-        this._applyValidations(options, settingsProxier);
-    }
-
-    _applyValidations (options, proxier)
-    {
-        this.validations.forEach((validation, index) =>
-        {
-            if (!options.hasOwnProperty(validation.key))
-            {
-                return;
-            }
-
-            const input = options[validation.key];
-            const corrected = this._runValidation(index, input, proxier);
-
-            if (corrected)
-            {
-                if (!corrected.warningSuppressed)
-                {
-                    emitWarning(validation.key, input, corrected.value);
-                }
-
-                options[validation.key] = corrected.value;
-            }
-        }, this);
-    }
-
-    _runValidation (index, input, proxier)
-    {
-        const validation = this.validations[index];
-
-        proxier.index = index;
-
-        let warningSuppressed = false;
-        const config = {
-            suppressWarning: () =>
-            {
-                warningSuppressed = true;
-            }
-        };
-
-        const outputValue = validation.validate(input, proxier.proxy, config);
-
-        if (outputValue === undefined || outputValue === input)
-        {
-            return null;
-        }
-
-        return {
-            value: outputValue,
-            warningSuppressed: warningSuppressed
-        };
-    }
-}
-
-/**
- * The settings proxy wraps the settings object and ensures that
- * only values which have previously been validated are accessed,
- * throwing a TypeError otherwise.
- *
- * FIXME(wabain): Is it worth keeping this? When I wrote it I had
- * multiple validation stages and it was a lot harder to keep track
- * of everything, so this was more valuable.
- */
-function createSettingsProxier (settings, options, runner)
-{
-    const proxier = {
-        proxy: {},
-        index: null
-    };
-
-    const lookup = lookupValue.bind(null, settings, options);
-
-    const properties = {};
-
-    runner.whitelistedKeys.forEach((whitelisted) =>
-    {
-        properties[whitelisted] = {
-            get: lookup.bind(null, whitelisted)
-        };
-    });
-
-    runner.additionalProperties.forEach((additional) =>
-    {
-        properties[additional.key] = {
-            get: additional.get
-        };
-    });
-
-    runner.validations.forEach( (validation, validationIndex) =>
-    {
-        properties[validation.key] = {
-            get: () =>
-            {
-                if (validationIndex < proxier.index)
-                {
-                    return lookup(validation.key);
-                }
-
-                const currentKey = runner.validations[proxier.index].key;
-                throw new TypeError('Cannot access setting ' + validation.key + ' while validating ' + currentKey);
-            }
-        };
-    });
-
-    Object.defineProperties(proxier.proxy, properties);
-
-    return proxier;
-}
-
-function emitWarning (key, original, corrected)
-{
-    console.warn('Invalid value for ' + key + ': ' + original + '. Using ' + corrected + ' instead.');
-}
-
-function lookupValue (base, extension, key)
-{
-    if (key in extension)
-    {
-        return extension[key];
-    }
-
-    return base[key];
-}