@signal24/vue-foundation 3.2.0 → 3.3.4

package/src/directives/tooltip.js

@@ -1,48 +1,43 @@
-import app from '../app';
 import $ from 'jquery';
 
+import app from '../app';
+
 app.directive('tip', {
     mounted: createTip,
     updated: createTip,
     unmounted: destroyTip
 });
 
-function createTip(el, binding, vnode, oldVnode) {
+function createTip(el, binding) {
     let tipText = el.attributes.tip ? el.attributes.tip.value : binding.value;
-    if (binding.value === false)
-        tipText = null;
+    if (binding.value === false) tipText = null;
     if (tipText) {
         let config = {};
         config[binding.modifiers.html ? 'html' : 'text'] = tipText;
-        if (el.attributes['tip-class'])
-            config.class = el.attributes['tip-class'].value;
+        if (el.attributes['tip-class']) config.class = el.attributes['tip-class'].value;
         $(el).vfTooltip(config);
-    }
-    else
-        $(el).vfTooltip('destroy');
+    } else $(el).vfTooltip('destroy');
 }
 
 function destroyTip(el) {
     $(el).vfTooltip('destroy');
 }
 
-$.fn.vfTooltip = function(option) {
-    return this.each(function(index, el) {
+$.fn.vfTooltip = function (option) {
+    return this.each(function (index, el) {
         var tooltip = $(el).data('vf-tooltip');
 
-        if (typeof(option) == 'string') {
+        if (typeof option == 'string') {
             if (!tooltip) return;
             tooltip[option]();
-        }
-        else if (tooltip) {
+        } else if (tooltip) {
             tooltip.configure(option);
-        }
-        else {
-            var tooltip = new VfTooltip(el, option);
-            $(el).data('vf-tooltip', tooltip);
+        } else {
+            var vfTooltip = new VfTooltip(el, option);
+            $(el).data('vf-tooltip', vfTooltip);
         }
     });
-}
+};
 
 function VfTooltip(el, configIn) {
     // exports
@@ -50,7 +45,11 @@ function VfTooltip(el, configIn) {
     this.destroy = _destroy;
 
     // state
-    var $tip, config, lastMoveEvt, checkInterval, shouldShow = false;
+    var $tip,
+        config,
+        lastMoveEvt,
+        checkInterval,
+        shouldShow = false;
 
     // apply config
     this.configure(configIn);
@@ -62,9 +61,12 @@ function VfTooltip(el, configIn) {
     config.now && _handleTargetMouseEnter(config.now);
 
     function _configure(configIn) {
-        config = $.extend({
-            delay: 0
-        }, configIn);
+        config = $.extend(
+            {
+                delay: 0
+            },
+            configIn
+        );
     }
 
     function _handleTargetMouseEnter(e) {
@@ -72,61 +74,54 @@ function VfTooltip(el, configIn) {
 
         shouldShow = true;
 
-        setTimeout(function() {
+        setTimeout(function () {
             if (!shouldShow) return;
 
             _renderTooltip();
 
-            if (config.static)
-                _placeStaticTooltip();
-            else
-                _handleMouseMove(e);
+            if (config.static) _placeStaticTooltip();
+            else _handleMouseMove(e);
 
             $tip.show();
         }, config.delay);
     }
 
-    function _handleTargetMouseLeave(e) {
+    function _handleTargetMouseLeave() {
         shouldShow = false;
         _deferredRemoveTooltip();
     }
 
     function _renderTooltip() {
-        if (!$tip)
-            config.static || $(window).on('mousemove', _handleMouseMove);
-        else
-            $tip.remove();
-
-        $tip = $('<div class="vf-tooltip">').css('position', 'absolute').css('z-index', '1000000').addClass(config.class).appendTo(document.body);
+        if (!$tip) config.static || $(window).on('mousemove', _handleMouseMove);
+        else $tip.remove();
+
+        $tip = $('<div class="vf-tooltip">')
+            .css('position', 'absolute')
+            .css('z-index', '1000000')
+            .addClass(config.class)
+            .appendTo(document.body);
         config.title && $('<div class="title">').text(config.title).appendTo($tip);
         var $content = $('<div class="content">').appendTo($tip);
 
-        if (config.callback)
-            config.callback($content[0]);
-        else if (config.text)
-            $content.text(config.text).html($content.html().replace(/\n/g, '<br>'));
-        else if (config.html)
-            $content.html(config.html);
+        if (config.callback) config.callback($content[0]);
+        else if (config.text) $content.text(config.text).html($content.html().replace(/\n/g, '<br>'));
+        else if (config.html) $content.html(config.html);
 
         if (config.static) {
-            $tip.mouseover(function() {
+            $tip.mouseover(function () {
                 shouldShow = true;
-            }).mouseout(function() {
+            }).mouseout(function () {
                 shouldShow = false;
                 _deferredRemoveTooltip();
             });
-        }
-
-        else {
+        } else {
             checkInterval = setInterval(_checkMoveEvent, 250);
         }
     }
 
     function _deferredRemoveTooltip() {
-        if (config.static)
-            setTimeout(_removeTooltip, 50);
-        else
-            _removeTooltip();
+        if (config.static) setTimeout(_removeTooltip, 50);
+        else _removeTooltip();
     }
 
     function _removeTooltip() {
@@ -148,25 +143,27 @@ function VfTooltip(el, configIn) {
         var tipX = targetPosition.left;
         var tipY = targetPosition.top - tipHeight - 1;
         if (tipY - 2 < 0) tipY = targetPosition.top + $target.outerHeight(true) + 1;
-        $tip.css('min-width', tipW + 'px').css('left', tipX + 'px').css('top', tipY + 'px');
+        $tip.css('min-width', tipW + 'px')
+            .css('left', tipX + 'px')
+            .css('top', tipY + 'px');
     }
 
     function _handleMouseMove(e) {
-        var tipWidth = $tip.outerWidth(), tipHeight = $tip.outerHeight();
-        var viewWidth = window.innerWidth, viewHeight = window.innerHeight;
-        var tipX = e.pageX + 10, tipY = e.pageY + 20;
-        if (tipX + tipWidth > viewWidth)
-            tipX = e.pageX - 5 - tipWidth;
-        if (tipY + tipHeight > viewHeight)
-            tipY = e.pageY - 5 - tipHeight;
+        var tipWidth = $tip.outerWidth(),
+            tipHeight = $tip.outerHeight();
+        var viewWidth = window.innerWidth,
+            viewHeight = window.innerHeight;
+        var tipX = e.pageX + 10,
+            tipY = e.pageY + 20;
+        if (tipX + tipWidth > viewWidth) tipX = e.pageX - 5 - tipWidth;
+        if (tipY + tipHeight > viewHeight) tipY = e.pageY - 5 - tipHeight;
         $tip.css('left', tipX + 'px').css('top', tipY + 'px');
         lastMoveEvt = e;
     }
 
     function _checkMoveEvent() {
         if (!lastMoveEvt) return;
-        if (el != lastMoveEvt.target && !$.contains(el, lastMoveEvt.target))
-            _handleTargetMouseLeave();
+        if (el != lastMoveEvt.target && !$.contains(el, lastMoveEvt.target)) _handleTargetMouseLeave();
     }
 
     function _destroy() {
@@ -178,4 +175,4 @@ function VfTooltip(el, configIn) {
         $target.off('mouseleave', _handleTargetMouseLeave);
         $target.removeData('vf-tooltip');
     }
-}
+}

package/src/directives/user-text.js

@@ -8,4 +8,4 @@ app.directive('user-text', {
 function fn(el, binding) {
     if (binding.value == binding.oldValue) return;
     el.innerHTML = binding.value.escapeHtml().nl2br();
-}
+}

package/src/filters/index.js

@@ -2,7 +2,7 @@ import app from '../app';
 
 const filterFns = {
     bytes(value) {
-        var i = Math.floor( Math.log(value) / Math.log(1024) );
+        var i = Math.floor(Math.log(value) / Math.log(1024));
         return (value / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'KB', 'MB', 'GB', 'TB'][i];
     },
 
@@ -51,7 +51,13 @@ const filterFns = {
     },
 
     usCurrency(value) {
-        return '$' + Number(value).toFixed(3).replace(/0$/, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        return (
+            '$' +
+            Number(value)
+                .toFixed(3)
+                .replace(/0$/, '')
+                .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+        );
     }
 };
 
@@ -73,7 +79,4 @@ app.config.globalProperties.$filter = (value, ...filters) => {
     return value;
 };
 
-export {
-    registerFilter,
-    registerFilters
-};
+export { registerFilter, registerFilters };

package/src/helpers/array.js

@@ -1,13 +1,13 @@
 Object.defineProperty(Array.prototype, 'diff', {
     enumerable: false,
-    value: function(...args) {
+    value: function (...args) {
         return this.filter(val => {
             for (let i = 0; i < args.length; i++) {
                 if (args[i].includes(val)) {
                     return false;
                 }
             }
-            
+
             return true;
         });
     }
@@ -15,36 +15,29 @@ Object.defineProperty(Array.prototype, 'diff', {
 
 Object.defineProperty(Array.prototype, 'first', {
     enumerable: false,
-    value: function() {
+    value: function () {
         return this[0] || undefined;
     }
 });
 
 Object.defineProperty(Array.prototype, 'intersect', {
     enumerable: false,
-    value: function(...args) {
+    value: function (...args) {
         return this.filter(val => {
             for (let i = 0; i < args.length; i++) {
                 if (args[i].includes(val)) {
                     return true;
                 }
             }
-            
+
             return false;
         });
     }
 });
 
-Object.defineProperty(Array.prototype, 'unique', {
-    enumerable: false,
-    value: function() {
-        return [...new Set(this)]
-    }
-});
-
 Object.defineProperty(Array.prototype, 'keyBy', {
     enumerable: false,
-    value: function(keyProp) {
+    value: function (keyProp) {
         let result = {};
         this.forEach(elem => {
             result[elem[keyProp]] = elem;
@@ -55,16 +48,15 @@ Object.defineProperty(Array.prototype, 'keyBy', {
 
 Object.defineProperty(Array.prototype, 'last', {
     enumerable: false,
-    value: function() {
+    value: function () {
         return this.length ? this[this.length - 1] : undefined;
     }
 });
 
 Object.defineProperty(Array.prototype, 'pluck', {
     enumerable: false,
-    value: function(prop, keyProp) {
-        if (typeof keyProp === 'undefined')
-            return this.map(elem => elem[prop]);
+    value: function (prop, keyProp) {
+        if (typeof keyProp === 'undefined') return this.map(elem => elem[prop]);
 
         let result = {};
         this.forEach(elem => {
@@ -76,25 +68,32 @@ Object.defineProperty(Array.prototype, 'pluck', {
 
 Object.defineProperty(Array.prototype, 'remove', {
     enumerable: false,
-    value: function(element) {
-        let index = this.indexOf(element);
+    value: function (element) {
+        const index = this.indexOf(element);
         index > -1 && this.splice(index, 1);
     }
 });
 
 Object.defineProperty(Array.prototype, 'replace', {
     enumerable: false,
-    value: function(element, replacement) {
-        let index = this.indexOf(element);
+    value: function (element, replacement) {
+        const index = this.indexOf(element);
         index > -1 && this.splice(index, 1, replacement);
     }
 });
 
 Object.defineProperty(Array.prototype, 'sortBy', {
     enumerable: false,
-    value: function(key) {
+    value: function (key) {
         this.sort((a, b) => {
             return String(a[key]).toLowerCase().localeCompare(String(b[key]).toLowerCase());
         });
     }
 });
+
+Object.defineProperty(Array.prototype, 'unique', {
+    enumerable: false,
+    value: function () {
+        return [...new Set(this)];
+    }
+});

package/src/helpers/context-menu.js

@@ -1,7 +1,8 @@
+import $ from 'jquery';
+
 import app from '../app';
-import $ from 'jquery'
 
-app.config.globalProperties.$contextMenu = function(e, config) {
+app.config.globalProperties.$contextMenu = function (e, config) {
     var $wrapper = $('<div class="vf-overlay">').click(_closeMenu).appendTo(document.body);
     var $menu = $('<div class="vf-context-menu">').css('position', 'absolute').appendTo($wrapper);
 
@@ -13,16 +14,14 @@ app.config.globalProperties.$contextMenu = function(e, config) {
     config.targetClass && $target.addClass(config.targetClass);
     config.class && $menu.addClass(config.class);
 
-    config.items && config.items.forEach(item => {
-        if (item == '-')
-            return $('<div class="separator">').appendTo($menu);
-        var $item = $('<div class="item">').css('user-select', 'none').text(item.title).appendTo($menu);
-        item.class && $item.addClass(item.class);
-        if (item.shouldConfirm)
-            $item.data('handler', item.handler).click(_confirmAction);
-        else if (item.handler)
-            $item.click(item.handler);
-    });
+    config.items &&
+        config.items.forEach(item => {
+            if (item == '-') return $('<div class="separator">').appendTo($menu);
+            var $item = $('<div class="item">').css('user-select', 'none').text(item.title).appendTo($menu);
+            item.class && $item.addClass(item.class);
+            if (item.shouldConfirm) $item.data('handler', item.handler).click(_confirmAction);
+            else if (item.handler) $item.click(item.handler);
+        });
 
     const dx = window.innerWidth - e.clientX;
     const dy = window.innerHeight - e.clientY;
@@ -32,7 +31,7 @@ app.config.globalProperties.$contextMenu = function(e, config) {
     const left = dx < menuWidth ? e.clientX - menuWidth - 1 : e.clientX + 1;
     const top = dy < menuHeight ? e.clientY - menuHeight - 1 : e.clientY + 1;
 
-    $menu.css('left', left + 'px')
+    $menu.css('left', left + 'px');
     $menu.css('top', top + 'px');
 
     config.onCreate && config.onCreate($menu[0]);
@@ -53,16 +52,15 @@ app.config.globalProperties.$contextMenu = function(e, config) {
         if ($item.hasClass('pending-confirm')) {
             var handler = $item.data('handler');
             handler && handler();
-        }
-        else {
+        } else {
             var originalContent = $item.html();
             $item.addClass('pending-confirm').text('Confirm');
-            $item.one('mouseleave', function() {
+            $item.one('mouseleave', function () {
                 $item.removeClass('pending-confirm').html(originalContent);
             });
             e.stopPropagation();
         }
     }
-}
+};
 
-// TODO: actually de-select text rather than just using CSS to hide its selection
+// TODO: actually de-select text rather than just using CSS to hide its selection

package/src/helpers/delay.js

@@ -0,0 +1,3 @@
+import app from '../app';
+
+app.config.globalProperties.$delay = ms => new Promise(resolve => setTimeout(resolve, ms));

package/src/helpers/error.js

@@ -1,5 +1,5 @@
 import app from '../app';
-import vfConfig from '../config'
+import vfConfig from '../config';
 
 app.config.globalProperties.$reportError = err => {
     if (!(err instanceof Error)) {
@@ -8,26 +8,29 @@ app.config.globalProperties.$reportError = err => {
 
     if (vfConfig.reportErrorHandler) {
         vfConfig.reportErrorHandler(err);
-    }
-
-    else {
+    } else {
         console.error(err);
     }
-}
+};
+
+app.config.globalProperties.$throwUserError = msg => {
+    let err = new Error(msg);
+    err.code = 'USERERR';
+    throw err;
+};
 
 Object.defineProperty(Error.prototype, 'userMessage', {
     get() {
-        if (this.code == 'USERERR')
-            return this.message;
+        if (this.code == 'USERERR') return this.message;
         else
             return `An application error has occurred:\n\n${this.message}\n\nPlease refresh the page and try again. If this error persists, ${vfConfig.unhandledErrorSupportText}.`;
     }
 });
 
-Error.prototype.handle = function() {
+Error.prototype.handle = function () {
     if (this.code != 'USERERR') {
         app.config.globalProperties.$reportError(this);
     }
 
     return this;
-};
+};

package/src/helpers/http.js

@@ -1,6 +1,6 @@
-import app from '../app';
-
 import axios from 'axios';
+
+import app from '../app';
 app.config.globalProperties.$http = axios;
 
 axios.postOrPut = (baseUrl, id, ...args) => {
@@ -11,32 +11,34 @@ axios.postOrPut = (baseUrl, id, ...args) => {
 
 import vfConfig from '../config';
 
-axios.interceptors.response.use(response => {
-    // TODO: will Axios auto-reject non-JSON?
-    if (response.data && typeof response.data != 'object') {
-        throw new Error('response was not JSON');
-    }
+axios.interceptors.response.use(
+    response => {
+        // TODO: will Axios auto-reject non-JSON?
+        if (response.data && typeof response.data != 'object') {
+            throw new Error('response was not JSON');
+        }
 
-    return response;
-},
+        return response;
+    },
 
-err => {
-    if (err.response && err.response.status == 401) {
-        if (vfConfig.unauthorizedHttpResponseHandler) {
-            const result = vfConfig.unauthorizedHttpResponseHandler(err.response);
+    err => {
+        if (err.response && err.response.status == 401) {
+            if (vfConfig.unauthorizedHttpResponseHandler) {
+                const result = vfConfig.unauthorizedHttpResponseHandler(err.response);
 
-            // if the handler said "ok, handled", then we're going to
-            // return a promise that never resolves to prevent the userland code
-            // from ever proceeding
-            if (result) return new Promise(() => {});
+                // if the handler said "ok, handled", then we're going to
+                // return a promise that never resolves to prevent the userland code
+                // from ever proceeding
+                if (result) return new Promise(() => {});
+            }
         }
-    }
 
-    if (err.response && err.response.data && err.response.data.error) {
-        err.code = err.response.status == 422 ? 'USERERR' : 'APIERR';
-        err.message = err.response.data.error;
-        err.field = err.response.data.errorField;
-    }
+        if (err.response && err.response.data && err.response.data.error) {
+            err.code = err.response.status == 422 ? 'USERERR' : 'APIERR';
+            err.message = err.response.data.error;
+            err.field = err.response.data.errorField;
+        }
 
-    throw err;
-});
+        throw err;
+    }
+);

package/src/helpers/index.js

@@ -1,8 +1,9 @@
 import './array';
 import './context-menu';
+import './delay';
 import './error';
 import './http';
 import './mask';
 import './number';
 import './string';
-import './vue';
+import './vue';

package/src/helpers/mask.js

@@ -1,26 +1,29 @@
+import $ from 'jquery';
+
 import app from '../app';
-import $ from 'jquery'
 
 /*///////////////////////////////////////////////
 Masking
 //////////////////////////////////////////////*/
-app.config.globalProperties.$mask = function(message) {
+app.config.globalProperties.$mask = function (message) {
     let $el = $(this.$el);
     this.$maskEl($el.hasClass('vf-overlay') ? $el.find('.vf-modal')[0] : this.$el, message);
-}
+};
 
-app.config.globalProperties.$maskEl = function(el, message) {
+app.config.globalProperties.$maskEl = function (el, message) {
     if (this._currentMask) return;
-    this._currentMask = $('<div class="mask">').text(message || 'Please wait...').appendTo(el);
-}
+    this._currentMask = $('<div class="mask">')
+        .text(message || 'Please wait...')
+        .appendTo(el);
+};
 
-app.config.globalProperties.$unmask = function() {
+app.config.globalProperties.$unmask = function () {
     if (!this._currentMask) return;
     $(this._currentMask).remove();
     delete this._currentMask;
-}
+};
 
-app.config.globalProperties.$maskForm = function(waitButton, waitText) {
+app.config.globalProperties.$maskForm = function (waitButton, waitText) {
     let el = this.$el;
 
     if (waitButton !== undefined && waitButton.tagName == 'FORM') {
@@ -43,9 +46,9 @@ app.config.globalProperties.$maskForm = function(waitButton, waitText) {
         $waitButton.disable(waitText || 'Please wait...');
         $form.data('vf-masked-wait-btn', $waitButton);
     }
-}
+};
 
-app.config.globalProperties.$unmaskForm = function() {
+app.config.globalProperties.$unmaskForm = function () {
     let $form = this.$el.tagName == 'FORM' ? $(this.$el) : $(this.$el).find('form.masked');
     if (!$form.length) return;
     let $inputs = $form.data('vf-masked-inputs');
@@ -57,27 +60,31 @@ app.config.globalProperties.$unmaskForm = function() {
         $waitButton.enable();
     }
     $form.removeClass('masked');
-}
+};
 
 /*///////////////////////////////////////////////
 Button Enable/Disable
 //////////////////////////////////////////////*/
-$.fn.disable = function(newText) {
-    this.each(function(index, item) {
+$.fn.disable = function (newText) {
+    this.each(function (index, item) {
         var $item = $(item);
         var isInput = item.tagName == 'INPUT';
-        newText && $item.data('originalValue', isInput ? $item.val() : $item.html()) && $item[isInput ? 'val' : 'text'](newText);
+        newText &&
+            $item.data('originalValue', isInput ? $item.val() : $item.html()) &&
+            $item[isInput ? 'val' : 'text'](newText);
         $item.attr('disabled', 'disabled');
     });
     return this;
-}
+};
 
-$.fn.enable = function() {
-    this.each(function(index, item) {
+$.fn.enable = function () {
+    this.each(function (index, item) {
         var $item = $(item);
         $item.removeAttr('disabled');
         var originalValue = $item.data('originalValue');
-        originalValue != undefined && $item[item.tagName == 'INPUT' ? 'val' : 'html'](originalValue) && $item.removeData('originalValue');
+        originalValue != undefined &&
+            $item[item.tagName == 'INPUT' ? 'val' : 'html'](originalValue) &&
+            $item.removeData('originalValue');
     });
     return this;
-}
+};

package/src/helpers/number.js

@@ -1,6 +1,6 @@
 /*///////////////////////////////////////////////
 Number Prototype Functions
 ///////////////////////////////////////////////*/
-Number.prototype.format = function() {
+Number.prototype.format = function () {
     return this.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-}
+};