fomantic-ui 2.9.0-beta.93 → 2.9.0-beta.97

package/dist/components/toast.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Toast
+ * # Fomantic-UI 2.9.0-beta.97 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -69,12 +69,14 @@ $.fn.toast = function(parameters) {
         element          = this,
         instance         = isToastComponent ? $module.data(moduleNamespace) : undefined,
 
+        id,
         module
       ;
       module = {
 
         initialize: function() {
           module.verbose('Initializing element');
+          module.create.id();
           if (!module.has.container()) {
             module.create.container();
           }
@@ -124,17 +126,22 @@ $.fn.toast = function(parameters) {
         },
 
         show: function(callback) {
-          callback = callback || function(){};
-          module.debug('Showing toast');
           if(settings.onShow.call($toastBox, element) === false) {
             module.debug('onShow callback returned false, cancelling toast animation');
             return;
           }
+          callback = callback || function(){};
+          module.debug('Showing toast');
           module.animate.show(callback);
         },
 
         close: function(callback) {
+          if(settings.onHide.call($toastBox, element) === false) {
+            module.debug('onHide callback returned false, cancelling toast animation');
+            return;
+          }
           callback = callback || function(){};
+          module.debug('Closing toast');
           module.remove.visible();
           module.unbind.events();
           module.animate.close(callback);
@@ -146,12 +153,16 @@ $.fn.toast = function(parameters) {
             module.verbose('Creating container');
             $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '')}));
           },
+          id: function() {
+            id = (Math.random().toString(16) + '000000000').substr(2, 8);
+            module.verbose('Creating unique id for element', id);
+          },
           toast: function() {
             $toastBox = $('<div/>', {class: className.box});
             var iconClass = module.get.iconClass();
             if (!isToastComponent) {
               module.verbose('Creating toast');
-              $toast = $('<div/>');
+              $toast = $('<div/>', {role: 'alert'});
               var $content = $('<div/>', {class: className.content});
               if (iconClass !== '') {
                 $toast.append($('<i/>', {class: iconClass + ' ' + className.icon}));
@@ -164,13 +175,21 @@ $.fn.toast = function(parameters) {
                 }));
               }
               if (settings.title !== '') {
+                var titleId = '_' + module.get.id() + 'title';
+                $toast.attr('aria-labelledby', titleId);
                 $content.append($('<div/>', {
                   class: className.title,
-                  text: settings.title
+                  id: titleId,
+                  html: module.helpers.escape(settings.title, settings.preserveHTML)
                 }));
               }
-
-              $content.append($('<div/>', {class: className.message, html: module.helpers.escape(settings.message, settings.preserveHTML)}));
+              var 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)
+              }));
 
               $toast
                 .addClass(settings.class + ' ' + className.toast)
