fomantic-ui-sass 2.7.2 → 2.7.3

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -7
  3. data/app/assets/javascripts/semantic-ui/accordion.js +0 -6
  4. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/calendar.js +40 -12
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +9 -0
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +2 -4
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +9 -11
  9. data/app/assets/javascripts/semantic-ui/embed.js +0 -1
  10. data/app/assets/javascripts/semantic-ui/form.js +10 -16
  11. data/app/assets/javascripts/semantic-ui/modal.js +28 -17
  12. data/app/assets/javascripts/semantic-ui/nag.js +1 -20
  13. data/app/assets/javascripts/semantic-ui/popup.js +0 -4
  14. data/app/assets/javascripts/semantic-ui/progress.js +161 -102
  15. data/app/assets/javascripts/semantic-ui/rating.js +0 -1
  16. data/app/assets/javascripts/semantic-ui/search.js +2 -7
  17. data/app/assets/javascripts/semantic-ui/shape.js +68 -145
  18. data/app/assets/javascripts/semantic-ui/sidebar.js +14 -12
  19. data/app/assets/javascripts/semantic-ui/site.js +0 -1
  20. data/app/assets/javascripts/semantic-ui/state.js +0 -1
  21. data/app/assets/javascripts/semantic-ui/sticky.js +1 -7
  22. data/app/assets/javascripts/semantic-ui/tab.js +17 -4
  23. data/app/assets/javascripts/semantic-ui/transition.js +7 -23
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -3
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +4 -3
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +16 -16
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -4
  28. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +12 -3
  29. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -11
  30. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -3
  31. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -0
  33. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +7 -5
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +5 -5
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
  36. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +0 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -0
  38. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -0
  39. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -41
  42. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +73 -35
  44. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +5 -0
  46. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +4 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +4 -4
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +189 -3
  50. data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
  51. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  52. data/lib/fomantic/ui/sass/version.rb +2 -2
  53. metadata +3 -3
