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

package/dist/components/container.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Container
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Container
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
- */.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:723px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(723px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(723px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(723px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:933px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(933px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(933px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(933px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1127px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1127px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1127px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)}}.ui.text.container{font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";max-width:700px;line-height:1.5;font-size:1.14285714rem}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.wide.container{width:867.6px}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.wide.container{width:1119.6px}}@media only screen and (min-width:1200px){.ui.ui.ui.wide.container{width:1352.4px}}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.scrolling.container{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:none}@media only screen and (max-width:767.98px){.ui.scrolling.container.short{max-height:11.25em}.ui.scrolling.container.short.resizable{height:11.25em}.ui.scrolling.container[class*="very short"]{max-height:7.5em}.ui.scrolling.container[class*="very short"].resizable{height:7.5em}.ui.scrolling.container{max-height:15em}.ui.scrolling.container.long{max-height:30em}.ui.scrolling.container.long.resizable{height:30em}.ui.scrolling.container[class*="very long"]{max-height:45em}.ui.scrolling.container[class*="very long"].resizable{height:45em}}@media only screen and (min-width:768px){.ui.scrolling.container.short{max-height:13.5em}.ui.scrolling.container.short.resizable{height:13.5em}.ui.scrolling.container[class*="very short"]{max-height:9em}.ui.scrolling.container[class*="very short"].resizable{height:9em}.ui.scrolling.container{max-height:18em}.ui.scrolling.container.resizable{height:18em}.ui.scrolling.container.long{max-height:36em}.ui.scrolling.container.long.resizable{height:36em}.ui.scrolling.container[class*="very long"]{max-height:54em}.ui.scrolling.container[class*="very long"].resizable{height:54em}}@media only screen and (min-width:992px){.ui.scrolling.container.short{max-height:18em}.ui.scrolling.container.short.resizable{height:18em}.ui.scrolling.container[class*="very short"]{max-height:12em}.ui.scrolling.container[class*="very short"].resizable{height:12em}.ui.scrolling.container{max-height:24em}.ui.scrolling.container.resizable{height:24em}.ui.scrolling.container.long{max-height:48em}.ui.scrolling.container.long.resizable{height:48em}.ui.scrolling.container[class*="very long"]{max-height:72em}.ui.scrolling.container[class*="very long"].resizable{height:72em}}@media only screen and (min-width:1920px){.ui.scrolling.container.short{max-height:22.5em}.ui.scrolling.container.short.resizable{height:22.5em}.ui.scrolling.container[class*="very short"]{max-height:15em}.ui.scrolling.container[class*="very short"].resizable{height:15em}.ui.scrolling.container{max-height:30em}.ui.scrolling.container.resizable{height:30em}.ui.scrolling.container.long{max-height:60em}.ui.scrolling.container.long.resizable{height:60em}.ui.scrolling.container[class*="very long"]{max-height:90em}.ui.scrolling.container[class*="very long"].resizable{height:90em}}.ui.resizable.scrolling.container{resize:vertical;max-height:none}
+ */.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:723px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(723px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(723px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(723px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:933px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(933px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(933px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(933px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1127px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1127px + 2rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1127px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)}}.ui.text.container{font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";max-width:700px;line-height:1.5;font-size:1.14285714rem}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.wide.container{width:867.6px}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.wide.container{width:1119.6px}}@media only screen and (min-width:1200px){.ui.ui.ui.wide.container{width:1352.4px}}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.ui.scrolling.container{overflow:auto;overscroll-behavior:none}@media only screen and (max-width:767.98px){.ui.scrolling.container.short{max-height:11.25em}.ui.scrolling.container.short.resizable{height:11.25em}.ui.scrolling.container[class*="very short"]{max-height:7.5em}.ui.scrolling.container[class*="very short"].resizable{height:7.5em}.ui.scrolling.container{max-height:15em}.ui.scrolling.container.long{max-height:30em}.ui.scrolling.container.long.resizable{height:30em}.ui.scrolling.container[class*="very long"]{max-height:45em}.ui.scrolling.container[class*="very long"].resizable{height:45em}}@media only screen and (min-width:768px){.ui.scrolling.container.short{max-height:13.5em}.ui.scrolling.container.short.resizable{height:13.5em}.ui.scrolling.container[class*="very short"]{max-height:9em}.ui.scrolling.container[class*="very short"].resizable{height:9em}.ui.scrolling.container{max-height:18em}.ui.scrolling.container.resizable{height:18em}.ui.scrolling.container.long{max-height:36em}.ui.scrolling.container.long.resizable{height:36em}.ui.scrolling.container[class*="very long"]{max-height:54em}.ui.scrolling.container[class*="very long"].resizable{height:54em}}@media only screen and (min-width:992px){.ui.scrolling.container.short{max-height:18em}.ui.scrolling.container.short.resizable{height:18em}.ui.scrolling.container[class*="very short"]{max-height:12em}.ui.scrolling.container[class*="very short"].resizable{height:12em}.ui.scrolling.container{max-height:24em}.ui.scrolling.container.resizable{height:24em}.ui.scrolling.container.long{max-height:48em}.ui.scrolling.container.long.resizable{height:48em}.ui.scrolling.container[class*="very long"]{max-height:72em}.ui.scrolling.container[class*="very long"].resizable{height:72em}}@media only screen and (min-width:1920px){.ui.scrolling.container.short{max-height:22.5em}.ui.scrolling.container.short.resizable{height:22.5em}.ui.scrolling.container[class*="very short"]{max-height:15em}.ui.scrolling.container[class*="very short"].resizable{height:15em}.ui.scrolling.container{max-height:30em}.ui.scrolling.container.resizable{height:30em}.ui.scrolling.container.long{max-height:60em}.ui.scrolling.container.long.resizable{height:60em}.ui.scrolling.container[class*="very long"]{max-height:90em}.ui.scrolling.container[class*="very long"].resizable{height:90em}}.ui.resizable.scrolling.container{resize:vertical;max-height:none}

package/dist/components/dimmer.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Dimmer
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Dimmer
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -36,7 +36,6 @@
   align-items: center;
   justify-content: center;
   -webkit-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   will-change: opacity;
   z-index: 1000;
@@ -45,7 +44,6 @@
 /* Dimmer Content */
 .ui.dimmer > .content {
   -webkit-user-select: text;
-      -ms-user-select: text;
           user-select: text;
   color: #fff;
 }
@@ -68,14 +66,6 @@
 .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.35);
 }
-.ui.dimmer:not(.inverted) {
-  
-/* IE11 */
-  scrollbar-face-color: #656565;
-  scrollbar-shadow-color: #656565;
-  scrollbar-track-color: #323232;
-  scrollbar-arrow-color: #323232;
-}
 @supports (-moz-appearance: none) {
   .ui.dimmer:not(.inverted) {
     

package/dist/components/dimmer.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Dimmer
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Dimmer
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20,45 +20,41 @@
         : globalThis;
 
     $.fn.dimmer = function (parameters) {
-        var
-            $allModules     = $(this),
+        let $allModules = $(this);
 
-            time            = Date.now(),
-            performance     = [],
+        let time = Date.now();
+        let performance = [];
 
-            query           = arguments[0],
-            methodInvoked   = typeof query === 'string',
-            queryArguments  = [].slice.call(arguments, 1),
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
 
-            returnedValue
-        ;
+        let returnedValue;
 
         $allModules.each(function () {
-            var
-                settings        = $.isPlainObject(parameters)
-                    ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
-                    : $.extend({}, $.fn.dimmer.settings),
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
+                : $.extend({}, $.fn.dimmer.settings);
 
-                selector        = settings.selector,
-                namespace       = settings.namespace,
-                className       = settings.className,
-                error           = settings.error,
+            let selector = settings.selector;
+            let namespace = settings.namespace;
+            let className = settings.className;
+            let error = settings.error;
 
-                eventNamespace  = '.' + namespace,
-                moduleNamespace = 'module-' + namespace,
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = 'module-' + namespace;
 
-                clickEvent      = 'ontouchstart' in document.documentElement
-                    ? 'touchstart'
-                    : 'click',
+            let clickEvent = 'ontouchstart' in document.documentElement
+                ? 'touchstart'
+                : 'click';
 
-                $module = $(this),
-                $dimmer,
-                $dimmable,
+            let $module = $(this);
+            let $dimmer;
+            let $dimmable;
 
-                element   = this,
-                instance  = $module.data(moduleNamespace),
-                module
-            ;
+            let element = this;
+            let instance = $module.data(moduleNamespace);
+            let module;
 
             module = {
 
@@ -90,8 +86,7 @@
                     module.verbose('Storing instance of module', module);
                     instance = module;
                     $module
-                        .data(moduleNamespace, instance)
-                    ;
+                        .data(moduleNamespace, instance);
                 },
 
                 destroy: function () {
@@ -99,8 +94,7 @@
                     module.unbind.events();
                     module.remove.variation();
                     $dimmable
-                        .off(eventNamespace)
-                    ;
+                        .off(eventNamespace);
                 },
 
                 bind: {
@@ -108,12 +102,10 @@
                         if (settings.on === 'hover') {
                             $dimmable
                                 .on('mouseenter' + eventNamespace, module.show)
-                                .on('mouseleave' + eventNamespace, module.hide)
-                            ;
+                                .on('mouseleave' + eventNamespace, module.hide);
                         } else if (settings.on === 'click') {
                             $dimmable
-                                .on(clickEvent + eventNamespace, module.toggle)
-                            ;
+                                .on(clickEvent + eventNamespace, module.toggle);
                         }
                         if (module.is.page()) {
                             module.debug('Setting as a page dimmer', $dimmable);
@@ -123,8 +115,7 @@
                         if (module.is.closable()) {
                             module.verbose('Adding dimmer close event', $dimmer);
                             $dimmable
-                                .on(clickEvent + eventNamespace, selector.dimmer, module.event.click)
-                            ;
+                                .on(clickEvent + eventNamespace, selector.dimmer, module.event.click);
                         }
                     },
                 },
@@ -132,11 +123,9 @@
                 unbind: {
                     events: function () {
                         $module
-                            .removeData(moduleNamespace)
-                        ;
+                            .removeData(moduleNamespace);
                         $dimmable
-                            .off(eventNamespace)
-                        ;
+                            .off(eventNamespace);
                     },
                 },
 
@@ -151,9 +140,7 @@
                 },
 
                 addContent: function (element) {
-                    var
-                        $content = $(element)
-                    ;
+                    let $content = $(element);
                     module.debug('Add content to dimmer', $content);
                     if ($content.parent()[0] !== $dimmer[0]) {
                         $content.detach().appendTo($dimmer);
@@ -161,16 +148,13 @@
                 },
 
                 create: function () {
-                    var
-                        $element = $(settings.template.dimmer(settings))
-                    ;
+                    let $element = $(settings.template.dimmer(settings));
                     if (settings.dimmerName) {
                         module.debug('Creating named dimmer', settings.dimmerName);
                         $element.addClass(settings.dimmerName);
                     }
                     $element
-                        .appendTo($dimmable)
-                    ;
+                        .appendTo($dimmable);
 
                     return $element;
                 },
@@ -259,8 +243,7 @@
                                         settings.onVisible.call($dimmer);
                                         callback();
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             module.verbose('Showing dimmer animation with javascript');
                             module.set.dimmed();
@@ -279,8 +262,7 @@
                                     module.set.active();
                                     settings.onVisible.call($dimmer);
                                     callback();
-                                })
-                            ;
+                                });
                         }
                     },
                     hide: function (callback) {
@@ -308,8 +290,7 @@
                                         settings.onHidden.call($dimmer);
                                         callback();
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             module.verbose('Hiding dimmer with javascript');
                             $dimmer
@@ -320,8 +301,7 @@
                                     $dimmer.removeAttr('style');
                                     settings.onHidden.call($dimmer);
                                     callback();
-                                })
-                            ;
+                                });
                         }
                     },
                 },
