Rebuild dist for next

10 years ago · 81dbde6cba
16 changed files with 335 additions and 70 deletions
--- a/dist/components/dropdown.css
+++ b/dist/components/dropdown.css
@ -51,7 +51,7 @@
  font-size: 1rem;
  text-shadow: none;
  text-align: left;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 4px 0px rgba(39, 41, 43, 0.15);
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0em 0em 0.2857rem 0.2857rem;
  -webkit-transition: opacity 0.2s ease;
@ -80,7 +80,10 @@
 .ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
-  margin: 0.2em 0em 0em 0.75em;
+  margin: 0.2em 0em 0em 1em;
+}
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+  margin-right: 1em;
 }

 /*--------------
@ -424,6 +427,16 @@ select.ui.dropdown {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
 }

+/* Disabled */
+.ui.selection.dropdown.disabled,
+.ui.selection.dropdown.disabled:hover {
+  cursor: default;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.8);
+  border: 1px solid rgba(39, 41, 43, 0.15);
+  opacity: 0.3 !important;
+}
+
 /* Visible Hover */
 .ui.selection.visible.dropdown:hover {
  border-color: rgba(39, 41, 43, 0.3);
@ -431,7 +444,7 @@ select.ui.dropdown {
 }
 .ui.selection.visible.dropdown:hover .menu {
  border: 1px solid rgba(39, 41, 43, 0.3);
-  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
 }

 /* Visible */
@ -665,6 +678,18 @@ select.ui.dropdown {
  background-color: #fdcfcf;
 }

+/*--------------------
+        Disabled
+----------------------*/
+
+
+/* Disabled */
+.ui.disabled.dropdown {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.3;
+}
+

 /*******************************
           Variations
@ -700,6 +725,59 @@ select.ui.dropdown {
  float: left;
  margin: 0.2em 0.75em 0em 0em;
 }
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: left;
+  margin: 0.2em 0.75em 0em 0em;
+}
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+  margin-left: 1em;
+}
+
+/*--------------
+     Upward
+---------------*/
+
+.ui.upward.dropdown > .menu {
+  top: auto;
+  bottom: 100%;
+  box-shadow: 0px -1px 4px 0px rgba(39, 41, 43, 0.15);
+  border-radius: 0.2857rem 0.2857rem 0em 0em;
+}
+
+/* Active Upward */
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+  border-radius: 0.2857rem 0.2857rem 0em 0em !important;
+}
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active,
+.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
+  border-radius: 0.2857rem 0.2857rem 0em 0em;
+}
+
+/* Selection */
+.ui.upward.selection.dropdown .menu {
+  border-top: 1px solid rgba(39, 41, 43, 0.15) !important;
+  border-bottom: none !important;
+}
+.ui.upward.selection.dropdown:hover {
+  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
+}
+.ui.upward.selection.visible.dropdown:hover {
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+}
+.ui.active.upward.selection.dropdown,
+.ui.visible.upward.selection.dropdown {
+  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
+}
+.ui.upward.selection.dropdown.visible {
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+}
+.ui.upward.selection.visible.dropdown:hover .menu {
+  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);
+}

 /*--------------
     Simple
--- a/dist/components/dropdown.js
+++ b/dist/components/dropdown.js
@ -138,12 +138,9 @@ $.fn.dropdown = function(parameters) {
          query = $search.val();

          module.verbose('Searching for query', query);
-
-          if(module.is.searchSelection()) {
-            module.filter(query);
-            if( module.can.show() ) {
-              module.show();
-            }
+          module.filter(query);
+          if(module.is.searchSelection() && module.can.show() ) {
+            module.show();
          }
        },

@ -222,7 +219,7 @@ $.fn.dropdown = function(parameters) {
            ? callback
            : function(){}
          ;
-          if( !module.is.active() && !module.is.allFiltered() ) {
+          if( module.can.show() && !module.is.active() && !module.is.allFiltered() ) {
            module.debug('Showing dropdown');
            module.animate.show(function() {
              if( module.can.click() ) {
@ -405,7 +402,9 @@ $.fn.dropdown = function(parameters) {
          ;
          if( module.is.allFiltered() ) {
            module.debug('All items filtered, hiding dropdown', searchTerm);
-            module.hide();
+            if(module.is.searchSelection()) {
+              module.hide();
+            }
            settings.onNoResults.call(element, searchTerm);
          }
        },
@ -452,7 +451,9 @@ $.fn.dropdown = function(parameters) {
            }
          },
          input: function(event) {
-            module.set.filtered();
+            if(module.is.searchSelection()) {
+              module.set.filtered();
+            }
            clearTimeout(module.timer);
            module.timer = setTimeout(module.search, settings.delay.search);
          },
@ -753,8 +754,8 @@ $.fn.dropdown = function(parameters) {
              return ($choice.data(metadata.text) !== undefined)
                ? $choice.data(metadata.text)
                : (preserveHTML)
-                  ? $choice.html()
-                  : $choice.text()
+                  ? $choice.html().trim()
+                  : $choice.text().trim()
              ;
            }
          },
@ -763,8 +764,8 @@ $.fn.dropdown = function(parameters) {
            return ($choice.data(metadata.value) !== undefined)
              ? $choice.data(metadata.value)
              : (typeof choiceText === 'string')
-                ? choiceText.toLowerCase()
-                : choiceText
+                ? choiceText.toLowerCase().trim()
+                : choiceText.trim()
            ;
          },
          inputEvent: function() {
@ -1137,6 +1138,9 @@ $.fn.dropdown = function(parameters) {
          selection: function() {
            return $module.hasClass(className.selection);
          },
+          upward: function() {
+            return $module.hasClass(className.upward);
+          },
          visible: function($subMenu) {
            return ($subMenu)
              ? $subMenu.is(':visible')
@ -1173,6 +1177,14 @@ $.fn.dropdown = function(parameters) {
            module.set.scrollPosition(module.get.activeItem(), true);
            module.verbose('Doing menu show animation', $currentMenu);
            if( module.is.hidden($currentMenu) || module.is.animating($currentMenu) ) {
+
+              if(settings.transition == 'auto') {
+                settings.transition = module.is.upward()
+                  ? 'slide up'
+                  : 'slide down'
+                ;
+              }
+
              if(settings.transition == 'none') {
                callback.call(element);
              }
@ -1249,6 +1261,13 @@ $.fn.dropdown = function(parameters) {
            if( module.is.visible($currentMenu) || module.is.animating($currentMenu) ) {
              module.verbose('Doing menu hide animation', $currentMenu);

+              if(settings.transition == 'auto') {
+                settings.transition = module.is.upward()
+                  ? 'slide up'
+                  : 'slide down'
+                ;
+              }
+
              if(settings.transition == 'none') {
                callback.call(element);
              }
@ -1517,7 +1536,7 @@ $.fn.dropdown.settings = {
    touch  : 50
  },

-  transition : 'slide down',
+  transition : 'auto',
  duration   : 250,

  /* Callbacks */
