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.
- checksums.yaml +4 -4
- data/README.md +7 -7
- data/app/assets/javascripts/semantic-ui/accordion.js +0 -6
- data/app/assets/javascripts/semantic-ui/api.js +1 -1
- data/app/assets/javascripts/semantic-ui/calendar.js +40 -12
- data/app/assets/javascripts/semantic-ui/checkbox.js +9 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +2 -4
- data/app/assets/javascripts/semantic-ui/dropdown.js +9 -11
- data/app/assets/javascripts/semantic-ui/embed.js +0 -1
- data/app/assets/javascripts/semantic-ui/form.js +10 -16
- data/app/assets/javascripts/semantic-ui/modal.js +28 -17
- data/app/assets/javascripts/semantic-ui/nag.js +1 -20
- data/app/assets/javascripts/semantic-ui/popup.js +0 -4
- data/app/assets/javascripts/semantic-ui/progress.js +161 -102
- data/app/assets/javascripts/semantic-ui/rating.js +0 -1
- data/app/assets/javascripts/semantic-ui/search.js +2 -7
- data/app/assets/javascripts/semantic-ui/shape.js +68 -145
- data/app/assets/javascripts/semantic-ui/sidebar.js +14 -12
- data/app/assets/javascripts/semantic-ui/site.js +0 -1
- data/app/assets/javascripts/semantic-ui/state.js +0 -1
- data/app/assets/javascripts/semantic-ui/sticky.js +1 -7
- data/app/assets/javascripts/semantic-ui/tab.js +17 -4
- data/app/assets/javascripts/semantic-ui/transition.js +7 -23
- data/app/assets/javascripts/semantic-ui/visibility.js +1 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +4 -3
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +16 -16
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +8 -4
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +12 -3
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +3 -11
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -0
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +7 -5
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +0 -1
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +4 -0
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -41
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +73 -35
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +5 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +4 -1
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +189 -3
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +3 -3
@@ -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 = $
|
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.
|
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 = $
|
205
|
+
$activeSide = $side.filter('.' + settings.className.active);
|
204
206
|
$nextSide = ( $activeSide.next(selector.side).length > 0 )
|
205
207
|
? $activeSide.next(selector.side)
|
206
|
-
: $
|
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 = $
|
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
|
-
$
|
252
|
+
$side = $clone.find('>' + selector.sides + '>' + selector.side),
|
253
|
+
$activeSide = $side.filter('.' + settings.className.active),
|
251
254
|
$nextSide = (nextIndex)
|
252
|
-
? $
|
255
|
+
? $side.eq(nextIndex)
|
253
256
|
: ( $activeSide.next(selector.side).length > 0 )
|
254
257
|
? $activeSide.next(selector.side)
|
255
|
-
: $
|
256
|
-
newWidth = (settings.width
|
258
|
+
: $side.first(),
|
259
|
+
newWidth = (settings.width === 'next')
|
257
260
|
? $nextSide.outerWidth(true)
|
258
|
-
: (settings.width
|
261
|
+
: (settings.width === 'initial')
|
259
262
|
? $module.width()
|
260
263
|
: settings.width,
|
261
|
-
newHeight = (settings.height
|
264
|
+
newHeight = (settings.height === 'next')
|
262
265
|
? $nextSide.outerHeight(true)
|
263
|
-
: (settings.height
|
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
|
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
|
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
|
-
|
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
|
314
|
-
var
|
315
|
-
transform = module.get.transform.up()
|
316
|
-
;
|
322
|
+
module.debug('Flipping '+type, $nextSide);
|
317
323
|
module.set.stageSize();
|
318
|
-
module.stage
|
324
|
+
module.stage[stage]();
|
319
325
|
module.animate(transform);
|
320
326
|
}
|
321
327
|
else {
|
322
|
-
module.queue('flip
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
423
|
-
|
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(' +
|
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
|
-
|
436
|
-
z: -($activeSide.outerHeight(true) / 2)
|
374
|
+
z: $activeSide.outerHeight(true) / 2
|
437
375
|
}
|
438
376
|
;
|
439
377
|
return {
|
440
|
-
transform: 'translateY(' + translate.
|
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
|
-
|
447
|
-
|
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(' +
|
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
|
-
|
460
|
-
z : -($activeSide.outerWidth(true) / 2)
|
395
|
+
z : $activeSide.outerWidth(true) / 2
|
461
396
|
}
|
462
397
|
;
|
463
398
|
return {
|
464
|
-
transform: 'translateX(' + translate.
|
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
|
-
: $
|
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' : '
|
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' : '
|
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)
|
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
|
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)
|
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.
|
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) {
|