dvl-core 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +4 -0
  3. data/.hound.yml +5 -0
  4. data/.ruby-version +1 -0
  5. data/Gemfile +2 -0
  6. data/LICENSE.md +20 -0
  7. data/README.md +35 -0
  8. data/circle.yml +7 -0
  9. data/dvl-core.gemspec +30 -0
  10. data/lib/dvl/core.rb +11 -0
  11. data/lib/dvl/core/version.rb +5 -0
  12. data/preview/app.rb +252 -0
  13. data/script/bootstrap +45 -0
  14. data/script/cibuild +3 -0
  15. data/script/preview +3 -0
  16. data/script/release +38 -0
  17. data/spec/dvl_core_spec.rb +30 -0
  18. data/vendor/assets/javascripts/dvl/core.js +4 -0
  19. data/vendor/assets/javascripts/dvl/core/buttons.js +116 -0
  20. data/vendor/assets/javascripts/dvl/core/dropdowns.js +161 -0
  21. data/vendor/assets/javascripts/dvl/core/modals.js +281 -0
  22. data/vendor/assets/javascripts/dvl/core/tooltips.js +478 -0
  23. data/vendor/assets/stylesheets/dvl/core.scss +21 -0
  24. data/vendor/assets/stylesheets/dvl/core/buttons.scss +152 -0
  25. data/vendor/assets/stylesheets/dvl/core/code.scss +31 -0
  26. data/vendor/assets/stylesheets/dvl/core/dropdowns.scss +309 -0
  27. data/vendor/assets/stylesheets/dvl/core/forms.scss +434 -0
  28. data/vendor/assets/stylesheets/dvl/core/grid.scss +87 -0
  29. data/vendor/assets/stylesheets/dvl/core/includes.scss +163 -0
  30. data/vendor/assets/stylesheets/dvl/core/labels.scss +31 -0
  31. data/vendor/assets/stylesheets/dvl/core/legacy.scss +287 -0
  32. data/vendor/assets/stylesheets/dvl/core/links.scss +53 -0
  33. data/vendor/assets/stylesheets/dvl/core/lists.scss +30 -0
  34. data/vendor/assets/stylesheets/dvl/core/media.scss +24 -0
  35. data/vendor/assets/stylesheets/dvl/core/modals.scss +173 -0
  36. data/vendor/assets/stylesheets/dvl/core/pagination.scss +70 -0
  37. data/vendor/assets/stylesheets/dvl/core/print.scss +69 -0
  38. data/vendor/assets/stylesheets/dvl/core/progress.scss +16 -0
  39. data/vendor/assets/stylesheets/dvl/core/resets.scss +92 -0
  40. data/vendor/assets/stylesheets/dvl/core/shame.scss +35 -0
  41. data/vendor/assets/stylesheets/dvl/core/sidebar.scss +101 -0
  42. data/vendor/assets/stylesheets/dvl/core/tables.scss +122 -0
  43. data/vendor/assets/stylesheets/dvl/core/tooltips.scss +87 -0
  44. data/vendor/assets/stylesheets/dvl/core/typography.scss +158 -0
  45. metadata +228 -0
@@ -0,0 +1,478 @@
1
+ /* ========================================================================
2
+ * Bootstrap: tooltip.js v3.3.0
3
+ * http://getbootstrap.com/javascript/#tooltip
4
+ * Inspired by the original jQuery.tipsy by Jason Frame
5
+ * ========================================================================
6
+ * Copyright 2011-2014 Twitter, Inc.
7
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8
+ * ======================================================================== */
9
+
10
+
11
+ +function ($) {
12
+ 'use strict';
13
+
14
+ // TOOLTIP PUBLIC CLASS DEFINITION
15
+ // ===============================
16
+
17
+ var Tooltip = function (element, options) {
18
+ this.type =
19
+ this.options =
20
+ this.enabled =
21
+ this.timeout =
22
+ this.hoverState =
23
+ this.$element = null
24
+
25
+ this.init('tooltip', element, options)
26
+ }
27
+
28
+ Tooltip.VERSION = '3.3.0'
29
+
30
+ Tooltip.TRANSITION_DURATION = 150
31
+
32
+ Tooltip.DEFAULTS = {
33
+ animation: true,
34
+ placement: 'top',
35
+ selector: false,
36
+ template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
37
+ trigger: 'hover focus',
38
+ title: '',
39
+ delay: 0,
40
+ html: false,
41
+ container: false,
42
+ viewport: {
43
+ selector: 'body',
44
+ padding: 0
45
+ }
46
+ }
47
+
48
+ Tooltip.prototype.init = function (type, element, options) {
49
+ this.enabled = true
50
+ this.type = type
51
+ this.$element = $(element)
52
+ this.options = this.getOptions(options)
53
+ this.$viewport = this.options.viewport && $(this.options.viewport.selector || this.options.viewport)
54
+
55
+ var triggers = this.options.trigger.split(' ')
56
+
57
+ for (var i = triggers.length; i--;) {
58
+ var trigger = triggers[i]
59
+
60
+ if (trigger == 'click') {
61
+ this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
62
+ } else if (trigger != 'manual') {
63
+ var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
64
+ var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
65
+
66
+ this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
67
+ this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
68
+ }
69
+ }
70
+
71
+ this.options.selector ?
72
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
73
+ this.fixTitle()
74
+ }
75
+
76
+ Tooltip.prototype.getDefaults = function () {
77
+ return Tooltip.DEFAULTS
78
+ }
79
+
80
+ Tooltip.prototype.getOptions = function (options) {
81
+ options = $.extend({}, this.getDefaults(), this.$element.data(), options)
82
+
83
+ if (options.delay && typeof options.delay == 'number') {
84
+ options.delay = {
85
+ show: options.delay,
86
+ hide: options.delay
87
+ }
88
+ }
89
+
90
+ return options
91
+ }
92
+
93
+ Tooltip.prototype.getDelegateOptions = function () {
94
+ var options = {}
95
+ var defaults = this.getDefaults()
96
+
97
+ this._options && $.each(this._options, function (key, value) {
98
+ if (defaults[key] != value) options[key] = value
99
+ })
100
+
101
+ return options
102
+ }
103
+
104
+ Tooltip.prototype.enter = function (obj) {
105
+ var self = obj instanceof this.constructor ?
106
+ obj : $(obj.currentTarget).data('bs.' + this.type)
107
+
108
+ if (self && self.$tip && self.$tip.is(':visible')) {
109
+ self.hoverState = 'in'
110
+ return
111
+ }
112
+
113
+ if (!self) {
114
+ self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
115
+ $(obj.currentTarget).data('bs.' + this.type, self)
116
+ }
117
+
118
+ clearTimeout(self.timeout)
119
+
120
+ self.hoverState = 'in'
121
+
122
+ if (!self.options.delay || !self.options.delay.show) return self.show()
123
+
124
+ self.timeout = setTimeout(function () {
125
+ if (self.hoverState == 'in') self.show()
126
+ }, self.options.delay.show)
127
+ }
128
+
129
+ Tooltip.prototype.leave = function (obj) {
130
+ var self = obj instanceof this.constructor ?
131
+ obj : $(obj.currentTarget).data('bs.' + this.type)
132
+
133
+ if (!self) {
134
+ self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
135
+ $(obj.currentTarget).data('bs.' + this.type, self)
136
+ }
137
+
138
+ clearTimeout(self.timeout)
139
+
140
+ self.hoverState = 'out'
141
+
142
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
143
+
144
+ self.timeout = setTimeout(function () {
145
+ if (self.hoverState == 'out') self.hide()
146
+ }, self.options.delay.hide)
147
+ }
148
+
149
+ Tooltip.prototype.show = function () {
150
+ var e = $.Event('show.bs.' + this.type)
151
+
152
+ if (this.hasContent() && this.enabled) {
153
+ this.$element.trigger(e)
154
+
155
+ var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
156
+ if (e.isDefaultPrevented() || !inDom) return
157
+ var that = this
158
+
159
+ var $tip = this.tip()
160
+
161
+ var tipId = this.getUID(this.type)
162
+
163
+ this.setContent()
164
+ $tip.attr('id', tipId)
165
+ this.$element.attr('aria-describedby', tipId)
166
+
167
+ if (this.options.animation) $tip.addClass('fade')
168
+
169
+ var placement = typeof this.options.placement == 'function' ?
170
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
171
+ this.options.placement
172
+
173
+ var autoToken = /\s?auto?\s?/i
174
+ var autoPlace = autoToken.test(placement)
175
+ if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
176
+
177
+ $tip
178
+ .detach()
179
+ .css({ top: 0, left: 0, display: 'block' })
180
+ .addClass(placement)
181
+ .data('bs.' + this.type, this)
182
+
183
+ this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
184
+
185
+ var pos = this.getPosition()
186
+ var actualWidth = $tip[0].offsetWidth
187
+ var actualHeight = $tip[0].offsetHeight
188
+
189
+ if (autoPlace) {
190
+ var orgPlacement = placement
191
+ var $container = this.options.container ? $(this.options.container) : this.$element.parent()
192
+ var containerDim = this.getPosition($container)
193
+
194
+ placement = placement == 'bottom' && pos.bottom + actualHeight > containerDim.bottom ? 'top' :
195
+ placement == 'top' && pos.top - actualHeight < containerDim.top ? 'bottom' :
196
+ placement == 'right' && pos.right + actualWidth > containerDim.width ? 'left' :
197
+ placement == 'left' && pos.left - actualWidth < containerDim.left ? 'right' :
198
+ placement
199
+
200
+ $tip
201
+ .removeClass(orgPlacement)
202
+ .addClass(placement)
203
+ }
204
+
205
+ var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
206
+
207
+ this.applyPlacement(calculatedOffset, placement)
208
+
209
+ var complete = function () {
210
+ var prevHoverState = that.hoverState
211
+ that.$element.trigger('shown.bs.' + that.type)
212
+ that.hoverState = null
213
+
214
+ if (prevHoverState == 'out') that.leave(that)
215
+ }
216
+
217
+ $.support.transition && this.$tip.hasClass('fade') ?
218
+ $tip
219
+ .one('bsTransitionEnd', complete)
220
+ .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
221
+ complete()
222
+ }
223
+ }
224
+
225
+ Tooltip.prototype.applyPlacement = function (offset, placement) {
226
+ var $tip = this.tip()
227
+ var width = $tip[0].offsetWidth
228
+ var height = $tip[0].offsetHeight
229
+
230
+ // manually read margins because getBoundingClientRect includes difference
231
+ var marginTop = parseInt($tip.css('margin-top'), 10)
232
+ var marginLeft = parseInt($tip.css('margin-left'), 10)
233
+
234
+ // we must check for NaN for ie 8/9
235
+ if (isNaN(marginTop)) marginTop = 0
236
+ if (isNaN(marginLeft)) marginLeft = 0
237
+
238
+ offset.top = offset.top + marginTop
239
+ offset.left = offset.left + marginLeft
240
+
241
+ // $.fn.offset doesn't round pixel values
242
+ // so we use setOffset directly with our own function B-0
243
+ $.offset.setOffset($tip[0], $.extend({
244
+ using: function (props) {
245
+ $tip.css({
246
+ top: Math.round(props.top),
247
+ left: Math.round(props.left)
248
+ })
249
+ }
250
+ }, offset), 0)
251
+
252
+ $tip.addClass('in')
253
+
254
+ // check to see if placing tip in new offset caused the tip to resize itself
255
+ var actualWidth = $tip[0].offsetWidth
256
+ var actualHeight = $tip[0].offsetHeight
257
+
258
+ if (placement == 'top' && actualHeight != height) {
259
+ offset.top = offset.top + height - actualHeight
260
+ }
261
+
262
+ var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
263
+
264
+ if (delta.left) offset.left += delta.left
265
+ else offset.top += delta.top
266
+
267
+ var isVertical = /top|bottom/.test(placement)
268
+ var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
269
+ var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
270
+
271
+ $tip.offset(offset)
272
+ this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
273
+ }
274
+
275
+ Tooltip.prototype.replaceArrow = function (delta, dimension, isHorizontal) {
276
+ this.arrow()
277
+ .css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
278
+ .css(isHorizontal ? 'top' : 'left', '')
279
+ }
280
+
281
+ Tooltip.prototype.setContent = function () {
282
+ var $tip = this.tip()
283
+ var title = this.getTitle()
284
+
285
+ $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
286
+ $tip.removeClass('fade in top bottom left right')
287
+ }
288
+
289
+ Tooltip.prototype.hide = function (callback) {
290
+ var that = this
291
+ var $tip = this.tip()
292
+ var e = $.Event('hide.bs.' + this.type)
293
+
294
+ function complete() {
295
+ if (that.hoverState != 'in') $tip.detach()
296
+ that.$element
297
+ .removeAttr('aria-describedby')
298
+ .trigger('hidden.bs.' + that.type)
299
+ callback && callback()
300
+ }
301
+
302
+ this.$element.trigger(e)
303
+
304
+ if (e.isDefaultPrevented()) return
305
+
306
+ $tip.removeClass('in')
307
+
308
+ $.support.transition && this.$tip.hasClass('fade') ?
309
+ $tip
310
+ .one('bsTransitionEnd', complete)
311
+ .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
312
+ complete()
313
+
314
+ this.hoverState = null
315
+
316
+ return this
317
+ }
318
+
319
+ Tooltip.prototype.fixTitle = function () {
320
+ var $e = this.$element
321
+ if ($e.attr('title') || typeof ($e.attr('data-original-title')) != 'string') {
322
+ $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
323
+ }
324
+ }
325
+
326
+ Tooltip.prototype.hasContent = function () {
327
+ return this.getTitle()
328
+ }
329
+
330
+ Tooltip.prototype.getPosition = function ($element) {
331
+ $element = $element || this.$element
332
+
333
+ var el = $element[0]
334
+ var isBody = el.tagName == 'BODY'
335
+
336
+ var elRect = el.getBoundingClientRect()
337
+ if (elRect.width == null) {
338
+ // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
339
+ elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
340
+ }
341
+ var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
342
+ var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
343
+ var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
344
+
345
+ return $.extend({}, elRect, scroll, outerDims, elOffset)
346
+ }
347
+
348
+ Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
349
+ return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
350
+ placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
351
+ placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
352
+ /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
353
+
354
+ }
355
+
356
+ Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
357
+ var delta = { top: 0, left: 0 }
358
+ if (!this.$viewport) return delta
359
+
360
+ var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
361
+ var viewportDimensions = this.getPosition(this.$viewport)
362
+
363
+ if (/right|left/.test(placement)) {
364
+ var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll
365
+ var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
366
+ if (topEdgeOffset < viewportDimensions.top) { // top overflow
367
+ delta.top = viewportDimensions.top - topEdgeOffset
368
+ } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
369
+ delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
370
+ }
371
+ } else {
372
+ var leftEdgeOffset = pos.left - viewportPadding
373
+ var rightEdgeOffset = pos.left + viewportPadding + actualWidth
374
+ if (leftEdgeOffset < viewportDimensions.left) { // left overflow
375
+ delta.left = viewportDimensions.left - leftEdgeOffset
376
+ } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow
377
+ delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
378
+ }
379
+ }
380
+
381
+ return delta
382
+ }
383
+
384
+ Tooltip.prototype.getTitle = function () {
385
+ var title
386
+ var $e = this.$element
387
+ var o = this.options
388
+
389
+ title = $e.attr('data-original-title')
390
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
391
+
392
+ return title
393
+ }
394
+
395
+ Tooltip.prototype.getUID = function (prefix) {
396
+ do prefix += ~~(Math.random() * 1000000)
397
+ while (document.getElementById(prefix))
398
+ return prefix
399
+ }
400
+
401
+ Tooltip.prototype.tip = function () {
402
+ return (this.$tip = this.$tip || $(this.options.template))
403
+ }
404
+
405
+ Tooltip.prototype.arrow = function () {
406
+ return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'))
407
+ }
408
+
409
+ Tooltip.prototype.enable = function () {
410
+ this.enabled = true
411
+ }
412
+
413
+ Tooltip.prototype.disable = function () {
414
+ this.enabled = false
415
+ }
416
+
417
+ Tooltip.prototype.toggleEnabled = function () {
418
+ this.enabled = !this.enabled
419
+ }
420
+
421
+ Tooltip.prototype.toggle = function (e) {
422
+ var self = this
423
+ if (e) {
424
+ self = $(e.currentTarget).data('bs.' + this.type)
425
+ if (!self) {
426
+ self = new this.constructor(e.currentTarget, this.getDelegateOptions())
427
+ $(e.currentTarget).data('bs.' + this.type, self)
428
+ }
429
+ }
430
+
431
+ self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
432
+ }
433
+
434
+ Tooltip.prototype.destroy = function () {
435
+ var that = this
436
+ clearTimeout(this.timeout)
437
+ this.hide(function () {
438
+ that.$element.off('.' + that.type).removeData('bs.' + that.type)
439
+ })
440
+ }
441
+
442
+
443
+ // TOOLTIP PLUGIN DEFINITION
444
+ // =========================
445
+
446
+ function Plugin(option) {
447
+ return this.each(function () {
448
+ var $this = $(this)
449
+ var data = $this.data('bs.tooltip')
450
+ var options = typeof option == 'object' && option
451
+ var selector = options && options.selector
452
+
453
+ if (!data && option == 'destroy') return
454
+ if (selector) {
455
+ if (!data) $this.data('bs.tooltip', (data = {}))
456
+ if (!data[selector]) data[selector] = new Tooltip(this, options)
457
+ } else {
458
+ if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
459
+ }
460
+ if (typeof option == 'string') data[option]()
461
+ })
462
+ }
463
+
464
+ var old = $.fn.tooltip
465
+
466
+ $.fn.tooltip = Plugin
467
+ $.fn.tooltip.Constructor = Tooltip
468
+
469
+
470
+ // TOOLTIP NO CONFLICT
471
+ // ===================
472
+
473
+ $.fn.tooltip.noConflict = function () {
474
+ $.fn.tooltip = old
475
+ return this
476
+ }
477
+
478
+ }(jQuery);