mice 0.2.5 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 018fae66b83dbc267e6b0725ff529b3169f2ee68
-  data.tar.gz: 3a86177e6bb5a8346ec0bcb4003b7d5abab57ce9
+  metadata.gz: 3bcd6f9973735608132f90dfa76843c6d654b997
+  data.tar.gz: 5e7ea1129685321a09ccc7496ac59196928aaa61
 SHA512:
-  metadata.gz: 568900afa0be427313fcb3b898590ad081b0c706907e58fc6f319e2b084b89178f8b256aba2cc7536abe175ccf2c809b9e395906f944d18025d08564b6500684
-  data.tar.gz: d81336787153b825c2f90261096ce22e10a730af0c5c4aea373fb840598bb5a85263ed9c4f3099958a4df95333c8755882bf7ffd0125d503bb63abd57b041624
+  metadata.gz: d77212ed41480632c2bd7e9b946d948f1bc69c5cea730435dec58dc612655e69fa2cdd877eafef3f2906e373328b356f2fc7e4d1f59e7d580dfe5b8fb8fe6790
+  data.tar.gz: 8acc15eb6ac2480ba02e2988352225b3a4109cd3a0870527bb47e7d9ccfb3dc4274df032928ad2927add8317bb30d84856f140fe055fe623b04c277da3328b62

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    mice (0.2.5)
+    mice (0.2.7)
       sass (~> 3.2)
 
 GEM

data/lib/mice/version.rb

@@ -1,3 +1,3 @@
 module Mice
-  VERSION = "0.2.5"
+  VERSION = "0.2.7"
 end

data/vendor/assets/javascripts/mice/modal.js

@@ -0,0 +1,280 @@
+/* ========================================================================
+ * Bootstrap: modal.js v3.2.0
+ * http://getbootstrap.com/javascript/#modals
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // MODAL CLASS DEFINITION
+  // ======================
+
+  var Modal = function (element, options) {
+    this.options        = options
+    this.$body          = $(document.body)
+    this.$element       = $(element)
+    this.$backdrop      =
+    this.isShown        = null
+    this.scrollbarWidth = 0
+
+    if (this.options.remote) {
+      this.$element
+        .find('.modal-content')
+        .load(this.options.remote, $.proxy(function () {
+          this.$element.trigger('loaded.bs.modal')
+        }, this))
+    }
+  }
+
+  Modal.VERSION  = '3.2.0'
+
+  Modal.DEFAULTS = {
+    backdrop: true,
+    keyboard: true,
+    show: true
+  }
+
+  Modal.prototype.toggle = function (_relatedTarget) {
+    return this.isShown ? this.hide() : this.show(_relatedTarget)
+  }
+
+  Modal.prototype.show = function (_relatedTarget) {
+    var that = this
+    var e    = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
+
+    this.$element.trigger(e)
+
+    if (this.isShown || e.isDefaultPrevented()) return
+
+    this.isShown = true
+
+    this.checkScrollbar()
+    this.$body.addClass('modal-open')
+
+    this.setScrollbar()
+    this.escape()
+
+    this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+
+    this.backdrop(function () {
+      var transition = $.support.transition && that.$element.hasClass('fade')
+
+      if (!that.$element.parent().length) {
+        that.$element.appendTo(that.$body) // don't move modals dom position
+      }
+
+      that.$element
+        .show()
+        .scrollTop(0)
+
+      if (transition) {
+        that.$element[0].offsetWidth // force reflow
+      }
+
+      that.$element
+        .addClass('in')
+        .attr('aria-hidden', false)
+
+      that.enforceFocus()
+
+      var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
+
+      transition ?
+        that.$element.find('.modal-dialog') // wait for modal to slide in
+          .one('miceTransitionEnd', function () {
+            that.$element.trigger('focus').trigger(e)
+          })
+          .emulateTransitionEnd(300) :
+        that.$element.trigger('focus').trigger(e)
+    })
+  }
+
+  Modal.prototype.hide = function (e) {
+    if (e) e.preventDefault()
+
+    e = $.Event('hide.bs.modal')
+
+    this.$element.trigger(e)
+
+    if (!this.isShown || e.isDefaultPrevented()) return
+
+    this.isShown = false
+
+    this.$body.removeClass('modal-open')
+
+    this.resetScrollbar()
+    this.escape()
+
+    $(document).off('focusin.bs.modal')
+
+    this.$element
+      .removeClass('in')
+      .attr('aria-hidden', true)
+      .off('click.dismiss.bs.modal')
+
+    $.support.transition && this.$element.hasClass('fade') ?
+      this.$element
+        .one('miceTransitionEnd', $.proxy(this.hideModal, this))
+        .emulateTransitionEnd(300) :
+      this.hideModal()
+  }
+
+  Modal.prototype.enforceFocus = function () {
+    $(document)
+      .off('focusin.bs.modal') // guard against infinite focus loop
+      .on('focusin.bs.modal', $.proxy(function (e) {
+        if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+          this.$element.trigger('focus')
+        }
+      }, this))
+  }
+
+  Modal.prototype.escape = function () {
+    if (this.isShown && this.options.keyboard) {
+      this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) {
+        e.which == 27 && this.hide()
+      }, this))
+    } else if (!this.isShown) {
+      this.$element.off('keyup.dismiss.bs.modal')
+    }
+  }
+
+  Modal.prototype.hideModal = function () {
+    var that = this
+    this.$element.hide()
+    this.backdrop(function () {
+      that.$element.trigger('hidden.bs.modal')
+    })
+  }
+
+  Modal.prototype.removeBackdrop = function () {
+    this.$backdrop && this.$backdrop.remove()
+    this.$backdrop = null
+  }
+
+  Modal.prototype.backdrop = function (callback) {
+    var that = this
+    var animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+    if (this.isShown && this.options.backdrop) {
+      var doAnimate = $.support.transition && animate
+
+      this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+        .appendTo(this.$body)
+
+      this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
+        if (e.target !== e.currentTarget) return
+        this.options.backdrop == 'static'
+          ? this.$element[0].focus.call(this.$element[0])
+          : this.hide.call(this)
+      }, this))
+
+      if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+      this.$backdrop.addClass('in')
+
+      if (!callback) return
+
+      doAnimate ?
+        this.$backdrop
+          .one('miceTransitionEnd', callback)
+          .emulateTransitionEnd(150) :
+        callback()
+
+    } else if (!this.isShown && this.$backdrop) {
+      this.$backdrop.removeClass('in')
+
+      var callbackRemove = function () {
+        that.removeBackdrop()
+        callback && callback()
+      }
+      $.support.transition && this.$element.hasClass('fade') ?
+        this.$backdrop
+          .one('miceTransitionEnd', callbackRemove)
+          .emulateTransitionEnd(150) :
+        callbackRemove()
+
+    } else if (callback) {
+      callback()
+    }
+  }
+
+  Modal.prototype.checkScrollbar = function () {
+    if (document.body.clientWidth >= window.innerWidth) return
+    this.scrollbarWidth = this.scrollbarWidth || this.measureScrollbar()
+  }
+
+  Modal.prototype.setScrollbar = function () {
+    var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+    if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+  }
+
+  Modal.prototype.resetScrollbar = function () {
+    this.$body.css('padding-right', '')
+  }
+
+  Modal.prototype.measureScrollbar = function () { // thx walsh
+    var scrollDiv = document.createElement('div')
+    scrollDiv.className = 'modal-scrollbar-measure'
+    this.$body.append(scrollDiv)
+    var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
+    this.$body[0].removeChild(scrollDiv)
+    return scrollbarWidth
+  }
+
+
+  // MODAL PLUGIN DEFINITION
+  // =======================
+
+  function Plugin(option, _relatedTarget) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.modal')
+      var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+      if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+      if (typeof option == 'string') data[option](_relatedTarget)
+      else if (options.show) data.show(_relatedTarget)
+    })
+  }
+
+  var old = $.fn.modal
+
+  $.fn.modal             = Plugin
+  $.fn.modal.Constructor = Modal
+
+
+  // MODAL NO CONFLICT
+  // =================
+
+  $.fn.modal.noConflict = function () {
+    $.fn.modal = old
+    return this
+  }
+
+
+  // MODAL DATA-API
+  // ==============
+
+  $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+    var $this   = $(this)
+    var href    = $this.attr('href')
+    var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7
+    var option  = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
+
+    if ($this.is('a')) e.preventDefault()
+
+    $target.one('show.bs.modal', function (showEvent) {
+      if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown
+      $target.one('hidden.bs.modal', function () {
+        $this.is(':visible') && $this.trigger('focus')
+      })
+    })
+    Plugin.call($target, option, this)
+  })
+
+}(jQuery);

data/vendor/assets/javascripts/mice/tooltip.coffee

@@ -0,0 +1,339 @@
+# Mice: tooltip
+
+# Inspired by the original jQuery.tipsy by Jason Frame
+# https://github.com/jaz303/tipsy
+
+# Copyright (c) 2014 Miclle
+# Licensed under MIT (https://github.com/miclle/mice/blob/master/LICENSE)
+
+
+# Generated markup by the plugin
+# <div class="tooltip top" role="tooltip">
+#   <div class="arrow"></div>
+#   <div class="inner">Some tooltip text!</div>
+# </div>
+
+'use strict';
+
+(($) ->
+
+  # TOOLTIP PUBLIC CLASS DEFINITION
+  # ===============================
+  class Tooltip
+    constructor: (element, options) ->
+      @type
+      @options
+      @enabled
+      @timeout
+      @hoverState
+      @$element   = null
+
+      @init('tooltip', element, options)
+
+
+    init: (type, element, options) ->
+      @enabled  = true
+      @type     = type
+      @$element = $(element)
+      @options   = @getOptions(options)
+      @$viewport  = @options.viewport and $(@options.viewport.selector or @options.viewport)
+
+      for trigger in @options.trigger.split(' ')
+        if trigger == 'click'
+          @$element.on('click.' + @type, @options.selector, $.proxy(@toggle, @))
+        else if trigger != 'manual'
+          eventIn  = if trigger == 'hover' then 'mouseenter' else 'focusin'
+          eventOut = if trigger == 'hover' then 'mouseleave' else 'focusout'
+
+          @$element.on((eventIn)  + '.' + @type, @options.selector, $.proxy(@enter, @))
+          @$element.on((eventOut) + '.' + @type, @options.selector, $.proxy(@leave, @))
+
+      if @options.selector
+        @_options = $.extend({}, @options, { trigger: 'manual', selector: '' })
+      else
+        @fixTitle()
+
+      return
+
+    getDefault: ->
+      $.fn.tooltip.defaults
+
+    getOptions: (options) ->
+      options = $.extend({}, @getDefault(), @$element.data(), options)
+      options.delay = show: options.delay, hide: options.delay if options.delay and typeof options.delay == 'number'
+      options
+
+    getDelegateOptions: ->
+      options  = {}
+      defaults = @getDefaults()
+
+      @_options and $.each @_options, (key, value) ->
+        options[key] = value if defaults[key] != value
+
+      options
+
+    enter: (obj) ->
+      self = if obj instanceof @constructor then obj else $(obj.currentTarget).data('mice.' + @type)
+
+      if !self
+        self = new @constructor(obj.currentTarget, @getDelegateOptions())
+        $(obj.currentTarget).data('mice.' + @type, self)
+
+      clearTimeout(@timeout)
+
+      self.hoverState = 'in'
+
+      return self.show() if !self.options.delay or !self.options.delay.show
+
+      self.timeout = setTimeout (-> self.show() if self.hoverState == 'in') , self.options.delay.show
+
+    leave: (obj) ->
+      self = if obj instanceof @constructor then obj else $(obj.currentTarget).data('mice.' + @type)
+
+      if !self
+        self = new @constructor(obj.currentTarget, @getDelegateOptions())
+        $(obj.currentTarget).data('mice.' + @type, self)
+
+      clearTimeout(self.timeout)
+
+      self.hoverState = 'out'
+
+      return self.hide() if !self.options.delay or !self.options.delay.hide
+
+      self.timeout = setTimeout (-> self.hide() if self.hoverState == 'out') , self.options.delay.hide
+
+    show: ->
+      e = $.Event('show.mice.'+@type)
+      if @getTitle() and @enabled
+        @$element.trigger e
+
+        inDom =  $.contains(document.documentElement, @$element[0])
+        return if e.isDefaultPrevented() or !inDom
+
+        that = @
+
+        $tip = @tip()
+        @setContent()
+
+        $tip.addClass 'fade' if @options.animation
+
+        placement = if typeof @options.placement == 'function' then @options.placement.call(@, $tip[0], @$element[0]) else @options.placement
+
+        autoToken = /\s?auto?\s?/i
+        autoPlace = autoToken.test(placement)
+        placement = placement.replace(autoToken, '') or 'top' if autoPlace
+
+        $tip.detach().css({ top: 0, left: 0, display: 'block' }).addClass(placement).data('mice.' + @type, @)
+
+        if @options.container then $tip.appendTo(@options.container) else $tip.insertAfter(@$element)
+
+        pos          = @getPosition()
+        actualWidth  = $tip[0].offsetWidth
+        actualHeight = $tip[0].offsetHeight
+
+        if autoPlace
+          orgPlacement = placement
+          $parent      = @$element.parent()
+          parentDim    = @getPosition($parent)
+
+          placement = if placement == 'bottom' and pos.top   + pos.height       + actualHeight - parentDim.scroll > parentDim.height then 'top'    else
+                      if placement == 'top'    and pos.top   - parentDim.scroll - actualHeight < 0                                   then 'bottom' else
+                      if placement == 'right'  and pos.right + actualWidth      > parentDim.width                                    then 'left'   else
+                      if placement == 'left'   and pos.left  - actualWidth      < parentDim.left                                     then 'right'  else placement
+
+          $tip.removeClass(orgPlacement).addClass(placement)
+
+        calculatedOffset = @getCalculatedOffset placement, pos, actualWidth, actualHeight
+
+        @applyPlacement calculatedOffset, placement
+
+        complete = ->
+          that.$element.trigger('shown.mice.' + that.type)
+          that.hoverState = null
+
+        if $.support.transition and @$tip.hasClass('fade') then $tip.one('miceTransitionEnd', complete).emulateTransitionEnd(150) else complete()
+
+    applyPlacement: (offset, placement) ->
+      $tip   = @tip()
+      width  = $tip[0].offsetWidth
+      height = $tip[0].offsetHeight
+
+      # manually read margins because getBoundingClientRect includes difference
+      marginTop = parseInt($tip.css('margin-top'), 10)
+      marginLeft = parseInt($tip.css('margin-left'), 10)
+
+      # we must check for NaN for ie 8/9
+      offset.top  = offset.top  + if isNaN(marginTop)  then 0 else marginTop
+      offset.left = offset.left + if isNaN(marginLeft) then 0 else marginLeft
+
+      # $.fn.offset doesn't round pixel values
+      # so we use setOffset directly with our own function B-0
+      $.offset.setOffset($tip[0], $.extend({ using: (props) -> $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) }, offset), 0)
+
+      $tip.addClass 'in'
+
+      # check to see if placing tip in new offset caused the tip to resize itself
+      actualWidth  = $tip[0].offsetWidth
+      actualHeight = $tip[0].offsetHeight
+
+      offset.top = offset.top + height - actualHeight if placement == 'top' and actualHeight != height
+
+      delta = @getViewportAdjustedDelta placement, offset, actualWidth, actualHeight
+
+      if delta.left then offset.left += delta.left else offset.top += delta.top
+
+      arrowDelta          = if delta.left then delta.left * 2 - width + actualWidth else delta.top * 2 - height + actualHeight
+      arrowPosition       = if delta.left then 'left'        else 'top'
+      arrowOffsetPosition = if delta.left then 'offsetWidth' else 'offsetHeight'
+
+      $tip.offset(offset)
+      @replaceArrow arrowDelta, $tip[0][arrowOffsetPosition], arrowPosition
+
+    replaceArrow: (delta, dimension, position) ->
+      @arrow().css(position, if delta then (50 * (1 - delta / dimension) + '%') else '')
+
+    setContent: ->
+      @tip().find('.inner')[if @options.html then 'html' else 'text'](@getTitle()).removeClass('fade in top bottom left right')
+
+    hide: ->
+      that = @
+      $tip = @tip()
+      e    = $.Event('hide.mice.' + @type)
+
+      complete = ->
+        $tip.detach() if that.hoverState != 'in'
+        that.$element.trigger('hidden.mice.' + that.type)
+
+      @$element.trigger(e)
+
+      return if e.isDefaultPrevented()
+
+      $tip.removeClass('in')
+
+      if $.support.transition and @$tip.hasClass('fade') then $tip.one('miceTransitionEnd', complete).emulateTransitionEnd(150) else complete()
+
+      @hoverState = null
+
+      @
+
+    fixTitle: ->
+      @$element.attr('data-original-title', @$element.attr('title') or '').removeAttr('title') if @$element.attr('title') or typeof (@$element.attr('data-original-title')) != 'string'
+
+    getPosition: ($element) ->
+      $element  = $element or @$element
+      el        = $element[0]
+      isBody    = el.tagName == 'BODY'
+
+      return $.extend({}, (if (typeof el.getBoundingClientRect == 'function') then el.getBoundingClientRect() else null), {
+        scroll: if isBody then document.documentElement.scrollTop or document.body.scrollTop else $element.scrollTop()
+        width:  if isBody then $(window).width()  else $element.outerWidth()
+        height: if isBody then $(window).height() else $element.outerHeight()
+      }, if isBody then { top: 0, left: 0 } else $element.offset())
+
+    getCalculatedOffset: (placement, pos, actualWidth, actualHeight) ->
+      switch placement
+        when 'bottom' then { top: pos.top + pos.height,   left: pos.left + pos.width / 2 - actualWidth / 2  }
+        when 'top'    then { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2  }
+        when 'left'   then { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth }
+        when 'right'  then { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width   }
+
+    getViewportAdjustedDelta: (placement, pos, actualWidth, actualHeight) ->
+      delta = { top: 0, left: 0 }
+      return delta if !@$viewport
+
+      viewportPadding = @options.viewport and @options.viewport.padding or 0
+      viewportDimensions = @getPosition @$viewport
+
+      if /right|left/.test placement
+        topEdgeOffset    = pos.top - viewportPadding - viewportDimensions.scroll
+        bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
+        if topEdgeOffset < viewportDimensions.top #top overflow
+          delta.top = viewportDimensions.top - topEdgeOffset
+        else if bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height #bottom overflow
+          delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
+      else
+        leftEdgeOffset  = pos.left - viewportPadding
+        rightEdgeOffset = pos.left + viewportPadding + actualWidth
+        if leftEdgeOffset < viewportDimensions.left #left overflow
+          delta.left = viewportDimensions.left - leftEdgeOffset
+        else if rightEdgeOffset > viewportDimensions.width #right overflow
+          delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
+
+      delta
+
+    getTitle: ->
+      @$element.attr('data-original-title') or (if typeof @options.title == 'function' then @options.title.call(@$element[0]) else  @options.title)
+
+    tip: ->
+      @$tip = @$tip or $(@options.template).addClass @options.contextual
+
+    arrow: ->
+      @$arrow = @$arrow or @tip().find('.arrow')
+
+    validate: ->
+      if !@$element[0].parentNode
+        @hide()
+        @$element = null
+        @options  = null
+
+    enable: ->
+      @enabled = true
+
+    disable: ->
+      @enabled = false
+
+    toggleEnabled: ->
+      @enabled = !@enabled
+
+    toggle: (e) ->
+      self = @
+      if e
+        self = $(e.currentTarget).data('mice.' + @type)
+        if !self
+          self = new @constructor(e.currentTarget, @getDelegateOptions())
+          $(e.currentTarget).data('mice.' + @type, self)
+
+      if self.tip().hasClass('in') then self.leave(self) else self.enter(self)
+
+    destroy: ->
+      clearTimeout(@timeout)
+      @hide().$element.off('.' + @type).removeData('mice.' + @type)
+
+
+  # TOOLTIP PLUGIN DEFINITION
+  # =========================
+  $.fn.tooltip = (option) ->
+    @each ->
+      $element = $(@)
+      data     = $element.data('mice.tooltip')
+      options  = typeof option == 'object' and option
+
+      return if !data and option == 'destroy'
+
+      $element.data('mice.tooltip', (data = new Tooltip(@, options))) if !data
+
+      data[option]() if typeof option == 'string'
+
+
+  $.fn.tooltip.Constructor = Tooltip
+
+  # TOOLTIP PLUGIN DEFAULT OPTIONS
+  # =========================
+  $.fn.tooltip.defaults =
+    animation: true
+    placement: 'top'
+    contextual: ''
+    selector: false
+    template: '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="inner"></div></div>'
+    trigger: 'hover focus'
+    title: ''
+    delay: 0
+    html: false
+    container: false
+    viewport:
+      selector: 'body'
+      padding: 0
+
+  return
+
+) jQuery

data/vendor/assets/javascripts/mice/transition.coffee

@@ -0,0 +1,36 @@
+# Mice: transition.coffee
+
+# Copyright (c) 2014 Miclle
+# Licensed under MIT (https://github.com/miclle/mice/blob/master/LICENSE)
+
+"use strict"
+(($) ->
+
+  # CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  transitionEnd = ->
+    element = document.createElement("mice")
+    transEndEventNames =
+      WebkitTransition : "webkitTransitionEnd"
+      MozTransition    : "transitionend"
+      OTransition      : "oTransitionEnd otransitionend"
+      transition       : "transitionend"
+
+    return end: transEndEventNames[name] for name of transEndEventNames when element.style[name] isnt `undefined`
+    false # explicit for ie8 (  ._.)
+
+  # http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = (duration) =>
+    called = false
+    $(this).one "miceTransitionEnd", -> called = true
+    setTimeout (-> $(_this).trigger $.support.transition.end unless called), duration
+    @
+
+  $ ->
+    $.support.transition = transitionEnd()
+    return unless $.support.transition
+    $.event.special.miceTransitionEnd =
+      bindType     : $.support.transition.end
+      delegateType : $.support.transition.end
+      handle       : (e) -> e.handleObj.handler.apply @, arguments if $(e.target).is(@)
+
+) jQuery

data/vendor/assets/javascripts/mice.js

@@ -1 +1,4 @@
-//= require mice/alert
+//= require mice/transition
+//= require mice/alert
+//= require mice/modal
+//= require mice/tooltip

data/vendor/assets/stylesheets/mice/_component-animations.scss

@@ -0,0 +1,11 @@
+//
+// Component animations
+// --------------------------------------------------
+
+.fade {
+  opacity: 0;
+  @include transition(opacity .15s linear);
+  &.in {
+    opacity: 1;
+  }
+}

data/vendor/assets/stylesheets/mice/_mixins.scss

@@ -97,6 +97,23 @@
           transition-timing-function: $function;
 }
 
+@mixin transition-transform($transition...) {
+  -webkit-transition: -webkit-transform $transition;
+     -moz-transition: -moz-transform $transition;
+       -o-transition: -o-transform $transition;
+          transition: transform $transition;
+}
+
+@mixin translate($x, $y) {
+  -webkit-transform: translate($x, $y);
+      -ms-transform: translate($x, $y); // IE9 only
+       -o-transform: translate($x, $y);
+          transform: translate($x, $y);
+}
+@mixin translate3d($x, $y, $z) {
+  -webkit-transform: translate3d($x, $y, $z);
+          transform: translate3d($x, $y, $z);
+}
 
 // Animations
 // --------------------------------------------------

data/vendor/assets/stylesheets/mice/_modals.scss

@@ -0,0 +1,160 @@
+//
+// Modals
+// --------------------------------------------------
+
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .dialog    - positioning shell for the actual modal
+// .content   - actual modal w/ bg and corners and shit
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+
+  .modal {
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+
+
+// Container that the modal scrolls within
+.modal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+
+  // When fading in the modal, animate it to slide down
+  &.fade .dialog {
+    @include translate3d(0, -25%, 0);
+    @include transition-transform(0.3s ease-out);
+  }
+  &.in .dialog { @include translate3d(0, 0, 0); }
+
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-modal-background;
+  background-color: $modal-backdrop-background;
+
+  // Fade for backdrop
+  &.fade {
+    @include opacity(0);
+    &.in   { @include opacity($modal-backdrop-opacity); }
+  }
+}
+
+
+.modal {
+  // Shell div to position the modal with bottom padding
+  .dialog {
+    position: relative;
+    width: auto;
+    margin: 10px;
+  }
+
+  // Actual modal
+  .content {
+    position: relative;
+    background-color: $modal-content-background;
+    border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
+    border: 1px solid $modal-content-border-color;
+    border-radius: $border-radius;
+    @include box-shadow(0 3px 9px rgba(0,0,0,.5));
+    background-clip: padding-box;
+    // Remove focus outline from opened modal
+    outline: 0;
+  }
+
+  // Modal header
+  // Top section of the modal w/ title and dismiss
+  .header {
+    padding: $modal-title-padding;
+    border-bottom: 1px solid $modal-header-border-color;
+    min-height: ($modal-title-padding + $modal-title-line-height);
+
+    // Close icon
+    .close { margin-top: -2px; }
+
+    // Title text within header
+    h1, h2, h3, h4, h5, h6 {
+      margin: 0;
+      line-height: $modal-title-line-height;
+    }
+  }
+
+  // Modal body
+  // Where all modal content resides (sibling of .header and .footer)
+  .body {
+    position: relative;
+    padding: $modal-inner-padding;
+  }
+
+  // Footer (for actions)
+  .footer {
+    padding: $modal-inner-padding;
+    text-align: right; // right align buttons
+    border-top: 1px solid $modal-footer-border-color;
+    @include clearfix(); // clear it in case folks use .pull-* classes on buttons
+
+    // Properly space out buttons
+    .button + .button {
+      margin-left: 5px;
+      margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+    }
+    // but override that for button groups
+    .buttons .button + .button {
+      margin-left: -1px;
+    }
+    // and override it for block buttons as well
+    .button.block + .button.block {
+      margin-left: 0;
+    }
+  }
+
+}
+
+
+// Measure scrollbar width for padding body during modal show/hide
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+
+// Scale up the modal
+@media (min-width: $screen-sm-min) {
+  // Automatically set modal's width for larger viewports
+  .modal{
+    .dialog {
+      width: $modal-medium;
+      margin: 30px auto;
+    }
+    .content {
+      @include box-shadow(0 5px 15px rgba(0,0,0,.5));
+    }
+  }
+
+  // Modal sizes
+  .modal .small { width: $modal-small; }
+}
+
+@media (min-width: $screen-md-min) {
+  .modal .large { width: $modal-large; }
+}

data/vendor/assets/stylesheets/mice/_tipsy.scss

@@ -0,0 +1,36 @@
+//
+// Tooltips
+// --------------------------------------------------
+
+
+.tooltip {
+  font-size: 10px; position: absolute; padding: 5px; z-index: 100000;
+}
+  .tooltip-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
+
+  /* Rounded corners */
+  .tooltip-inner {
+    border-radius: $border-radius;
+  }
+
+  /* Uncomment for shadow */
+  /*.tooltip-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
+
+  .tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
+
+  /* Rules to colour arrows */
+  .tooltip-arrow-bottom { border-bottom-color: #000; }
+  .tooltip-arrow-top { border-top-color: #000; }
+  .tooltip-arrow-left { border-left-color: #000; }
+  .tooltip-arrow-right { border-right-color: #000; }
+
+  .tooltip-bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
+    .tooltip-nw .tooltip-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
+    .tooltip-ne .tooltip-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
+
+  .tooltip-top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+    .tooltip-sw .tooltip-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+    .tooltip-se .tooltip-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
+
+  .tooltip-left .tooltip-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
+  .tooltip-right .tooltip-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

data/vendor/assets/stylesheets/mice/_tooltips.scss

@@ -0,0 +1,124 @@
+//
+// Tooltips
+// --------------------------------------------------
+
+
+// Tooltip variants
+@mixin tooltip-variant($tooltip-color, $tooltip-background, $tooltip-arrow-color) {
+  .inner{
+    color: $tooltip-color;
+    background-color: $tooltip-background;
+  }
+
+  &.top .arrow,
+  &.top-left .arrow,
+  &.top-right .arrow {
+    border-top-color: $tooltip-arrow-color;
+  }
+
+  &.right .arrow {
+    border-right-color: $tooltip-arrow-color;
+  }
+  &.left .arrow {
+    border-left-color: $tooltip-arrow-color;
+  }
+  &.bottom .arrow,
+  &.bottom-left .arrow,
+  &.bottom-right .arrow {
+    border-bottom-color: $tooltip-arrow-color;
+  }
+}
+
+
+// Base class
+.tooltip {
+  position: absolute;
+  z-index: $zindex-tooltip;
+  display: block;
+  visibility: visible;
+  font-size: $font-size-small;
+  line-height: 1.4;
+  @include opacity(0);
+
+  &.in     { @include opacity($tooltip-opacity); }
+  &.top    { margin-top:  -3px; padding: $tooltip-arrow-width 0; }
+  &.right  { margin-left:  3px; padding: 0 $tooltip-arrow-width; }
+  &.bottom { margin-top:   3px; padding: $tooltip-arrow-width 0; }
+  &.left   { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
+
+  // Wrapper for the tooltip content
+  .inner {
+    max-width: $tooltip-max-width;
+    padding: 3px 8px;
+    color: $tooltip-color;
+    text-align: center;
+    text-decoration: none;
+    background-color: $tooltip-background;
+    border-radius: $border-radius;
+  }
+
+  // Arrows
+  .arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  &.top .arrow {
+    bottom: 0;
+    left: 50%;
+    margin-left: -$tooltip-arrow-width;
+    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
+  }
+  &.top-left .arrow {
+    bottom: 0;
+    left: $tooltip-arrow-width;
+    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
+  }
+  &.top-right .arrow {
+    bottom: 0;
+    right: $tooltip-arrow-width;
+    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
+  }
+  &.right .arrow {
+    top: 50%;
+    left: 0;
+    margin-top: -$tooltip-arrow-width;
+    border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
+  }
+  &.left .arrow {
+    top: 50%;
+    right: 0;
+    margin-top: -$tooltip-arrow-width;
+    border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
+  }
+  &.bottom .arrow {
+    top: 0;
+    left: 50%;
+    margin-left: -$tooltip-arrow-width;
+    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
+  }
+  &.bottom-left .arrow {
+    top: 0;
+    left: $tooltip-arrow-width;
+    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
+  }
+  &.bottom-right .arrow {
+    top: 0;
+    right: $tooltip-arrow-width;
+    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
+  }
+
+
+  // Colors
+  // Contextual variations
+  &         { @include tooltip-variant($tooltip-color,          $tooltip-background,          $tooltip-arrow-color);         }
+  &.primary { @include tooltip-variant($tooltip-primary-color,  $tooltip-primary-background,  $tooltip-primary-arrow-color); }
+  &.success { @include tooltip-variant($tooltip-success-color,  $tooltip-success-background,  $tooltip-success-arrow-color); }
+  &.info    { @include tooltip-variant($tooltip-info-color,     $tooltip-info-background,     $tooltip-info-arrow-color);    }
+  &.warning { @include tooltip-variant($tooltip-warning-color,  $tooltip-warning-background,  $tooltip-warning-arrow-color); }
+  &.danger  { @include tooltip-variant($tooltip-danger-color,   $tooltip-danger-background,   $tooltip-danger-arrow-color);  }
+
+}

data/vendor/assets/stylesheets/mice/_utilities.scss

@@ -45,4 +45,4 @@
 
 .affix {
   position: fixed;
-}
+}

data/vendor/assets/stylesheets/mice/_variables.scss

@@ -267,6 +267,11 @@ $breadcrumb-active-color:           $gray-light !default;
 $breadcrumb-separator:              "/" !default;
 
 
+// Wells
+// --------------------------------------------------
+$well-background:                   #f5f5f5 !default;
+$well-border:                       darken($well-background, 7%) !default;
+
 
 // Pagination
 // --------------------------------------------------
@@ -409,6 +414,38 @@ $progress-bar-danger-background:  $brand-danger !default;
 $progress-bar-info-background:    $brand-info !default;
 
 
+// Modals
+// --------------------------------------------------
+
+// Padding applied to the modal body
+$modal-inner-padding:                 15px !default;
+
+// Padding applied to the modal title
+$modal-title-padding:                 15px !default;
+// Modal title line-height
+$modal-title-line-height:             $line-height-base !default;
+
+// Background color of modal content area
+$modal-content-background:            #fff !default;
+// Modal content border color
+$modal-content-border-color:          rgba(0,0,0,.2) !default;
+// Modal content border color **for IE8**
+$modal-content-fallback-border-color: #999 !default;
+
+// Modal backdrop background color
+$modal-backdrop-background:           #000 !default;
+// Modal backdrop opacity
+$modal-backdrop-opacity:              .5 !default;
+// Modal header border color
+$modal-header-border-color:           #e5e5e5 !default;
+// Modal footer border color
+$modal-footer-border-color:           $modal-header-border-color !default;
+
+$modal-large:                         900px !default;
+$modal-medium:                        600px !default;
+$modal-small:                         300px !default;
+
+
 // Alerts
 // --------------------------------------------------
 $alert-padding:               15px !default;
@@ -442,3 +479,59 @@ $close-text-shadow:           0 1px 0 #fff !default;
 // Z-index master list
 // --------------------------------------------------
 $zindex-navbar-fixed:         1030 !default;
+$zindex-modal-background:     1040 !default;
+$zindex-modal:                1050 !default;
+$zindex-tooltip:              1070 !default;
+
+
+// Media queries breakpoints
+// --------------------------------------------------
+// Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Deprecated `$screen-xs-min` as of v3.2.0
+$screen-xs-min:              480px !default;
+
+// Small screen / tablet
+$screen-sm-min:              768px !default;
+
+// Medium screen / desktop
+$screen-md-min:              992px !default;
+
+// Large screen / wide desktop
+$screen-lg-min:              1200px !default;
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default;
+$screen-sm-max:              ($screen-md-min - 1) !default;
+$screen-md-max:              ($screen-lg-min - 1) !default;
+
+
+// Tooltips
+// --------------------------------------------------
+$tooltip-max-width:           200px !default;
+$tooltip-color:               #fff !default;
+$tooltip-background:          #000 !default;
+$tooltip-opacity:             .9 !default;
+$tooltip-arrow-width:         5px !default;
+$tooltip-arrow-color:         $tooltip-background !default;
+
+$tooltip-primary-color:         #fff !default;
+$tooltip-primary-background:    $brand-primary !default;
+$tooltip-primary-arrow-color:   $tooltip-primary-background !default;
+
+$tooltip-success-color:         #fff !default;
+$tooltip-success-background:    $brand-success !default;
+$tooltip-success-arrow-color:   $tooltip-success-background !default;
+
+$tooltip-info-color:            #fff !default;
+$tooltip-info-background:       $brand-info !default;
+$tooltip-info-arrow-color:      $tooltip-info-background !default;
+
+$tooltip-warning-color:         #fff !default;
+$tooltip-warning-background:    $brand-warning !default;
+$tooltip-warning-arrow-color:   $tooltip-warning-background !default;
+
+$tooltip-danger-color:          #fff !default;
+$tooltip-danger-background:     $brand-danger !default;
+$tooltip-danger-arrow-color:    $tooltip-danger-background !default;
+

data/vendor/assets/stylesheets/mice/_wells.scss

@@ -0,0 +1,29 @@
+//
+// Wells
+// --------------------------------------------------
+
+// Base class
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: $well-background;
+  border: 1px solid $well-border;
+  border-radius: $border-radius;
+  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+  blockquote {
+    border-color: #ddd;
+    border-color: rgba(0,0,0,.15);
+  }
+
+  // Sizes
+  &.large {
+    padding: 24px;
+    border-radius: $border-radius-large;
+  }
+  &.small {
+    padding: 9px;
+    border-radius: $border-radius-small;
+  }
+}
+

data/vendor/assets/stylesheets/mice.scss

@@ -16,14 +16,15 @@
 @import "mice/images";
 @import "mice/icons";
 
+// Components
+@import "mice/component-animations";
+
 @import "mice/menu";
 @import "mice/tabs";
 @import "mice/navbar";
 @import "mice/sidebar";
 @import "mice/lists";
 @import "mice/tables";
-
-// Components
 @import "mice/breadcrumbs";
 @import "mice/pagination";
 @import "mice/panels";
@@ -33,6 +34,9 @@
 @import "mice/progress";
 @import "mice/alerts";
 @import "mice/close";
+@import "mice/wells";
+@import "mice/modals";
+@import "mice/tooltips";
 
 // Form
 @import "mice/forms";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.7
 platform: ruby
 authors:
 - miclle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-06 00:00:00.000000000 Z
+date: 2014-07-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -68,6 +68,9 @@ files:
 - vendor/assets/javascripts/mice/jquery.js
 - vendor/assets/javascripts/mice/jquery.min.js
 - vendor/assets/javascripts/mice/jquery.min.map
+- vendor/assets/javascripts/mice/modal.js
+- vendor/assets/javascripts/mice/tooltip.coffee
+- vendor/assets/javascripts/mice/transition.coffee
 - vendor/assets/stylesheets/mice-mobile.scss
 - vendor/assets/stylesheets/mice.scss
 - vendor/assets/stylesheets/mice/_alerts.scss
@@ -76,6 +79,7 @@ files:
 - vendor/assets/stylesheets/mice/_callouts.scss
 - vendor/assets/stylesheets/mice/_close.scss
 - vendor/assets/stylesheets/mice/_code.scss
+- vendor/assets/stylesheets/mice/_component-animations.scss
 - vendor/assets/stylesheets/mice/_forms.scss
 - vendor/assets/stylesheets/mice/_grid.scss
 - vendor/assets/stylesheets/mice/_icons.scss
@@ -85,6 +89,7 @@ files:
 - vendor/assets/stylesheets/mice/_media.scss
 - vendor/assets/stylesheets/mice/_menu.scss
 - vendor/assets/stylesheets/mice/_mixins.scss
+- vendor/assets/stylesheets/mice/_modals.scss
 - vendor/assets/stylesheets/mice/_navbar.scss
 - vendor/assets/stylesheets/mice/_normalize.scss
 - vendor/assets/stylesheets/mice/_pagination.scss
@@ -95,9 +100,12 @@ files:
 - vendor/assets/stylesheets/mice/_tables.scss
 - vendor/assets/stylesheets/mice/_tabs.scss
 - vendor/assets/stylesheets/mice/_timeline.scss
+- vendor/assets/stylesheets/mice/_tipsy.scss
+- vendor/assets/stylesheets/mice/_tooltips.scss
 - vendor/assets/stylesheets/mice/_typography.scss
 - vendor/assets/stylesheets/mice/_utilities.scss
 - vendor/assets/stylesheets/mice/_variables.scss
+- vendor/assets/stylesheets/mice/_wells.scss
 - vendor/assets/stylesheets/mobile/bars.scss
 - vendor/assets/stylesheets/mobile/base.scss
 - vendor/assets/stylesheets/mobile/cards.scss