@signal24/vue-foundation 3.8.1 → 4.0.0

package/src/config.js

@@ -1,11 +0,0 @@
-let options = {
-    unhandledErrorSupportText: 'please contact support'
-};
-
-function applyConfiguration(inOptions) {
-    Object.assign(options, inOptions);
-}
-
-Object.defineProperty(options, 'set', { value: applyConfiguration, enumerable: false });
-
-export default options;

package/src/directives/autofocus.js

@@ -1,17 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('autofocus', {
-    mounted: fn,
-    updated: fn
-});
-
-function fn(el, binding) {
-    if (binding.value === undefined && el.hasAutoFocused) return;
-    if (binding.value !== undefined && !binding.value) return;
-    if (binding.oldValue !== undefined && binding.value == binding.oldValue) return;
-    el.hasAutoFocused = true;
-    el = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT'].indexOf(el.tagName) > -1 ? el : $(el).find('input:first')[0];
-    setTimeout(() => el.focus(), 10);
-}

package/src/directives/confirm-button.js

@@ -1,40 +0,0 @@
-import app from '../app';
-
-app.directive('confirm-button', {
-    mounted(el) {
-        el.addEventListener('click', e => {
-            let now = Date.now();
-
-            if (el._isConfirming) {
-                if (now - el._confirmInitTime < 300) {
-                    return;
-                }
-
-                el._resetHandler();
-                el.dispatchEvent(new Event('confirm'));
-                return;
-            }
-
-            e.preventDefault();
-            e.stopImmediatePropagation();
-
-            el._resetHandler = () => {
-                el.innerHTML = el._preConfirmHTML;
-                el.blur();
-
-                el.removeEventListener('mouseout', el._resetHandler);
-
-                delete el._isConfirming;
-                delete el._preConfirmHTML;
-                delete el._resetHandler;
-            };
-
-            el._isConfirming = true;
-            el._confirmInitTime = now;
-            el._preConfirmHTML = el.innerHTML;
-            el.innerHTML = 'Confirm';
-
-            el.addEventListener('mouseout', el._resetHandler);
-        });
-    }
-});

package/src/directives/date-input.js

@@ -1,18 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-app.directive('date-input', {
-    beforeMount: fn
-});
-
-function fn(el) {
-    el.addEventListener('blur', () => {
-        let val = el.value;
-        if (/^[0-9]{1,2}\/[0-9]{1,2}$/.test(val)) val += '/' + moment().format('YY');
-        let ts = Date.parse(val);
-        if (isNaN(ts)) el.value = '';
-        else el.value = moment(ts).format('MM/DD/YYYY');
-        el.dispatchEvent(new Event('input'));
-    });
-}

package/src/directives/datetime.js

@@ -1,46 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-app.directive('datetime', {
-    beforeMount: applyDateTime,
-    updated: applyDateTime
-});
-
-function applyDateTime(el, binding) {
-    if (binding.value == binding.oldValue && el.innerHTML.length) return;
-    el.innerText = getDateTimeValue(el, binding);
-}
-
-function getDateTimeValue(el, binding) {
-    if (!binding.value) {
-        return el.attributes.placeholder ? el.attributes.placeholder.value : '';
-    }
-
-    let prefix = '';
-    let thatMoment = el.attributes.local ? moment(binding.value) : moment.utc(binding.value);
-
-    if (!el.attributes['display-utc']) thatMoment.local();
-
-    let format = el.attributes.format ? el.attributes.format.value : null;
-
-    if (!format && el.attributes['relative-date']) {
-        let thisMoment = moment();
-        if (
-            thisMoment.year() == thatMoment.year() &&
-            thisMoment.month() == thatMoment.month() &&
-            thisMoment.date() == thatMoment.date()
-        ) {
-            prefix = 'at';
-            format = 'HH:mm';
-        }
-    }
-
-    if (!format) format = 'MM/DD/YY HH:mm';
-
-    let result = thatMoment.format(format);
-
-    if (prefix) result = prefix + ' ' + result;
-
-    return result;
-}

package/src/directives/disabled.js

@@ -1,28 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('disabled', {
-    beforeMount: fn,
-    updated: fn,
-    unmounted
-});
-
-function fn(el, binding) {
-    if (el.tagName == 'LABEL') {
-        $(el).toggleClass('disabled', !!binding.value);
-        el = $(el).find('input')[0];
-    }
-
-    if (binding.value) $(el).attr('disabled', 'disabled');
-    else $(el).removeAttr('disabled');
-}
-
-function unmounted(el) {
-    if (el.tagName == 'LABEL') {
-        $(el).removeClass('disabled');
-        el = $(el).find('input')[0];
-    }
-
-    $(el).removeAttr('disabled');
-}

package/src/directives/duration.js

