rbbt-rest 1.8.126 → 1.8.129

data/share/views/public/plugins/semantic-ui/src/definitions/modules/embed.js

@@ -181,7 +181,6 @@ $.fn.embed = function(parameters) {
         // clears embed
         reset: function() {
           module.debug('Clearing embed and showing placeholder');
-          module.remove.data();
           module.remove.active();
           module.remove.embed();
           module.showPlaceholder();
@@ -301,15 +300,6 @@ $.fn.embed = function(parameters) {
         },
 
         remove: {
-          data: function() {
-            $module
-              .removeData(metadata.id)
-              .removeData(metadata.icon)
-              .removeData(metadata.placeholder)
-              .removeData(metadata.source)
-              .removeData(metadata.url)
-            ;
-          },
           active: function() {
             $module.removeClass(className.active);
           },

data/share/views/public/plugins/semantic-ui/src/definitions/modules/modal.js

@@ -10,7 +10,7 @@
 
 ;(function ($, window, document, undefined) {
 
-'use strict';
+"use strict";
 
 window = (typeof window != 'undefined' && window.Math == Math)
   ? window
@@ -108,9 +108,6 @@ $.fn.modal = function(parameters) {
             var
               defaultSettings = {
                 debug      : settings.debug,
-                variation  : settings.centered
-                  ? false
-                  : 'top aligned',
                 dimmerName : 'modals'
               },
               dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings)
@@ -131,7 +128,7 @@ $.fn.modal = function(parameters) {
             $dimmer = $dimmable.dimmer('get dimmer');
           },
           id: function() {
-            id = (Math.random().toString(16) + '000000000').substr(2, 8);
+            id = (Math.random().toString(16) + '000000000').substr(2,8);
             elementEventNamespace = '.' + id;
             module.verbose('Creating unique id for element', id);
           }
@@ -166,11 +163,9 @@ $.fn.modal = function(parameters) {
         refresh: function() {
           module.remove.scrolling();
           module.cacheSizes();
-          if(!module.can.useFlex()) {
-            module.set.modalOffset();
-          }
           module.set.screenHeight();
           module.set.type();
+          module.set.position();
         },
 
         refreshModals: function() {
@@ -209,22 +204,12 @@ $.fn.modal = function(parameters) {
             $window
               .on('resize' + elementEventNamespace, module.event.resize)
             ;
-          },
-          scrollLock: function() {
-            // touch events default to passive, due to changes in chrome to optimize mobile perf
-            $dimmable.get(0).addEventListener('touchmove', module.event.preventScroll, { passive: false });
-          }
-        },
-
-        unbind: {
-          scrollLock: function() {
-            $dimmable.get(0).removeEventListener('touchmove', module.event.preventScroll, { passive: false });
           }
         },
 
         get: {
           id: function() {
-            return (Math.random().toString(16) + '000000000').substr(2, 8);
+            return (Math.random().toString(16) + '000000000').substr(2,8);
           }
         },
 
@@ -239,9 +224,6 @@ $.fn.modal = function(parameters) {
               ignoreRepeatedEvents = false;
             });
           },
-          preventScroll: function(event) {
-            event.preventDefault();
-          },
           deny: function() {
             if(ignoreRepeatedEvents || settings.onDeny.call(element, $(this)) === false) {
               module.verbose('Deny callback returned false cancelling hide');
@@ -256,23 +238,21 @@ $.fn.modal = function(parameters) {
             module.hide();
           },
           click: function(event) {
-            if(!settings.closable) {
-              module.verbose('Dimmer clicked but closable setting is disabled');
-              return;
-            }
             var
               $target   = $(event.target),
               isInModal = ($target.closest(selector.modal).length > 0),
               isInDOM   = $.contains(document.documentElement, event.target)
             ;
-            if(!isInModal && isInDOM && module.is.active()) {
+            if(!isInModal && isInDOM) {
               module.debug('Dimmer clicked, hiding all modals');
-              module.remove.clickaway();
-              if(settings.allowMultiple) {
-                module.hide();
-              }
-              else {
-                module.hideAll();
+              if( module.is.active() ) {
+                module.remove.clickaway();
+                if(settings.allowMultiple) {
+                  module.hide();
+                }
+                else {
+                  module.hideAll();
+                }
               }
             }
           },
@@ -319,8 +299,6 @@ $.fn.modal = function(parameters) {
           ;
           module.refreshModals();
           module.set.dimmerSettings();
-          module.set.dimmerStyles();
-
           module.showModal(callback);
         },
 
@@ -339,16 +317,10 @@ $.fn.modal = function(parameters) {
             : function(){}
           ;
           if( module.is.animating() || !module.is.active() ) {
+
             module.showDimmer();
             module.cacheSizes();
-            if(module.can.useFlex()) {
-              module.remove.legacy();
-            }
-            else {
-              module.set.legacy();
-              module.set.modalOffset();
-              module.debug('Using non-flex legacy modal positioning.');
-            }
+            module.set.position();
             module.set.screenHeight();
             module.set.type();
             module.set.clickaway();
@@ -426,7 +398,6 @@ $.fn.modal = function(parameters) {
                   },
                   onComplete : function() {
                     settings.onHidden.call(element);
-                    module.remove.dimmerStyles();
                     module.restore.focus();
                     callback();
                   }
@@ -451,7 +422,6 @@ $.fn.modal = function(parameters) {
 
         hideDimmer: function() {
           if( $dimmable.dimmer('is animating') || ($dimmable.dimmer('is active')) ) {
-            module.unbind.scrollLock();
             $dimmable.dimmer('hide', function() {
               module.remove.clickaway();
               module.remove.screenHeight();
@@ -517,13 +487,7 @@ $.fn.modal = function(parameters) {
 
         save: {
           focus: function() {
-            var
-              $activeElement = $(document.activeElement),
-              inCurrentModal = $activeElement.closest($module).length > 0
-            ;
-            if(!inCurrentModal) {
-              $focusedElement = $(document.activeElement).blur();
-            }
+            $focusedElement = $(document.activeElement).blur();
           }
         },
 
@@ -539,17 +503,12 @@ $.fn.modal = function(parameters) {
           active: function() {
             $module.removeClass(className.active);
           },
-          legacy: function() {
-            $module.removeClass(className.legacy);
-          },
           clickaway: function() {
-            $dimmer
-              .off('click' + elementEventNamespace)
-            ;
-          },
-          dimmerStyles: function() {
-            $dimmer.removeClass(className.inverted);
-            $dimmable.removeClass(className.blurring);
+            if(settings.closable) {
+              $dimmer
+                .off('click' + elementEventNamespace)
+              ;
+            }
           },
           bodyStyle: function() {
             if($body.attr('style') === '') {
@@ -579,13 +538,11 @@ $.fn.modal = function(parameters) {
           $module.addClass(className.loading);
           var
             scrollHeight = $module.prop('scrollHeight'),
-            modalWidth   = $module.outerWidth(),
             modalHeight  = $module.outerHeight()
           ;
           if(module.cache === undefined || modalHeight !== 0) {
             module.cache = {
               pageHeight    : $(document).outerHeight(),
-              width         : modalWidth,
               height        : modalHeight + settings.offset,
               scrollHeight  : scrollHeight + settings.offset,
               contextHeight : (settings.context == 'body')
@@ -599,12 +556,6 @@ $.fn.modal = function(parameters) {
         },
 
         can: {
-          useFlex: function() {
-            return (settings.useFlex == 'auto')
-              ? settings.detachable && !module.is.ie()
-              : settings.useFlex
-            ;
-          },
           fit: function() {
             var
               contextHeight  = module.cache.contextHeight,
@@ -626,13 +577,6 @@ $.fn.modal = function(parameters) {
           active: function() {
             return $module.hasClass(className.active);
           },
-          ie: function() {
-            var
-              isIE11 = (!(window.ActiveXObject) && 'ActiveXObject' in window),
-              isIE   = ('ActiveXObject' in window)
-            ;
-            return (isIE11 || isIE);
-          },
           animating: function() {
             return $module.transition('is supported')
               ? $module.transition('is animating')
@@ -644,7 +588,7 @@ $.fn.modal = function(parameters) {
           },
           modernBrowser: function() {
             // appName for IE11 reports 'Netscape' can no longer use
-            return !(window.ActiveXObject || 'ActiveXObject' in window);
+            return !(window.ActiveXObject || "ActiveXObject" in window);
           }
         },
 
@@ -662,9 +606,11 @@ $.fn.modal = function(parameters) {
             }
           },
           clickaway: function() {
-            $dimmer
-              .on('click' + elementEventNamespace, module.event.click)
-            ;
+            if(settings.closable) {
+              $dimmer
+                .on('click' + elementEventNamespace, module.event.click)
+              ;
+            }
           },
           dimmerSettings: function() {
             if($.fn.dimmer === undefined) {
@@ -675,11 +621,8 @@ $.fn.modal = function(parameters) {
               defaultSettings = {
                 debug      : settings.debug,
                 dimmerName : 'modals',
+                variation  : false,
                 closable   : 'auto',
-                useFlex    : module.can.useFlex(),
-                variation  : settings.centered
-                  ? false
-                  : 'top aligned',
                 duration   : {
                   show     : settings.duration,
                   hide     : settings.duration
@@ -692,11 +635,6 @@ $.fn.modal = function(parameters) {
                 ? dimmerSettings.variation + ' inverted'
                 : 'inverted'
               ;
-            }
-            $context.dimmer('setting', dimmerSettings);
-          },
-          dimmerStyles: function() {
-            if(settings.inverted) {
               $dimmer.addClass(className.inverted);
             }
             else {
@@ -708,21 +646,7 @@ $.fn.modal = function(parameters) {
             else {
               $dimmable.removeClass(className.blurring);
             }
-          },
-          modalOffset: function() {
-            var
-              width = module.cache.width,
-              height = module.cache.height
-            ;
-            $module
-              .css({
-                marginTop: (settings.centered && module.can.fit())
-                  ? -(height / 2)
-                  : 0,
-                marginLeft: -(width / 2)
-              })
-            ;
-            module.verbose('Setting modal offset for legacy mode');
+            $context.dimmer('setting', dimmerSettings);
           },
           screenHeight: function() {
             if( module.can.fit() ) {
@@ -741,17 +665,12 @@ $.fn.modal = function(parameters) {
           scrolling: function() {
             $dimmable.addClass(className.scrolling);
             $module.addClass(className.scrolling);
-            module.unbind.scrollLock();
-          },
-          legacy: function() {
-            $module.addClass(className.legacy);
           },
           type: function() {
             if(module.can.fit()) {
               module.verbose('Modal fits on screen');
               if(!module.others.active() && !module.others.animating()) {
                 module.remove.scrolling();
-                module.bind.scrollLock();
               }
             }
             else {
@@ -759,6 +678,25 @@ $.fn.modal = function(parameters) {
               module.set.scrolling();
             }
           },
+          position: function() {
+            module.verbose('Centering modal on page', module.cache);
+            if(module.can.fit()) {
+              $module
+                .css({
+                  top: '',
+                  marginTop: module.cache.topOffset
+                })
+              ;
+            }
+            else {
+              $module
+                .css({
+                  marginTop : '',
+                  top       : $document.scrollTop()
+                })
+              ;
+            }
+          },
           undetached: function() {
             $dimmable.addClass(className.undetached);
           }
@@ -952,9 +890,6 @@ $.fn.modal.settings = {
   name           : 'Modal',
   namespace      : 'modal',
 
-  useFlex        : 'auto',
-  offset         : 0,
-
   silent         : false,
   debug          : false,
   verbose        : false,
@@ -970,8 +905,6 @@ $.fn.modal.settings = {
   inverted       : false,
   blurring       : false,
 
-  centered       : true,
-
   dimmerSettings : {
     closable : false,
     useCSS   : true
@@ -984,6 +917,7 @@ $.fn.modal.settings = {
 
   queue      : false,
   duration   : 500,
+  offset     : 0,
   transition : 'scale',
 
   // padding with edge of page
@@ -1023,7 +957,6 @@ $.fn.modal.settings = {
     animating  : 'animating',
     blurring   : 'blurring',
     inverted   : 'inverted',
-    legacy     : 'legacy',
     loading    : 'loading',
     scrolling  : 'scrolling',
     undetached : 'undetached'

data/share/views/public/plugins/semantic-ui/src/definitions/modules/modal.less

@@ -23,9 +23,12 @@
 *******************************/
 
 .ui.modal {
-  position: absolute;
   display: none;
+  position: fixed;
   z-index: @zIndex;
+
+  top: 50%;
+  left: 50%;
   text-align: left;
 
   background: @background;
@@ -33,8 +36,6 @@
   box-shadow: @boxShadow;
   transform-origin: @transformOrigin;
 
-  flex: 0 0 auto;
-
   border-radius: @borderRadius;
   user-select: text;
   will-change: top, left, margin, transform, opacity;
@@ -310,20 +311,6 @@
   color: @basicInvertedModalHeaderColor;
 }
 
-/* Resort to margin positioning if legacy */
-.ui.legacy.modal,
-.ui.legacy.page.dimmer > .ui.modal {
-  top: 50%;
-  left: 50%;
-}
-
-.ui.legacy.page.dimmer > .ui.scrolling.modal,
-.ui.page.dimmer > .ui.scrolling.legacy.modal,
-.ui.top.aligned.legacy.page.dimmer > .ui.modal,
-.ui.top.aligned.dimmer > .ui.legacy.modal {
-  top: auto;
-}
-
 /* Tablet and Mobile */
 @media only screen and (max-width : @largestTabletScreen) {
   .ui.basic.modal > .close {
@@ -350,40 +337,14 @@
            Variations
 *******************************/
 
-/*--------------
-   Top Aligned
----------------*/
-
-/* Top Aligned Modal */
-.modals.dimmer[class*="top aligned"] .modal {
-  margin: @topAlignedMargin auto;
-}
-@media only screen and (max-width : @largestMobileScreen) {
-  .modals.dimmer[class*="top aligned"] .modal {
-    margin: @mobileTopAlignedMargin auto;
-  }
-}
-/* Legacy Top Aligned */
-.legacy.modals.dimmer[class*="top aligned"] {
-  padding-top: @topAlignedMargin;
-}
-@media only screen and (max-width : @largestMobileScreen) {
-  .legacy.modals.dimmer[class*="top aligned"] {
-    padding-top: @mobileTopAlignedMargin;
-  }
-}
-
 /*--------------
     Scrolling
 ---------------*/
 
-/* Scrolling Dimmer */
+/* A modal that cannot fit on the page */
 .scrolling.dimmable.dimmed {
   overflow: hidden;
 }
-.scrolling.dimmable > .dimmer {
-  justify-content: flex-start;
-}
 .scrolling.dimmable.dimmed > .dimmer {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -392,10 +353,11 @@
   position: fixed;
 }
 .modals.dimmer .ui.scrolling.modal {
-  margin: @scrollingMargin auto;
+  position: static !important;
+  margin: @scrollingMargin auto !important;
 }
 
-/* Undetached Scrolling */
+/* undetached scrolling */
 .scrolling.undetached.dimmable.dimmed {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -409,20 +371,38 @@
   margin-top: @scrollingMargin !important;
 }
 
+/* Coupling with Sidebar */
+.undetached.dimmable.dimmed > .pusher {
+  z-index: auto;
+}
+
+@media only screen and (max-width : @largestTabletScreen) {
+  .modals.dimmer .ui.scrolling.modal {
+    margin-top: @mobileScrollingMargin !important;
+    margin-bottom: @mobileScrollingMargin !important;
+  }
+}
+
 /* Scrolling Content */
+
 .ui.modal .scrolling.content {
   max-height: @scrollingContentMaxHeight;
   overflow: auto;
 }
 
+
 /*--------------
    Full Screen
 ---------------*/
 
 .ui.fullscreen.modal {
   width: @fullScreenWidth !important;
+  left: @fullScreenOffset !important;
   margin: @fullScreenMargin;
 }
+.ui.fullscreen.scrolling.modal {
+  left: 0em !important;
+}
 .ui.fullscreen.modal > .header {
   padding-right: @closeHitbox;
 }