@@ -178,7 +197,7 @@ $.fn.toast = function(parameters) {
               ;
               $toast.css('opacity', settings.opacity);
               if (settings.closeIcon) {
-                $close = $('<i/>', {class: className.close + ' ' + (typeof settings.closeIcon === 'string' ? settings.closeIcon : '')});
+                $close = $('<i/>', {class: className.close + ' ' + (typeof settings.closeIcon === 'string' ? settings.closeIcon : ''), role: 'button', tabindex: 0, 'aria-label': settings.text.close});
                 if($close.hasClass(className.left)) {
                   $toast.prepend($close);
                 } else {
@@ -221,12 +240,13 @@ $.fn.toast = function(parameters) {
                 }
               }
               settings.actions.forEach(function (el) {
-                var icon = el[fields.icon] ? '<i class="' + module.helpers.deQuote(el[fields.icon]) + ' icon"></i>' : '',
+                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 () {};
                 $actions.append($('<button/>', {
                   html: icon + text,
+                  'aria-label': $('<div>'+(el[fields.text] || el[fields.icon] || '')+'</div>').text(),
                   class: className.button + ' ' + cls,
                   click: function () {
                     var button = $(this);
@@ -330,13 +350,12 @@ $.fn.toast = function(parameters) {
         bind: {
           events: function() {
             module.debug('Binding events to toast');
-            if(settings.closeOnClick || settings.closeIcon) {
-              (settings.closeIcon ? $close : $toast)
-                  .on('click' + eventNamespace, module.event.click)
-              ;
+            if(settings.closeIcon) {
+              $close.on('click' + eventNamespace, module.event.close);
             }
+            $toast.on('click' + eventNamespace, module.event.click);
             if($animationObject) {
-              $animationObject.on('animationend' + eventNamespace, module.close);
+              $animationObject.on('animationend' + eventNamespace, module.event.close);
             }
             $toastBox
               .on('click' + eventNamespace, selector.approve, module.event.approve)
@@ -348,11 +367,10 @@ $.fn.toast = function(parameters) {
         unbind: {
           events: function() {
             module.debug('Unbinding events to toast');
-            if(settings.closeOnClick || settings.closeIcon) {
-              (settings.closeIcon ? $close : $toast)
-                  .off('click' + eventNamespace)
-              ;
+            if(settings.closeIcon) {
+              $close.off('click' + eventNamespace);
             }
+            $toast.off('click' + eventNamespace);
             if($animationObject) {
               $animationObject.off('animationend' + eventNamespace);
             }
@@ -384,11 +402,6 @@ $.fn.toast = function(parameters) {
           },
           close: function(callback) {
             callback = $.isFunction(callback) ? callback : function(){};
-            module.debug('Closing toast');
-            if(settings.onHide.call($toastBox, element) === false) {
-              module.debug('onHide callback returned false, cancelling toast animation');
-              return;
-            }
             if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
               $toastBox
                 .transition({
@@ -458,6 +471,9 @@ $.fn.toast = function(parameters) {
         },
 
         get: {
+          id: function() {
+            return id;
+          },
           container: function() {
             return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : ':not('+module.helpers.toClass(className.horizontal)+')'))[0]);
           },
@@ -491,9 +507,15 @@ $.fn.toast = function(parameters) {
         },
 
         event: {
+          close: function(){
+            module.close();
+          },
           click: function(event) {
             if($(event.target).closest('a').length === 0) {
-              settings.onClick.call($toastBox, element);
+              if(settings.onClick.call($toastBox, element) === false || !settings.closeOnClick) {
+                module.verbose('Click callback returned false or close denied by setting cancelling close');
+                return;
+              }
               module.close();
             }
           },
@@ -834,6 +856,10 @@ $.fn.toast.settings = {
     unclickable  : 'unclickable'
   },
 
+  text: {
+    close : 'Close'
+  },
+
   icons          : {
     info         : 'info',
     success      : 'checkmark',

package/dist/components/toast.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Toast
+ * # Fomantic-UI 2.9.0-beta.97 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.toast-container{position:fixed;z-index:9999}.ui.toast-container.ui.attached{width:100%;left:0}.ui.toast-container.ui.attached .vertical.attached{border-radius:0}.ui.toast-container.ui.attached.ui.ui .attached.actions .button{border-radius:0}.ui.toast-container.ui.attached .toast-box{margin:0;width:100%;border-radius:0}.ui.toast-container.ui.attached .toast-box>.ui.message,.ui.toast-container.ui.attached .toast-box>.ui.toast{margin-left:0}.ui.toast-container.ui.attached .toast-box.floating,.ui.toast-container.ui.attached .toast-box.hoverfloating:hover{border:none}.ui.toast-container.ui.attached .toast-box>.vertical>.content{-webkit-box-flex:1;-ms-flex:1;flex:1}.ui.toast-container.ui.attached .toast-box>*{width:100%;border-radius:0}.ui.toast-container.ui.attached .toast-box>*>.vertical:not(.actions){-webkit-box-flex:1;-ms-flex:1;flex:1}.ui.toast-container.ui.attached .toast-box>.attached.actions{margin-right:1px}.ui.toast-container.ui.attached.top{top:0}.ui.toast-container.ui.attached.bottom{bottom:0}.ui.toast-container.top.right{top:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.toast-container.top.left{top:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.toast-container.top.center{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);top:.85714286em}.ui.toast-container.bottom.right{bottom:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.toast-container.bottom.left{bottom:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.toast-container.bottom.center{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:.85714286em}.ui.toast-container.centered{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}.ui.toast-container .animating.toast-box,.ui.toast-container .toast-box,.ui.toast-container .visible.toast-box{display:table!important}.ui.toast-container.horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.toast-container.horizontal .toast-box{margin-right:.5em}.ui.toast-container .toast-box{margin-bottom:.5em;border-radius:.28571429rem;cursor:default}.ui.toast-container .toast-box:hover{opacity:1}.ui.toast-container .toast-box:not(.unclickable):hover{cursor:pointer}.ui.toast-container .toast-box.floating,.ui.toast-container .toast-box.hoverfloating:hover{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.12)}.ui.toast-container .toast-box.compact,.ui.toast-container .toast-box>.compact{width:350px}.ui.toast-container .toast-box>.ui.message,.ui.toast-container .toast-box>.ui.toast{margin:0 -1px -.01em;position:relative}.ui.toast-container .toast-box>.attached.progress{z-index:1}.ui.toast-container .toast-box>.attached.progress.bottom{margin:-.2em -1px -.01em}.ui.toast-container .toast-box>.attached.progress.top{margin:-.01em -1px -.2em}.ui.toast-container .toast-box>.attached.progress .bar{min-width:0}.ui.toast-container .toast-box>.attached.progress.info .bar.bar.bar{background:#12a1bf}.ui.toast-container .toast-box>.attached.progress.warning .bar.bar.bar{background:#cf9b0d}.ui.toast-container .toast-box>.attached.progress.success .bar.bar.bar{background:#15792d}.ui.toast-container .toast-box>.attached.progress.error .bar.bar.bar{background:#9c1a1a}.ui.toast-container .toast-box>.attached.progress.neutral .bar.bar.bar{background:#d9d9d9}.ui.toast-container .toast-box>.ui.message>.close.icon{top:.3em;right:.3em}.ui.toast-container .toast-box>.ui.message>.actions:last-child{margin-bottom:-1em}.ui.toast-container .toast-box>.ui.message.icon{-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}.ui.toast-container .toast-box>.ui.message.icon>:not(.icon):not(.actions){padding-left:5rem}.ui.toast-container .toast-box>.ui.message.icon>i.icon:not(.close){display:inline-block;position:absolute;width:4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.toast-container .toast-box>.ui.message.icon:not(.vertical).actions>i.icon:not(.close){top:calc(50% - 1.2em);-webkit-transform:none;transform:none}.ui.toast-container .toast-box>.ui.message.icon:not(.vertical).icon.icon.icon{display:block}.ui.toast-container .toast-box .ui.toast>.close.icon{cursor:pointer;margin:0;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.toast-container .toast-box .ui.toast>.close.icon:hover{opacity:1}.ui.toast-container .toast-box .ui.toast.vertical>.close.icon{margin-top:-.3em;margin-right:-.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon{position:absolute;top:.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon:not(.left){right:.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon.left{margin-left:-.3em}.ui.toast-container .toast-box .ui.card{margin:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom{border-top-left-radius:0;border-top-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal>.image>img{border-top-left-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal>.image:last-child>img{border-top-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal>.image>img{border-bottom-left-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal>.image:last-child>img{border-bottom-right-radius:0}.ui.toast-container .toast-box .ui.card.horizontal.actions>.image>img{border-bottom-left-radius:0}.ui.toast-container .toast-box .ui.card.horizontal.actions>.image:last-child>img{border-bottom-right-radius:0}.ui.toast-container .toast-box .progressing{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ui.toast-container .toast-box .progressing.up{-webkit-animation-name:progressUp;animation-name:progressUp}.ui.toast-container .toast-box .progressing.down{-webkit-animation-name:progressDown;animation-name:progressDown}.ui.toast-container .toast-box .progressing.wait{-webkit-animation-name:progressWait;animation-name:progressWait}.ui.toast-container .toast-box:hover .pausable.progressing{-webkit-animation-play-state:paused;animation-play-state:paused}.ui.toast-container .toast-box .ui.toast:not(.vertical){display:block}.ui.toast-container .toast-box :not(.comment):not(.card) .actions{margin:.5em -1em -1em -1em}.ui.toast-container .toast-box :not(.comment) .actions{padding:.5em .5em .75em .5em;text-align:right}.ui.toast-container .toast-box :not(.comment) .actions.attached:not(.vertical){margin-right:1px}.ui.toast-container .toast-box :not(.comment) .actions:not(.basic):not(.attached){background:rgba(255,255,255,.25);border-top:1px solid rgba(0,0,0,.2)}.ui.toast-container .toast-box :not(.comment) .actions.left{text-align:left}.ui.toast-container .toast-box .vertical.actions>.button,.ui.toast-container .toast-box>.vertical.vertical.vertical,.ui.toast-container .toast-box>.vertical>.vertical.vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.toast-container .toast-box :not(.comment) .vertical.actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.toast-container .toast-box :not(.comment) .vertical.actions>.button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.toast-container .toast-box :not(.comment) .vertical.actions.attached>.button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached){border-top:0;margin-top:-.75em;margin-bottom:-.75em;margin-left:1em;-ms-flex-pack:distribute;justify-content:space-around}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic){border-left:1px solid rgba(0,0,0,.2)}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached)>.button:not(:last-child){margin-bottom:.3em}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.vertical.attached:not(.left).card>.image>img{border-top-right-radius:0}.ui.vertical.attached:not(.left).card.horizontal>.image:last-child>img{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached:not(.left).card,.ui.vertical.attached:not(.left).toast{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached:not(.left).actions{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.attached:not(.left).actions .button:first-child,.ui.vertical.attached:not(.left).actions .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached:not(.left).message{border-top-right-radius:0;border-bottom-left-radius:.28571429rem}.ui.vertical.attached.left.card>.image>img{border-top-left-radius:0}.ui.vertical.attached.left.card.horizontal>.image>img{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached.left.card,.ui.vertical.attached.left.toast{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached.left.actions{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.vertical.attached.left.actions .button:first-child,.ui.vertical.attached.left.actions .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached.left.message.message.message{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions .button:first-child{border-bottom-left-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions .button:last-child{border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical).top.actions{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.attached:not(.vertical).top.actions .button:first-child{border-top-left-radius:.28571429rem}.ui.attached:not(.vertical).top.actions .button:last-child{border-top-right-radius:.28571429rem}.ui.toast{display:none;border-radius:.28571429rem;padding:.78571429em 1em;margin:0 -1px -.01em;color:rgba(0,0,0,.87);background-color:#fff}.ui.toast>.content>.header{font-weight:700;color:inherit;margin:0}.ui.toast.info{background-color:#31ccec;color:rgba(255,255,255,.9)}.ui.toast.warning{background-color:#f2c037;color:rgba(255,255,255,.9)}.ui.toast.success{background-color:#21ba45;color:rgba(255,255,255,.9)}.ui.toast.error{background-color:#db2828;color:rgba(255,255,255,.9)}.ui.toast.neutral{background-color:#fff;color:rgba(0,0,0,.87)}.ui.toast>i.icon:not(.close){font-size:1.5em}.ui.toast:not(.vertical):not(.centered):not(.center)>i.icon:not(.close){position:absolute}.ui.toast:not(.vertical):not(.centered):not(.center)>.ui.image{position:absolute}.ui.toast:not(.vertical)>i.icon:not(.close)+.content{padding-left:3em}.ui.toast:not(.vertical)>.close.icon+.content{padding-left:1.5em}.ui.toast:not(.vertical)>.ui.image.avatar+.content{padding-left:3em;min-height:2em}.ui.toast:not(.vertical)>.ui.image.mini+.content{padding-left:3.4em;min-height:35px}.ui.toast:not(.vertical)>.ui.image.tiny+.content{padding-left:7em;min-height:80px}.ui.toast:not(.vertical)>.ui.image.small+.content{padding-left:12em;min-height:150px}.ui.toast:not(.vertical):not(.centered):not(.center)>.centered.icon,.ui.toast:not(.vertical):not(.centered):not(.center)>.centered.image{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.ui.toast:not(.vertical).actions>.centered.image{top:calc(50% - 2em)}.ui.toast:not(.vertical).actions>.centered.icon{top:calc(50% - 1.2em)}.ui.toast.vertical>.close.icon+.content{padding-left:1em}.ui.toast.vertical>.ui.image+.content,.ui.toast.vertical>i.icon:not(.close)+.content{padding-left:1em}.ui.toast.vertical>.ui.image{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0}.ui.toast.vertical>.centered.icon,.ui.toast.vertical>.centered.image{-ms-flex-item-align:center;align-self:center}.ui.toast.attached.bottom{border-top-left-radius:0;border-top-right-radius:0}.ui.toast.attached.top{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.hoverfloating.message:hover{-webkit-box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.center.toast-container .toast-box,.ui.right.toast-container .toast-box{margin-left:auto}.ui.center.toast-container .toast-box{margin-right:auto}.ui.ui.toast-container .toast-box .center.aligned.toast,.ui.ui.toast-container .toast-box .centered.toast{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.ui.toast-container .toast-box .center.aligned.toast>.content,.ui.ui.toast-container .toast-box .center.aligned.toast>.ui.image,.ui.ui.toast-container .toast-box .center.aligned.toast>i.icon:not(.close),.ui.ui.toast-container .toast-box .centered.toast>.content,.ui.ui.toast-container .toast-box .centered.toast>.ui.image,.ui.ui.toast-container .toast-box .centered.toast>i.icon:not(.close){-ms-flex-item-align:center;align-self:center}.ui.toast-container .toast-box .toast .center.aligned.content,.ui.toast-container .toast-box .toast .centered.content{text-align:center}.ui.toast-container .toast-box .center.aligned.actions,.ui.toast-container .toast-box .centered.actions{text-align:center}.ui.toast-container .toast-box .center.aligned.actions:not(.attached)>.button:not(.fluid),.ui.toast-container .toast-box .centered.actions:not(.attached)>.button:not(.fluid){margin-left:.25em;margin-right:.25em}.ui.primary.toast{background-color:#2185d0;color:rgba(255,255,255,.9)}.ui.inverted.primary.toast,.ui.toast-container .toast-box>.inverted.primary.attached.progress .bar{background-color:#54c8ff;color:rgba(0,0,0,.87)}.ui.secondary.toast{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.secondary.toast,.ui.toast-container .toast-box>.inverted.secondary.attached.progress .bar{background-color:#545454;color:rgba(0,0,0,.87)}.ui.red.toast{background-color:#db2828;color:rgba(255,255,255,.9)}.ui.inverted.red.toast,.ui.toast-container .toast-box>.inverted.red.attached.progress .bar{background-color:#ff695e;color:rgba(0,0,0,.87)}.ui.orange.toast{background-color:#f2711c;color:rgba(255,255,255,.9)}.ui.inverted.orange.toast,.ui.toast-container .toast-box>.inverted.orange.attached.progress .bar{background-color:#ff851b;color:rgba(0,0,0,.87)}.ui.yellow.toast{background-color:#fbbd08;color:rgba(255,255,255,.9)}.ui.inverted.yellow.toast,.ui.toast-container .toast-box>.inverted.yellow.attached.progress .bar{background-color:#ffe21f;color:rgba(0,0,0,.87)}.ui.olive.toast{background-color:#b5cc18;color:rgba(255,255,255,.9)}.ui.inverted.olive.toast,.ui.toast-container .toast-box>.inverted.olive.attached.progress .bar{background-color:#d9e778;color:rgba(0,0,0,.87)}.ui.green.toast{background-color:#21ba45;color:rgba(255,255,255,.9)}.ui.inverted.green.toast,.ui.toast-container .toast-box>.inverted.green.attached.progress .bar{background-color:#2ecc40;color:rgba(0,0,0,.87)}.ui.teal.toast{background-color:#00b5ad;color:rgba(255,255,255,.9)}.ui.inverted.teal.toast,.ui.toast-container .toast-box>.inverted.teal.attached.progress .bar{background-color:#6dffff;color:rgba(0,0,0,.87)}.ui.blue.toast{background-color:#2185d0;color:rgba(255,255,255,.9)}.ui.inverted.blue.toast,.ui.toast-container .toast-box>.inverted.blue.attached.progress .bar{background-color:#54c8ff;color:rgba(0,0,0,.87)}.ui.violet.toast{background-color:#6435c9;color:rgba(255,255,255,.9)}.ui.inverted.violet.toast,.ui.toast-container .toast-box>.inverted.violet.attached.progress .bar{background-color:#a291fb;color:rgba(0,0,0,.87)}.ui.purple.toast{background-color:#a333c8;color:rgba(255,255,255,.9)}.ui.inverted.purple.toast,.ui.toast-container .toast-box>.inverted.purple.attached.progress .bar{background-color:#dc73ff;color:rgba(0,0,0,.87)}.ui.pink.toast{background-color:#e03997;color:rgba(255,255,255,.9)}.ui.inverted.pink.toast,.ui.toast-container .toast-box>.inverted.pink.attached.progress .bar{background-color:#ff8edf;color:rgba(0,0,0,.87)}.ui.brown.toast{background-color:#a5673f;color:rgba(255,255,255,.9)}.ui.inverted.brown.toast,.ui.toast-container .toast-box>.inverted.brown.attached.progress .bar{background-color:#d67c1c;color:rgba(0,0,0,.87)}.ui.grey.toast{background-color:#767676;color:rgba(255,255,255,.9)}.ui.inverted.grey.toast,.ui.toast-container .toast-box>.inverted.grey.attached.progress .bar{background-color:#dcddde;color:rgba(0,0,0,.87)}.ui.black.toast{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.black.toast,.ui.toast-container .toast-box>.inverted.black.attached.progress .bar{background-color:#545454;color:rgba(0,0,0,.87)}.ui.inverted.toast{color:rgba(255,255,255,.9);background-color:#1b1c1d}@media only screen and (max-width:420px){.ui.toast-container .toast-box.toast-box,.ui.toast-container .toast-box>*,.ui.toast-container .toast-box>.compact,.ui.toast-container .toast-box>.vertical>*{width:auto;max-width:100%}.ui.toast-container .toast-box>:not(.vertical){min-width:280px}.ui.toast-container .toast-box>.ui.card.horizontal,.ui.toast-container .toast-box>.vertical>.ui.horizontal.card{min-width:initial}}@-webkit-keyframes progressDown{0%{width:100%}100%{width:0}}@keyframes progressDown{0%{width:100%}100%{width:0}}@-webkit-keyframes progressUp{0%{width:0}100%{width:100%}}@keyframes progressUp{0%{width:0}100%{width:100%}}@-webkit-keyframes progressWait{0%{opacity:1}100%{opacity:0}}@keyframes progressWait{0%{opacity:1}100%{opacity:0}}
+ */.ui.toast-container{position:fixed;z-index:9999}.ui.toast-container.ui.attached{width:100%;left:0}.ui.toast-container.ui.attached .vertical.attached{border-radius:0}.ui.toast-container.ui.attached.ui.ui .attached.actions .button{border-radius:0}.ui.toast-container.ui.attached .toast-box{margin:0;width:100%;border-radius:0}.ui.toast-container.ui.attached .toast-box>.ui.message,.ui.toast-container.ui.attached .toast-box>.ui.toast{margin-left:0}.ui.toast-container.ui.attached .toast-box.floating,.ui.toast-container.ui.attached .toast-box.hoverfloating:hover{border:none}.ui.toast-container.ui.attached .toast-box>.vertical>.content{-webkit-box-flex:1;-ms-flex:1;flex:1}.ui.toast-container.ui.attached .toast-box>*{width:100%;border-radius:0}.ui.toast-container.ui.attached .toast-box>*>.vertical:not(.actions){-webkit-box-flex:1;-ms-flex:1;flex:1}.ui.toast-container.ui.attached .toast-box>.attached.actions{margin-right:1px}.ui.toast-container.ui.attached.top{top:0}.ui.toast-container.ui.attached.bottom{bottom:0}.ui.toast-container.top.right{top:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.toast-container.top.left{top:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.toast-container.top.center{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);top:.85714286em}.ui.toast-container.bottom.right{bottom:.85714286em;right:.85714286em;margin-left:.85714286em}.ui.toast-container.bottom.left{bottom:.85714286em;left:.85714286em;margin-right:.85714286em}.ui.toast-container.bottom.center{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:.85714286em}.ui.toast-container.centered{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}.ui.toast-container .animating.toast-box,.ui.toast-container .toast-box,.ui.toast-container .visible.toast-box{display:table!important}.ui.toast-container.horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.toast-container.horizontal .toast-box{margin-right:.5em}.ui.toast-container .toast-box{margin-bottom:.5em;border-radius:.28571429rem;cursor:default}.ui.toast-container .toast-box:hover{opacity:1}.ui.toast-container .toast-box:not(.unclickable):hover{cursor:pointer}.ui.toast-container .toast-box.floating,.ui.toast-container .toast-box.hoverfloating:hover{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.12)}.ui.toast-container .toast-box.compact,.ui.toast-container .toast-box>.compact{width:350px}.ui.toast-container .toast-box>.ui.message,.ui.toast-container .toast-box>.ui.toast{margin:0 -1px -.01em;position:relative}.ui.toast-container .toast-box>.attached.progress{z-index:1}.ui.toast-container .toast-box>.attached.progress.bottom{margin:-.2em -1px -.01em}.ui.toast-container .toast-box>.attached.progress.top{margin:-.01em -1px -.2em}.ui.toast-container .toast-box>.attached.progress .bar{min-width:0}.ui.toast-container .toast-box>.attached.progress.info .bar.bar.bar{background:#12a1bf}.ui.toast-container .toast-box>.attached.progress.warning .bar.bar.bar{background:#cf9b0d}.ui.toast-container .toast-box>.attached.progress.success .bar.bar.bar{background:#15792d}.ui.toast-container .toast-box>.attached.progress.error .bar.bar.bar{background:#9c1a1a}.ui.toast-container .toast-box>.attached.progress.neutral .bar.bar.bar{background:#d9d9d9}.ui.toast-container .toast-box>.ui.message>.close.icon{top:.3em;right:.3em}.ui.toast-container .toast-box>.ui.message>.actions:last-child{margin-bottom:-1em}.ui.toast-container .toast-box>.ui.message.icon{-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}.ui.toast-container .toast-box>.ui.message.icon>:not(.icon):not(.actions){padding-left:5rem}.ui.toast-container .toast-box>.ui.message.icon>i.icon:not(.close){display:inline-block;position:absolute;width:4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.toast-container .toast-box>.ui.message.icon:not(.vertical).actions>i.icon:not(.close){top:calc(50% - 1.2em);-webkit-transform:none;transform:none}.ui.toast-container .toast-box>.ui.message.icon:not(.vertical).icon.icon.icon{display:block}.ui.toast-container .toast-box .ui.toast>.close.icon{cursor:pointer;margin:0;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.toast-container .toast-box .ui.toast>.close.icon:hover{opacity:1}.ui.toast-container .toast-box .ui.toast.vertical>.close.icon{margin-top:-.3em;margin-right:-.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon{position:absolute;top:.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon:not(.left){right:.3em}.ui.toast-container .toast-box .ui.toast:not(.vertical)>.close.icon.left{margin-left:-.3em}.ui.toast-container .toast-box .ui.card{margin:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom{border-top-left-radius:0;border-top-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal>.image>img{border-top-left-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal>.image:last-child>img{border-top-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal>.image>img{border-bottom-left-radius:0}.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal>.image:last-child>img{border-bottom-right-radius:0}.ui.toast-container .toast-box .ui.card.horizontal.actions>.image>img{border-bottom-left-radius:0}.ui.toast-container .toast-box .ui.card.horizontal.actions>.image:last-child>img{border-bottom-right-radius:0}.ui.toast-container .toast-box .progressing{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ui.toast-container .toast-box .progressing.up{-webkit-animation-name:progressUp;animation-name:progressUp}.ui.toast-container .toast-box .progressing.down{-webkit-animation-name:progressDown;animation-name:progressDown}.ui.toast-container .toast-box .progressing.wait{-webkit-animation-name:progressWait;animation-name:progressWait}.ui.toast-container .toast-box:hover .pausable.progressing{-webkit-animation-play-state:paused;animation-play-state:paused}.ui.toast-container .toast-box .ui.toast:not(.vertical){display:block}.ui.toast-container .toast-box :not(.comment):not(.card) .actions{margin:.5em -1em -1em -1em}.ui.toast-container .toast-box :not(.comment) .actions{padding:.5em .5em .75em .5em;text-align:right}.ui.toast-container .toast-box :not(.comment) .actions.attached:not(.vertical){margin-right:1px}.ui.toast-container .toast-box :not(.comment) .actions:not(.basic):not(.attached){background:rgba(255,255,255,.25);border-top:1px solid rgba(0,0,0,.2)}.ui.toast-container .toast-box :not(.comment) .actions.left{text-align:left}.ui.toast-container .toast-box .vertical.actions>.button,.ui.toast-container .toast-box>.vertical.vertical.vertical,.ui.toast-container .toast-box>.vertical>.vertical.vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.toast-container .toast-box :not(.comment) .vertical.actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.toast-container .toast-box :not(.comment) .vertical.actions>.button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.toast-container .toast-box :not(.comment) .vertical.actions.attached>.button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached){border-top:0;margin-top:-.75em;margin-bottom:-.75em;margin-left:1em;-ms-flex-pack:distribute;justify-content:space-around}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic){border-left:1px solid rgba(0,0,0,.2)}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached)>.button:not(:last-child){margin-bottom:.3em}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.vertical.attached:not(.left).card>.image>img{border-top-right-radius:0}.ui.vertical.attached:not(.left).card.horizontal>.image:last-child>img{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached:not(.left).card,.ui.vertical.attached:not(.left).toast{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached:not(.left).actions{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.attached:not(.left).actions .button:first-child,.ui.vertical.attached:not(.left).actions .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached:not(.left).message{border-top-right-radius:0;border-bottom-left-radius:.28571429rem}.ui.vertical.attached.left.card>.image>img{border-top-left-radius:0}.ui.vertical.attached.left.card.horizontal>.image>img{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached.left.card,.ui.vertical.attached.left.toast{border-top-left-radius:0;border-bottom-left-radius:0}.ui.vertical.attached.left.actions{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.vertical.attached.left.actions .button:first-child,.ui.vertical.attached.left.actions .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.attached.left.message.message.message{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions .button:first-child{border-bottom-left-radius:.28571429rem}.ui.attached:not(.vertical):not(.top).actions .button:last-child{border-bottom-right-radius:.28571429rem}.ui.attached:not(.vertical).top.actions{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.attached:not(.vertical).top.actions .button:first-child{border-top-left-radius:.28571429rem}.ui.attached:not(.vertical).top.actions .button:last-child{border-top-right-radius:.28571429rem}.ui.toast{display:none;border-radius:.28571429rem;padding:.78571429em 1em;margin:0 -1px -.01em;color:rgba(0,0,0,.87);background-color:#fff}.ui.toast>.content>.header{font-weight:700;color:inherit;margin:0}.ui.toast.info{background-color:#31ccec;color:rgba(255,255,255,.9)}.ui.toast.warning{background-color:#f2c037;color:rgba(255,255,255,.9)}.ui.toast.success{background-color:#21ba45;color:rgba(255,255,255,.9)}.ui.toast.error{background-color:#db2828;color:rgba(255,255,255,.9)}.ui.toast.neutral{background-color:#fff;color:rgba(0,0,0,.87)}.ui.toast>i.icon:not(.close){font-size:1.5em}.ui.toast:not(.vertical):not(.centered):not(.center)>i.icon:not(.close){position:absolute}.ui.toast:not(.vertical):not(.centered):not(.center)>.ui.image{position:absolute}.ui.toast:not(.vertical)>i.icon:not(.close)+.content{padding-left:3em}.ui.toast:not(.vertical)>.close.icon+.content{padding-left:1.5em}.ui.toast:not(.vertical)>.ui.image.avatar+.content{padding-left:3em;min-height:2em}.ui.toast:not(.vertical)>.ui.image.mini+.content{padding-left:3.4em;min-height:35px}.ui.toast:not(.vertical)>.ui.image.tiny+.content{padding-left:7em;min-height:80px}.ui.toast:not(.vertical)>.ui.image.small+.content{padding-left:12em;min-height:150px}.ui.toast:not(.vertical):not(.centered):not(.center)>.centered.icon,.ui.toast:not(.vertical):not(.centered):not(.center)>.centered.image{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.ui.toast:not(.vertical).actions>.centered.image{top:calc(50% - 2em)}.ui.toast:not(.vertical).actions>.centered.icon{top:calc(50% - 1.2em)}.ui.toast.vertical>.content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.toast.vertical.attached{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.toast.vertical>.close.icon+.content{padding-left:1em}.ui.toast.vertical>.ui.image+.content,.ui.toast.vertical>i.icon:not(.close)+.content{padding-left:1em}.ui.toast.vertical>.ui.image{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-negative:0;flex-shrink:0}.ui.toast.vertical>.centered.icon,.ui.toast.vertical>.centered.image{-ms-flex-item-align:center;align-self:center}.ui.toast.attached.bottom{border-top-left-radius:0;border-top-right-radius:0}.ui.toast.attached.top{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.toast.ui.ui.ui.image{padding:0}.ui.toast.ui.ui.ui.image>.content{padding-top:.78571429em;padding-bottom:.78571429em;padding-right:1em}.ui.toast.ui.ui.ui.image>.actions{margin:0}.ui.toast.ui.ui.ui.image>.ui.image{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.toast.ui.ui.ui.image>.ui.image.mini{min-width:calc(.7857142857142857em + 35px)}.ui.toast.ui.ui.ui.image>.ui.image.mini+.content{min-height:calc(.7857142857142857em + 35px);padding-left:4.4em}.ui.hoverfloating.message:hover{-webkit-box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.center.toast-container .toast-box,.ui.right.toast-container .toast-box{margin-left:auto}.ui.center.toast-container .toast-box{margin-right:auto}.ui.ui.toast-container .toast-box .center.aligned.toast,.ui.ui.toast-container .toast-box .centered.toast{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.ui.toast-container .toast-box .center.aligned.toast>.content,.ui.ui.toast-container .toast-box .center.aligned.toast>.ui.image,.ui.ui.toast-container .toast-box .center.aligned.toast>i.icon:not(.close),.ui.ui.toast-container .toast-box .centered.toast>.content,.ui.ui.toast-container .toast-box .centered.toast>.ui.image,.ui.ui.toast-container .toast-box .centered.toast>i.icon:not(.close){-ms-flex-item-align:center;align-self:center}.ui.toast-container .toast-box .toast .center.aligned.content,.ui.toast-container .toast-box .toast .centered.content{text-align:center}.ui.toast-container .toast-box .center.aligned.actions,.ui.toast-container .toast-box .centered.actions{text-align:center}.ui.toast-container .toast-box .center.aligned.actions:not(.attached)>.button:not(.fluid),.ui.toast-container .toast-box .centered.actions:not(.attached)>.button:not(.fluid){margin-left:.25em;margin-right:.25em}.ui.primary.toast{background-color:#2185d0;color:rgba(255,255,255,.9)}.ui.inverted.primary.toast,.ui.toast-container .toast-box>.inverted.primary.attached.progress .bar{background-color:#54c8ff;color:rgba(0,0,0,.87)}.ui.secondary.toast{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.secondary.toast,.ui.toast-container .toast-box>.inverted.secondary.attached.progress .bar{background-color:#545454;color:rgba(0,0,0,.87)}.ui.red.toast{background-color:#db2828;color:rgba(255,255,255,.9)}.ui.inverted.red.toast,.ui.toast-container .toast-box>.inverted.red.attached.progress .bar{background-color:#ff695e;color:rgba(0,0,0,.87)}.ui.orange.toast{background-color:#f2711c;color:rgba(255,255,255,.9)}.ui.inverted.orange.toast,.ui.toast-container .toast-box>.inverted.orange.attached.progress .bar{background-color:#ff851b;color:rgba(0,0,0,.87)}.ui.yellow.toast{background-color:#fbbd08;color:rgba(255,255,255,.9)}.ui.inverted.yellow.toast,.ui.toast-container .toast-box>.inverted.yellow.attached.progress .bar{background-color:#ffe21f;color:rgba(0,0,0,.87)}.ui.olive.toast{background-color:#b5cc18;color:rgba(255,255,255,.9)}.ui.inverted.olive.toast,.ui.toast-container .toast-box>.inverted.olive.attached.progress .bar{background-color:#d9e778;color:rgba(0,0,0,.87)}.ui.green.toast{background-color:#21ba45;color:rgba(255,255,255,.9)}.ui.inverted.green.toast,.ui.toast-container .toast-box>.inverted.green.attached.progress .bar{background-color:#2ecc40;color:rgba(0,0,0,.87)}.ui.teal.toast{background-color:#00b5ad;color:rgba(255,255,255,.9)}.ui.inverted.teal.toast,.ui.toast-container .toast-box>.inverted.teal.attached.progress .bar{background-color:#6dffff;color:rgba(0,0,0,.87)}.ui.blue.toast{background-color:#2185d0;color:rgba(255,255,255,.9)}.ui.inverted.blue.toast,.ui.toast-container .toast-box>.inverted.blue.attached.progress .bar{background-color:#54c8ff;color:rgba(0,0,0,.87)}.ui.violet.toast{background-color:#6435c9;color:rgba(255,255,255,.9)}.ui.inverted.violet.toast,.ui.toast-container .toast-box>.inverted.violet.attached.progress .bar{background-color:#a291fb;color:rgba(0,0,0,.87)}.ui.purple.toast{background-color:#a333c8;color:rgba(255,255,255,.9)}.ui.inverted.purple.toast,.ui.toast-container .toast-box>.inverted.purple.attached.progress .bar{background-color:#dc73ff;color:rgba(0,0,0,.87)}.ui.pink.toast{background-color:#e03997;color:rgba(255,255,255,.9)}.ui.inverted.pink.toast,.ui.toast-container .toast-box>.inverted.pink.attached.progress .bar{background-color:#ff8edf;color:rgba(0,0,0,.87)}.ui.brown.toast{background-color:#a5673f;color:rgba(255,255,255,.9)}.ui.inverted.brown.toast,.ui.toast-container .toast-box>.inverted.brown.attached.progress .bar{background-color:#d67c1c;color:rgba(0,0,0,.87)}.ui.grey.toast{background-color:#767676;color:rgba(255,255,255,.9)}.ui.inverted.grey.toast,.ui.toast-container .toast-box>.inverted.grey.attached.progress .bar{background-color:#dcddde;color:rgba(0,0,0,.87)}.ui.black.toast{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.black.toast,.ui.toast-container .toast-box>.inverted.black.attached.progress .bar{background-color:#545454;color:rgba(0,0,0,.87)}.ui.inverted.toast{color:rgba(255,255,255,.9);background-color:#1b1c1d}@media only screen and (max-width:420px){.ui.toast-container .toast-box.toast-box,.ui.toast-container .toast-box>*,.ui.toast-container .toast-box>.compact,.ui.toast-container .toast-box>.vertical>*{width:auto;max-width:100%}.ui.toast-container .toast-box>:not(.vertical){min-width:280px}.ui.toast-container .toast-box>.ui.card.horizontal,.ui.toast-container .toast-box>.vertical>.ui.horizontal.card{min-width:initial}}@-webkit-keyframes progressDown{0%{width:100%}100%{width:0}}@keyframes progressDown{0%{width:100%}100%{width:0}}@-webkit-keyframes progressUp{0%{width:0}100%{width:100%}}@keyframes progressUp{0%{width:0}100%{width:100%}}@-webkit-keyframes progressWait{0%{opacity:1}100%{opacity:0}}@keyframes progressWait{0%{opacity:1}100%{opacity:0}}

package/dist/components/toast.min.js

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

package/dist/components/transition.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Transition
+ * # Fomantic-UI 2.9.0-beta.97 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/transition.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Transition
+ * # Fomantic-UI 2.9.0-beta.97 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/transition.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Transition
+ * # Fomantic-UI 2.9.0-beta.97 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/transition.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.93
+ * # Fomantic UI - 2.9.0-beta.97
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *

package/dist/components/visibility.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Visibility
+ * # Fomantic-UI 2.9.0-beta.97 - Visibility
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/visibility.min.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.93
+ * # Fomantic UI - 2.9.0-beta.97
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *