fomantic-ui 2.10.0-beta.1 → 2.10.0-beta.10

package/dist/components/toast.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Toast
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20,64 +20,60 @@
         : globalThis;
 
     $.fn.toast = function (parameters) {
-        var
-            $allModules    = $(this),
-            $body          = $('body'),
-
-            time           = Date.now(),
-            performance    = [],
-
-            query          = arguments[0],
-            methodInvoked  = typeof query === 'string',
-            queryArguments = [].slice.call(arguments, 1),
-            contextCheck   = function (context, win) {
-                var $context;
-                if ([window, document].indexOf(context) >= 0) {
-                    $context = $(context);
-                } else {
-                    $context = $(win.document).find(context);
-                    if ($context.length === 0) {
-                        $context = win.frameElement ? contextCheck(context, win.parent) : $body;
-                    }
+        let $allModules = $(this);
+        let $body = $('body');
+
+        let time = Date.now();
+        let performance = [];
+
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
+        let contextCheck = function (context, win) {
+            let $context;
+            if ([window, document].indexOf(context) >= 0) {
+                $context = $(context);
+            } else {
+                $context = $(win.document).find(context);
+                if ($context.length === 0) {
+                    $context = win.frameElement ? contextCheck(context, win.parent) : $body;
                 }
+            }
 
-                return $context;
-            },
-            returnedValue
-        ;
+            return $context;
+        };
+        let returnedValue;
         $allModules.each(function () {
-            var
-                settings          = $.isPlainObject(parameters)
-                    ? $.extend(true, {}, $.fn.toast.settings, parameters)
-                    : $.extend({}, $.fn.toast.settings),
-
-                className        = settings.className,
-                selector         = settings.selector,
-                error            = settings.error,
-                namespace        = settings.namespace,
-                fields           = settings.fields,
-
-                eventNamespace   = '.' + namespace,
-                moduleNamespace  = namespace + '-module',
-
-                $module          = $(this),
-                $toastBox,
-                $toast,
-                $actions,
-                $progress,
-                $progressBar,
-                $animationObject,
-                $close,
-                $context         = settings.context ? contextCheck(settings.context, window) : $body,
-
-                isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card'),
-
-                element          = this,
-                instance         = isToastComponent ? $module.data(moduleNamespace) : undefined,
-
-                id,
-                module
-            ;
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.toast.settings, parameters)
+                : $.extend({}, $.fn.toast.settings);
+
+            let className = settings.className;
+            let selector = settings.selector;
+            let error = settings.error;
+            let namespace = settings.namespace;
+            let fields = settings.fields;
+
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = namespace + '-module';
+
+            let $module = $(this);
+            let $toastBox;
+            let $toast;
+            let $actions;
+            let $progress;
+            let $progressBar;
+            let $animationObject;
+            let $close;
+            let $context = settings.context ? contextCheck(settings.context, window) : $body;
+
+            let isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card');
+
+            let element = this;
+            let instance = isToastComponent ? $module.data(moduleNamespace) : undefined;
+
+            let id;
+            let module;
             module = {
 
                 initialize: function () {
@@ -109,8 +105,7 @@
                     module.verbose('Storing instance of toast');
                     instance = module;
                     $module
-                        .data(moduleNamespace, instance)
-                    ;
+                        .data(moduleNamespace, instance);
                 },
 
                 destroy: function () {
@@ -127,8 +122,7 @@
                         $close = undefined;
                     }
                     $module
-                        .removeData(moduleNamespace)
-                    ;
+                        .removeData(moduleNamespace);
                 },
 
                 show: function (callback) {
@@ -170,11 +164,11 @@
                     },
                     toast: function () {
                         $toastBox = $('<div/>', { class: className.box });
-                        var iconClass = module.get.iconClass();
+                        let iconClass = module.get.iconClass();
                         if (!isToastComponent) {
                             module.verbose('Creating toast');
                             $toast = $('<div/>', { role: 'alert' });
-                            var $content = $('<div/>', { class: className.content });
+                            let $content = $('<div/>', { class: className.content });
                             if (iconClass !== '') {
                                 $toast.append($('<i/>', { class: iconClass + ' ' + className.icon }));
                             }
@@ -187,26 +181,25 @@
                                 }));
                             }
                             if (settings.title !== '') {
-                                var titleId = '_' + module.get.id() + 'title';
+                                let titleId = '_' + module.get.id() + 'title';
                                 $toast.attr('aria-labelledby', titleId);
                                 $content.append($('<div/>', {
                                     class: className.title,
                                     id: titleId,
-                                    html: module.helpers.escape(settings.title, settings.preserveHTML),
+                                    html: module.helpers.escape(settings.title, settings),
                                 }));
                             }
-                            var descId = '_' + module.get.id() + 'desc';
+                            let descId = '_' + module.get.id() + 'desc';
                             $toast.attr('aria-describedby', descId);
                             $content.append($('<div/>', {
                                 class: className.message,
                                 id: descId,
-                                html: module.helpers.escape(settings.message, settings.preserveHTML),
+                                html: module.helpers.escape(settings.message, settings),
                             }));
 
                             $toast
                                 .addClass(settings.class + ' ' + className.toast)
-                                .append($content)
-                            ;
+                                .append($content);
                             $toast.css('opacity', String(settings.opacity));
                             if (settings.closeIcon) {
                                 $close = $('<i/>', {
@@ -232,10 +225,10 @@
                                 $toast.find(selector.image).attr('src', settings.showImage).attr('alt', settings.alt || '');
                             }
                             if (settings.title !== '') {
-                                $toast.find(selector.title).html(module.helpers.escape(settings.title, settings.preserveHTML));
+                                $toast.find(selector.title).html(module.helpers.escape(settings.title, settings));
                             }
                             if (settings.message !== '') {
-                                $toast.find(selector.message).html(module.helpers.escape(settings.message, settings.preserveHTML));
+                                $toast.find(selector.message).html(module.helpers.escape(settings.message, settings));
                             }
                         }
                         if ($toast.hasClass(className.compact)) {
@@ -257,24 +250,22 @@
                                 }
                             }
                             settings.actions.forEach(function (el) {
-                                var
-                                    icon = el[fields.icon]
-                                        ? '<i ' + (el[fields.text] ? 'aria-hidden="true"' : '')
-                                            + ' class="' + module.helpers.deQuote(el[fields.icon]) + ' icon"></i>'
-                                        : '',
-                                    text = module.helpers.escape(el[fields.text] || '', settings.preserveHTML),
-                                    cls = module.helpers.deQuote(el[fields.class] || ''),
-                                    click = el[fields.click] && isFunction(el[fields.click])
-                                        ? el[fields.click]
-                                        : function () {}
-                                ;
+                                let icon = el[fields.icon]
+                                    ? '<i ' + (el[fields.text] ? 'aria-hidden="true"' : '')
+                                            + ' class="' + module.helpers.escape(el[fields.icon]) + ' icon"></i>'
+                                    : '';
+                                let text = module.helpers.escape(el[fields.text] || '', settings);
+                                let cls = module.helpers.escape(el[fields.class] || '');
+                                let click = el[fields.click] && isFunction(el[fields.click])
+                                    ? el[fields.click]
+                                    : function () {};
                                 $actions.append($('<button/>', {
                                     html: icon + text,
                                     'aria-label': (el[fields.text] || el[fields.icon] || '').replace(/<[^>]+(>|$)/g, ''),
                                     class: className.button + ' ' + cls,
                                     on: {
                                         click: function () {
-                                            var $button = $(this);
+                                            let $button = $(this);
                                             if ($button.is(selector.approve) || $button.is(selector.deny) || click.call(element, $module) === false) {
                                                 return;
                                             }
@@ -329,7 +320,7 @@
                             element = $toast[0];
                         }
                         if (settings.displayTime > 0) {
-                            var progressingClass = className.progressing + ' ' + (settings.pauseOnHover ? className.pausable : '');
+                            let progressingClass = className.progressing + ' ' + (settings.pauseOnHover ? className.pausable : '');
                             if (settings.showProgress) {
                                 $progress = $('<div/>', {
                                     class: className.progress + ' ' + (settings.classProgress || settings.class),
@@ -345,8 +336,7 @@
                                 $progressBar = $('<div/>', { class: 'bar ' + (settings.progressUp ? 'up ' : 'down ') + progressingClass });
                                 $progress
                                     .addClass(settings.showProgress)
-                                    .append($progressBar)
-                                ;
+                                    .append($progressBar);
                                 if ($progress.hasClass(className.top)) {
                                     $toastBox.prepend($progress);
                                 } else {
@@ -385,8 +375,7 @@
                         }
                         $toastBox
                             .on('click' + eventNamespace, selector.approve, module.event.approve)
-                            .on('click' + eventNamespace, selector.deny, module.event.deny)
-                        ;
+                            .on('click' + eventNamespace, selector.deny, module.event.deny);
                     },
                 },
 
@@ -401,8 +390,7 @@
                             $animationObject.off('animationend' + eventNamespace);
                         }
                         $toastBox
-                            .off('click' + eventNamespace)
-                        ;
+                            .off('click' + eventNamespace);
                     },
                 },
 
@@ -423,8 +411,7 @@
                                         callback.call($toastBox, element);
                                         settings.onVisible.call($toastBox, element);
                                     },
-                                })
-                            ;
+                                });
                         }
                     },
                     close: function (callback) {
@@ -461,8 +448,7 @@
                                         settings.onHidden.call($toastBox, element);
                                         module.destroy();
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             module.error(error.noTransition);
                         }
