flashgrid 3.2.1 → 3.3.0

data/vendor/assets/javascripts/tooltip.js

@@ -15,7 +15,7 @@
     this.init('tooltip', element, options)
   }
 
-  Tooltip.VERSION  = '3.2.0'
+  Tooltip.VERSION  = '3.3.0'
 
   Tooltip.TRANSITION_DURATION = 150
 
@@ -178,13 +178,13 @@
 
       if (autoPlace) {
         var orgPlacement = placement
-        var $parent      = this.$element.parent()
-        var parentDim    = this.getPosition($parent)
+        var $container   = this.options.container ? $(this.options.container) : this.$element.parent()
+        var containerDim = this.getPosition($container)
 
-        placement = placement == 'bottom' && pos.top   + pos.height       + actualHeight - parentDim.scroll > parentDim.height ? 'top'    :
-                    placement == 'top'    && pos.top   - parentDim.scroll - actualHeight < 0                                   ? 'bottom' :
-                    placement == 'right'  && pos.right + actualWidth      > parentDim.width                                    ? 'left'   :
-                    placement == 'left'   && pos.left  - actualWidth      < parentDim.left                                     ? 'right'  :
+        placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top'    :
+                    placement == 'top'    && pos.top    - actualHeight < containerDim.top    ? 'bottom' :
+                    placement == 'right'  && pos.right  + actualWidth  > containerDim.width  ? 'left'   :
+                    placement == 'left'   && pos.left   - actualWidth  < containerDim.left   ? 'right'  :
                     placement
 
         $tip
@@ -197,8 +197,11 @@
       this.applyPlacement(calculatedOffset, placement)
 
       var complete = function () {
+        var prevHoverState = that.hoverState
         that.$element.trigger('shown.bs.' + that.type)
         that.hoverState = null
+
+        if (prevHoverState == 'out') that.leave(that)
       }
 
       $.support.transition && this.$tip.hasClass('fade') ?
@@ -319,7 +322,6 @@
 
     var el     = $element[0]
     var isBody = el.tagName == 'BODY'
-    var isSvg  = window.SVGElement && el instanceof window.SVGElement
 
     var elRect    = el.getBoundingClientRect()
     if (elRect.width == null) {
@@ -328,10 +330,7 @@
     }
     var elOffset  = isBody ? { top: 0, left: 0 } : $element.offset()
     var scroll    = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
-    var outerDims = isSvg ? {} : {
-      width:  isBody ? $(window).width()  : $element.outerWidth(),
-      height: isBody ? $(window).height() : $element.outerHeight()
-    }
+    var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
 
     return $.extend({}, elRect, scroll, outerDims, elOffset)
   }
@@ -397,14 +396,6 @@
     return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'))
   }
 
-  Tooltip.prototype.validate = function () {
-    if (!this.$element[0].parentNode) {
-      this.hide()
-      this.$element = null
-      this.options  = null
-    }
-  }
-
   Tooltip.prototype.enable = function () {
     this.enabled = true
   }
@@ -444,12 +435,18 @@
 
   function Plugin(option) {
     return this.each(function () {
-      var $this   = $(this)
-      var data    = $this.data('bs.tooltip')
-      var options = typeof option == 'object' && option
+      var $this    = $(this)
+      var data     = $this.data('bs.tooltip')
+      var options  = typeof option == 'object' && option
+      var selector = options && options.selector
 
       if (!data && option == 'destroy') return
-      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+      if (selector) {
+        if (!data) $this.data('bs.tooltip', (data = {}))
+        if (!data[selector]) data[selector] = new Tooltip(this, options)
+      } else {
+        if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+      }
       if (typeof option == 'string') data[option]()
     })
   }

data/vendor/assets/stylesheets/animation.css.scss

@@ -9,6 +9,8 @@
           animation-duration: 1s;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
