Merge branch 'popup' of github.com:jlukic/Semantic-UI into popup

RELEASE NOTES.md

@@ -1,6 +1,5 @@
 ## RELEASE NOTES
 
-
 ### Version 0.7.0 - Oct 17, 2013
 
 **New**
@@ -39,6 +38,12 @@
 - Popup border now uses RGBA to look sexier on dark backgrounds
 - Popup no-longer receives class name 'visible' on show, this allows popups to be used on dropdowns and other elements with a visible state
 
+### Version 0.6.5 - Oct 18, 2013
+
+**Fixes**
+- Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
+- Modal keyboard shortcuts now obey settings.closable (credit to luisrudge)
+
 
 ### Version 0.6.4 - Oct 16, 2013
 

build/less/collections/menu.less

@@ -688,6 +688,8 @@
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
 
+  border-radius: 0em;
+
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -716,14 +718,15 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
 
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
   border-color: #DCDDDE;
+  font-weight: bold;
 
-  padding-top: 0.83em;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

build/less/collections/message.less

@@ -233,7 +233,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-left: 1em;

build/less/collections/table.less

@@ -100,6 +100,53 @@
   display: block;
 }
 
+
+/* Responsive */
+
+@media only screen and (max-width : 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
+
+
+
 /*******************************
              States
 *******************************/
@@ -168,8 +215,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -185,16 +232,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -211,15 +258,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 
 
@@ -236,7 +283,7 @@
 
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 }

build/less/elements/header.less

@@ -309,7 +309,7 @@ h5.ui.header {
 --------------------*/
 
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 

build/less/elements/label.less

@@ -106,6 +106,21 @@ a.ui.label {
   opacity: 0.99;
 }
 
+
+/*-------------------
+       Coupling
+--------------------*/
+
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
+
+
 /*******************************
              Types
 *******************************/
@@ -305,6 +320,9 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   left: 0em;
+
+  padding: 0.75em 1em;
+
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;

build/less/elements/segment.less

@@ -118,15 +118,6 @@
   margin-bottom: 0em;
 }
 
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
-
 /*******************************
              Types
 *******************************/

build/less/modules/checkbox.less

@@ -24,8 +24,9 @@
   position: relative;
   display: inline-block;
 
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
 
   outline: none;
   vertical-align: middle;
@@ -44,21 +45,14 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-
-  min-width: 1em;
-  height: 1.5em;
-
   padding-left: 2em;
   outline: none;
-
-  white-space: nowrap;
 }
 
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   left: 0em;
 
   line-height: 1;
@@ -117,7 +111,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -208,7 +202,7 @@
 
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -217,7 +211,7 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   left: 0.2em;
 
   width: 0.6em;
@@ -225,6 +219,8 @@
 
   background-color: #555555;
 
+  transform: none;
+
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -237,13 +233,12 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   left: 0em;
   content: '';
 
@@ -263,8 +258,8 @@
   display: block;
 
   position: absolute;
-  top: 0em;
-  left: 0;
+  top: -0.25em;
+  left: 0em;
   z-index: 1;
 
   width: 1.5em;
@@ -290,7 +285,7 @@
 
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   left: 0em;
   z-index: 2;
 
@@ -302,6 +297,8 @@
 
   border-radius: 50rem;
 
+  transform: none;
+
   -webkit-transition:
     background 0.3s ease 0s,
     left 0.3s ease 0s
@@ -360,7 +357,6 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 
 .ui.toggle.checkbox .box,
@@ -376,7 +372,7 @@
 
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   left: 0em;
   z-index: 1;
 
@@ -403,7 +399,7 @@
 
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   left: 0.5em;
   z-index: 2;
 

build/less/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

build/less/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

build/less/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

build/less/modules/transition.less

@@ -14,11 +14,6 @@
 
 
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
 
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
@@ -40,6 +35,18 @@
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+
+/*******************************
+       States
+*******************************/
+
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
 
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
@@ -48,10 +55,6 @@
   transform: translateZ(0);
 }
 
-/*******************************
-       States
-*******************************/
-
 /* Loading */
 .ui.loading.transition {
   position: absolute;

build/less/views/list.less

@@ -70,8 +70,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0.5em 0em 0em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -265,7 +265,7 @@ ol.ui.list li,
 
 ul.ui.list,
 .ui.bulleted.list {
-  margin-left: 1em;
+  margin-left: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -274,7 +274,7 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  left: -1em;
+  left: -1.5em;
   content: '•';
 
   line-height: 1.2rem;
@@ -283,7 +283,7 @@ ul.ui.list li:before,
 
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-left: 1.2em;
+  padding-left: 1.5em;
 }
 
 /* Horizontal Bulleted */
@@ -339,7 +339,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-left: 3em;
+  padding-left: 2.5em;
 }
 
 ol.ui.list ol li:before,