@@ -394,11 +374,9 @@
 
                 set: {
                     opacity: function (opacity) {
-                        var
-                            color      = $dimmer.css('background-color'),
-                            colorArray = color.split(','),
-                            isRGB      = colorArray && colorArray.length >= 3
-                        ;
+                        let color = $dimmer.css('background-color');
+                        let colorArray = color.split(',');
+                        let isRGB = colorArray && colorArray.length >= 3;
                         opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity;
                         if (isRGB) {
                             colorArray[2] = colorArray[2].replace(')', '');
@@ -439,8 +417,7 @@
                 remove: {
                     active: function () {
                         $dimmer
-                            .removeClass(className.active)
-                        ;
+                            .removeClass(className.active);
                     },
                     legacy: function () {
                         $dimmer.removeClass(className.legacy);
@@ -510,11 +487,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -533,10 +508,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) {
@@ -561,22 +534,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) {
@@ -643,7 +613,7 @@
         verbose: false,
         performance: true,
 
-        // whether should use flex layout
+        // whether flex layout should be used
         useFlex: true,
 
         // name to distinguish between multiple dimmers in context
@@ -655,10 +625,10 @@
         // whether to bind close events
         closable: 'auto',
 
-        // whether to use css animations
+        // whether to use CSS animations
         useCSS: true,
 
-        // css animation to use
+        // CSS animation to use
         transition: 'fade',
 
         // event to bind to
@@ -708,15 +678,12 @@
 
         template: {
             dimmer: function (settings) {
-                var
-                    d = $('<div/>').addClass('ui dimmer'),
-                    l
-                ;
+                let d = $('<div/>').addClass('ui dimmer');
+                let l;
                 if (settings.displayLoader) {
                     l = $('<div/>')
                         .addClass(settings.className.loader)
-                        .addClass(settings.loaderVariation)
-                    ;
+                        .addClass(settings.loaderVariation);
                     if (settings.loaderText) {
                         l.text(settings.loaderText);
                         l.addClass('text');

package/dist/components/dimmer.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Dimmer
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Dimmer
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
- */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background:rgba(0,0,0,.85);opacity:0;line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:all .5s linear;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer:not(.page){border-radius:inherit}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.ui.dimmer:not(.inverted){scrollbar-face-color:#656565;scrollbar-shadow-color:#656565;scrollbar-track-color:#323232;scrollbar-arrow-color:#323232}@supports (-moz-appearance:none){.ui.dimmer:not(.inverted){scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.1)}}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{justify-content:flex-end}.ui.page.dimmer{position:fixed;transform-style:"";perspective:2000px;transform-origin:center center}.ui.page.dimmer.modals{-moz-perspective:none}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}@supports (not (-webkit-backdrop-filter:none)) and (not ((-webkit-backdrop-filter:none) or (backdrop-filter:none))){.blurring.dimmable>:not(.dimmer){filter:initial;transition:.8s filter ease}.blurring.dimmed.dimmable>:not(.dimmer):not(.popup){filter:blur(5px) grayscale(.7)}}.blurring.dimmable>.dimmer{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px) grayscale(.7);backdrop-filter:blur(5px) grayscale(.7)}.blurring.dimmable>.inverted.dimmer{background:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.medium.medium.medium.medium.medium.dimmer{background:rgba(0,0,0,.65)}.light.light.light.light.light.dimmer{background:rgba(0,0,0,.45)}.very.very.very.very.light.dimmer{background:rgba(0,0,0,.25)}.ui.inverted.dimmer{background:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content,.ui.inverted.dimmer>.content>*{color:#000}.medium.medium.medium.medium.medium.inverted.dimmer{background:rgba(255,255,255,.65)}.light.light.light.light.light.inverted.dimmer{background:rgba(255,255,255,.45)}.very.very.very.very.light.inverted.dimmer{background:rgba(255,255,255,.25)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:0;width:0;height:0;z-index:-100;background:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background:rgba(255,255,255,.85)}.ui[class*="bottom dimmer"],.ui[class*="center dimmer"],.ui[class*="top dimmer"]{height:auto}.ui[class*="bottom dimmer"]{top:auto;bottom:0}.ui[class*="center dimmer"]{top:50%;transform:translateY(-50%)}.ui.segment>.ui.ui[class*="top dimmer"]{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.segment>.ui.ui[class*="center dimmer"]{border-radius:0}.ui.segment>.ui.ui[class*="bottom dimmer"]{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="center dimmer"].transition[class*="fade up"].in{animation-name:fadeInUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].in{animation-name:fadeInDownCenter}.ui[class*="center dimmer"].transition[class*="fade up"].out{animation-name:fadeOutUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].out{animation-name:fadeOutDownCenter}.ui[class*="center dimmer"].bounce.transition{animation-name:bounceCenter}@keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%)}100%{opacity:1;transform:translateY(-50%)}}@keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%)}100%{opacity:1;transform:translateY(-50%)}}@keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-45%)}}@keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-55%)}}@keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%)}40%{transform:translateY(calc(-50% - 30px))}60%{transform:translateY(calc(-50% - 15px))}}
+ */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background:rgba(0,0,0,.85);opacity:0;line-height:1;animation-fill-mode:both;animation-duration:.5s;transition:all .5s linear;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer:not(.page){border-radius:inherit}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}@supports (-moz-appearance:none){.ui.dimmer:not(.inverted){scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.1)}}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{justify-content:flex-end}.ui.page.dimmer{position:fixed;transform-style:"";perspective:2000px;transform-origin:center center}.ui.page.dimmer.modals{-moz-perspective:none}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}@supports (not (-webkit-backdrop-filter:none)) and (not ((-webkit-backdrop-filter:none) or (backdrop-filter:none))){.blurring.dimmable>:not(.dimmer){filter:initial;transition:.8s filter ease}.blurring.dimmed.dimmable>:not(.dimmer):not(.popup){filter:blur(5px) grayscale(.7)}}.blurring.dimmable>.dimmer{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px) grayscale(.7);backdrop-filter:blur(5px) grayscale(.7)}.blurring.dimmable>.inverted.dimmer{background:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.medium.medium.medium.medium.medium.dimmer{background:rgba(0,0,0,.65)}.light.light.light.light.light.dimmer{background:rgba(0,0,0,.45)}.very.very.very.very.light.dimmer{background:rgba(0,0,0,.25)}.ui.inverted.dimmer{background:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content,.ui.inverted.dimmer>.content>*{color:#000}.medium.medium.medium.medium.medium.inverted.dimmer{background:rgba(255,255,255,.65)}.light.light.light.light.light.inverted.dimmer{background:rgba(255,255,255,.45)}.very.very.very.very.light.inverted.dimmer{background:rgba(255,255,255,.25)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:0;width:0;height:0;z-index:-100;background:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background:rgba(255,255,255,.85)}.ui[class*="bottom dimmer"],.ui[class*="center dimmer"],.ui[class*="top dimmer"]{height:auto}.ui[class*="bottom dimmer"]{top:auto;bottom:0}.ui[class*="center dimmer"]{top:50%;transform:translateY(-50%)}.ui.segment>.ui.ui[class*="top dimmer"]{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.segment>.ui.ui[class*="center dimmer"]{border-radius:0}.ui.segment>.ui.ui[class*="bottom dimmer"]{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="center dimmer"].transition[class*="fade up"].in{animation-name:fadeInUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].in{animation-name:fadeInDownCenter}.ui[class*="center dimmer"].transition[class*="fade up"].out{animation-name:fadeOutUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].out{animation-name:fadeOutDownCenter}.ui[class*="center dimmer"].bounce.transition{animation-name:bounceCenter}@keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%)}100%{opacity:1;transform:translateY(-50%)}}@keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%)}100%{opacity:1;transform:translateY(-50%)}}@keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-45%)}}@keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-55%)}}@keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%)}40%{transform:translateY(calc(-50% - 30px))}60%{transform:translateY(calc(-50% - 15px))}}

package/dist/components/dimmer.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(x,e,T){"use strict";function S(e){return"function"==typeof e&&"number"!=typeof e.nodeType}e=void 0!==e&&e.Math===Math?e:globalThis,x.fn.dimmer=function(g){var v,b=x(this),p=Date.now(),h=[],y=g,C="string"==typeof y,w=[].slice.call(arguments,1);return b.each(function(){var o,i,a=x.isPlainObject(g)?x.extend(!0,{},x.fn.dimmer.settings,g):x.extend({},x.fn.dimmer.settings),n=a.selector,e=a.namespace,t=a.className,d=a.error,r="."+e,s="module-"+e,m="ontouchstart"in T.documentElement?"touchstart":"click",l=x(this),c=this,u=l.data(s),f={preinitialize:function(){o=f.is.dimmer()?(i=l.parent(),l):(i=l,f.has.dimmer()?a.dimmerName?i.find(n.dimmer).filter("."+a.dimmerName):i.find(n.dimmer):f.create())},initialize:function(){f.debug("Initializing dimmer",a),f.bind.events(),f.set.dimmable(),f.instantiate()},instantiate:function(){f.verbose("Storing instance of module",f),u=f,l.data(s,u)},destroy:function(){f.verbose("Destroying previous module",o),f.unbind.events(),f.remove.variation(),i.off(r)},bind:{events:function(){"hover"===a.on?i.on("mouseenter"+r,f.show).on("mouseleave"+r,f.hide):"click"===a.on&&i.on(m+r,f.toggle),f.is.page()&&(f.debug("Setting as a page dimmer",i),f.set.pageDimmer()),f.is.closable()&&(f.verbose("Adding dimmer close event",o),i.on(m+r,n.dimmer,f.event.click))}},unbind:{events:function(){l.removeData(s),i.off(r)}},event:{click:function(e){f.verbose("Determining if event occurred on dimmer",e),0!==o.find(e.target).length&&!x(e.target).is(n.content)||(f.hide(),e.stopImmediatePropagation())}},addContent:function(e){e=x(e);f.debug("Add content to dimmer",e),e.parent()[0]!==o[0]&&e.detach().appendTo(o)},create:function(){var e=x(a.template.dimmer(a));return a.dimmerName&&(f.debug("Creating named dimmer",a.dimmerName),e.addClass(a.dimmerName)),e.appendTo(i),e},show:function(e){e=S(e)?e:function(){},f.is.dimmed()&&!f.is.animating()||!f.is.enabled()?f.debug("Dimmer is already shown or disabled"):!1===a.onShow.call(c)?f.verbose("Show callback returned false cancelling dimmer show"):(f.debug("Showing dimmer",o,a),f.set.variation(),f.animate.show(e),a.onChange.call(c))},hide:function(e){e=S(e)?e:function(){},f.is.dimmed()||f.is.animating()?!1===a.onHide.call(c)?f.verbose("Hide callback returned false cancelling dimmer hide"):(f.debug("Hiding dimmer",o),f.animate.hide(e),a.onChange.call(c)):f.debug("Dimmer is not visible")},toggle:function(){f.verbose("Toggling dimmer visibility",o),f.is.dimmed()?f.is.closable()&&f.hide():f.show()},animate:{show:function(e){e=S(e)?e:function(){},a.useCSS&&void 0!==x.fn.transition?(a.useFlex?(f.debug("Using flex dimmer"),f.remove.legacy()):(f.debug("Using legacy non-flex dimmer"),f.set.legacy()),"auto"!==a.opacity&&f.set.opacity(),o.transition({debug:a.debug,verbose:a.verbose,silent:a.silent,displayType:a.useFlex?"flex":"block",animation:(a.transition.showMethod||a.transition)+" in",queue:!1,duration:f.get.duration(),useFailSafe:!0,onStart:function(){f.set.dimmed()},onComplete:function(){f.set.active(),a.onVisible.call(o),e()}})):(f.verbose("Showing dimmer animation with javascript"),f.set.dimmed(),"auto"===a.opacity&&(a.opacity=.8),o.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(f.get.duration(),a.opacity,function(){o.removeAttr("style"),f.set.active(),a.onVisible.call(o),e()}))},hide:function(e){e=S(e)?e:function(){},a.useCSS&&void 0!==x.fn.transition?(f.verbose("Hiding dimmer with css"),o.transition({debug:a.debug,verbose:a.verbose,silent:a.silent,displayType:a.useFlex?"flex":"block",animation:(a.transition.hideMethod||a.transition)+" out",queue:!1,duration:f.get.duration(),useFailSafe:!0,onComplete:function(){f.remove.dimmed(),f.remove.variation(),f.remove.active(),a.onHidden.call(o),e()}})):(f.verbose("Hiding dimmer with javascript"),o.stop().fadeOut(f.get.duration(),function(){f.remove.dimmed(),f.remove.active(),o.removeAttr("style"),a.onHidden.call(o),e()}))}},get:{dimmer:function(){return o},duration:function(){return f.is.active()?a.transition.hideDuration||a.duration.hide||a.duration:a.transition.showDuration||a.duration.show||a.duration}},has:{dimmer:function(){return a.dimmerName?0<l.find(n.dimmer).filter("."+a.dimmerName).length:0<l.find(n.dimmer).length}},is:{active:function(){return o.hasClass(t.active)},animating:function(){return o.is(":animated")||o.hasClass(t.animating)},closable:function(){return"auto"===a.closable?"hover"!==a.on:a.closable},dimmer:function(){return l.hasClass(t.dimmer)},dimmable:function(){return l.hasClass(t.dimmable)},dimmed:function(){return i.hasClass(t.dimmed)},disabled:function(){return i.hasClass(t.disabled)},enabled:function(){return!f.is.disabled()},page:function(){return i.is("body")},pageDimmer:function(){return o.hasClass(t.pageDimmer)}},can:{show:function(){return!o.hasClass(t.disabled)}},set:{opacity:function(e){var i=o.css("background-color"),n=i.split(","),t=n&&3<=n.length;e=0===a.opacity?0:a.opacity||e,i=t?(n[2]=n[2].replace(")",""),n[3]=e+")",n.join(",")):"rgba(0, 0, 0, "+e+")",f.debug("Setting opacity to",e),o.css("background-color",i)},legacy:function(){o.addClass(t.legacy)},active:function(){o.addClass(t.active)},dimmable:function(){i.addClass(t.dimmable)},dimmed:function(){i.addClass(t.dimmed)},pageDimmer:function(){o.addClass(t.pageDimmer)},disabled:function(){o.addClass(t.disabled)},variation:function(e){(e=e||a.variation)&&o.addClass(e)}},remove:{active:function(){o.removeClass(t.active)},legacy:function(){o.removeClass(t.legacy)},dimmed:function(){i.removeClass(t.dimmed)},disabled:function(){o.removeClass(t.disabled)},variation:function(e){(e=e||a.variation)&&o.removeClass(e)}},setting:function(e,i){if(f.debug("Changing setting",e,i),x.isPlainObject(e))x.extend(!0,a,e);else{if(void 0===i)return a[e];x.isPlainObject(a[e])?x.extend(!0,a[e],i):a[e]=i}},internal:function(e,i){if(x.isPlainObject(e))x.extend(!0,f,e);else{if(void 0===i)return f[e];f[e]=i}},debug:function(){!a.silent&&a.debug&&(a.performance?f.performance.log(arguments):(f.debug=Function.prototype.bind.call(console.info,console,a.name+":"),f.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?f.performance.log(arguments):(f.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),f.verbose.apply(console,arguments)))},error:function(){a.silent||(f.error=Function.prototype.bind.call(console.error,console,a.name+":"),f.error.apply(console,arguments))},performance:{log:function(e){var i,n;a.performance&&(n=(i=Date.now())-(p||i),p=i,h.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:c,"Execution Time":n})),clearTimeout(f.performance.timer),f.performance.timer=setTimeout(function(){f.performance.display()},500)},display:function(){var e=a.name+":",n=0;p=!1,clearTimeout(f.performance.timer),x.each(h,function(e,i){n+=i["Execution Time"]}),e+=" "+n+"ms",1<b.length&&(e+=" ("+b.length+")"),0<h.length&&(console.groupCollapsed(e),console.table?console.table(h):x.each(h,function(e,i){console.log(i.Name+": "+i["Execution Time"]+"ms")}),console.groupEnd()),h=[]}},invoke:function(t,e,i){var o,a,n,r=u;return e=e||w,i=i||c,"string"==typeof t&&void 0!==r&&(t=t.split(/[ .]/),o=t.length-1,x.each(t,function(e,i){var n=e!==o?i+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(x.isPlainObject(r[n])&&e!==o)r=r[n];else{if(void 0!==r[n])return a=r[n],!1;{if(!x.isPlainObject(r[i])||e===o)return void 0!==r[i]?a=r[i]:f.error(d.method,t),!1;r=r[i]}}})),S(a)?n=a.apply(i,e):void 0!==a&&(n=a),Array.isArray(v)?v.push(n):void 0!==v?v=[v,n]:void 0!==n&&(v=n),a}};f.preinitialize(),C?(void 0===u&&f.initialize(),f.invoke(y)):(void 0!==u&&u.invoke("destroy"),f.initialize())}),void 0!==v?v:this},x.fn.dimmer.settings={name:"Dimmer",namespace:"dimmer",silent:!1,debug:!1,verbose:!1,performance:!0,useFlex:!0,dimmerName:!1,variation:!1,closable:"auto",useCSS:!0,transition:"fade",on:!1,opacity:"auto",duration:{show:500,hide:500},displayLoader:!1,loaderText:!1,loaderVariation:"",onChange:function(){},onShow:function(){},onHide:function(){},onVisible:function(){},onHidden:function(){},error:{method:"The method you called is not defined."},className:{active:"active",animating:"animating",dimmable:"dimmable",dimmed:"dimmed",dimmer:"dimmer",disabled:"disabled",hide:"hide",legacy:"legacy",pageDimmer:"page",show:"show",loader:"ui loader"},selector:{dimmer:"> .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(e){var i,n=x("<div/>").addClass("ui dimmer");return e.displayLoader&&(i=x("<div/>").addClass(e.className.loader).addClass(e.loaderVariation),e.loaderText&&(i.text(e.loaderText),i.addClass("text")),n.append(i)),n}}}}(jQuery,window,document);
+!function(x,e,T){"use strict";function S(e){return"function"==typeof e&&"number"!=typeof e.nodeType}e=void 0!==e&&e.Math===Math?e:globalThis,x.fn.dimmer=function(g){let b=x(this),v=Date.now(),p=[],h=g,y="string"==typeof h,C=[].slice.call(arguments,1),w;return b.each(function(){let o=x.isPlainObject(g)?x.extend(!0,{},x.fn.dimmer.settings,g):x.extend({},x.fn.dimmer.settings),i=o.selector;var e=o.namespace;let n=o.className,d=o.error,t="."+e,a="module-"+e,r="ontouchstart"in T.documentElement?"touchstart":"click",s=x(this),m,l,c=this,u=s.data(a),f;(f={preinitialize:function(){m=f.is.dimmer()?(l=s.parent(),s):(l=s,f.has.dimmer()?o.dimmerName?l.find(i.dimmer).filter("."+o.dimmerName):l.find(i.dimmer):f.create())},initialize:function(){f.debug("Initializing dimmer",o),f.bind.events(),f.set.dimmable(),f.instantiate()},instantiate:function(){f.verbose("Storing instance of module",f),u=f,s.data(a,u)},destroy:function(){f.verbose("Destroying previous module",m),f.unbind.events(),f.remove.variation(),l.off(t)},bind:{events:function(){"hover"===o.on?l.on("mouseenter"+t,f.show).on("mouseleave"+t,f.hide):"click"===o.on&&l.on(r+t,f.toggle),f.is.page()&&(f.debug("Setting as a page dimmer",l),f.set.pageDimmer()),f.is.closable()&&(f.verbose("Adding dimmer close event",m),l.on(r+t,i.dimmer,f.event.click))}},unbind:{events:function(){s.removeData(a),l.off(t)}},event:{click:function(e){f.verbose("Determining if event occurred on dimmer",e),0!==m.find(e.target).length&&!x(e.target).is(i.content)||(f.hide(),e.stopImmediatePropagation())}},addContent:function(e){let i=x(e);f.debug("Add content to dimmer",i),i.parent()[0]!==m[0]&&i.detach().appendTo(m)},create:function(){let e=x(o.template.dimmer(o));return o.dimmerName&&(f.debug("Creating named dimmer",o.dimmerName),e.addClass(o.dimmerName)),e.appendTo(l),e},show:function(e){e=S(e)?e:function(){},f.is.dimmed()&&!f.is.animating()||!f.is.enabled()?f.debug("Dimmer is already shown or disabled"):!1===o.onShow.call(c)?f.verbose("Show callback returned false cancelling dimmer show"):(f.debug("Showing dimmer",m,o),f.set.variation(),f.animate.show(e),o.onChange.call(c))},hide:function(e){e=S(e)?e:function(){},f.is.dimmed()||f.is.animating()?!1===o.onHide.call(c)?f.verbose("Hide callback returned false cancelling dimmer hide"):(f.debug("Hiding dimmer",m),f.animate.hide(e),o.onChange.call(c)):f.debug("Dimmer is not visible")},toggle:function(){f.verbose("Toggling dimmer visibility",m),f.is.dimmed()?f.is.closable()&&f.hide():f.show()},animate:{show:function(e){e=S(e)?e:function(){},o.useCSS&&void 0!==x.fn.transition?(o.useFlex?(f.debug("Using flex dimmer"),f.remove.legacy()):(f.debug("Using legacy non-flex dimmer"),f.set.legacy()),"auto"!==o.opacity&&f.set.opacity(),m.transition({debug:o.debug,verbose:o.verbose,silent:o.silent,displayType:o.useFlex?"flex":"block",animation:(o.transition.showMethod||o.transition)+" in",queue:!1,duration:f.get.duration(),useFailSafe:!0,onStart:function(){f.set.dimmed()},onComplete:function(){f.set.active(),o.onVisible.call(m),e()}})):(f.verbose("Showing dimmer animation with javascript"),f.set.dimmed(),"auto"===o.opacity&&(o.opacity=.8),m.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(f.get.duration(),o.opacity,function(){m.removeAttr("style"),f.set.active(),o.onVisible.call(m),e()}))},hide:function(e){e=S(e)?e:function(){},o.useCSS&&void 0!==x.fn.transition?(f.verbose("Hiding dimmer with css"),m.transition({debug:o.debug,verbose:o.verbose,silent:o.silent,displayType:o.useFlex?"flex":"block",animation:(o.transition.hideMethod||o.transition)+" out",queue:!1,duration:f.get.duration(),useFailSafe:!0,onComplete:function(){f.remove.dimmed(),f.remove.variation(),f.remove.active(),o.onHidden.call(m),e()}})):(f.verbose("Hiding dimmer with javascript"),m.stop().fadeOut(f.get.duration(),function(){f.remove.dimmed(),f.remove.active(),m.removeAttr("style"),o.onHidden.call(m),e()}))}},get:{dimmer:function(){return m},duration:function(){return f.is.active()?o.transition.hideDuration||o.duration.hide||o.duration:o.transition.showDuration||o.duration.show||o.duration}},has:{dimmer:function(){return o.dimmerName?0<s.find(i.dimmer).filter("."+o.dimmerName).length:0<s.find(i.dimmer).length}},is:{active:function(){return m.hasClass(n.active)},animating:function(){return m.is(":animated")||m.hasClass(n.animating)},closable:function(){return"auto"===o.closable?"hover"!==o.on:o.closable},dimmer:function(){return s.hasClass(n.dimmer)},dimmable:function(){return s.hasClass(n.dimmable)},dimmed:function(){return l.hasClass(n.dimmed)},disabled:function(){return l.hasClass(n.disabled)},enabled:function(){return!f.is.disabled()},page:function(){return l.is("body")},pageDimmer:function(){return m.hasClass(n.pageDimmer)}},can:{show:function(){return!m.hasClass(n.disabled)}},set:{opacity:function(e){let i=m.css("background-color"),n=i.split(",");var t=n&&3<=n.length;e=0===o.opacity?0:o.opacity||e,i=t?(n[2]=n[2].replace(")",""),n[3]=e+")",n.join(",")):"rgba(0, 0, 0, "+e+")",f.debug("Setting opacity to",e),m.css("background-color",i)},legacy:function(){m.addClass(n.legacy)},active:function(){m.addClass(n.active)},dimmable:function(){l.addClass(n.dimmable)},dimmed:function(){l.addClass(n.dimmed)},pageDimmer:function(){m.addClass(n.pageDimmer)},disabled:function(){m.addClass(n.disabled)},variation:function(e){(e=e||o.variation)&&m.addClass(e)}},remove:{active:function(){m.removeClass(n.active)},legacy:function(){m.removeClass(n.legacy)},dimmed:function(){l.removeClass(n.dimmed)},disabled:function(){m.removeClass(n.disabled)},variation:function(e){(e=e||o.variation)&&m.removeClass(e)}},setting:function(e,i){if(f.debug("Changing setting",e,i),x.isPlainObject(e))x.extend(!0,o,e);else{if(void 0===i)return o[e];x.isPlainObject(o[e])?x.extend(!0,o[e],i):o[e]=i}},internal:function(e,i){if(x.isPlainObject(e))x.extend(!0,f,e);else{if(void 0===i)return f[e];f[e]=i}},debug:function(){!o.silent&&o.debug&&(o.performance?f.performance.log(arguments):(f.debug=Function.prototype.bind.call(console.info,console,o.name+":"),f.debug.apply(console,arguments)))},verbose:function(){!o.silent&&o.verbose&&o.debug&&(o.performance?f.performance.log(arguments):(f.verbose=Function.prototype.bind.call(console.info,console,o.name+":"),f.verbose.apply(console,arguments)))},error:function(){o.silent||(f.error=Function.prototype.bind.call(console.error,console,o.name+":"),f.error.apply(console,arguments))},performance:{log:function(e){var i,n;o.performance&&(n=(i=Date.now())-(v||i),v=i,p.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:c,"Execution Time":n})),clearTimeout(f.performance.timer),f.performance.timer=setTimeout(function(){f.performance.display()},500)},display:function(){let e=o.name+":",n=0;v=!1,clearTimeout(f.performance.timer),x.each(p,function(e,i){n+=i["Execution Time"]}),e+=" "+n+"ms",1<b.length&&(e+=" ("+b.length+")"),0<p.length&&(console.groupCollapsed(e),console.table?console.table(p):x.each(p,function(e,i){console.log(i.Name+": "+i["Execution Time"]+"ms")}),console.groupEnd()),p=[]}},invoke:function(t,e,i){let o=u,a,r,n;return e=e||C,i=i||c,"string"==typeof t&&void 0!==o&&(t=t.split(/[ .]/),a=t.length-1,x.each(t,function(e,i){var n=e!==a?i+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(x.isPlainObject(o[n])&&e!==a)o=o[n];else{if(void 0!==o[n])return r=o[n],!1;{if(!x.isPlainObject(o[i])||e===a)return void 0!==o[i]?r=o[i]:f.error(d.method,t),!1;o=o[i]}}})),S(r)?n=r.apply(i,e):void 0!==r&&(n=r),Array.isArray(w)?w.push(n):void 0!==w?w=[w,n]:void 0!==n&&(w=n),r}}).preinitialize(),y?(void 0===u&&f.initialize(),f.invoke(h)):(void 0!==u&&u.invoke("destroy"),f.initialize())}),void 0!==w?w:this},x.fn.dimmer.settings={name:"Dimmer",namespace:"dimmer",silent:!1,debug:!1,verbose:!1,performance:!0,useFlex:!0,dimmerName:!1,variation:!1,closable:"auto",useCSS:!0,transition:"fade",on:!1,opacity:"auto",duration:{show:500,hide:500},displayLoader:!1,loaderText:!1,loaderVariation:"",onChange:function(){},onShow:function(){},onHide:function(){},onVisible:function(){},onHidden:function(){},error:{method:"The method you called is not defined."},className:{active:"active",animating:"animating",dimmable:"dimmable",dimmed:"dimmed",dimmer:"dimmer",disabled:"disabled",hide:"hide",legacy:"legacy",pageDimmer:"page",show:"show",loader:"ui loader"},selector:{dimmer:"> .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(e){let i=x("<div/>").addClass("ui dimmer"),n;return e.displayLoader&&(n=x("<div/>").addClass(e.className.loader).addClass(e.loaderVariation),e.loaderText&&(n.text(e.loaderText),n.addClass("text")),i.append(n)),i}}}}(jQuery,window,document);

package/dist/components/divider.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Divider
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Divider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22,7 +22,6 @@
   letter-spacing: 0.05em;
   color: rgba(0, 0, 0, 0.85);
   -webkit-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

package/dist/components/divider.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.1+bee406e - Divider
+ * # Fomantic-UI 2.10.0-beta.10+3ca268e - Divider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * https://opensource.org/licenses/MIT
  *
- */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider:not(.vertical),.ui.grid>.row>.column+.divider:not(.vertical){left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:"";line-height:1;text-align:center}.ui.horizontal.divider::after,.ui.horizontal.divider::before{content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider::before{background-position:right 1em top 50%}.ui.horizontal.divider::after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;transform:translateX(-50%)}.ui.vertical.divider::after,.ui.vertical.divider::before{position:absolute;left:50%;content:"";z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0;height:calc(100% - 1rem)}.ui.vertical.divider::before{top:-100%}.ui.vertical.divider::after{top:auto;bottom:0}.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{flex:1}@media only screen and (max-width:767.98px){.ui.grid .stackable.row .column+.ui.vertical.divider,.ui.stackable.grid .column+.ui.vertical.divider{margin:1rem}.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:"";overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;transform:none}.ui.grid .stackable.row .ui.vertical.divider::after,.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::before{left:0;border-left:none;border-right:none;content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.horizontal.divider[class*="left aligned"]::before{display:none}.ui.horizontal.divider[class*="left aligned"]::after{width:100%}.ui.horizontal.divider[class*="right aligned"]::before{width:100%}.ui.horizontal.divider[class*="right aligned"]::after{display:none}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider::after,.ui.hidden.divider::before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted::after,.ui.divider.inverted::before{border-color:rgba(34,36,38,.15) rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(34,36,38,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.mini.divider{font-size:.78571429rem}.ui.tiny.divider{font-size:.85714286rem}.ui.small.divider{font-size:.92857143rem}.ui.large.divider{font-size:1.14285714rem}.ui.big.divider{font-size:1.28571429rem}.ui.huge.divider{font-size:1.42857143rem}.ui.massive.divider{font-size:1.71428571rem}.ui.horizontal.divider::after,.ui.horizontal.divider::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider::after,.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}}
+ */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider:not(.vertical),.ui.grid>.row>.column+.divider:not(.vertical){left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:"";line-height:1;text-align:center}.ui.horizontal.divider::after,.ui.horizontal.divider::before{content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider::before{background-position:right 1em top 50%}.ui.horizontal.divider::after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;transform:translateX(-50%)}.ui.vertical.divider::after,.ui.vertical.divider::before{position:absolute;left:50%;content:"";z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0;height:calc(100% - 1rem)}.ui.vertical.divider::before{top:-100%}.ui.vertical.divider::after{top:auto;bottom:0}.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{flex:1}@media only screen and (max-width:767.98px){.ui.grid .stackable.row .column+.ui.vertical.divider,.ui.stackable.grid .column+.ui.vertical.divider{margin:1rem}.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:"";overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;transform:none}.ui.grid .stackable.row .ui.vertical.divider::after,.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::before{left:0;border-left:none;border-right:none;content:"";display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.horizontal.divider[class*="left aligned"]::before{display:none}.ui.horizontal.divider[class*="left aligned"]::after{width:100%}.ui.horizontal.divider[class*="right aligned"]::before{width:100%}.ui.horizontal.divider[class*="right aligned"]::after{display:none}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider::after,.ui.hidden.divider::before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted::after,.ui.divider.inverted::before{border-color:rgba(34,36,38,.15) rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(34,36,38,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.mini.divider{font-size:.78571429rem}.ui.tiny.divider{font-size:.85714286rem}.ui.small.divider{font-size:.92857143rem}.ui.large.divider{font-size:1.14285714rem}.ui.big.divider{font-size:1.28571429rem}.ui.huge.divider{font-size:1.42857143rem}.ui.massive.divider{font-size:1.71428571rem}.ui.horizontal.divider::after,.ui.horizontal.divider::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider::after,.ui.grid .stackable.row .ui.vertical.divider::before,.ui.stackable.grid .ui.vertical.divider::after,.ui.stackable.grid .ui.vertical.divider::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}}