@@ -1,72 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-let durationEls = [];
-
-function updateDurations() {
-    durationEls.forEach(updateDuration);
-}
-
-setInterval(updateDurations, 1000);
-
-app.directive('duration', {
-    beforeMount: applyDuration,
-    updated: applyDuration,
-    unmounted: removeDuration
-});
-
-function applyDuration(el, binding) {
-    if (binding.value == binding.oldValue) return;
-    if (!binding.value) return removeDuration(el);
-
-    el.$includeSeconds = typeof el.attributes['no-seconds'] === 'undefined';
-
-    let baseTimeAttr = el.attributes['base-time'];
-    if (baseTimeAttr) {
-        el.$startTs = moment(baseTimeAttr.value).valueOf() - binding.value * 1000;
-    } else {
-        el.$startTs = moment(binding.value).valueOf();
-    }
-
-    if (!el.$isConfigured) {
-        el.$isConfigured = true;
-        durationEls.push(el);
-    }
-
-    updateDuration(el);
-}
-
-function updateDuration(el) {
-    let ts = el.$startTs;
-    let diff = Math.round((Date.now() - ts) / 1000);
-    el.innerText = secondsToString(diff, el.$includeSeconds === false);
-}
-
-function removeDuration(el) {
-    if (el.$isConfigured) {
-        durationEls.remove(el);
-        el.$isConfigured = false;
-    }
-
-    el.innerText = '-';
-}
-
-function secondsToString(seconds, shouldSkipSeconds) {
-    let result = [];
-    let days = Math.floor(seconds / 86400);
-    days && result.push(days + 'd');
-    seconds -= days * 86400;
-    let hours = Math.floor(seconds / 3600);
-    (days || hours) && result.push(hours + 'h');
-    seconds -= hours * 3600;
-    let minutes = Math.floor(seconds / 60);
-    (days || hours || minutes) && result.push(minutes + 'm');
-    if (!shouldSkipSeconds) {
-        seconds -= minutes * 60;
-        result.push(seconds + 's');
-    } else if (!result.length) {
-        result.push('0m');
-    }
-    return result.join(' ');
-}

package/src/directives/index.js

@@ -1,10 +0,0 @@
-import './autofocus';
-import './confirm-button';
-import './datetime';
-import './date-input';
-import './disabled';
-import './duration';
-import './infinite-scroll';
-import './readonly';
-import './tooltip';
-import './user-text';

package/src/directives/infinite-scroll.js

@@ -1,17 +0,0 @@
-import app from '../app';
-import InfiniteScrollHook from '../plugins/infinite-scroll/hook';
-
-app.directive('infinite-scroll', {
-    beforeMount(el, binding) {
-        if (binding.value) {
-            el._infiniteScrollHook = new InfiniteScrollHook(el, binding.value);
-            el._infiniteScrollHook.install();
-        }
-    },
-
-    unmounted(el) {
-        if (el._infiniteScrollHook) {
-            el._infiniteScrollHook.uninstall();
-        }
-    }
-});

package/src/directives/readonly.js

@@ -1,17 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('readonly', {
-    beforeMount: fn,
-    updated: fn
-});
-
-function fn(el, binding) {
-    if (el.tagName == 'LABEL') {
-        el = $(el).find('input')[0];
-    }
-
-    if (binding.value) $(el).attr('readonly', 'readonly');
-    else $(el).removeAttr('readonly');
-}

package/src/directives/tooltip.js

@@ -1,178 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('tip', {
-    mounted: createTip,
-    updated: createTip,
-    unmounted: destroyTip
-});
-
-function createTip(el, binding) {
-    let tipText = el.attributes.tip ? el.attributes.tip.value : binding.value;
-    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;
-        $(el).vfTooltip(config);
-    } else $(el).vfTooltip('destroy');
-}
-
-function destroyTip(el) {
-    $(el).vfTooltip('destroy');
-}
-
-$.fn.vfTooltip = function (option) {
-    return this.each(function (index, el) {
-        var tooltip = $(el).data('vf-tooltip');
-
-        if (typeof option == 'string') {
-            if (!tooltip) return;
-            tooltip[option]();
-        } else if (tooltip) {
-            tooltip.configure(option);
-        } else {
-            var vfTooltip = new VfTooltip(el, option);
-            $(el).data('vf-tooltip', vfTooltip);
-        }
-    });
-};
-
-function VfTooltip(el, configIn) {
-    // exports
-    this.configure = _configure;
-    this.destroy = _destroy;
-
-    // state
-    var $tip,
-        config,
-        lastMoveEvt,
-        checkInterval,
-        shouldShow = false;
-
-    // apply config
-    this.configure(configIn);
-
-    var $target = $(el);
-    $target.on('mouseenter', _handleTargetMouseEnter);
-    $target.on('mouseleave', _handleTargetMouseLeave);
-
-    config.now && _handleTargetMouseEnter(config.now);
-
-    function _configure(configIn) {
-        config = $.extend(
-            {
-                delay: 0
-            },
-            configIn
-        );
-    }
-
-    function _handleTargetMouseEnter(e) {
-        if (shouldShow) return;
-
-        shouldShow = true;
-
-        setTimeout(function () {
-            if (!shouldShow) return;
-
-            _renderTooltip();
-
-            if (config.static) _placeStaticTooltip();
-            else _handleMouseMove(e);
-
-            $tip.show();
-        }, config.delay);
-    }
-
-    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);
-        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.static) {
-            $tip.mouseover(function () {
-                shouldShow = true;
-            }).mouseout(function () {
-                shouldShow = false;
-                _deferredRemoveTooltip();
-            });
-        } else {
-            checkInterval = setInterval(_checkMoveEvent, 250);
-        }
-    }
-
-    function _deferredRemoveTooltip() {
-        if (config.static) setTimeout(_removeTooltip, 50);
-        else _removeTooltip();
-    }
-
-    function _removeTooltip() {
-        if (shouldShow) return;
-        if (!$tip) return;
-
-        $tip.remove();
-        $tip = null;
-
-        clearInterval(checkInterval);
-
-        config.static || $(window).off('mousemove', _handleMouseMove);
-    }
-
-    function _placeStaticTooltip() {
-        var targetPosition = $target.position();
-        var tipHeight = $tip.height();
-        var tipW = $target.outerWidth(true);
-        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');
-    }
-
-    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;
-        $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();
-    }
-
-    function _destroy() {
-        shouldShow = false;
-
-        _removeTooltip();
-
-        $target.off('mouseenter', _handleTargetMouseEnter);
-        $target.off('mouseleave', _handleTargetMouseLeave);
-        $target.removeData('vf-tooltip');
-    }
-}