build/minified/collections/message.min.css

@@ -1 +1 @@
-.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{margin:0;font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.3em}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;opacity:.2}.ui.icon.message>.icon+.content{padding-left:1em}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.floating.message{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{margin:0;font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.3em}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;opacity:.5}.ui.icon.message>.icon+.content{padding-left:1em}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.floating.message{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

build/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-left:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-left:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:rgba(0,0,0,.05);padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}

build/minified/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

build/minified/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

build/minified/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

build/packaged/css/semantic.css

@@ -1641,6 +1641,7 @@ body > .ui.grid {
 .ui.tabular.menu {
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
+  border-radius: 0em;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -1665,11 +1666,12 @@ body > .ui.grid {
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
   border-color: #DCDDDE;
-  padding-top: 0.83em;
+  font-weight: bold;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
@@ -2726,7 +2728,7 @@ body > .ui.grid {
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-left: 1em;
@@ -2900,6 +2902,46 @@ body > .ui.grid {
 .ui.table.segment.stacked:after {
   display: block;
 }
+/* Responsive */
+@media only screen and (max-width: 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
 /*******************************
              States
 *******************************/
@@ -2960,8 +3002,8 @@ body > .ui.grid {
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
       Error
@@ -2975,16 +3017,16 @@ body > .ui.grid {
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
      Warning
@@ -2999,15 +3041,15 @@ body > .ui.grid {
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 /*--------------
      Active
@@ -3020,7 +3062,7 @@ body > .ui.grid {
 }
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 
@@ -5502,7 +5544,7 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 /*-------------------
@@ -7471,6 +7513,17 @@ a.ui.label {
 .ui.label .delete.icon:hover {
   opacity: 0.99;
 }
+/*-------------------
+       Coupling
+--------------------*/
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
 /*******************************
              Types
 *******************************/
@@ -7626,6 +7679,7 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   left: 0em;
+  padding: 0.75em 1em;
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;
@@ -8638,14 +8692,6 @@ a.ui.teal.label:hover:before {
 .ui.segment > :last-child {
   margin-bottom: 0em;
 }
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
 /*******************************
              Types
 *******************************/
@@ -9577,8 +9623,9 @@ a.ui.teal.label:hover:before {
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
   outline: none;
   vertical-align: middle;
 }
@@ -9593,17 +9640,13 @@ a.ui.teal.label:hover:before {
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-  min-width: 1em;
-  height: 1.5em;
   padding-left: 2em;
   outline: none;
-  white-space: nowrap;
 }
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   line-height: 1;
   width: 1em;
   height: 1em;
@@ -9640,7 +9683,7 @@ a.ui.teal.label:hover:before {
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -9714,7 +9757,7 @@ a.ui.teal.label:hover:before {
 ---------------*/
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -9723,11 +9766,12 @@ a.ui.teal.label:hover:before {
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   left: 0.2em;
   width: 0.6em;
   height: 0.6em;
   background-color: #555555;
+  transform: none;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -9738,12 +9782,11 @@ a.ui.teal.label:hover:before {
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   left: 0em;
   content: '';
   width: 3em;
@@ -9760,8 +9803,8 @@ a.ui.teal.label:hover:before {
   cursor: pointer;
   display: block;
   position: absolute;
-  top: 0em;
-  left: 0;
+  top: -0.25em;
+  left: 0em;
   z-index: 1;
   width: 1.5em;
   height: 1.5em;
@@ -9781,7 +9824,7 @@ a.ui.teal.label:hover:before {
   opacity: 1;
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   left: 0em;
   z-index: 2;
   margin-left: 0.375em;
@@ -9789,6 +9832,7 @@ a.ui.teal.label:hover:before {
   width: 0.75em;
   height: 0.75em;
   border-radius: 50rem;
+  transform: none;
   -webkit-transition: background 0.3s ease 0s,
     left 0.3s ease 0s
   ;
@@ -9827,7 +9871,6 @@ a.ui.teal.label:hover:before {
 ---------------*/
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 .ui.toggle.checkbox .box,
 .ui.toggle.checkbox label {
@@ -9840,7 +9883,7 @@ a.ui.teal.label:hover:before {
   display: block;
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   left: 0em;
   z-index: 1;
   background-color: #FFFFFF;
@@ -9861,7 +9904,7 @@ a.ui.teal.label:hover:before {
   box-shadow: none;
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   left: 0.5em;
   z-index: 2;
   border: none;
@@ -12060,11 +12103,6 @@ body {
   https://github.com/daneden/animate.css
 */
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -ms-animation-iteration-count: 1;
@@ -12082,15 +12120,22 @@ body {
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+/*******************************
+       States
+*******************************/
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
 }
-/*******************************
-       States
-*******************************/
 /* Loading */
 .ui.loading.transition {
   position: absolute;
@@ -14180,8 +14225,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0.5em 0em 0em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -14326,7 +14371,7 @@ ol.ui.list li,
 --------------------*/
 ul.ui.list,
 .ui.bulleted.list {
-  margin-left: 1em;
+  margin-left: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -14335,14 +14380,14 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  left: -1em;
+  left: -1.5em;
   content: '•';
   line-height: 1.2rem;
   vertical-align: top;
 }
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-left: 1.2em;
+  padding-left: 1.5em;
 }
 /* Horizontal Bulleted */
 ul.ui.horizontal.bulleted.list,
@@ -14392,7 +14437,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-left: 3em;
+  padding-left: 2.5em;
 }
 ol.ui.list ol li:before,
 .ui.ordered.list .list .item:before {

build/packaged/javascript/semantic.js

@@ -4516,11 +4516,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -4609,9 +4604,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -4702,9 +4697,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -4831,16 +4828,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -4964,16 +4967,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();
@@ -5414,8 +5419,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -5816,8 +5826,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',
@@ -9692,18 +9702,26 @@ $.fn.sidebar.settings = {
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -9737,15 +9755,16 @@ $.fn.sidebar.settings = {
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -9799,6 +9818,12 @@ $.fn.sidebar.settings = {
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -9861,6 +9886,11 @@ $.fn.sidebar.settings = {
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -10271,7 +10301,8 @@ $.fn.sidebar.settings = {
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

build/uncompressed/collections/menu.css

@@ -534,6 +534,7 @@
 .ui.tabular.menu {
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
+  border-radius: 0em;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -558,11 +559,12 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
   border-color: #DCDDDE;
-  padding-top: 0.83em;
+  font-weight: bold;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;

build/uncompressed/collections/message.css

@@ -165,7 +165,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-left: 1em;

build/uncompressed/collections/table.css

@@ -86,6 +86,46 @@
 .ui.table.segment.stacked:after {
   display: block;
 }
+/* Responsive */
+@media only screen and (max-width: 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
 /*******************************
              States
 *******************************/
@@ -146,8 +186,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
       Error
@@ -161,16 +201,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
      Warning
@@ -185,15 +225,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 /*--------------
      Active
@@ -206,7 +246,7 @@
 }
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 

build/uncompressed/elements/header.css

@@ -265,7 +265,7 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 /*-------------------

build/uncompressed/elements/label.css

@@ -79,6 +79,17 @@ a.ui.label {
 .ui.label .delete.icon:hover {
   opacity: 0.99;
 }
+/*-------------------
+       Coupling
+--------------------*/
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
 /*******************************
              Types
 *******************************/
@@ -234,6 +245,7 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   left: 0em;
+  padding: 0.75em 1em;
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;

build/uncompressed/elements/segment.css

@@ -83,14 +83,6 @@
 .ui.segment > :last-child {
   margin-bottom: 0em;
 }
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
 /*******************************
              Types
 *******************************/

build/uncompressed/modules/checkbox.css

@@ -18,8 +18,9 @@
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
   outline: none;
   vertical-align: middle;
 }
@@ -34,17 +35,13 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-  min-width: 1em;
-  height: 1.5em;
   padding-left: 2em;
   outline: none;
-  white-space: nowrap;
 }
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   line-height: 1;
   width: 1em;
   height: 1em;
@@ -81,7 +78,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -155,7 +152,7 @@
 ---------------*/
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -164,11 +161,12 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   left: 0.2em;
   width: 0.6em;
   height: 0.6em;
   background-color: #555555;
+  transform: none;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -179,12 +177,11 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   left: 0em;
   content: '';
   width: 3em;
@@ -201,8 +198,8 @@
   cursor: pointer;
   display: block;
   position: absolute;
-  top: 0em;
-  left: 0;
+  top: -0.25em;
+  left: 0em;
   z-index: 1;
   width: 1.5em;
   height: 1.5em;
@@ -222,7 +219,7 @@
   opacity: 1;
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   left: 0em;
   z-index: 2;
   margin-left: 0.375em;
@@ -230,6 +227,7 @@
   width: 0.75em;
   height: 0.75em;
   border-radius: 50rem;
+  transform: none;
   -webkit-transition: background 0.3s ease 0s,
     left 0.3s ease 0s
   ;
@@ -268,7 +266,6 @@
 ---------------*/
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 .ui.toggle.checkbox .box,
 .ui.toggle.checkbox label {
@@ -281,7 +278,7 @@
   display: block;
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   left: 0em;
   z-index: 1;
   background-color: #FFFFFF;
@@ -302,7 +299,7 @@
   box-shadow: none;
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   left: 0.5em;
   z-index: 2;
   border: none;

build/uncompressed/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

build/uncompressed/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

build/uncompressed/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

build/uncompressed/modules/transition.css

@@ -11,11 +11,6 @@
   https://github.com/daneden/animate.css
 */
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -ms-animation-iteration-count: 1;
@@ -33,15 +28,22 @@
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+/*******************************
+       States
+*******************************/
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
 }
-/*******************************
-       States
-*******************************/
 /* Loading */
 .ui.loading.transition {
   position: absolute;

build/uncompressed/views/list.css

@@ -59,8 +59,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0.5em 0em 0em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -205,7 +205,7 @@ ol.ui.list li,
 --------------------*/
 ul.ui.list,
 .ui.bulleted.list {
-  margin-left: 1em;
+  margin-left: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -214,14 +214,14 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  left: -1em;
+  left: -1.5em;
   content: '•';
   line-height: 1.2rem;
   vertical-align: top;
 }
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-left: 1.2em;
+  padding-left: 1.5em;
 }
 /* Horizontal Bulleted */
 ul.ui.horizontal.bulleted.list,
@@ -271,7 +271,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-left: 3em;
+  padding-left: 2.5em;
 }
 ol.ui.list ol li:before,
 .ui.ordered.list .list .item:before {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "title": "Semantic UI",
   "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",
   "homepage": "http://www.semantic-ui.com",

rtl/less/collections/menu.less

@@ -688,6 +688,8 @@
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
 
+  border-radius: 0em;
+
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -716,14 +718,15 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
 
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
   border-color: #DCDDDE;
+  font-weight: bold;
 
-  padding-top: 0.83em;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

rtl/less/collections/message.less

@@ -233,7 +233,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-right: 1em;

rtl/less/collections/table.less

@@ -100,6 +100,53 @@
   display: block;
 }
 
+
+/* Responsive */
+
+@media only screen and (max-width : 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
+
+
+
 /*******************************
              States
 *******************************/
@@ -168,8 +215,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -185,16 +232,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -211,15 +258,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 
 
@@ -236,7 +283,7 @@
 
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 }

rtl/less/elements/header.less

@@ -309,7 +309,7 @@ h5.ui.header {
 --------------------*/
 
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 

rtl/less/elements/label.less

@@ -106,6 +106,21 @@ a.ui.label {
   opacity: 0.99;
 }
 
+
+/*-------------------
+       Coupling
+--------------------*/
+
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
+
+
 /*******************************
              Types
 *******************************/
@@ -305,6 +320,9 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   right: 0em;
+
+  padding: 0.75em 1em;
+
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;

rtl/less/elements/segment.less

@@ -118,15 +118,6 @@
   margin-bottom: 0em;
 }
 
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
-
 /*******************************
              Types
 *******************************/

rtl/less/modules/checkbox.less

@@ -24,8 +24,9 @@
   position: relative;
   display: inline-block;
 
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
 
   outline: none;
   vertical-align: middle;
@@ -44,21 +45,14 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-
-  min-width: 1em;
-  height: 1.5em;
-
   padding-right: 2em;
   outline: none;
-
-  white-space: nowrap;
 }
 
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   right: 0em;
 
   line-height: 1;
@@ -117,7 +111,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   right: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -208,7 +202,7 @@
 
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -217,7 +211,7 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   right: 0.2em;
 
   width: 0.6em;
@@ -225,6 +219,8 @@
 
   background-color: #555555;
 
+  transform: none;
+
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -237,13 +233,12 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   right: 0em;
   content: '';
 
@@ -263,8 +258,8 @@
   display: block;
 
   position: absolute;
-  top: 0em;
-  right: 0;
+  top: -0.25em;
+  right: 0em;
   z-index: 1;
 
   width: 1.5em;
@@ -290,7 +285,7 @@
 
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   right: 0em;
   z-index: 2;
 
@@ -302,6 +297,8 @@
 
   border-radius: 50rem;
 
+  transform: none;
+
   -webkit-transition:
     background 0.3s ease 0s,
     right 0.3s ease 0s
@@ -360,7 +357,6 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 
 .ui.toggle.checkbox .box,
@@ -376,7 +372,7 @@
 
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   right: 0em;
   z-index: 1;
 
@@ -403,7 +399,7 @@
 
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   right: 0.5em;
   z-index: 2;
 

rtl/less/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

rtl/less/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

rtl/less/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

rtl/less/modules/transition.less

@@ -14,11 +14,6 @@
 
 
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
 
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
@@ -40,6 +35,18 @@
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+
+/*******************************
+       States
+*******************************/
+
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
 
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
@@ -48,10 +55,6 @@
   transform: translateZ(0);
 }
 
-/*******************************
-       States
-*******************************/
-
 /* Loading */
 .ui.loading.transition {
   position: absolute;

rtl/less/views/list.less

@@ -70,8 +70,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0em 0em 0.5em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -265,7 +265,7 @@ ol.ui.list li,
 
 ul.ui.list,
 .ui.bulleted.list {
-  margin-right: 1em;
+  margin-right: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -274,7 +274,7 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  right: -1em;
+  right: -1.5em;
   content: '•';
 
   line-height: 1.2rem;
@@ -283,7 +283,7 @@ ul.ui.list li:before,
 
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-right: 1.2em;
+  padding-right: 1.5em;
 }
 
 /* Horizontal Bulleted */
@@ -339,7 +339,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-right: 3em;
+  padding-right: 2.5em;
 }
 
 ol.ui.list ol li:before,

rtl/minified/collections/message.min.css

@@ -1 +1 @@
-.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.header{margin:0 .325em}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message;font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.3em}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 1em 0 0;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;right:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;left:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-right:-1px;margin-left:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em}.ui.icon.message{display:table .325em;width:100%}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;opacity:.2}.ui.icon.message>.icon+.content{padding-right:1em}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.floating.message{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.header{margin:0 .325em}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message;font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.3em}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 1em 0 0;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;right:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.close.icon{cursor:pointer;position:absolute;top:1em;left:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-right:-1px;margin-left:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em}.ui.icon.message{display:table .325em;width:100%}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;opacity:.5}.ui.icon.message>.icon+.content{padding-right:1em}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.floating.message{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) inset}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

rtl/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-left:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-right:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-right:auto;margin-left:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:right}.ui.right.aligned.header{text-align:left}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.right.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0}.ui.bottom.attached.header{margin-top:0 0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em} .3125em
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-left:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-right:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-right:auto;margin-left:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:right}.ui.right.aligned.header{text-align:left}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.right.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:rgba(0,0,0,.05);padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0}.ui.bottom.attached.header{margin-top:0 0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em} .3125em

rtl/minified/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

rtl/minified/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

rtl/minified/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

rtl/packaged/css/semantic.css

@@ -1641,6 +1641,7 @@ body > .ui.grid {
 .ui.tabular.menu {
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
+  border-radius: 0em;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -1665,11 +1666,12 @@ body > .ui.grid {
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
   border-color: #DCDDDE;
-  padding-top: 0.83em;
+  font-weight: bold;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
@@ -2726,7 +2728,7 @@ body > .ui.grid {
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-right: 1em;
@@ -2900,6 +2902,46 @@ body > .ui.grid {
 .ui.table.segment.stacked:after {
   display: block;
 }
+/* Responsive */
+@media only screen and (max-width: 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
 /*******************************
              States
 *******************************/
@@ -2960,8 +3002,8 @@ body > .ui.grid {
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
       Error
@@ -2975,16 +3017,16 @@ body > .ui.grid {
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
      Warning
@@ -2999,15 +3041,15 @@ body > .ui.grid {
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 /*--------------
      Active
@@ -3020,7 +3062,7 @@ body > .ui.grid {
 }
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 
@@ -5502,7 +5544,7 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 /*-------------------
@@ -7471,6 +7513,17 @@ a.ui.label {
 .ui.label .delete.icon:hover {
   opacity: 0.99;
 }
+/*-------------------
+       Coupling
+--------------------*/
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
 /*******************************
              Types
 *******************************/
@@ -7626,6 +7679,7 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   right: 0em;
+  padding: 0.75em 1em;
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;
@@ -8638,14 +8692,6 @@ a.ui.teal.label:hover:before {
 .ui.segment > :last-child {
   margin-bottom: 0em;
 }
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
 /*******************************
              Types
 *******************************/
@@ -9577,8 +9623,9 @@ a.ui.teal.label:hover:before {
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
   outline: none;
   vertical-align: middle;
 }
@@ -9593,17 +9640,13 @@ a.ui.teal.label:hover:before {
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-  min-width: 1em;
-  height: 1.5em;
   padding-right: 2em;
   outline: none;
-  white-space: nowrap;
 }
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   line-height: 1;
   width: 1em;
   height: 1em;
@@ -9640,7 +9683,7 @@ a.ui.teal.label:hover:before {
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   right: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -9714,7 +9757,7 @@ a.ui.teal.label:hover:before {
 ---------------*/
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -9723,11 +9766,12 @@ a.ui.teal.label:hover:before {
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   right: 0.2em;
   width: 0.6em;
   height: 0.6em;
   background-color: #555555;
+  transform: none;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -9738,12 +9782,11 @@ a.ui.teal.label:hover:before {
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   right: 0em;
   content: '';
   width: 3em;
@@ -9760,8 +9803,8 @@ a.ui.teal.label:hover:before {
   cursor: pointer;
   display: block;
   position: absolute;
-  top: 0em;
-  right: 0;
+  top: -0.25em;
+  right: 0em;
   z-index: 1;
   width: 1.5em;
   height: 1.5em;
@@ -9781,7 +9824,7 @@ a.ui.teal.label:hover:before {
   opacity: 1;
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   right: 0em;
   z-index: 2;
   margin-right: 0.375em;
@@ -9789,6 +9832,7 @@ a.ui.teal.label:hover:before {
   width: 0.75em;
   height: 0.75em;
   border-radius: 50rem;
+  transform: none;
   -webkit-transition: background 0.3s ease 0s,
     right 0.3s ease 0s
   ;
@@ -9827,7 +9871,6 @@ a.ui.teal.label:hover:before {
 ---------------*/
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 .ui.toggle.checkbox .box,
 .ui.toggle.checkbox label {
@@ -9840,7 +9883,7 @@ a.ui.teal.label:hover:before {
   display: block;
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   right: 0em;
   z-index: 1;
   background-color: #FFFFFF;
@@ -9861,7 +9904,7 @@ a.ui.teal.label:hover:before {
   box-shadow: none;
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   right: 0.5em;
   z-index: 2;
   border: none;
@@ -12060,11 +12103,6 @@ body {
   https://github.com/daneden/animate.css
 */
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -ms-animation-iteration-count: 1;
@@ -12082,15 +12120,22 @@ body {
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+/*******************************
+       States
+*******************************/
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
 }
-/*******************************
-       States
-*******************************/
 /* Loading */
 .ui.loading.transition {
   position: absolute;
@@ -14180,8 +14225,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0em 0em 0.5em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -14326,7 +14371,7 @@ ol.ui.list li,
 --------------------*/
 ul.ui.list,
 .ui.bulleted.list {
-  margin-right: 1em;
+  margin-right: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -14335,14 +14380,14 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  right: -1em;
+  right: -1.5em;
   content: '•';
   line-height: 1.2rem;
   vertical-align: top;
 }
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-right: 1.2em;
+  padding-right: 1.5em;
 }
 /* Horizontal Bulleted */
 ul.ui.horizontal.bulleted.list,
@@ -14392,7 +14437,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-right: 3em;
+  padding-right: 2.5em;
 }
 ol.ui.list ol li:before,
 .ui.ordered.list .list .item:before {

rtl/packaged/javascript/semantic.js

@@ -4516,11 +4516,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -4609,9 +4604,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -4702,9 +4697,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -4831,16 +4828,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -4964,16 +4967,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();
@@ -5414,8 +5419,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -5816,8 +5826,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',
@@ -9692,18 +9702,26 @@ $.fn.sidebar.settings = {
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -9737,15 +9755,16 @@ $.fn.sidebar.settings = {
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -9799,6 +9818,12 @@ $.fn.sidebar.settings = {
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -9861,6 +9886,11 @@ $.fn.sidebar.settings = {
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -10271,7 +10301,8 @@ $.fn.sidebar.settings = {
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

rtl/uncompressed/collections/menu.css

@@ -534,6 +534,7 @@
 .ui.tabular.menu {
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
+  border-radius: 0em;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -558,11 +559,12 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
   border-color: #DCDDDE;
-  padding-top: 0.83em;
+  font-weight: bold;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;

rtl/uncompressed/collections/message.css

@@ -165,7 +165,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-right: 1em;

rtl/uncompressed/collections/table.css

@@ -86,6 +86,46 @@
 .ui.table.segment.stacked:after {
   display: block;
 }
+/* Responsive */
+@media only screen and (max-width: 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
 /*******************************
              States
 *******************************/
@@ -146,8 +186,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
       Error
@@ -161,16 +201,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 /*--------------
      Warning
@@ -185,15 +225,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 /*--------------
      Active
@@ -206,7 +246,7 @@
 }
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 

rtl/uncompressed/elements/header.css

@@ -265,7 +265,7 @@ h5.ui.header {
         Block
 --------------------*/
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 /*-------------------

rtl/uncompressed/elements/label.css

@@ -79,6 +79,17 @@ a.ui.label {
 .ui.label .delete.icon:hover {
   opacity: 0.99;
 }
+/*-------------------
+       Coupling
+--------------------*/
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
 /*******************************
              Types
 *******************************/
@@ -234,6 +245,7 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   right: 0em;
+  padding: 0.75em 1em;
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;

rtl/uncompressed/elements/segment.css

@@ -83,14 +83,6 @@
 .ui.segment > :last-child {
   margin-bottom: 0em;
 }
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
 /*******************************
              Types
 *******************************/

rtl/uncompressed/modules/checkbox.css

@@ -18,8 +18,9 @@
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
   outline: none;
   vertical-align: middle;
 }
@@ -34,17 +35,13 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-  min-width: 1em;
-  height: 1.5em;
   padding-right: 2em;
   outline: none;
-  white-space: nowrap;
 }
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   line-height: 1;
   width: 1em;
   height: 1em;
@@ -81,7 +78,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   right: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -155,7 +152,7 @@
 ---------------*/
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -164,11 +161,12 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   right: 0.2em;
   width: 0.6em;
   height: 0.6em;
   background-color: #555555;
+  transform: none;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -179,12 +177,11 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   right: 0em;
   content: '';
   width: 3em;
@@ -201,8 +198,8 @@
   cursor: pointer;
   display: block;
   position: absolute;
-  top: 0em;
-  right: 0;
+  top: -0.25em;
+  right: 0em;
   z-index: 1;
   width: 1.5em;
   height: 1.5em;
@@ -222,7 +219,7 @@
   opacity: 1;
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   right: 0em;
   z-index: 2;
   margin-right: 0.375em;
@@ -230,6 +227,7 @@
   width: 0.75em;
   height: 0.75em;
   border-radius: 50rem;
+  transform: none;
   -webkit-transition: background 0.3s ease 0s,
     right 0.3s ease 0s
   ;
@@ -268,7 +266,6 @@
 ---------------*/
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 .ui.toggle.checkbox .box,
 .ui.toggle.checkbox label {
@@ -281,7 +278,7 @@
   display: block;
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   right: 0em;
   z-index: 1;
   background-color: #FFFFFF;
@@ -302,7 +299,7 @@
   box-shadow: none;
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   right: 0.5em;
   z-index: 2;
   border: none;

rtl/uncompressed/modules/dropdown.js

@@ -68,11 +68,6 @@ $.fn.dropdown = function(parameters) {
             module.bind.touchEvents();
           }
           module.bind.mouseEvents();
-
-          $document
-            .one('mousemove' + eventNamespace, module.set.hasMouse)
-          ;
-
           module.instantiate();
         },
 
@@ -161,9 +156,9 @@ $.fn.dropdown = function(parameters) {
         event: {
           test: {
             toggle: function(event) {
-              module.determine.intent(event, module.toggle);
+              if( module.determine.intent(event, module.toggle) ) {
                 event.preventDefault();
-              event.stopImmediatePropagation();
+              }
             },
             touch: function(event) {
               module.determine.intent(event, function() {
@@ -254,9 +249,11 @@ $.fn.dropdown = function(parameters) {
             if( $(event.target).closest($menu).size() === 0 ) {
               module.verbose('Triggering event', callback);
               callback();
+              return true;
             }
             else {
               module.verbose('Event occurred in dropdown, canceling callback');
+              return false;
             }
           }
         },
@@ -383,16 +380,22 @@ $.fn.dropdown = function(parameters) {
           selection: function() {
             return $module.hasClass(className.selection);
           },
+          animated: function($subMenu) {
+            return ($subMenu)
+              ? $subMenu.is(':animated') || $subMenu.transition('is animating')
+              : $menu.is(':animated') || $menu.transition('is animating')
+            ;
+          },
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':animated, :visible')
-              : $menu.is(':animated, :visible')
+              ? $subMenu.is(':visible')
+              : $menu.is(':visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:animated, :visible)')
-              : $menu.is(':not(:animated, :visible)')
+              ? $subMenu.is(':not(:visible)')
+              : $menu.is(':not(:visible)')
             ;
           }
         },
@@ -516,16 +519,18 @@ $.fn.dropdown = function(parameters) {
           if( module.is.hidden() ) {
             module.hideOthers();
             module.set.active();
-            module.animate.show(module.set.visible);
+            module.animate.show(function() {
               if( module.can.click() ) {
                 module.bind.intent();
               }
+              module.set.visible();
+            });
             $.proxy(settings.onShow, element)();
           }
         },
 
         hide: function() {
-          if( module.is.visible() ) {
+          if( !module.is.animated() && module.is.visible() ) {
             module.debug('Hiding dropdown');
             if( module.can.click() ) {
               module.unbind.intent();

rtl/uncompressed/modules/modal.js

@@ -164,8 +164,13 @@ $.fn.modal = function(parameters) {
               escapeKey = 27
             ;
             if(keyCode == escapeKey) {
+              if(settings.closable) {
                 module.debug('Escape key pressed hiding modal');
                 module.hide();
+              }
+              else {
+                module.debug('Escape key pressed, but closable is set to false');
+              }
               event.preventDefault();
             }
           },
@@ -566,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

rtl/uncompressed/modules/tab.js

@@ -65,18 +65,26 @@
 
         // attach history events
         if(settings.history) {
+          module.debug('Initializing page state');
           if( $.address === undefined ) {
             module.error(error.state);
             return false;
           }
-          else if(settings.path === false) {
+          else {
+            if(settings.historyType == 'html5') {
+              module.debug('Using HTML5 to manage state');
+              if(settings.path !== false) {
+                $.address
+                  .history(true)
+                  .state(settings.path)
+                ;
+              }
+              else {
                 module.error(error.path);
                 return false;
               }
-          else {
-            module.verbose('Address library found adding state change event');
+            }
             $.address
-              .state(settings.path)
               .unbind('change')
               .bind('change', module.event.history.change)
             ;
@@ -110,15 +118,16 @@
 
       event: {
         click: function(event) {
-          module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
           ;
           if(tabPath !== undefined) {
             if(settings.history) {
+              module.verbose('Updating page state', event);
               $.address.value(tabPath);
             }
             else {
+              module.verbose('Changing tab without state management', event);
               module.changeTab(tabPath);
             }
             event.preventDefault();
@@ -172,6 +181,12 @@
         }
       },
 
+      set: {
+        state: function(url) {
+          $.address.value(url);
+        }
+      },
+
       changeTab: function(tabPath) {
         var
           pushStateAvailable = (window.history && window.history.pushState),
@@ -234,6 +249,11 @@
             else {
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
+              if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
+                module.debug('First time tab loaded calling tab init');
+                $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
+              }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }
           }
@@ -644,7 +664,8 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-    history         : false,
+    history         : true,
+    historyType     : 'hash',
     path            : false,
 
     context         : 'body',

rtl/uncompressed/modules/transition.css

@@ -11,11 +11,6 @@
   https://github.com/daneden/animate.css
 */
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -ms-animation-iteration-count: 1;
@@ -33,15 +28,22 @@
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+/*******************************
+       States
+*******************************/
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
 }
-/*******************************
-       States
-*******************************/
 /* Loading */
 .ui.loading.transition {
   position: absolute;

rtl/uncompressed/views/list.css

@@ -59,8 +59,8 @@ ol.ui.list li,
 .ui.list .item > .icon {
   display: table-cell;
   margin: 0em;
-  padding: 0em 0em 0em 0.5em;
-  vertical-align: middle;
+  padding: 0.2em 0.5em;
+  vertical-align: top;
 }
 .ui.list .item > .icon:only-child {
   display: inline-block;
@@ -205,7 +205,7 @@ ol.ui.list li,
 --------------------*/
 ul.ui.list,
 .ui.bulleted.list {
-  margin-right: 1em;
+  margin-right: 1.5em;
 }
 ul.ui.list li,
 .ui.bulleted.list .item {
@@ -214,14 +214,14 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .item:before {
   position: absolute;
-  right: -1em;
+  right: -1.5em;
   content: '•';
   line-height: 1.2rem;
   vertical-align: top;
 }
 ul.ui.list ul,
 .ui.bulleted.list .list {
-  padding-right: 1.2em;
+  padding-right: 1.5em;
 }
 /* Horizontal Bulleted */
 ul.ui.horizontal.bulleted.list,
@@ -271,7 +271,7 @@ ol.ui.list li:before,
 ol.ui.list ol,
 .ui.ordered.list .list {
   counter-reset: ordered;
-  padding-right: 3em;
+  padding-right: 2.5em;
 }
 ol.ui.list ol li:before,
 .ui.ordered.list .list .item:before {

server/documents/index.html.eco

@@ -15,7 +15,7 @@ type   : 'Semantic'
   <div class="ui page grid">
     <div class="column">
       <div class="introduction">
-        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.6.4</a></h1>
+        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.6.5</a></h1>
         <h2 class="ui header">UI is the vocabulary of the web.</h2>
         <p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
         <a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>

server/documents/modules/popup.html.eco

@@ -154,8 +154,6 @@ type        : 'UI Module'
 
   <div class="ui tab" data-tab="examples">
 
-    <h2 class="ui dividing header">Examples</h2>
-
     <div class="example">
       <h3 class="ui header">Specifying a trigger event</h3>
       <p>A popup trigger event can be specified</p>
@@ -282,8 +280,6 @@ type        : 'UI Module'
 
   <div class="ui tab" data-tab="settings">
 
-    <h2 class="ui dividing header">Settings</h2>
-
     <h3 class="ui header">
       Popup Settings
       <div class="sub header">Settings to configure popup behavior</div>

src/modules/modal.js

@@ -571,8 +571,8 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
-  onApprove   : function(){ console.log('approved'); },
-  onDeny      : function(){ console.log('denied'); },
+  onApprove   : function(){},
+  onDeny      : function(){},
 
   selector    : {
     close    : '.close, .actions .button',

src/modules/tab.js

@@ -250,9 +250,9 @@
               module.debug('Opened local tab', currentPath);
               module.activate.all(currentPath);
               if( !module.cache.read(currentPath) ) {
+                module.cache.add(currentPath, true);
                 module.debug('First time tab loaded calling tab init');
                 $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
-                module.cache.add(currentPath, true);
               }
               $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
             }