@ -1566,6 +1585,7 @@ $.fn.dropdown.settings = {
    search      : 'search',
    selected    : 'selected',
    selection   : 'selection',
+    upward      : 'upward',
    visible     : 'visible'
  }

@ -1615,4 +1635,4 @@ $.extend( $.easing, {
 });


-})( jQuery, window , document );
+})( jQuery, window , document );
--- a/dist/components/dropdown.min.css
+++ b/dist/components/dropdown.min.css
--- a/dist/components/dropdown.min.js
+++ b/dist/components/dropdown.min.js
--- a/dist/components/grid.css
+++ b/dist/components/grid.css
@ -1378,18 +1378,34 @@

 .ui[class*="equal height"].grid {
  display: table;
-  table-layout: fixed;
 }
 .ui[class*="equal height"].grid > .row,
-.ui[class*="equal height"].row {
+.ui.grid > [class*="equal height"].row {
  display: table;
  table-layout: fixed;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row;
  width: 100% !important;
 }
 .ui[class*="equal height"].grid > .column,
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
  display: table-cell;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
 }

 /*-------------------
--- a/dist/components/grid.min.css
+++ b/dist/components/grid.min.css
--- a/dist/components/progress.js
+++ b/dist/components/progress.js
@ -185,12 +185,16 @@ $.fn.progress = function(parameters) {
              total   = module.total                || 0,
              percent = (module.is.visible() && animating)
                ? module.get.displayPercent()
-                : module.percent || 0
+                : module.percent || 0,
+              left = (module.total > 0)
+                ? (total - value)
+                : (100 - percent)
            ;
            templateText = templateText || '';
            templateText = templateText
              .replace('{value}', value)
              .replace('{total}', total)
+              .replace('{left}', left)
              .replace('{percent}', percent)
            ;
            module.debug('Adding variables to progress bar text', templateText);
@ -363,7 +367,7 @@ $.fn.progress = function(parameters) {
            if(module.total) {
              module.value = Math.round( (percent / 100) * module.total);
            }
-            if(settings.limitValues) {
+            else if(settings.limitValues) {
              module.value = (module.value > 100)
                ? 100
                : (module.value < 0)
@ -379,15 +383,17 @@ $.fn.progress = function(parameters) {
            settings.onChange.call(element, percent, module.value, module.total);
          },
          labelInterval: function() {
-            clearInterval(module.interval);
-            $bar
-              .one(transitionEnd + eventNamespace, function() {
+            var
+              animationCallback = function() {
                module.verbose('Bar finished animating, removing continuous label updates');
                clearInterval(module.interval);
                animating = false;
                module.set.labels();
-              })
+              }
            ;
+            clearInterval(module.interval);
+            $bar.one(transitionEnd + eventNamespace, animationCallback);
+            module.timer = setTimeout(animationCallback, settings.duration + 100);
            animating = true;
            module.interval = setInterval(module.set.labels, settings.framerate);
          },
--- a/dist/components/progress.min.js
+++ b/dist/components/progress.min.js
--- a/dist/components/sidebar.js
+++ b/dist/components/sidebar.js
@ -93,7 +93,12 @@ $.fn.sidebar = function(parameters) {
          }

          // avoids locking rendering if initialized in onReady
-          requestAnimationFrame(module.setup.layout);
+          if(settings.delaySetup) {
+            requestAnimationFrame(module.setup.layout);
+          }
+          else {
+            module.setup.layout();
+          }

          module.instantiate();
        },
@ -1007,6 +1012,7 @@ $.fn.sidebar.settings = {
  dimPage           : true,
  scrollLock        : false,
  returnScroll      : false,
+  delaySetup        : false,

  useLegacy         : 'auto',
  duration          : 500,
--- a/dist/components/sidebar.min.js
+++ b/dist/components/sidebar.min.js
--- a/dist/components/video.js
+++ b/dist/components/video.js
@ -205,14 +205,14 @@ $.fn.video = function(parameters) {
              }
              if(source == 'vimeo') {
                html = ''
-                  + '<iframe src="http://player.vimeo.com/video/' + id + '?=' + module.generate.url(source) + '"'
+                  + '<iframe src="//player.vimeo.com/video/' + id + '?=' + module.generate.url(source) + '"'
                  + ' width="100%" height="100%"'
                  + ' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
                ;
              }
              else if(source == 'youtube') {
                html = ''
-                  + '<iframe src="http://www.youtube.com/embed/' + id + '?=' + module.generate.url(source) + '"'
+                  + '<iframe src="//www.youtube.com/embed/' + id + '?=' + module.generate.url(source) + '"'
                  + ' width="100%" height="100%"'
                  + ' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
                ;
--- a/dist/components/video.min.js
+++ b/dist/components/video.min.js
--- a/dist/semantic.css
+++ b/dist/semantic.css
@ -15476,13 +15476,21 @@ ol.ui.horizontal.list li:before,

 .ui[class*="equal height"].grid {
  display: table;
-  table-layout: fixed;
 }

 .ui[class*="equal height"].grid > .row,
-.ui[class*="equal height"].row {
+.ui.grid > [class*="equal height"].row {
  display: table;
  table-layout: fixed;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
  width: 100% !important;
 }

@ -15490,6 +15498,14 @@ ol.ui.horizontal.list li:before,
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
  display: table-cell;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
 }

 /*-------------------
@ -22869,7 +22885,7 @@ body.dimmed.dimmable > :not(.dimmer) {
  font-size: 1rem;
  text-shadow: none;
  text-align: left;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 4px 0px rgba(39, 41, 43, 0.15);
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0em 0em 0.2857rem 0.2857rem;
  -webkit-transition: opacity 0.2s ease;
@ -22899,7 +22915,11 @@ body.dimmed.dimmable > :not(.dimmer) {
 .ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
-  margin: 0.2em 0em 0em 0.75em;
+  margin: 0.2em 0em 0em 1em;
+}
+
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+  margin-right: 1em;
 }

 /*--------------
@ -23267,6 +23287,17 @@ select.ui.dropdown {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
 }

+/* Disabled */
+
+.ui.selection.dropdown.disabled,
+.ui.selection.dropdown.disabled:hover {
+  cursor: default;
+  box-shadow: none;
+  color: rgba(0, 0, 0, 0.8);
+  border: 1px solid rgba(39, 41, 43, 0.15);
+  opacity: 0.3 !important;
+}
+
 /* Visible Hover */

 .ui.selection.visible.dropdown:hover {
@ -23276,7 +23307,7 @@ select.ui.dropdown {

 .ui.selection.visible.dropdown:hover .menu {
  border: 1px solid rgba(39, 41, 43, 0.3);
-  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
 }

 /* Visible */
@ -23533,6 +23564,18 @@ select.ui.dropdown {
  background-color: #fdcfcf;
 }

+/*--------------------
+        Disabled
+----------------------*/
+
+/* Disabled */
+
+.ui.disabled.dropdown {
+  cursor: default;
+  pointer-events: none;
+  opacity: 0.3;
+}
+
 /*******************************
           Variations
 *******************************/
@ -23570,6 +23613,69 @@ select.ui.dropdown {
  margin: 0.2em 0.75em 0em 0em;
 }

+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: left;
+  margin: 0.2em 0.75em 0em 0em;
+}
+
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+  margin-left: 1em;
+}
+
+/*--------------
+     Upward
+---------------*/
+
+.ui.upward.dropdown > .menu {
+  top: auto;
+  bottom: 100%;
+  box-shadow: 0px -1px 4px 0px rgba(39, 41, 43, 0.15);
+  border-radius: 0.2857rem 0.2857rem 0em 0em;
+}
+
+/* Active Upward */
+
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+  border-radius: 0.2857rem 0.2857rem 0em 0em !important;
+}
+
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active,
+.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
+  border-radius: 0.2857rem 0.2857rem 0em 0em;
+}
+
+/* Selection */
+
+.ui.upward.selection.dropdown .menu {
+  border-top: 1px solid rgba(39, 41, 43, 0.15) !important;
+  border-bottom: none !important;
+}
+
+.ui.upward.selection.dropdown:hover {
+  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
+}
+
+.ui.upward.selection.visible.dropdown:hover {
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+}
+
+.ui.active.upward.selection.dropdown,
+.ui.visible.upward.selection.dropdown {
+  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
+}
+
+.ui.upward.selection.dropdown.visible {
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+}
+
+.ui.upward.selection.visible.dropdown:hover .menu {
+  box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);
+}
+
 /*--------------
     Simple
 ---------------*/