package/src/directives/user-text.js

@@ -1,11 +0,0 @@
-import app from '../app';
-
-app.directive('user-text', {
-    beforeMount: fn,
-    updated: fn
-});
-
-function fn(el, binding) {
-    if (binding.value == binding.oldValue) return;
-    el.innerHTML = binding.value.escapeHtml().nl2br();
-}

package/src/filters/index.js

@@ -1,82 +0,0 @@
-import app from '../app';
-
-const filterFns = {
-    bytes(value) {
-        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];
-    },
-
-    dash(value) {
-        return value !== null && value !== undefined && String(value).length ? value : '-';
-    },
-
-    dashZeros(value) {
-        return value ? value : '-';
-    },
-
-    grammarcase(value) {
-        return value ? value.grammarcase() : null;
-    },
-
-    lowercase(value) {
-        return value ? value.toLowerCase() : null;
-    },
-
-    number(value) {
-        if (value === null || !/^[0-9]+$/.test(value)) return value;
-        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-    },
-
-    phone(value) {
-        if (!value) return value;
-        let cleanValue = value.replace(/[^0-9]/g, '').replace(/^1/, '');
-        if (cleanValue.length != 10) return value;
-        return '(' + cleanValue.substr(0, 3) + ') ' + cleanValue.substr(3, 3) + '-' + cleanValue.substr(6);
-    },
-
-    ucfirst(value) {
-        return value ? value.ucfirst() : null;
-    },
-
-    ucwords(value) {
-        return value ? value.ucwords() : null;
-    },
-
-    uppercase(value) {
-        return value ? value.toUpperCase() : null;
-    },
-
-    unsnake(value) {
-        return value ? value.unsnake() : null;
-    },
-
-    usCurrency(value) {
-        return (
-            '$' +
-            Number(value)
-                .toFixed(3)
-                .replace(/0$/, '')
-                .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-        );
-    }
-};
-
-function registerFilters(filters) {
-    for (let filterName of Object.keys(filters)) {
-        registerFilter(filterName, filters[filterName]);
-    }
-}
-
-function registerFilter(name, fn) {
-    filterFns[name] = fn;
-}
-
-app.config.globalProperties.$filter = (value, ...filters) => {
-    for (let filter of filters) {
-        value = filterFns[filter](value);
-    }
-
-    return value;
-};
-
-export { registerFilter, registerFilters };

package/src/helpers/array.js

@@ -1,99 +0,0 @@
-Object.defineProperty(Array.prototype, 'diff', {
-    enumerable: false,
-    value: function (...args) {
-        return this.filter(val => {
-            for (let i = 0; i < args.length; i++) {
-                if (args[i].includes(val)) {
-                    return false;
-                }
-            }
-
-            return true;
-        });
-    }
-});
-
-Object.defineProperty(Array.prototype, 'first', {
-    enumerable: false,
-    value: function () {
-        return this[0] || undefined;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'intersect', {
-    enumerable: false,
-    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, 'keyBy', {
-    enumerable: false,
-    value: function (keyProp) {
-        let result = {};
-        this.forEach(elem => {
-            result[elem[keyProp]] = elem;
-        });
-        return result;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'last', {
-    enumerable: false,
-    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]);
-
-        let result = {};
-        this.forEach(elem => {
-            result[elem[keyProp]] = elem[prop];
-        });
-        return result;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'remove', {
-    enumerable: false,
-    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) {
-        const index = this.indexOf(element);
-        index > -1 && this.splice(index, 1, replacement);
-    }
-});
-
-Object.defineProperty(Array.prototype, 'sortBy', {
-    enumerable: false,
-    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)];
-    }
-});