@fintatech/fintachart 3.1.0 → 3.1.2

package/scripts/frameworks-modified/toastr.js

@@ -5,410 +5,311 @@ var FintaChart;
     var External;
     (function (External) {
 
-        (function (define) {
-            define(['jquery'], function ($) {
-                return (function () {
-                    var $container;
-                    var listener;
-                    var toastId = 0;
-                    var toastType = {
-                        error: 'error',
-                        info: 'info',
-                        success: 'success',
-                        warning: 'warning'
-                    };
-
-                    var toastr = {
-                        clear: clear,
-                        remove: remove,
-                        error: error,
-                        getContainer: getContainer,
-                        info: info,
-                        options: {},
-                        subscribe: subscribe,
-                        success: success,
-                        version: '2.1.1',
-                        warning: warning
-                    };
-
-                    var previousToast;
-
-                    return toastr;
-
-                    ////////////////
-
-                    function error(message, title, optionsOverride) {
-                        return notify({
-                            type: toastType.error,
-                            iconClass: getOptions().iconClasses.error,
-                            message: message,
-                            optionsOverride: optionsOverride,
-                            title: title
-                        });
-                    }
-
-                    function getContainer(options, create) {
-                        if (!options) { options = getOptions(); }
-                        $container = $('#' + options.containerId);
-                        if ($container.length) {
-                            return $container;
-                        }
-                        if (create) {
-                            $container = createContainer(options);
-                        }
-                        return $container;
-                    }
-
-                    function info(message, title, optionsOverride) {
-                        return notify({
-                            type: toastType.info,
-                            iconClass: getOptions().iconClasses.info,
-                            message: message,
-                            optionsOverride: optionsOverride,
-                            title: title
-                        });
-                    }
+        // ---------------------------------------------------------------------------
+        // Toastr - native JS rewrite (no external dependency)
+        // ---------------------------------------------------------------------------
+        (function () {
+            var container = null;
+            var listener = null;
+            var toastId = 0;
+            var previousToast;
+
+            var toastType = {
+                error: 'error',
+                info: 'info',
+                success: 'success',
+                warning: 'warning'
+            };
+
+            var toastr = {
+                clear: clear,
+                remove: remove,
+                error: error,
+                getContainer: getContainer,
+                info: info,
+                options: {},
+                subscribe: subscribe,
+                success: success,
+                version: '2.1.1',
+                warning: warning
+            };
+
+            window['toastr'] = toastr;
+
+            // ---- Public API -------------------------------------------------------
+
+            function error(message, title, optionsOverride) {
+                return notify({ type: toastType.error, iconClass: getOptions().iconClasses.error, message: message, optionsOverride: optionsOverride, title: title });
+            }
+            function info(message, title, optionsOverride) {
+                return notify({ type: toastType.info, iconClass: getOptions().iconClasses.info, message: message, optionsOverride: optionsOverride, title: title });
+            }
+            function success(message, title, optionsOverride) {
+                return notify({ type: toastType.success, iconClass: getOptions().iconClasses.success, message: message, optionsOverride: optionsOverride, title: title });
+            }
+            function warning(message, title, optionsOverride) {
+                return notify({ type: toastType.warning, iconClass: getOptions().iconClasses.warning, message: message, optionsOverride: optionsOverride, title: title });
+            }
+            function subscribe(callback) { listener = callback; }
+
+            function getContainer(options, create) {
+                if (!options) options = getOptions();
+                container = document.getElementById(options.containerId);
+                if (container) return container;
+                if (create) container = createContainer(options);
+                return container;
+            }
 
-                    function subscribe(callback) {
-                        listener = callback;
-                    }
+            function clear(toastElement, clearOptions) {
+                var options = getOptions();
+                if (!container) getContainer(options);
+                if (!clearToast(toastElement, options, clearOptions)) {
+                    clearContainer(options);
+                }
+            }
 
-                    function success(message, title, optionsOverride) {
-                        return notify({
-                            type: toastType.success,
-                            iconClass: getOptions().iconClasses.success,
-                            message: message,
-                            optionsOverride: optionsOverride,
-                            title: title
-                        });
-                    }
+            function remove(toastElement) {
+                var options = getOptions();
+                if (!container) getContainer(options);
+                if (toastElement && toastElement.querySelector(':focus') === null) {
+                    removeToast(toastElement);
+                    return;
+                }
+                if (container && container.children.length) {
+                    container.remove();
+                }
+            }
 
-                    function warning(message, title, optionsOverride) {
-                        return notify({
-                            type: toastType.warning,
-                            iconClass: getOptions().iconClasses.warning,
-                            message: message,
-                            optionsOverride: optionsOverride,
-                            title: title
-                        });
-                    }
+            // ---- Internal ---------------------------------------------------------
 
-                    function clear($toastElement, clearOptions) {
-                        var options = getOptions();
-                        if (!$container) { getContainer(options); }
-                        if (!clearToast($toastElement, options, clearOptions)) {
-                            clearContainer(options);
-                        }
-                    }
+            function clearContainer(options) {
+                var toasts = Array.from(container.children);
+                for (var i = toasts.length - 1; i >= 0; i--) {
+                    clearToast(toasts[i], options);
+                }
+            }
 
-                    function remove($toastElement) {
-                        var options = getOptions();
-                        if (!$container) { getContainer(options); }
-                        if ($toastElement && $(':focus', $toastElement).length === 0) {
-                            removeToast($toastElement);
-                            return;
-                        }
-                        if ($container.children().length) {
-                            $container.remove();
-                        }
-                    }
+            function clearToast(toastElement, options, clearOptions) {
+                var force = clearOptions && clearOptions.force ? clearOptions.force : false;
+                if (toastElement && (force || !toastElement.contains(document.activeElement))) {
+                    fadeOut(toastElement, options.hideDuration, function () { removeToast(toastElement); });
+                    return true;
+                }
+                return false;
+            }
 
-                    // internal functions
+            function createContainer(options) {
+                var el = document.createElement('div');
+                el.id = options.containerId;
+                el.className = options.positionClass;
+                el.setAttribute('aria-live', 'polite');
+                el.setAttribute('role', 'alert');
+                var parent = FintaChart.HtmlContainer && FintaChart.HtmlContainer.nativeContainer
+                    ? FintaChart.HtmlContainer.nativeContainer
+                    : document.body;
+                parent.appendChild(el);
+                return el;
+            }
 
-                    function clearContainer (options) {
-                        var toastsToClear = $container.children();
-                        for (var i = toastsToClear.length - 1; i >= 0; i--) {
-                            clearToast($(toastsToClear[i]), options);
-                        }
+            function notify(map) {
+                var options = getOptions();
+                var iconClass = map.iconClass || options.iconClass;
+
+                if (typeof map.optionsOverride !== 'undefined') {
+                    options = Object.assign({}, options, map.optionsOverride);
+                    iconClass = map.optionsOverride.iconClass || iconClass;
+                }
+
+                if (shouldExit(options, map)) return;
+
+                toastId++;
+                container = getContainer(options, true);
+
+                var intervalId = null;
+                var toastElement   = document.createElement('div');
+                var titleElement   = document.createElement('div');
+                var messageElement = document.createElement('div');
+                var progressElement = document.createElement('div');
+                var closeElement = createCloseButton(options.closeHtml);
+                var progressBar = { intervalId: null, hideEta: null, maxHideTime: null };
+                var response = { toastId: toastId, state: 'visible', startTime: new Date(), options: options, map: map };
+
+                personalizeToast();
+                displayToast();
+                handleEvents();
+                publish(response);
+
+                if (options.debug && console) console.log(response);
+
+                return toastElement;
+
+                function personalizeToast() {
+                    setIcon();
+                    setTitle();
+                    setMessage();
+                    setCloseButton();
+                    setProgressBar();
+                    setSequence();
+                }
+
+                function handleEvents() {
+                    toastElement.addEventListener('mouseenter', stickAround);
+                    toastElement.addEventListener('mouseleave', delayedHideToast);
+
+                    if (!options.onclick && options.tapToDismiss) {
+                        toastElement.addEventListener('click', function () { hideToast(false); });
                     }
-
-                    function clearToast ($toastElement, options, clearOptions) {
-                        var force = clearOptions && clearOptions.force ? clearOptions.force : false;
-                        if ($toastElement && (force || $(':focus', $toastElement).length === 0)) {
-                            $toastElement[options.hideMethod]({
-                                duration: options.hideDuration,
-                                easing: options.hideEasing,
-                                complete: function () { removeToast($toastElement); }
-                            });
-                            return true;
-                        }
-                        return false;
+                    if (options.closeButton && closeElement) {
+                        closeElement.addEventListener('click', function (event) {
+                            event.stopPropagation();
+                            hideToast(true);
+                        });
                     }
-
-                    function createContainer(options) {
-                        $container = $('<div/>')
-                            .attr('id', options.containerId)
-                            .addClass(options.positionClass)
-                            .attr('aria-live', 'polite')
-                            .attr('role', 'alert');
-
-                        $container.appendTo(FintaChart.HtmlContainer.container);
-                        return $container;
+                    if (options.onclick) {
+                        toastElement.addEventListener('click', function () {
+                            options.onclick();
+                            hideToast(false);
+                        });
                     }
-
-                    function getDefaults() {
-                        return {
-                            tapToDismiss: true,
-                            toastClass: 'toast',
-                            containerId: 'toast-container',
-                            debug: false,
-
-                            showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery
-                            showDuration: 300,
-                            showEasing: 'swing', //swing and linear are built into jQuery
-                            onShown: undefined,
-                            hideMethod: 'fadeOut',
-                            hideDuration: 1000,
-                            hideEasing: 'swing',
-                            onHidden: undefined,
-
-                            extendedTimeOut: 1000,
-                            iconClasses: {
-                                error: 'toast-error',
-                                info: 'toast-info',
-                                success: 'toast-success',
-                                warning: 'toast-warning'
-                            },
-                            iconClass: 'toast-info',
-                            positionClass: 'toast-top-right',
-                            timeOut: 5000, // Set timeOut and extendedTimeOut to 0 to make it sticky
-                            titleClass: 'toast-title',
-                            messageClass: 'toast-message',
-                            target: 'body',
-                            closeHtml: '<button type="button">&times;</button>',
-                            newestOnTop: true,
-                            preventDuplicates: false,
-                            progressBar: false
-                        };
+                }
+
+                function displayToast() {
+                    toastElement.style.display = 'none';
+                    fadeIn(toastElement, options.showDuration, options.onShown);
+
+                    if (options.timeOut > 0) {
+                        intervalId = setTimeout(function () { hideToast(false); }, options.timeOut);
+                        progressBar.maxHideTime = parseFloat(options.timeOut);
+                        progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
+                        if (options.progressBar) {
+                            progressBar.intervalId = setInterval(updateProgress, 10);
+                        }
                     }
-
-                    function publish(args) {
-                        if (!listener) { return; }
-                        listener(args);
+                }
+
+                function setIcon()        { if (map.iconClass) { toastElement.classList.add(options.toastClass, iconClass); } }
+                function setSequence()    { if (options.newestOnTop) { container.prepend(toastElement); } else { container.appendChild(toastElement); } }
+                function setTitle()       { if (map.title) { titleElement.textContent = map.title; titleElement.classList.add(options.titleClass); toastElement.appendChild(titleElement); } }
+                function setMessage()     { if (map.message) { messageElement.textContent = map.message; messageElement.classList.add(options.messageClass); toastElement.appendChild(messageElement); } }
+                function setCloseButton() { if (options.closeButton && closeElement) { closeElement.classList.add('toast-close-button'); closeElement.setAttribute('role', 'button'); toastElement.prepend(closeElement); } }
+                function setProgressBar() { if (options.progressBar) { progressElement.classList.add('toast-progress'); toastElement.prepend(progressElement); } }
+
+                function shouldExit(opts, m) {
+                    if (opts.preventDuplicates) {
+                        if (m.message === previousToast) return true;
+                        previousToast = m.message;
                     }
-
-                    function notify(map) {
-                        var options = getOptions();
-                        var iconClass = map.iconClass || options.iconClass;
-
-                        if (typeof (map.optionsOverride) !== 'undefined') {
-                            options = $.extend(options, map.optionsOverride);
-                            iconClass = map.optionsOverride.iconClass || iconClass;
-                        }
-
-                        if (shouldExit(options, map)) { return; }
-
-                        toastId++;
-
-                        $container = getContainer(options, true);
-
-                        var intervalId = null;
-                        var $toastElement = $('<div/>');
-                        var $titleElement = $('<div/>');
-                        var $messageElement = $('<div/>');
-                        var $progressElement = $('<div/>');
-                        var $closeElement = $(options.closeHtml);
-                        var progressBar = {
-                            intervalId: null,
-                            hideEta: null,
-                            maxHideTime: null
-                        };
-                        var response = {
-                            toastId: toastId,
-                            state: 'visible',
-                            startTime: new Date(),
-                            options: options,
-                            map: map
-                        };
-
-                        personalizeToast();
-
-                        displayToast();
-
-                        handleEvents();
-
+                    return false;
+                }
+
+                function hideToast(override) {
+                    if (!override && toastElement.contains(document.activeElement)) return;
+                    clearTimeout(progressBar.intervalId);
+                    fadeOut(toastElement, options.hideDuration, function () {
+                        removeToast(toastElement);
+                        if (options.onHidden && response.state !== 'hidden') options.onHidden();
+                        response.state = 'hidden';
+                        response.endTime = new Date();
                         publish(response);
+                    });
+                }
+
+                function delayedHideToast() {
+                    if (options.timeOut > 0 || options.extendedTimeOut > 0) {
+                        intervalId = setTimeout(function () { hideToast(false); }, options.extendedTimeOut);
+                        progressBar.maxHideTime = parseFloat(options.extendedTimeOut);
+                        progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
+                    }
+                }
+
+                function stickAround() {
+                    clearTimeout(intervalId);
+                    progressBar.hideEta = 0;
+                    fadeIn(toastElement, options.showDuration);
+                }
+
+                function updateProgress() {
+                    var pct = ((progressBar.hideEta - new Date().getTime()) / progressBar.maxHideTime) * 100;
+                    progressElement.style.width = pct + '%';
+                }
+            }
 
-                        if (options.debug && console) {
-                            console.log(response);
-                        }
-
-                        return $toastElement;
-
-                        function personalizeToast() {
-                            setIcon();
-                            setTitle();
-                            setMessage();
-                            setCloseButton();
-                            setProgressBar();
-                            setSequence();
-                        }
-
-                        function handleEvents() {
-                            $toastElement.hover(stickAround, delayedHideToast);
-                            if (!options.onclick && options.tapToDismiss) {
-                                $toastElement.click(hideToast);
-                            }
-
-                            if (options.closeButton && $closeElement) {
-                                $closeElement.click(function (event) {
-                                    if (event.stopPropagation) {
-                                        event.stopPropagation();
-                                    } else if (event.cancelBubble !== undefined && event.cancelBubble !== true) {
-                                        event.cancelBubble = true;
-                                    }
-                                    hideToast(true);
-                                });
-                            }
-
-                            if (options.onclick) {
-                                $toastElement.click(function () {
-                                    options.onclick();
-                                    hideToast();
-                                });
-                            }
-                        }
-
-                        function displayToast() {
-                            $toastElement.hide();
-
-                            $toastElement[options.showMethod](
-                                {duration: options.showDuration, easing: options.showEasing, complete: options.onShown}
-                            );
-
-                            if (options.timeOut > 0) {
-                                intervalId = setTimeout(hideToast, options.timeOut);
-                                progressBar.maxHideTime = parseFloat(options.timeOut);
-                                progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
-                                if (options.progressBar) {
-                                    progressBar.intervalId = setInterval(updateProgress, 10);
-                                }
-                            }
-                        }
-
-                        function setIcon() {
-                            if (map.iconClass) {
-                                $toastElement.addClass(options.toastClass).addClass(iconClass);
-                            }
-                        }
-
-                        function setSequence() {
-                            if (options.newestOnTop) {
-                                $container.prepend($toastElement);
-                            } else {
-                                $container.append($toastElement);
-                            }
-                        }
-
-                        function setTitle() {
-                            if (map.title) {
-                                $titleElement.append(map.title).addClass(options.titleClass);
-                                $toastElement.append($titleElement);
-                            }
-                        }
-
-                        function setMessage() {
-                            if (map.message) {
-                                $messageElement.append(map.message).addClass(options.messageClass);
-                                $toastElement.append($messageElement);
-                            }
-                        }
-
-                        function setCloseButton() {
-                            if (options.closeButton) {
-                                $closeElement.addClass('toast-close-button').attr('role', 'button');
-                                $toastElement.prepend($closeElement);
-                            }
-                        }
-
-                        function setProgressBar() {
-                            if (options.progressBar) {
-                                $progressElement.addClass('toast-progress');
-                                $toastElement.prepend($progressElement);
-                            }
-                        }
-
-                        function shouldExit(options, map) {
-                            if (options.preventDuplicates) {
-                                if (map.message === previousToast) {
-                                    return true;
-                                } else {
-                                    previousToast = map.message;
-                                }
-                            }
-                            return false;
-                        }
-
-                        function hideToast(override) {
-                            if ($(':focus', $toastElement).length && !override) {
-                                return;
-                            }
-                            clearTimeout(progressBar.intervalId);
-                            return $toastElement[options.hideMethod]({
-                                duration: options.hideDuration,
-                                easing: options.hideEasing,
-                                complete: function () {
-                                    removeToast($toastElement);
-                                    if (options.onHidden && response.state !== 'hidden') {
-                                        options.onHidden();
-                                    }
-                                    response.state = 'hidden';
-                                    response.endTime = new Date();
-                                    publish(response);
-                                }
-                            });
-                        }
+            function getDefaults() {
+                return {
+                    tapToDismiss: true,
+                    toastClass: 'toast',
+                    containerId: 'toast-container',
+                    debug: false,
+                    showDuration: 300,
+                    onShown: undefined,
+                    hideDuration: 1000,
+                    onHidden: undefined,
+                    extendedTimeOut: 1000,
+                    iconClasses: { error: 'toast-error', info: 'toast-info', success: 'toast-success', warning: 'toast-warning' },
+                    iconClass: 'toast-info',
+                    positionClass: 'toast-top-right',
+                    timeOut: 5000,
+                    titleClass: 'toast-title',
+                    messageClass: 'toast-message',
+                    target: 'body',
+                    closeHtml: '<button type="button">&times;</button>',
+                    newestOnTop: true,
+                    preventDuplicates: false,
+                    progressBar: false,
+                    closeButton: false,
+                    onclick: null
+                };
+            }
 
-                        function delayedHideToast() {
-                            if (options.timeOut > 0 || options.extendedTimeOut > 0) {
-                                intervalId = setTimeout(hideToast, options.extendedTimeOut);
-                                progressBar.maxHideTime = parseFloat(options.extendedTimeOut);
-                                progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
-                            }
-                        }
+            function publish(args) { if (listener) listener(args); }
 
-                        function stickAround() {
-                            clearTimeout(intervalId);
-                            progressBar.hideEta = 0;
-                            $toastElement.stop(true, true)[options.showMethod](
-                                {duration: options.showDuration, easing: options.showEasing}
-                            );
-                        }
+            function getOptions() {
+                return Object.assign({}, getDefaults(), toastr.options);
+            }
 
-                        function updateProgress() {
-                            var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100;
-                            $progressElement.width(percentage + '%');
-                        }
-                    }
+            function removeToast(toastElement) {
+                if (!container) container = getContainer();
+                if (toastElement && toastElement.offsetParent !== null) return; // still visible
+                if (toastElement) toastElement.remove();
+                if (container && container.children.length === 0) {
+                    container.remove();
+                    container = null;
+                    previousToast = undefined;
+                }
+            }
 
-                    function getOptions() {
-                        return $.extend({}, getDefaults(), toastr.options);
-                    }
+            function createCloseButton(html) {
+                if (!html) return null;
+                var tmp = document.createElement('div');
+                tmp.innerHTML = html;
+                return tmp.firstElementChild;
+            }
 
-                    function removeToast($toastElement) {
-                        if (!$container) { $container = getContainer(); }
-                        if ($toastElement.is(':visible')) {
-                            return;
-                        }
-                        $toastElement.remove();
-                        $toastElement = null;
-                        if ($container.children().length === 0) {
-                            $container.remove();
-                            previousToast = undefined;
+            // Simple CSS-transition-based fade helpers
+            function fadeIn(el, duration, onComplete) {
+                el.style.transition = 'opacity ' + (duration || 300) + 'ms';
+                el.style.opacity = '0';
+                el.style.display = '';
+                requestAnimationFrame(function () {
+                    requestAnimationFrame(function () {
+                        el.style.opacity = '1';
+                        if (onComplete) {
+                            setTimeout(onComplete, duration || 300);
                         }
-                    }
+                    });
+                });
+            }
 
-                })();
-            });
-        }(typeof define === 'function' && define.amd ? define : function (deps, factory) {
-            if (typeof module !== 'undefined' && module.exports) { //Node
-                module.exports = factory(require('jquery'));
-            } else {
-                window['toastr'] = factory(window['jQuery']);
+            function fadeOut(el, duration, onComplete) {
+                el.style.transition = 'opacity ' + (duration || 1000) + 'ms';
+                el.style.opacity = '0';
+                setTimeout(function () {
+                    el.style.display = 'none';
+                    if (onComplete) onComplete();
+                }, duration || 1000);
             }
-        }));
+
+        })();
 
     })(External = FintaChart.External || (FintaChart.External = {}));
 })(FintaChart || (FintaChart = {}));
-
-