--- a/dist/semantic.js
+++ b/dist/semantic.js
@ -3152,12 +3152,9 @@ $.fn.dropdown = function(parameters) {
          query = $search.val();

          module.verbose('Searching for query', query);
-
-          if(module.is.searchSelection()) {
-            module.filter(query);
-            if( module.can.show() ) {
-              module.show();
-            }
+          module.filter(query);
+          if(module.is.searchSelection() && module.can.show() ) {
+            module.show();
          }
        },

@ -3236,7 +3233,7 @@ $.fn.dropdown = function(parameters) {
            ? callback
            : function(){}
          ;
-          if( !module.is.active() && !module.is.allFiltered() ) {
+          if( module.can.show() && !module.is.active() && !module.is.allFiltered() ) {
            module.debug('Showing dropdown');
            module.animate.show(function() {
              if( module.can.click() ) {
@ -3419,7 +3416,9 @@ $.fn.dropdown = function(parameters) {
          ;
          if( module.is.allFiltered() ) {
            module.debug('All items filtered, hiding dropdown', searchTerm);
-            module.hide();
+            if(module.is.searchSelection()) {
+              module.hide();
+            }
            settings.onNoResults.call(element, searchTerm);
          }
        },
@ -3466,7 +3465,9 @@ $.fn.dropdown = function(parameters) {
            }
          },
          input: function(event) {
-            module.set.filtered();
+            if(module.is.searchSelection()) {
+              module.set.filtered();
+            }
            clearTimeout(module.timer);
            module.timer = setTimeout(module.search, settings.delay.search);
          },
@ -3767,8 +3768,8 @@ $.fn.dropdown = function(parameters) {
              return ($choice.data(metadata.text) !== undefined)
                ? $choice.data(metadata.text)
                : (preserveHTML)
-                  ? $choice.html()
-                  : $choice.text()
+                  ? $choice.html().trim()
+                  : $choice.text().trim()
              ;
            }
          },
@ -3777,8 +3778,8 @@ $.fn.dropdown = function(parameters) {
            return ($choice.data(metadata.value) !== undefined)
              ? $choice.data(metadata.value)
              : (typeof choiceText === 'string')
-                ? choiceText.toLowerCase()
-                : choiceText
+                ? choiceText.toLowerCase().trim()
+                : choiceText.trim()
            ;
          },
          inputEvent: function() {
@ -4151,6 +4152,9 @@ $.fn.dropdown = function(parameters) {
          selection: function() {
            return $module.hasClass(className.selection);
          },
+          upward: function() {
+            return $module.hasClass(className.upward);
+          },
          visible: function($subMenu) {
            return ($subMenu)
              ? $subMenu.is(':visible')
@ -4187,6 +4191,14 @@ $.fn.dropdown = function(parameters) {
            module.set.scrollPosition(module.get.activeItem(), true);
            module.verbose('Doing menu show animation', $currentMenu);
            if( module.is.hidden($currentMenu) || module.is.animating($currentMenu) ) {
+
+              if(settings.transition == 'auto') {
+                settings.transition = module.is.upward()
+                  ? 'slide up'
+                  : 'slide down'
+                ;
+              }
+
              if(settings.transition == 'none') {
                callback.call(element);
              }
@ -4263,6 +4275,13 @@ $.fn.dropdown = function(parameters) {
            if( module.is.visible($currentMenu) || module.is.animating($currentMenu) ) {
              module.verbose('Doing menu hide animation', $currentMenu);

+              if(settings.transition == 'auto') {
+                settings.transition = module.is.upward()
+                  ? 'slide up'
+                  : 'slide down'
+                ;
+              }
+
              if(settings.transition == 'none') {
                callback.call(element);
              }
@ -4531,7 +4550,7 @@ $.fn.dropdown.settings = {
    touch  : 50
  },

-  transition : 'slide down',
+  transition : 'auto',
  duration   : 250,

  /* Callbacks */
@ -4580,6 +4599,7 @@ $.fn.dropdown.settings = {
    search      : 'search',
    selected    : 'selected',
    selection   : 'selection',
+    upward      : 'upward',
    visible     : 'visible'
  }

@ -4630,6 +4650,7 @@ $.extend( $.easing, {


 })( jQuery, window , document );
+
 /*
 * # Semantic - Modal
 * http://github.com/semantic-org/semantic-ui/
@ -7309,12 +7330,16 @@ $.fn.progress = function(parameters) {
              total   = module.total                || 0,
              percent = (module.is.visible() && animating)
                ? module.get.displayPercent()
-                : module.percent || 0
+                : module.percent || 0,
+              left = (module.total > 0)
+                ? (total - value)
+                : (100 - percent)
            ;
            templateText = templateText || '';
            templateText = templateText
              .replace('{value}', value)
              .replace('{total}', total)
+              .replace('{left}', left)
              .replace('{percent}', percent)
            ;
            module.debug('Adding variables to progress bar text', templateText);
@ -7487,7 +7512,7 @@ $.fn.progress = function(parameters) {
            if(module.total) {
              module.value = Math.round( (percent / 100) * module.total);
            }
-            if(settings.limitValues) {
+            else if(settings.limitValues) {
              module.value = (module.value > 100)
                ? 100
                : (module.value < 0)
@ -7503,15 +7528,17 @@ $.fn.progress = function(parameters) {
            settings.onChange.call(element, percent, module.value, module.total);
          },
          labelInterval: function() {
-            clearInterval(module.interval);
-            $bar
-              .one(transitionEnd + eventNamespace, function() {
+            var
+              animationCallback = function() {
                module.verbose('Bar finished animating, removing continuous label updates');
                clearInterval(module.interval);
                animating = false;
                module.set.labels();
-              })
+              }
            ;
+            clearInterval(module.interval);
+            $bar.one(transitionEnd + eventNamespace, animationCallback);
+            module.timer = setTimeout(animationCallback, settings.duration + 100);
            animating = true;
            module.interval = setInterval(module.set.labels, settings.framerate);
          },
@ -10176,7 +10203,12 @@ $.fn.sidebar = function(parameters) {
          }

          // avoids locking rendering if initialized in onReady
-          requestAnimationFrame(module.setup.layout);
+          if(settings.delaySetup) {
+            requestAnimationFrame(module.setup.layout);
+          }
+          else {
+            module.setup.layout();
+          }

          module.instantiate();
        },
@ -11090,6 +11122,7 @@ $.fn.sidebar.settings = {
  dimPage           : true,
  scrollLock        : false,
  returnScroll      : false,
+  delaySetup        : false,

  useLegacy         : 'auto',
  duration          : 500,
@ -13840,14 +13873,14 @@ $.fn.video = function(parameters) {
              }
              if(source == 'vimeo') {
                html = ''
-                  + '<iframe src="http://player.vimeo.com/video/' + id + '?=' + module.generate.url(source) + '"'
+                  + '<iframe src="//player.vimeo.com/video/' + id + '?=' + module.generate.url(source) + '"'
                  + ' width="100%" height="100%"'
                  + ' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
                ;
              }
              else if(source == 'youtube') {
                html = ''
-                  + '<iframe src="http://www.youtube.com/embed/' + id + '?=' + module.generate.url(source) + '"'
+                  + '<iframe src="//www.youtube.com/embed/' + id + '?=' + module.generate.url(source) + '"'
                  + ' width="100%" height="100%"'
                  + ' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'
                ;
--- a/dist/semantic.min.css
+++ b/dist/semantic.min.css
--- a/dist/semantic.min.js
+++ b/dist/semantic.min.js