@@ -581,10 +567,8 @@
 
                 helpers: {
                     toClass: function (selector) {
-                        var
-                            classes = selector.trim().split(/\s+/),
-                            result = ''
-                        ;
+                        let classes = selector.trim().split(/\s+/);
+                        let result = '';
 
                         classes.forEach(function (element) {
                             result += '.' + element;
@@ -592,34 +576,21 @@
 
                         return result;
                     },
-                    deQuote: function (string) {
-                        return String(string).replace(/"/g, '');
-                    },
-                    escape: function (string, preserveHTML) {
-                        if (preserveHTML) {
+                    escape: function (string, settings) {
+                        if (settings !== undefined && settings.preserveHTML) {
                             return string;
                         }
-                        var
-                            badChars     = /["'<>`]/g,
-                            shouldEscape = /["&'<>`]/,
-                            escape       = {
-                                '<': '&lt;',
-                                '>': '&gt;',
-                                '"': '&quot;',
-                                "'": '&#x27;',
-                                '`': '&#x60;',
-                            },
-                            escapedChar  = function (chr) {
-                                return escape[chr];
-                            }
-                        ;
-                        if (shouldEscape.test(string)) {
-                            string = string.replace(/&(?![\d#a-z]{1,12};)/gi, '&amp;');
 
-                            return string.replace(badChars, escapedChar);
-                        }
+                        const badChars = /["'<>]|&(?![\d#A-Za-z]{1,12};)/g;
+                        const escape = {
+                            '"': '&quot;',
+                            '&': '&amp;',
+                            "'": '&apos;',
+                            '<': '&lt;',
+                            '>': '&gt;',
+                        };
 
-                        return string;
+                        return String(string).replace(badChars, (chr) => escape[chr]);
                     },
                 },
 
@@ -685,11 +656,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -708,10 +677,8 @@
                         }, 500);
                     },
                     display: function () {
-                        var
-                            title = settings.name + ':',
-                            totalTime = 0
-                        ;
+                        let title = settings.name + ':';
+                        let totalTime = 0;
                         time = false;
                         clearTimeout(module.performance.timer);
                         $.each(performance, function (index, data) {
@@ -733,22 +700,19 @@
                     },
                 },
                 invoke: function (query, passedArguments, context) {
-                    var
-                        object = instance,
-                        maxDepth,
-                        found,
-                        response
-                    ;
+                    let object = instance;
+                    let maxDepth;
+                    let found;
+                    let response;
                     passedArguments = passedArguments || queryArguments;
                     context = context || element;
                     if (typeof query === 'string' && object !== undefined) {
                         query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            var camelCaseValue = depth !== maxDepth
+                            let camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
-                                : query
-                            ;
+                                : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
                                 object = object[camelCaseValue];
                             } else if (object[camelCaseValue] !== undefined) {
@@ -826,8 +790,8 @@
 
         title: '',
         message: '',
-        displayTime: 3000, // set to zero to require manually dismissal, otherwise hides on its own
-        minDisplayTime: 1000, // minimum displaytime in case displayTime is set to 'auto'
+        displayTime: 3000, // set to zero to require manual dismissal, otherwise hides on its own
+        minDisplayTime: 1000, // minimum display time in case displayTime is set to 'auto'
         wordsPerMinute: 120,
         showIcon: false,
         newestOnTop: false,
@@ -840,7 +804,7 @@
         closeOnClick: true,
         cloneModule: true,
         actions: false,
-        preserveHTML: true,
+        preserveHTML: false,
         showImage: false,
         alt: false,
 
@@ -850,7 +814,7 @@
             showDuration: 500,
             hideMethod: 'scale',
             hideDuration: 500,
-            closeEasing: 'easeOutCubic', // Set to empty string to stack the closed toast area immediately (old behaviour)
+            closeEasing: 'easeOutCubic', // Set to empty string to stack the closed toast area immediately (old behavior)
             closeDuration: 500,
         },
 
@@ -936,10 +900,8 @@
 
     $.extend($.easing, {
         easeOutBounce: function (x) {
-            var
-                n1 = 7.5625,
-                d1 = 2.75
-            ;
+            let n1 = 7.5625;
+            let d1 = 2.75;
             if (x < 1 / d1) {
                 return n1 * x * x;
             }

package/dist/components/toast.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Toast
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/toast.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.10.0-beta.1+bee406e
+ * # Fomantic UI - 2.10.0-beta.10+3ca268e
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *
@@ -8,4 +8,4 @@
  * https://opensource.org/licenses/MIT
  *
  */
-!function(E,H,o){"use strict";function z(e){return"function"==typeof e&&"number"!=typeof e.nodeType}H=void 0!==H&&H.Math===Math?H:globalThis,E.fn.toast=function(x){var k,e=E(this),T=E("body"),I=Date.now(),P=[],O=x,M="string"==typeof O,A=[].slice.call(arguments,1),D=function(e,n){var t;return 0<=[H,o].indexOf(e)?t=E(e):0===(t=E(n.document).find(e)).length&&(t=n.frameElement?D(e,n.parent):T),t};return e.each(function(){var t,o,a,s,i,c,l,e,r=E.isPlainObject(x)?E.extend(!0,{},E.fn.toast.settings,x):E.extend({},E.fn.toast.settings),d=r.className,u=r.selector,p=r.error,n=r.namespace,f=r.fields,g="."+n,m=n+"-module",h=E(this),v=r.context?D(r.context,H):T,b=h.hasClass("toast")||h.hasClass("message")||h.hasClass("card"),C=this,y=b?h.data(m):void 0,w={initialize:function(){w.verbose("Initializing element"),w.create.id(),w.has.container()||w.create.container(),(b||""!==r.message||""!==r.title||""!==w.get.iconClass()||r.showImage||w.has.configActions())&&("string"==typeof r.showProgress&&-1!==[d.top,d.bottom].indexOf(r.showProgress)||(r.showProgress=!1),w.create.toast(),r.closeOnClick&&(r.closeIcon||0<E(o).find(u.input).length||w.has.configActions())&&(r.closeOnClick=!1),r.closeOnClick||t.addClass(d.unclickable),w.bind.events()),w.instantiate(),t&&w.show()},instantiate:function(){w.verbose("Storing instance of toast"),y=w,h.data(m,y)},destroy:function(){t&&(w.debug("Removing toast",t),w.unbind.events(),r.onRemove.call(t,C),t.remove(),l=i=s=c=o=t=void 0),h.removeData(m)},show:function(e){!1===r.onShow.call(t,C)?w.debug("onShow callback returned false, cancelling toast animation"):(e=e||function(){},w.debug("Showing toast"),w.animate.show(e))},close:function(e){!1===r.onHide.call(t,C)?w.debug("onHide callback returned false, cancelling toast animation"):(e=e||function(){},w.debug("Closing toast"),w.remove.visible(),w.unbind.events(),w.animate.close(e))},create:{container:function(){w.verbose("Creating container"),v.append(E("<div/>",{class:r.position+" "+d.container+" "+(r.horizontal?d.horizontal:"")+" "+(r.context&&"body"!==r.context?d.absolute:"")}))},id:function(){e=(Math.random().toString(16)+"000000000").slice(2,10),w.verbose("Creating unique id for element",e)},toast:function(){t=E("<div/>",{class:d.box});var e,n=w.get.iconClass();b?(o=r.cloneModule?h.clone().removeAttr("id"):h,l=o.find("> i"+w.helpers.toClass(d.close)),r.closeIcon=0<l.length,""!==n&&o.find(u.icon).attr("class",n+" "+d.icon),r.showImage&&o.find(u.image).attr("src",r.showImage).attr("alt",r.alt||""),""!==r.title&&o.find(u.title).html(w.helpers.escape(r.title,r.preserveHTML)),""!==r.message&&o.find(u.message).html(w.helpers.escape(r.message,r.preserveHTML))):(w.verbose("Creating toast"),o=E("<div/>",{role:"alert"}),e=E("<div/>",{class:d.content}),""!==n&&o.append(E("<i/>",{class:n+" "+d.icon})),r.showImage&&o.append(E("<img>",{class:d.image+" "+r.classImage,src:r.showImage,alt:r.alt||""})),""!==r.title&&(n="_"+w.get.id()+"title",o.attr("aria-labelledby",n),e.append(E("<div/>",{class:d.title,id:n,html:w.helpers.escape(r.title,r.preserveHTML)}))),n="_"+w.get.id()+"desc",o.attr("aria-describedby",n),e.append(E("<div/>",{class:d.message,id:n,html:w.helpers.escape(r.message,r.preserveHTML)})),o.addClass(r.class+" "+d.toast).append(e),o.css("opacity",String(r.opacity)),r.closeIcon&&((l=E("<i/>",{class:d.close+" "+("string"==typeof r.closeIcon?r.closeIcon:""),role:"button",tabindex:0,"aria-label":r.text.close})).hasClass(d.left)?o.prepend(l):o.append(l))),o.hasClass(d.compact)&&(r.compact=!0),o.hasClass("card")&&(r.compact=!1),a=o.find(".actions"),w.has.configActions()&&(0===a.length&&(a=E("<div/>",{class:d.actions+" "+(r.classActions||"")}).appendTo(o)),o.hasClass("card")&&!a.hasClass(d.attached)&&(a.addClass(d.extraContent),a.hasClass(d.vertical)&&(a.removeClass(d.vertical),w.error(p.verticalCard))),r.actions.forEach(function(e){var n=e[f.icon]?"<i "+(e[f.text]?'aria-hidden="true"':"")+' class="'+w.helpers.deQuote(e[f.icon])+' icon"></i>':"",t=w.helpers.escape(e[f.text]||"",r.preserveHTML),o=w.helpers.deQuote(e[f.class]||""),s=e[f.click]&&z(e[f.click])?e[f.click]:function(){};a.append(E("<button/>",{html:n+t,"aria-label":(e[f.text]||e[f.icon]||"").replace(/<[^>]+(>|$)/g,""),class:d.button+" "+o,on:{click:function(){var e=E(this);e.is(u.approve)||e.is(u.deny)||!1===s.call(C,h)||w.close()}}}))})),a&&a.hasClass(d.vertical)&&o.addClass(d.vertical),0<a.length&&!a.hasClass(d.attached)&&(!a||a.hasClass(d.basic)&&!a.hasClass(d.left)||o.addClass(d.actions)),"auto"===r.displayTime&&(r.displayTime=Math.max(r.minDisplayTime,o.text().split(" ").length/r.wordsPerMinute*6e4)),t.append(o),0<a.length&&a.hasClass(d.attached)&&(a.addClass(d.buttons),a.detach(),o.addClass(d.attached),a.hasClass(d.vertical)?(o.wrap(E("<div/>",{class:d.vertical+" "+d.attached+" "+(r.compact?d.compact:"")})),a.hasClass(d.left)?o.addClass(d.left).parent().addClass(d.left).prepend(a):o.parent().append(a)):a.hasClass(d.top)?(t.prepend(a),o.addClass(d.bottom)):(t.append(a),o.addClass(d.top))),h!==o&&(C=(h=o)[0]),0<r.displayTime&&(n=d.progressing+" "+(r.pauseOnHover?d.pausable:""),r.showProgress&&(s=E("<div/>",{class:d.progress+" "+(r.classProgress||r.class),"data-percent":""}),r.classProgress||(o.hasClass("toast")&&!o.hasClass(d.inverted)?s.addClass(d.inverted):s.removeClass(d.inverted)),i=E("<div/>",{class:"bar "+(r.progressUp?"up ":"down ")+n}),s.addClass(r.showProgress).append(i),s.hasClass(d.top)?t.prepend(s):t.append(s),i.css("animation-duration",r.displayTime/1e3+"s")),(c=E("<span/>",{class:"wait "+n})).css("animation-duration",r.displayTime/1e3+"s"),c.appendTo(o)),r.compact&&(t.addClass(d.compact),o.addClass(d.compact),s&&s.addClass(d.compact)),r.newestOnTop?t.prependTo(w.get.container()):t.appendTo(w.get.container())}},bind:{events:function(){w.debug("Binding events to toast"),r.closeIcon&&l.on("click"+g,w.event.close),o.on("click"+g,w.event.click),c&&c.on("animationend"+g,w.event.close),t.on("click"+g,u.approve,w.event.approve).on("click"+g,u.deny,w.event.deny)}},unbind:{events:function(){w.debug("Unbinding events to toast"),r.closeIcon&&l.off("click"+g),o.off("click"+g),c&&c.off("animationend"+g),t.off("click"+g)}},animate:{show:function(e){e=z(e)?e:function(){},r.transition&&w.can.useElement("transition")&&(w.set.visible(),t.transition({animation:r.transition.showMethod+" in",queue:!1,debug:r.debug,verbose:r.verbose,silent:r.silent,duration:r.transition.showDuration,onComplete:function(){e.call(t,C),r.onVisible.call(t,C)}}))},close:function(e){e=z(e)?e:function(){},r.transition&&void 0!==E.fn.transition?t.transition({animation:r.transition.hideMethod+" out",queue:!1,duration:r.transition.hideDuration,debug:r.debug,verbose:r.verbose,silent:r.silent,interval:50,onBeforeHide:function(e){e=z(e)?e:function(){},""!==r.transition.closeEasing?t&&(t.css("opacity","0"),t.wrap("<div/>").parent().hide(r.transition.closeDuration,r.transition.closeEasing,function(){t&&(t.parent().remove(),e.call(t))})):e.call(t)},onComplete:function(){e.call(t,C),r.onHidden.call(t,C),w.destroy()}}):w.error(p.noTransition)},pause:function(){c.css("animationPlayState","paused"),i&&i.css("animationPlayState","paused")},continue:function(){c.css("animationPlayState","running"),i&&i.css("animationPlayState","running")}},has:{container:function(){return w.verbose("Determining if there is already a container"),0<w.get.containers().length},toast:function(){return!!w.get.toast()},toasts:function(){return 0<w.get.toasts().length},configActions:function(){return Array.isArray(r.actions)&&0<r.actions.length}},get:{id:function(){return e},containers:function(){return v.children(w.helpers.toClass(r.position)+u.container+(r.horizontal?w.helpers.toClass(d.horizontal):":not("+w.helpers.toClass(d.horizontal)+")")+(r.context&&"body"!==r.context?w.helpers.toClass(d.absolute):":not("+w.helpers.toClass(d.absolute)+")"))},container:function(){return w.get.containers()[0]},toastBox:function(){return t||null},toast:function(){return o||null},toasts:function(){return E(w.get.container()).find(u.box)},iconClass:function(){return"string"==typeof r.showIcon?r.showIcon:r.showIcon&&r.icons[r.class]?r.icons[r.class]:""},remainingTime:function(){return c?c.css("opacity")*r.displayTime:0}},set:{visible:function(){o.addClass(d.visible)}},remove:{visible:function(){o.removeClass(d.visible)}},event:{close:function(){w.close()},click:function(e){0===E(e.target).closest(u.clickable).length&&(!1!==r.onClick.call(t,C)&&r.closeOnClick?w.close():w.verbose("Click callback returned false or close denied by setting cancelling close"))},approve:function(){!1===r.onApprove.call(C,h)?w.verbose("Approve callback returned false cancelling close"):w.close()},deny:function(){!1===r.onDeny.call(C,h)?w.verbose("Deny callback returned false cancelling close"):w.close()}},helpers:{toClass:function(e){var e=e.trim().split(/\s+/),n="";return e.forEach(function(e){n+="."+e}),n},deQuote:function(e){return String(e).replace(/"/g,"")},escape:function(e,n){if(n)return e;var t={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;"};return/["&'<>`]/.test(e)?(e=e.replace(/&(?![\d#a-z]{1,12};)/gi,"&amp;")).replace(/["'<>`]/g,function(e){return t[e]}):e}},can:{useElement:function(e){return void 0!==E.fn[e]||(w.error(p.noElement.replace("{element}",e)),!1)}},setting:function(e,n){if(w.debug("Changing setting",e,n),E.isPlainObject(e))E.extend(!0,r,e);else{if(void 0===n)return r[e];E.isPlainObject(r[e])?E.extend(!0,r[e],n):r[e]=n}},internal:function(e,n){if(E.isPlainObject(e))E.extend(!0,w,e);else{if(void 0===n)return w[e];w[e]=n}},debug:function(){!r.silent&&r.debug&&(r.performance?w.performance.log(arguments):(w.debug=Function.prototype.bind.call(console.info,console,r.name+":"),w.debug.apply(console,arguments)))},verbose:function(){!r.silent&&r.verbose&&r.debug&&(r.performance?w.performance.log(arguments):(w.verbose=Function.prototype.bind.call(console.info,console,r.name+":"),w.verbose.apply(console,arguments)))},error:function(){r.silent||(w.error=Function.prototype.bind.call(console.error,console,r.name+":"),w.error.apply(console,arguments))},performance:{log:function(e){var n,t;r.performance&&(t=(n=Date.now())-(I||n),I=n,P.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:C,"Execution Time":t})),clearTimeout(w.performance.timer),w.performance.timer=setTimeout(function(){w.performance.display()},500)},display:function(){var e=r.name+":",t=0;I=!1,clearTimeout(w.performance.timer),E.each(P,function(e,n){t+=n["Execution Time"]}),e+=" "+t+"ms",0<P.length&&(console.groupCollapsed(e),console.table?console.table(P):E.each(P,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),P=[]}},invoke:function(o,e,n){var s,a,t,i=y;return e=e||A,n=n||C,"string"==typeof o&&void 0!==i&&(o=o.split(/[ .]/),s=o.length-1,E.each(o,function(e,n){var t=e!==s?n+o[e+1].charAt(0).toUpperCase()+o[e+1].slice(1):o;if(E.isPlainObject(i[t])&&e!==s)i=i[t];else{if(void 0!==i[t])return a=i[t],!1;{if(!E.isPlainObject(i[n])||e===s)return void 0!==i[n]?a=i[n]:w.error(p.method,o),!1;i=i[n]}}})),z(a)?t=a.apply(n,e):void 0!==a&&(t=a),Array.isArray(k)?k.push(t):void 0!==k?k=[k,t]:void 0!==t&&(k=t),a}};M?(void 0===y&&w.initialize(),w.invoke(O)):(void 0!==y&&y.invoke("destroy"),w.initialize(),k=h)}),void 0!==k?k:this},E.toast=E.fn.toast,E.fn.toast.settings={name:"Toast",namespace:"toast",silent:!1,debug:!1,verbose:!1,performance:!0,context:"body",position:"top right",horizontal:!1,class:"neutral",classProgress:!1,classActions:!1,classImage:"mini",title:"",message:"",displayTime:3e3,minDisplayTime:1e3,wordsPerMinute:120,showIcon:!1,newestOnTop:!1,showProgress:!1,pauseOnHover:!0,progressUp:!1,opacity:1,compact:!0,closeIcon:!1,closeOnClick:!0,cloneModule:!0,actions:!1,preserveHTML:!0,showImage:!1,alt:!1,transition:{showMethod:"scale",showDuration:500,hideMethod:"scale",hideDuration:500,closeEasing:"easeOutCubic",closeDuration:500},error:{method:"The method you called is not defined.",noElement:"This module requires ui {element}",verticalCard:"Vertical but not attached actions are not supported for card layout"},className:{container:"ui toast-container",absolute:"absolute",box:"floating toast-box",progress:"ui attached active progress",toast:"ui toast",icon:"centered icon",visible:"visible",content:"content",title:"ui header",message:"message",actions:"actions",extraContent:"extra content",button:"ui button",buttons:"ui buttons",close:"close icon",image:"ui image",vertical:"vertical",horizontal:"horizontal",attached:"attached",inverted:"inverted",compact:"compact",pausable:"pausable",progressing:"progressing",top:"top",bottom:"bottom",left:"left",basic:"basic",unclickable:"unclickable"},text:{close:"Close"},icons:{info:"info",success:"checkmark",warning:"warning",error:"times"},selector:{container:".ui.toast-container",box:".toast-box",toast:".ui.toast",title:".header",message:".message:not(.ui)",image:"> img.image, > .image > img",icon:"> i.icon",input:'input:not([type="hidden"]), textarea, select, button, .ui.button, ui.dropdown',clickable:"a, details, .ui.accordion",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel"},fields:{class:"class",text:"text",icon:"icon",click:"click"},onShow:function(){},onVisible:function(){},onClick:function(){},onHide:function(){},onHidden:function(){},onRemove:function(){},onApprove:function(){},onDeny:function(){}},E.extend(E.easing,{easeOutBounce:function(e){var n=7.5625,t=2.75;return e<1/t?n*e*e:e<2/t?n*(e-=1.5/t)*e+.75:e<2.5/t?n*(e-=2.25/t)*e+.9375:n*(e-=2.625/t)*e+.984375},easeOutCubic:function(e){return--e*e*e+1}})}(jQuery,window,document);
+!function(M,z,o){"use strict";function S(e){return"function"==typeof e&&"number"!=typeof e.nodeType}z=void 0!==z&&z.Math===Math?z:globalThis,M.fn.toast=function(k){let e=M(this),x=M("body"),T=Date.now(),I=[],P=k,O="string"==typeof P,A=[].slice.call(arguments,1),D=function(e,t){let n;return 0<=[z,o].indexOf(e)?n=M(e):0===(n=M(t.document).find(e)).length&&(n=t.frameElement?D(e,t.parent):x),n},E;return e.each(function(){let a=M.isPlainObject(k)?M.extend(!0,{},M.fn.toast.settings,k):M.extend({},M.fn.toast.settings),i=a.className,c=a.selector,l=a.error;var e=a.namespace;let r=a.fields,t="."+e,n=e+"-module",d=M(this),o,s,u,p,f,m,g,h=a.context?D(a.context,z):x,v=d.hasClass("toast")||d.hasClass("message")||d.hasClass("card"),b=this,C=v?d.data(n):void 0,y,w;w={initialize:function(){w.verbose("Initializing element"),w.create.id(),w.has.container()||w.create.container(),(v||""!==a.message||""!==a.title||""!==w.get.iconClass()||a.showImage||w.has.configActions())&&("string"==typeof a.showProgress&&-1!==[i.top,i.bottom].indexOf(a.showProgress)||(a.showProgress=!1),w.create.toast(),a.closeOnClick&&(a.closeIcon||0<M(s).find(c.input).length||w.has.configActions())&&(a.closeOnClick=!1),a.closeOnClick||o.addClass(i.unclickable),w.bind.events()),w.instantiate(),o&&w.show()},instantiate:function(){w.verbose("Storing instance of toast"),C=w,d.data(n,C)},destroy:function(){o&&(w.debug("Removing toast",o),w.unbind.events(),a.onRemove.call(o,b),o.remove(),o=void 0,s=void 0,m=void 0,p=void 0,f=void 0,g=void 0),d.removeData(n)},show:function(e){!1===a.onShow.call(o,b)?w.debug("onShow callback returned false, cancelling toast animation"):(e=e||function(){},w.debug("Showing toast"),w.animate.show(e))},close:function(e){!1===a.onHide.call(o,b)?w.debug("onHide callback returned false, cancelling toast animation"):(e=e||function(){},w.debug("Closing toast"),w.remove.visible(),w.unbind.events(),w.animate.close(e))},create:{container:function(){w.verbose("Creating container"),h.append(M("<div/>",{class:a.position+" "+i.container+" "+(a.horizontal?i.horizontal:"")+" "+(a.context&&"body"!==a.context?i.absolute:"")}))},id:function(){y=(Math.random().toString(16)+"000000000").slice(2,10),w.verbose("Creating unique id for element",y)},toast:function(){o=M("<div/>",{class:i.box});var t=w.get.iconClass();if(v)s=a.cloneModule?d.clone().removeAttr("id"):d,g=s.find("> i"+w.helpers.toClass(i.close)),a.closeIcon=0<g.length,""!==t&&s.find(c.icon).attr("class",t+" "+i.icon),a.showImage&&s.find(c.image).attr("src",a.showImage).attr("alt",a.alt||""),""!==a.title&&s.find(c.title).html(w.helpers.escape(a.title,a)),""!==a.message&&s.find(c.message).html(w.helpers.escape(a.message,a));else{w.verbose("Creating toast"),s=M("<div/>",{role:"alert"});let e=M("<div/>",{class:i.content});""!==t&&s.append(M("<i/>",{class:t+" "+i.icon})),a.showImage&&s.append(M("<img>",{class:i.image+" "+a.classImage,src:a.showImage,alt:a.alt||""})),""!==a.title&&(t="_"+w.get.id()+"title",s.attr("aria-labelledby",t),e.append(M("<div/>",{class:i.title,id:t,html:w.helpers.escape(a.title,a)})));var t="_"+w.get.id()+"desc";s.attr("aria-describedby",t),e.append(M("<div/>",{class:i.message,id:t,html:w.helpers.escape(a.message,a)})),s.addClass(a.class+" "+i.toast).append(e),s.css("opacity",String(a.opacity)),a.closeIcon&&((g=M("<i/>",{class:i.close+" "+("string"==typeof a.closeIcon?a.closeIcon:""),role:"button",tabindex:0,"aria-label":a.text.close})).hasClass(i.left)?s.prepend(g):s.append(g))}s.hasClass(i.compact)&&(a.compact=!0),s.hasClass("card")&&(a.compact=!1),u=s.find(".actions"),w.has.configActions()&&(0===u.length&&(u=M("<div/>",{class:i.actions+" "+(a.classActions||"")}).appendTo(s)),s.hasClass("card")&&!u.hasClass(i.attached)&&(u.addClass(i.extraContent),u.hasClass(i.vertical)&&(u.removeClass(i.vertical),w.error(l.verticalCard))),a.actions.forEach(function(e){var t=e[r.icon]?"<i "+(e[r.text]?'aria-hidden="true"':"")+' class="'+w.helpers.escape(e[r.icon])+' icon"></i>':"",n=w.helpers.escape(e[r.text]||"",a),o=w.helpers.escape(e[r.class]||"");let s=e[r.click]&&S(e[r.click])?e[r.click]:function(){};u.append(M("<button/>",{html:t+n,"aria-label":(e[r.text]||e[r.icon]||"").replace(/<[^>]+(>|$)/g,""),class:i.button+" "+o,on:{click:function(){let e=M(this);e.is(c.approve)||e.is(c.deny)||!1===s.call(b,d)||w.close()}}}))})),u&&u.hasClass(i.vertical)&&s.addClass(i.vertical),0<u.length&&!u.hasClass(i.attached)&&(!u||u.hasClass(i.basic)&&!u.hasClass(i.left)||s.addClass(i.actions)),"auto"===a.displayTime&&(a.displayTime=Math.max(a.minDisplayTime,s.text().split(" ").length/a.wordsPerMinute*6e4)),o.append(s),0<u.length&&u.hasClass(i.attached)&&(u.addClass(i.buttons),u.detach(),s.addClass(i.attached),u.hasClass(i.vertical)?(s.wrap(M("<div/>",{class:i.vertical+" "+i.attached+" "+(a.compact?i.compact:"")})),u.hasClass(i.left)?s.addClass(i.left).parent().addClass(i.left).prepend(u):s.parent().append(u)):u.hasClass(i.top)?(o.prepend(u),s.addClass(i.bottom)):(o.append(u),s.addClass(i.top))),d!==s&&(d=s,b=s[0]),0<a.displayTime&&(t=i.progressing+" "+(a.pauseOnHover?i.pausable:""),a.showProgress&&(p=M("<div/>",{class:i.progress+" "+(a.classProgress||a.class),"data-percent":""}),a.classProgress||(s.hasClass("toast")&&!s.hasClass(i.inverted)?p.addClass(i.inverted):p.removeClass(i.inverted)),f=M("<div/>",{class:"bar "+(a.progressUp?"up ":"down ")+t}),p.addClass(a.showProgress).append(f),p.hasClass(i.top)?o.prepend(p):o.append(p),f.css("animation-duration",a.displayTime/1e3+"s")),(m=M("<span/>",{class:"wait "+t})).css("animation-duration",a.displayTime/1e3+"s"),m.appendTo(s)),a.compact&&(o.addClass(i.compact),s.addClass(i.compact),p&&p.addClass(i.compact)),a.newestOnTop?o.prependTo(w.get.container()):o.appendTo(w.get.container())}},bind:{events:function(){w.debug("Binding events to toast"),a.closeIcon&&g.on("click"+t,w.event.close),s.on("click"+t,w.event.click),m&&m.on("animationend"+t,w.event.close),o.on("click"+t,c.approve,w.event.approve).on("click"+t,c.deny,w.event.deny)}},unbind:{events:function(){w.debug("Unbinding events to toast"),a.closeIcon&&g.off("click"+t),s.off("click"+t),m&&m.off("animationend"+t),o.off("click"+t)}},animate:{show:function(e){e=S(e)?e:function(){},a.transition&&w.can.useElement("transition")&&(w.set.visible(),o.transition({animation:a.transition.showMethod+" in",queue:!1,debug:a.debug,verbose:a.verbose,silent:a.silent,duration:a.transition.showDuration,onComplete:function(){e.call(o,b),a.onVisible.call(o,b)}}))},close:function(e){e=S(e)?e:function(){},a.transition&&void 0!==M.fn.transition?o.transition({animation:a.transition.hideMethod+" out",queue:!1,duration:a.transition.hideDuration,debug:a.debug,verbose:a.verbose,silent:a.silent,interval:50,onBeforeHide:function(e){e=S(e)?e:function(){},""!==a.transition.closeEasing?o&&(o.css("opacity","0"),o.wrap("<div/>").parent().hide(a.transition.closeDuration,a.transition.closeEasing,function(){o&&(o.parent().remove(),e.call(o))})):e.call(o)},onComplete:function(){e.call(o,b),a.onHidden.call(o,b),w.destroy()}}):w.error(l.noTransition)},pause:function(){m.css("animationPlayState","paused"),f&&f.css("animationPlayState","paused")},continue:function(){m.css("animationPlayState","running"),f&&f.css("animationPlayState","running")}},has:{container:function(){return w.verbose("Determining if there is already a container"),0<w.get.containers().length},toast:function(){return!!w.get.toast()},toasts:function(){return 0<w.get.toasts().length},configActions:function(){return Array.isArray(a.actions)&&0<a.actions.length}},get:{id:function(){return y},containers:function(){return h.children(w.helpers.toClass(a.position)+c.container+(a.horizontal?w.helpers.toClass(i.horizontal):":not("+w.helpers.toClass(i.horizontal)+")")+(a.context&&"body"!==a.context?w.helpers.toClass(i.absolute):":not("+w.helpers.toClass(i.absolute)+")"))},container:function(){return w.get.containers()[0]},toastBox:function(){return o||null},toast:function(){return s||null},toasts:function(){return M(w.get.container()).find(c.box)},iconClass:function(){return"string"==typeof a.showIcon?a.showIcon:a.showIcon&&a.icons[a.class]?a.icons[a.class]:""},remainingTime:function(){return m?m.css("opacity")*a.displayTime:0}},set:{visible:function(){s.addClass(i.visible)}},remove:{visible:function(){s.removeClass(i.visible)}},event:{close:function(){w.close()},click:function(e){0===M(e.target).closest(c.clickable).length&&(!1!==a.onClick.call(o,b)&&a.closeOnClick?w.close():w.verbose("Click callback returned false or close denied by setting cancelling close"))},approve:function(){!1===a.onApprove.call(b,d)?w.verbose("Approve callback returned false cancelling close"):w.close()},deny:function(){!1===a.onDeny.call(b,d)?w.verbose("Deny callback returned false cancelling close"):w.close()}},helpers:{toClass:function(e){let t=e.trim().split(/\s+/),n="";return t.forEach(function(e){n+="."+e}),n},escape:function(e,t){if(void 0!==t&&t.preserveHTML)return e;const n={'"':"&quot;","&":"&amp;","'":"&apos;","<":"&lt;",">":"&gt;"};return String(e).replace(/["'<>]|&(?![\d#A-Za-z]{1,12};)/g,e=>n[e])}},can:{useElement:function(e){return void 0!==M.fn[e]||(w.error(l.noElement.replace("{element}",e)),!1)}},setting:function(e,t){if(w.debug("Changing setting",e,t),M.isPlainObject(e))M.extend(!0,a,e);else{if(void 0===t)return a[e];M.isPlainObject(a[e])?M.extend(!0,a[e],t):a[e]=t}},internal:function(e,t){if(M.isPlainObject(e))M.extend(!0,w,e);else{if(void 0===t)return w[e];w[e]=t}},debug:function(){!a.silent&&a.debug&&(a.performance?w.performance.log(arguments):(w.debug=Function.prototype.bind.call(console.info,console,a.name+":"),w.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?w.performance.log(arguments):(w.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),w.verbose.apply(console,arguments)))},error:function(){a.silent||(w.error=Function.prototype.bind.call(console.error,console,a.name+":"),w.error.apply(console,arguments))},performance:{log:function(e){var t,n;a.performance&&(n=(t=Date.now())-(T||t),T=t,I.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:b,"Execution Time":n})),clearTimeout(w.performance.timer),w.performance.timer=setTimeout(function(){w.performance.display()},500)},display:function(){var e=a.name+":";let n=0;T=!1,clearTimeout(w.performance.timer),M.each(I,function(e,t){n+=t["Execution Time"]}),e+=" "+n+"ms",0<I.length&&(console.groupCollapsed(e),console.table?console.table(I):M.each(I,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),I=[]}},invoke:function(o,e,t){let s=C,a,i,n;return e=e||A,t=t||b,"string"==typeof o&&void 0!==s&&(o=o.split(/[ .]/),a=o.length-1,M.each(o,function(e,t){var n=e!==a?t+o[e+1].charAt(0).toUpperCase()+o[e+1].slice(1):o;if(M.isPlainObject(s[n])&&e!==a)s=s[n];else{if(void 0!==s[n])return i=s[n],!1;{if(!M.isPlainObject(s[t])||e===a)return void 0!==s[t]?i=s[t]:w.error(l.method,o),!1;s=s[t]}}})),S(i)?n=i.apply(t,e):void 0!==i&&(n=i),Array.isArray(E)?E.push(n):void 0!==E?E=[E,n]:void 0!==n&&(E=n),i}},O?(void 0===C&&w.initialize(),w.invoke(P)):(void 0!==C&&C.invoke("destroy"),w.initialize(),E=d)}),void 0!==E?E:this},M.toast=M.fn.toast,M.fn.toast.settings={name:"Toast",namespace:"toast",silent:!1,debug:!1,verbose:!1,performance:!0,context:"body",position:"top right",horizontal:!1,class:"neutral",classProgress:!1,classActions:!1,classImage:"mini",title:"",message:"",displayTime:3e3,minDisplayTime:1e3,wordsPerMinute:120,showIcon:!1,newestOnTop:!1,showProgress:!1,pauseOnHover:!0,progressUp:!1,opacity:1,compact:!0,closeIcon:!1,closeOnClick:!0,cloneModule:!0,actions:!1,preserveHTML:!1,showImage:!1,alt:!1,transition:{showMethod:"scale",showDuration:500,hideMethod:"scale",hideDuration:500,closeEasing:"easeOutCubic",closeDuration:500},error:{method:"The method you called is not defined.",noElement:"This module requires ui {element}",verticalCard:"Vertical but not attached actions are not supported for card layout"},className:{container:"ui toast-container",absolute:"absolute",box:"floating toast-box",progress:"ui attached active progress",toast:"ui toast",icon:"centered icon",visible:"visible",content:"content",title:"ui header",message:"message",actions:"actions",extraContent:"extra content",button:"ui button",buttons:"ui buttons",close:"close icon",image:"ui image",vertical:"vertical",horizontal:"horizontal",attached:"attached",inverted:"inverted",compact:"compact",pausable:"pausable",progressing:"progressing",top:"top",bottom:"bottom",left:"left",basic:"basic",unclickable:"unclickable"},text:{close:"Close"},icons:{info:"info",success:"checkmark",warning:"warning",error:"times"},selector:{container:".ui.toast-container",box:".toast-box",toast:".ui.toast",title:".header",message:".message:not(.ui)",image:"> img.image, > .image > img",icon:"> i.icon",input:'input:not([type="hidden"]), textarea, select, button, .ui.button, ui.dropdown',clickable:"a, details, .ui.accordion",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel"},fields:{class:"class",text:"text",icon:"icon",click:"click"},onShow:function(){},onVisible:function(){},onClick:function(){},onHide:function(){},onHidden:function(){},onRemove:function(){},onApprove:function(){},onDeny:function(){}},M.extend(M.easing,{easeOutBounce:function(e){var t=7.5625,n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375},easeOutCubic:function(e){return--e*e*e+1}})}(jQuery,window,document);

package/dist/components/transition.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Transition
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Transition
  * https://github.com/fomantic/Fomantic-UI/
  *
  *