@@ -47,7 +47,6 @@ $.fn.rating = function(parameters) {
47
47
  className = settings.className,
48
48
  metadata = settings.metadata,
49
49
  selector = settings.selector,
50
- error = settings.error,
51
50
 
52
51
  eventNamespace = '.' + namespace,
53
52
  moduleNamespace = 'module-' + namespace,
@@ -220,14 +220,12 @@ $.fn.search = function(parameters) {
220
220
  : $result.find('a[href]').eq(0),
221
221
  href = $link.attr('href') || false,
222
222
  target = $link.attr('target') || false,
223
- title = $title.html(),
224
223
  // title is used for result lookup
225
224
  value = ($title.length > 0)
226
225
  ? $title.text()
227
226
  : false,
228
227
  results = module.get.results(),
229
- result = $result.data(metadata.result) || module.get.result(value, results),
230
- returnedValue
228
+ result = $result.data(metadata.result) || module.get.result(value, results)
231
229
  ;
232
230
  if(value) {
233
231
  module.set.value(value);
@@ -357,8 +355,7 @@ $.fn.search = function(parameters) {
357
355
  onAbort : function(response) {
358
356
  },
359
357
  onError : module.error
360
- },
361
- searchHTML
358
+ }
362
359
  ;
363
360
  $.extend(true, apiSettings, settings.apiSettings);
364
361
  module.verbose('Setting up API request', apiSettings);
@@ -805,8 +802,6 @@ $.fn.search = function(parameters) {
805
802
  id: function(resultIndex, categoryIndex) {
806
803
  var
807
804
  resultID = (resultIndex + 1), // not zero indexed
808
- categoryID = (categoryIndex + 1),
809
- firstCharCode,
810
805
  letterID,
811
806
  id
812
807
  ;
@@ -26,7 +26,6 @@ window = (typeof window != 'undefined' && window.Math == Math)
26
26
  $.fn.shape = function(parameters) {
27
27
  var
28
28
  $allModules = $(this),
29
- $body = $('body'),
30
29
 
31
30
  time = new Date().getTime(),
32
31
  performance = [],
@@ -64,8 +63,8 @@ $.fn.shape = function(parameters) {
64
63
 
65
64
  // selector cache
66
65
  $module = $(this),
67
- $sides = $module.find(selector.sides),
68
- $side = $module.find(selector.side),
66
+ $sides = $module.find('>' + selector.sides),
67
+ $side = $sides.find('>' + selector.side),
69
68
 
70
69
  // private variables
71
70
  nextIndex = false,
@@ -105,7 +104,7 @@ $.fn.shape = function(parameters) {
105
104
  refresh: function() {
106
105
  module.verbose('Refreshing selector cache for', element);
107
106
  $module = $(element);
108
- $sides = $(this).find(selector.shape);
107
+ $sides = $(this).find(selector.sides);
109
108
  $side = $(this).find(selector.side);
110
109
  },
111
110
 
@@ -194,16 +193,19 @@ $.fn.shape = function(parameters) {
194
193
  },
195
194
  animating: function() {
196
195
  return $module.hasClass(className.animating);
196
+ },
197
+ hidden: function() {
198
+ return $module.closest(':hidden').length > 0;
197
199
  }
198
200
  },
199
201
 
200
202
  set: {
201
203
 
202
204
  defaultSide: function() {
203
- $activeSide = $module.find('.' + settings.className.active);
205
+ $activeSide = $side.filter('.' + settings.className.active);
204
206
  $nextSide = ( $activeSide.next(selector.side).length > 0 )
205
207
  ? $activeSide.next(selector.side)
206
- : $module.find(selector.side).first()
208
+ : $side.first()
207
209
  ;
208
210
  nextIndex = false;
209
211
  module.verbose('Active side set to', $activeSide);
@@ -232,7 +234,7 @@ $.fn.shape = function(parameters) {
232
234
 
233
235
  currentStageSize: function() {
234
236
  var
235
- $activeSide = $module.find('.' + settings.className.active),
237
+ $activeSide = $side.filter('.' + settings.className.active),
236
238
  width = $activeSide.outerWidth(true),
237
239
  height = $activeSide.outerHeight(true)
238
240
  ;
@@ -247,20 +249,21 @@ $.fn.shape = function(parameters) {
247
249
  stageSize: function() {
248
250
  var
249
251
  $clone = $module.clone().addClass(className.loading),
250
- $activeSide = $clone.find('.' + settings.className.active),
252
+ $side = $clone.find('>' + selector.sides + '>' + selector.side),
253
+ $activeSide = $side.filter('.' + settings.className.active),
251
254
  $nextSide = (nextIndex)
252
- ? $clone.find(selector.side).eq(nextIndex)
255
+ ? $side.eq(nextIndex)
253
256
  : ( $activeSide.next(selector.side).length > 0 )
254
257
  ? $activeSide.next(selector.side)
255
- : $clone.find(selector.side).first(),
256
- newWidth = (settings.width == 'next')
258
+ : $side.first(),
259
+ newWidth = (settings.width === 'next')
257
260
  ? $nextSide.outerWidth(true)
258
- : (settings.width == 'initial')
261
+ : (settings.width === 'initial')
259
262
  ? $module.width()
260
263
  : settings.width,
261
- newHeight = (settings.height == 'next')
264
+ newHeight = (settings.height === 'next')
262
265
  ? $nextSide.outerHeight(true)
263
- : (settings.height == 'initial')
266
+ : (settings.height === 'initial')
264
267
  ? $module.height()
265
268
  : settings.height
266
269
  ;
@@ -268,11 +271,11 @@ $.fn.shape = function(parameters) {
268
271
  $nextSide.addClass(className.active);
269
272
  $clone.insertAfter($module);
270
273
  $clone.remove();
271
- if(settings.width != 'auto') {
274
+ if(settings.width !== 'auto') {
272
275
  $module.css('width', newWidth + settings.jitter);
273
276
  module.verbose('Specifying width during animation', newWidth);
274
277
  }
275
- if(settings.height != 'auto') {
278
+ if(settings.height !== 'auto') {
276
279
  $module.css('height', newHeight + settings.jitter);
277
280
  module.verbose('Specifying height during animation', newHeight);
278
281
  }
@@ -303,113 +306,51 @@ $.fn.shape = function(parameters) {
303
306
  },
304
307
 
305
308
  flip: {
306
-
307
- up: function() {
309
+ to: function(type,stage){
310
+ if(module.is.hidden()) {
311
+ module.debug('Module not visible', $nextSide);
312
+ return;
313
+ }
308
314
  if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
309
315
  module.debug('Side already visible', $nextSide);
310
316
  return;
311
317
  }
318
+ var
319
+ transform = module.get.transform[type]()
320
+ ;
312
321
  if( !module.is.animating()) {
313
- module.debug('Flipping up', $nextSide);
314
- var
315
- transform = module.get.transform.up()
316
- ;
322
+ module.debug('Flipping '+type, $nextSide);
317
323
  module.set.stageSize();
318
- module.stage.above();
324
+ module.stage[stage]();
319
325
  module.animate(transform);
320
326
  }
321
327
  else {
322
- module.queue('flip up');
328
+ module.queue('flip '+type);
323
329
  }
324
330
  },
325
331
 
332
+ up: function() {
333
+ module.flip.to('up','above');
334
+ },
335
+
326
336
  down: function() {
327
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
328
- module.debug('Side already visible', $nextSide);
329
- return;
330
- }
331
- if( !module.is.animating()) {
332
- module.debug('Flipping down', $nextSide);
333
- var
334
- transform = module.get.transform.down()
335
- ;
336
- module.set.stageSize();
337
- module.stage.below();
338
- module.animate(transform);
339
- }
340
- else {
341
- module.queue('flip down');
342
- }
337
+ module.flip.to('down','below');
343
338
  },
344
339
 
345
340
  left: function() {
346
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
347
- module.debug('Side already visible', $nextSide);
348
- return;
349
- }
350
- if( !module.is.animating()) {
351
- module.debug('Flipping left', $nextSide);
352
- var
353
- transform = module.get.transform.left()
354
- ;
355
- module.set.stageSize();
356
- module.stage.left();
357
- module.animate(transform);
358
- }
359
- else {
360
- module.queue('flip left');
361
- }
341
+ module.flip.to('left','left');
362
342
  },
363
343
 
364
344
  right: function() {
365
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
366
- module.debug('Side already visible', $nextSide);
367
- return;
368
- }
369
- if( !module.is.animating()) {
370
- module.debug('Flipping right', $nextSide);
371
- var
372
- transform = module.get.transform.right()
373
- ;
374
- module.set.stageSize();
375
- module.stage.right();
376
- module.animate(transform);
377
- }
378
- else {
379
- module.queue('flip right');
380
- }
345
+ module.flip.to('right','right');
381
346
  },
382
347
 
383
348
  over: function() {
384
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
385
- module.debug('Side already visible', $nextSide);
386
- return;
387
- }
388
- if( !module.is.animating()) {
389
- module.debug('Flipping over', $nextSide);
390
- module.set.stageSize();
391
- module.stage.behind();
392
- module.animate(module.get.transform.over() );
393
- }
394
- else {
395
- module.queue('flip over');
396
- }
349
+ module.flip.to('over','behind');
397
350
  },
398
351
 
399
352
  back: function() {
400
- if(module.is.complete() && !module.is.animating() && !settings.allowRepeats) {
401
- module.debug('Side already visible', $nextSide);
402
- return;
403
- }
404
- if( !module.is.animating()) {
405
- module.debug('Flipping back', $nextSide);
406
- module.set.stageSize();
407
- module.stage.behind();
408
- module.animate(module.get.transform.back() );
409
- }
410
- else {
411
- module.queue('flip back');
412
- }
353
+ module.flip.to('back','behind');
413
354
  }
414
355
 
415
356
  },
@@ -419,49 +360,43 @@ $.fn.shape = function(parameters) {
419
360
  transform: {
420
361
  up: function() {
421
362
  var
422
- translate = {
423
- y: -(($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
424
- z: -($activeSide.outerHeight(true) / 2)
425
- }
363
+ translateZ = $activeSide.outerHeight(true) / 2,
364
+ translateY = $nextSide.outerHeight(true) - translateZ
426
365
  ;
427
366
  return {
428
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(-90deg)'
367
+ transform: 'translateY(' + translateY + 'px) translateZ(-'+ translateZ + 'px) rotateX(-90deg)'
429
368
  };
430
369
  },
431
370
 
432
371
  down: function() {
433
372
  var
434
373
  translate = {
435
- y: -(($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2),
436
- z: -($activeSide.outerHeight(true) / 2)
374
+ z: $activeSide.outerHeight(true) / 2
437
375
  }
438
376
  ;
439
377
  return {
440
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(90deg)'
378
+ transform: 'translateY(-' + translate.z + 'px) translateZ(-'+ translate.z + 'px) rotateX(90deg)'
441
379
  };
442
380
  },
443
381
 
444
382
  left: function() {
445
383
  var
446
- translate = {
447
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
448
- z : -($activeSide.outerWidth(true) / 2)
449
- }
384
+ translateZ = $activeSide.outerWidth(true) / 2,
385
+ translateX = $nextSide.outerWidth(true) - translateZ
450
386
  ;
451
387
  return {
452
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(90deg)'
388
+ transform: 'translateX(' + translateX + 'px) translateZ(-' + translateZ + 'px) rotateY(90deg)'
453
389
  };
454
390
  },
455
391
 
456
392
  right: function() {
457
393
  var
458
394
  translate = {
459
- x : -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
460
- z : -($activeSide.outerWidth(true) / 2)
395
+ z : $activeSide.outerWidth(true) / 2
461
396
  }
462
397
  ;
463
398
  return {
464
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(-90deg)'
399
+ transform: 'translateX(-' + translate.z + 'px) translateZ(-' + translate.z + 'px) rotateY(-90deg)'
465
400
  };
466
401
  },
467
402
 
@@ -509,7 +444,7 @@ $.fn.shape = function(parameters) {
509
444
  nextSide: function() {
510
445
  return ( $activeSide.next(selector.side).length > 0 )
511
446
  ? $activeSide.next(selector.side)
512
- : $module.find(selector.side).first()
447
+ : $side.first()
513
448
  ;
514
449
  }
515
450
 
@@ -528,21 +463,16 @@ $.fn.shape = function(parameters) {
528
463
  }
529
464
  ;
530
465
  module.verbose('Setting the initial animation position as above', $nextSide, box);
531
- $sides
532
- .css({
533
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
534
- })
535
- ;
536
466
  $activeSide
537
467
  .css({
538
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
468
+ 'transform' : 'rotateX(0deg)'
539
469
  })
540
470
  ;
541
471
  $nextSide
542
472
  .addClass(className.animating)
543
473
  .css({
544
474
  'top' : box.origin + 'px',
545
- 'transform' : 'rotateX(90deg) translateZ(' + box.depth.next + 'px)'
475
+ 'transform' : 'rotateX(90deg) translateZ(' + box.depth.next + 'px) translateY(-' + box.depth.active + 'px)'
546
476
  })
547
477
  ;
548
478
  },
@@ -558,21 +488,16 @@ $.fn.shape = function(parameters) {
558
488
  }
559
489
  ;
560
490
  module.verbose('Setting the initial animation position as below', $nextSide, box);
561
- $sides
562
- .css({
563
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
564
- })
565
- ;
566
491
  $activeSide
567
492
  .css({
568
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
493
+ 'transform' : 'rotateX(0deg)'
569
494
  })
570
495
  ;
571
496
  $nextSide
572
497
  .addClass(className.animating)
573
498
  .css({
574
499
  'top' : box.origin + 'px',
575
- 'transform' : 'rotateX(-90deg) translateZ(' + box.depth.next + 'px)'
500
+ 'transform' : 'rotateX(-90deg) translateZ(' + box.depth.next + 'px) translateY(' + box.depth.active + 'px)'
576
501
  })
577
502
  ;
578
503
  },
@@ -592,21 +517,16 @@ $.fn.shape = function(parameters) {
592
517
  }
593
518
  ;
594
519
  module.verbose('Setting the initial animation position as left', $nextSide, box);
595
- $sides
596
- .css({
597
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
598
- })
599
- ;
600
520
  $activeSide
601
521
  .css({
602
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
522
+ 'transform' : 'rotateY(0deg)'
603
523
  })
604
524
  ;
605
525
  $nextSide
606
526
  .addClass(className.animating)
607
527
  .css({
608
528
  'left' : box.origin + 'px',
609
- 'transform' : 'rotateY(-90deg) translateZ(' + box.depth.next + 'px)'
529
+ 'transform' : 'rotateY(-90deg) translateZ(' + box.depth.next + 'px) translateX(-' + box.depth.active + 'px)'
610
530
  })
611
531
  ;
612
532
  },
@@ -625,22 +545,17 @@ $.fn.shape = function(parameters) {
625
545
  }
626
546
  }
627
547
  ;
628
- module.verbose('Setting the initial animation position as left', $nextSide, box);
629
- $sides
630
- .css({
631
- 'transform' : 'translateZ(-' + box.depth.active + 'px)'
632
- })
633
- ;
548
+ module.verbose('Setting the initial animation position as right', $nextSide, box);
634
549
  $activeSide
635
550
  .css({
636
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
551
+ 'transform' : 'rotateY(0deg)'
637
552
  })
638
553
  ;
639
554
  $nextSide
640
555
  .addClass(className.animating)
641
556
  .css({
642
557
  'left' : box.origin + 'px',
643
- 'transform' : 'rotateY(90deg) translateZ(' + box.depth.next + 'px)'
558
+ 'transform' : 'rotateY(90deg) translateZ(' + box.depth.next + 'px) translateX(' + box.depth.active + 'px)'
644
559
  })
645
560
  ;
646
561
  },
@@ -843,7 +758,15 @@ $.fn.shape = function(parameters) {
843
758
  if(instance === undefined) {
844
759
  module.initialize();
845
760
  }
846
- module.invoke(query);
761
+ var $inputs = $module.find('input');
762
+ if( $inputs.length > 0) {
763
+ $inputs.blur();
764
+ setTimeout(function(){
765
+ module.invoke(query);
766
+ }, 150);
767
+ } else {
768
+ module.invoke(query);
769
+ }
847
770
  }
848
771
  else {
849
772
  if(instance !== undefined) {