+          position: relative;
+          z-index: 1;
 }
 .animated.hinge {
   -webkit-animation-duration: 2s;
@@ -51,11 +53,11 @@
 }
 @-webkit-keyframes flash {
   0%, 50%, 100% { opacity: 1; }
-  25%, 75% { opacity: 0; }
+  25%, 75%      { opacity: 0; }
 }
 @keyframes flash {
   0%, 50%, 100% { opacity: 1; }
-  25%, 75% { opacity: 0; }
+  25%, 75%      { opacity: 0; }
 }
 .flash {
   -webkit-animation-name: flash;
@@ -1013,11 +1015,11 @@
           animation-name: fadeInUpBig;
 }
 @-webkit-keyframes fadeOut {
-  0% { opacity: 1; }
+  0%   { opacity: 1; }
   100% { opacity: 0; }
 }
 @keyframes fadeOut {
-  0% { opacity: 1; }
+  0%   { opacity: 1; }
   100% { opacity: 0; }
 }
 .fadeOut {

data/vendor/assets/stylesheets/{switch.css.scss → swoggle.css.scss}

@@ -1,11 +1,11 @@
 /* Table of Contents
 ==================================================
-#Switch */
+#Swoggle */
 
-/* #Switch
+/* #Swoggle
 ================================================== */
-.switch input[type='radio'],
-.switch input[type='checkbox'] {
+.swoggle input[type='radio'],
+.swoggle input[type='checkbox'] {
   left: 0;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -13,7 +13,7 @@
   top: 0;
   z-index: -1;
 }
-.switch {
+.swoggle {
   background: rgba(245,248,250,1);
   border: 1px solid rgba(225,232,237,1);
   border-radius: 500px;
@@ -38,8 +38,8 @@
           user-select: none;
   vertical-align: middle;
 }
-.switch span,
-.switch label {
+.swoggle span,
+.swoggle label {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;
@@ -47,7 +47,7 @@
   height: 100%;
   position: relative;
 }
-.switch label {
+.swoggle label {
   background: rgba(255,255,255,1);
   border-radius: 500px;
   margin-bottom: 0;
@@ -59,7 +59,7 @@
   width: 20%;
   z-index: 100;
 }
-.switch span {
+.swoggle span {
   padding-bottom: 0;
      padding-top: 0;
   text-align: center;
@@ -67,7 +67,7 @@
   width: 40%;
   z-index: 1;
 }
-.switch > div {
+.swoggle > div {
   display: inline-block;
   position: relative;
   -webkit-transform: translate3d(0,0,0);
@@ -75,34 +75,34 @@
   top: 0;
   width: 150%;
 }
-.switch.switch-on > div         { margin-left: 0; }
-.switch.switch-off > div        { margin-left: -50%; }
-.switch.switch-on.switch-black,
-.switch.switch-on.switch-blue,
-.switch.switch-on.switch-green,
-.switch.switch-on.switch-red    { color: rgba(255,255,255,1); }
-.switch.switch-on.switch-black  {
+.swoggle.swoggle-on > div         { margin-left: 0; }
+.swoggle.swoggle-off > div        { margin-left: -50%; }
+.swoggle.swoggle-on.swoggle-black,
+.swoggle.swoggle-on.swoggle-blue,
+.swoggle.swoggle-on.swoggle-green,
+.swoggle.swoggle-on.swoggle-red    { color: rgba(255,255,255,1); }
+.swoggle.swoggle-on.swoggle-black  {
   background: rgba(56,67,81,1);
   border-color: rgba(6,17,31,1);
 }
-.switch.switch-on.switch-blue   {
+.swoggle.swoggle-on.swoggle-blue   {
   background: rgba(15,135,226,1);
   border-color: rgba(0,120,211,1);
 }
-.switch.switch-on.switch-green  {
+.swoggle.swoggle-on.swoggle-green  {
   background: rgba(112,169,13,1);
   border-color: rgba(74,153,0,1);
 }
-.switch.switch-on.switch-red    {
+.swoggle.swoggle-on.swoggle-red    {
   background: rgba(218,79,46,1);
   border-color: rgba(188,49,16,1);
 }
-.switch.switch-animate > div {
+.swoggle.swoggle-animate > div {
   -webkit-transition: margin-left 0.5s;
           transition: margin-left 0.5s;
 }
-.switch.switch-disabled,
-.switch.switch-readonly {
+.swoggle.swoggle-disabled,
+.swoggle.swoggle-readonly {
   cursor: default !important;
   opacity: 0.5;
   filter: alpha(opacity=50);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: flashgrid
 version: !ruby/object:Gem::Version
-  version: 3.2.1
+  version: 3.3.0
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-23 00:00:00.000000000 Z
+date: 2014-11-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -89,7 +89,7 @@ files:
 - vendor/assets/javascripts/modal.js
 - vendor/assets/javascripts/popover.js
 - vendor/assets/javascripts/scrollspy.js
-- vendor/assets/javascripts/switch.js
+- vendor/assets/javascripts/swoggle.js
 - vendor/assets/javascripts/tab.js
 - vendor/assets/javascripts/tablespy.js
 - vendor/assets/javascripts/time_picker.js
@@ -125,7 +125,7 @@ files:
 - vendor/assets/stylesheets/progress.css.scss
 - vendor/assets/stylesheets/reset.css.scss
 - vendor/assets/stylesheets/spinner.css.scss
-- vendor/assets/stylesheets/switch.css.scss
+- vendor/assets/stylesheets/swoggle.css.scss
 - vendor/assets/stylesheets/table.css.scss
 - vendor/assets/stylesheets/timepicker.css.scss
 - vendor/assets/stylesheets/tooltip.css.scss