semantic-ui-sass 0.19.3.1 → 1.7.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +21 -0
  3. data/README.md +5 -6
  4. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  6. data/app/assets/fonts/semantic-ui/icons.svg +472 -367
  7. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  9. data/app/assets/images/semantic-ui/flags.png +0 -0
  10. data/app/assets/javascripts/semantic-ui.js +9 -5
  11. data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
  12. data/app/assets/javascripts/semantic-ui/api.js +840 -0
  13. data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
  14. data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
  15. data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
  16. data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
  17. data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
  18. data/app/assets/javascripts/semantic-ui/modal.js +294 -219
  19. data/app/assets/javascripts/semantic-ui/nag.js +120 -186
  20. data/app/assets/javascripts/semantic-ui/popup.js +491 -223
  21. data/app/assets/javascripts/semantic-ui/progress.js +779 -0
  22. data/app/assets/javascripts/semantic-ui/rating.js +66 -22
  23. data/app/assets/javascripts/semantic-ui/search.js +219 -99
  24. data/app/assets/javascripts/semantic-ui/shape.js +72 -29
  25. data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
  26. data/app/assets/javascripts/semantic-ui/site.js +487 -0
  27. data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
  28. data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
  29. data/app/assets/javascripts/semantic-ui/tab.js +680 -603
  30. data/app/assets/javascripts/semantic-ui/transition.js +269 -158
  31. data/app/assets/javascripts/semantic-ui/video.js +113 -32
  32. data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
  33. data/app/assets/javascripts/semantic-ui/visit.js +513 -0
  34. data/app/assets/stylesheets/semantic-ui.scss +2 -0
  35. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
  36. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
  37. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
  38. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
  39. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
  40. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
  41. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
  43. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
  44. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
  45. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
  46. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
  47. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
  48. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
  49. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
  50. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
  51. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
  52. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
  53. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
  54. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
  55. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
  56. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
  57. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
  58. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
  60. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
  62. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
  63. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
  64. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
  65. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
  66. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
  67. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
  68. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
  69. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
  70. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
  71. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
  74. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
  75. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
  77. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
  79. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
  80. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
  81. data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
  82. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
  83. data/lib/semantic/ui/sass/version.rb +2 -2
  84. data/tasks/converter.rb +99 -216
  85. metadata +22 -27
  86. data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
  87. data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
  88. data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
  89. data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
  90. data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  91. data/app/assets/images/semantic-ui/loader-large.gif +0 -0
  92. data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  93. data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
  94. data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  95. data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
  96. data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  97. data/app/assets/images/semantic-ui/loader-small.gif +0 -0
  98. data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
  99. data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
  100. data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
  101. data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
  102. data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
  103. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
  104. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
  105. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
  106. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
  107. data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -1,9 +1,9 @@
1
1
  /*
2
2
  * # Semantic - State
3
- * http://github.com/jlukic/semantic-ui/
3
+ * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributors
6
+ * Copyright 2014 Contributor
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -14,10 +14,10 @@
14
14
  $.fn.state = function(parameters) {
15
15
  var
16
16
  $allModules = $(this),
17
- settings = $.extend(true, {}, $.fn.state.settings, parameters),
18
17
 
19
18
  moduleSelector = $allModules.selector || '',
20
19
 
20
+ hasTouch = ('ontouchstart' in document.documentElement),
21
21
  time = new Date().getTime(),
22
22
  performance = [],
23
23
 
@@ -25,27 +25,29 @@ $.fn.state = function(parameters) {
25
25
  methodInvoked = (typeof query == 'string'),
26
26
  queryArguments = [].slice.call(arguments, 1),
27
27
 
28
- // shortcuts
29
- error = settings.error,
30
- metadata = settings.metadata,
31
- className = settings.className,
32
- namespace = settings.namespace,
33
- states = settings.states,
34
- text = settings.text,
35
-
36
- eventNamespace = '.' + namespace,
37
- moduleNamespace = namespace + '-module',
38
-
39
-
40
28
  returnedValue
41
29
  ;
42
30
  $allModules
43
31
  .each(function() {
44
32
  var
45
- $module = $(this),
33
+ settings = ( $.isPlainObject(parameters) )
34
+ ? $.extend(true, {}, $.fn.state.settings, parameters)
35
+ : $.extend({}, $.fn.state.settings),
36
+
37
+ error = settings.error,
38
+ metadata = settings.metadata,
39
+ className = settings.className,
40
+ namespace = settings.namespace,
41
+ states = settings.states,
42
+ text = settings.text,
46
43
 
47
- element = this,
48
- instance = $module.data(moduleNamespace),
44
+ eventNamespace = '.' + namespace,
45
+ moduleNamespace = namespace + '-module',
46
+
47
+ $module = $(this),
48
+
49
+ element = this,
50
+ instance = $module.data(moduleNamespace),
49
51
 
50
52
  module
51
53
  ;
@@ -61,24 +63,6 @@ $.fn.state = function(parameters) {
61
63
 
62
64
  // bind events with delegated events
63
65
  if(settings.context && moduleSelector !== '') {
64
- if( module.allows('hover') ) {
65
- $(element, settings.context)
66
- .on(moduleSelector, 'mouseenter' + eventNamespace, module.enable.hover)
67
- .on(moduleSelector, 'mouseleave' + eventNamespace, module.disable.hover)
68
- ;
69
- }
70
- if( module.allows('down') ) {
71
- $(element, settings.context)
72
- .on(moduleSelector, 'mousedown' + eventNamespace, module.enable.down)
73
- .on(moduleSelector, 'mouseup' + eventNamespace, module.disable.down)
74
- ;
75
- }
76
- if( module.allows('focus') ) {
77
- $(element, settings.context)
78
- .on(moduleSelector, 'focus' + eventNamespace, module.enable.focus)
79
- .on(moduleSelector, 'blur' + eventNamespace, module.disable.focus)
80
- ;
81
- }
82
66
  $(settings.context)
83
67
  .on(moduleSelector, 'mouseenter' + eventNamespace, module.change.text)
84
68
  .on(moduleSelector, 'mouseleave' + eventNamespace, module.reset.text)
@@ -86,24 +70,6 @@ $.fn.state = function(parameters) {
86
70
  ;
87
71
  }
88
72
  else {
89
- if( module.allows('hover') ) {
90
- $module
91
- .on('mouseenter' + eventNamespace, module.enable.hover)
92
- .on('mouseleave' + eventNamespace, module.disable.hover)
93
- ;
94
- }
95
- if( module.allows('down') ) {
96
- $module
97
- .on('mousedown' + eventNamespace, module.enable.down)
98
- .on('mouseup' + eventNamespace, module.disable.down)
99
- ;
100
- }
101
- if( module.allows('focus') ) {
102
- $module
103
- .on('focus' + eventNamespace, module.enable.focus)
104
- .on('blur' + eventNamespace, module.disable.focus)
105
- ;
106
- }
107
73
  $module
108
74
  .on('mouseenter' + eventNamespace, module.change.text)
109
75
  .on('mouseleave' + eventNamespace, module.reset.text)
@@ -161,6 +127,12 @@ $.fn.state = function(parameters) {
161
127
  inactive: function() {
162
128
  return !( $module.hasClass(className.active) );
163
129
  },
130
+ state: function(state) {
131
+ if(className[state] === undefined) {
132
+ return false;
133
+ }
134
+ return $module.hasClass( className[state] );
135
+ },
164
136
 
165
137
  enabled: function() {
166
138
  return !( $module.is(settings.filter.active) );
@@ -178,6 +150,9 @@ $.fn.state = function(parameters) {
178
150
  },
179
151
  input: function() {
180
152
  return $module.is('input');
153
+ },
154
+ progress: function() {
155
+ return $module.is('.ui.progress');
181
156
  }
182
157
  },
183
158
 
@@ -194,55 +169,41 @@ $.fn.state = function(parameters) {
194
169
  return states[state] || false;
195
170
  },
196
171
 
197
- enable: {
198
- state: function(state) {
199
- if(module.allows(state)) {
200
- $module.addClass( className[state] );
201
- }
202
- },
203
- // convenience
204
- focus: function() {
205
- $module.addClass(className.focus);
206
- },
207
- hover: function() {
208
- $module.addClass(className.hover);
209
- },
210
- down: function() {
211
- $module.addClass(className.down);
212
- },
172
+ enable: function() {
173
+ $module.removeClass(className.disabled);
213
174
  },
214
175
 
215
- disable: {
216
- state: function(state) {
217
- if(module.allows(state)) {
218
- $module.removeClass( className[state] );
219
- }
220
- },
221
- // convenience
222
- focus: function() {
223
- $module.removeClass(className.focus);
224
- },
225
- hover: function() {
226
- $module.removeClass(className.hover);
227
- },
228
- down: function() {
229
- $module.removeClass(className.down);
230
- },
176
+ disable: function() {
177
+ $module.addClass(className.disabled);
178
+ },
179
+
180
+ setState: function(state) {
181
+ if(module.allows(state)) {
182
+ $module.addClass( className[state] );
183
+ }
184
+ },
185
+
186
+ removeState: function(state) {
187
+ if(module.allows(state)) {
188
+ $module.removeClass( className[state] );
189
+ }
231
190
  },
232
191
 
233
192
  toggle: {
234
193
  state: function() {
235
194
  var
236
- apiRequest = $module.data(metadata.promise)
195
+ apiRequest
237
196
  ;
238
197
  if( module.allows('active') && module.is.enabled() ) {
239
198
  module.refresh();
240
- if(apiRequest !== undefined) {
241
- module.listenTo(apiRequest);
242
- }
243
- else {
244
- module.change.state();
199
+ if($.fn.api !== undefined) {
200
+ apiRequest = $module.api('get request');
201
+ if(apiRequest) {
202
+ module.listenTo(apiRequest);
203
+ return;
204
+ }
245
205
  }
206
+ module.change.state();
246
207
  }
247
208
  }
248
209
  },
@@ -296,24 +257,28 @@ $.fn.state = function(parameters) {
296
257
 
297
258
  text: function() {
298
259
  if( module.is.textEnabled() ) {
299
- if( module.is.active() ) {
260
+ if(module.is.disabled() ) {
261
+ module.verbose('Changing text to disabled text', text.hover);
262
+ module.update.text(text.disabled);
263
+ }
264
+ else if( module.is.active() ) {
300
265
  if(text.hover) {
301
266
  module.verbose('Changing text to hover text', text.hover);
302
267
  module.update.text(text.hover);
303
268
  }
304
- else if(text.disable) {
305
- module.verbose('Changing text to disable text', text.disable);
306
- module.update.text(text.disable);
269
+ else if(text.deactivate) {
270
+ module.verbose('Changing text to deactivating text', text.deactivate);
271
+ module.update.text(text.deactivate);
307
272
  }
308
273
  }
309
274
  else {
310
275
  if(text.hover) {
311
- module.verbose('Changing text to hover text', text.disable);
276
+ module.verbose('Changing text to hover text', text.hover);
312
277
  module.update.text(text.hover);
313
278
  }
314
- else if(text.enable){
315
- module.verbose('Changing text to enable text', text.enable);
316
- module.update.text(text.enable);
279
+ else if(text.activate){
280
+ module.verbose('Changing text to activating text', text.activate);
281
+ module.update.text(text.activate);
317
282
  }
318
283
  }
319
284
  }
@@ -328,8 +293,8 @@ $.fn.state = function(parameters) {
328
293
  .addClass(className.active)
329
294
  ;
330
295
  module.update.text(text.active);
296
+ $.proxy(settings.onActivate, element)();
331
297
  }
332
- $.proxy(settings.onActivate, element)();
333
298
  },
334
299
 
335
300
  deactivate: function() {
@@ -339,8 +304,8 @@ $.fn.state = function(parameters) {
339
304
  .removeClass(className.active)
340
305
  ;
341
306
  module.update.text(text.inactive);
307
+ $.proxy(settings.onDeactivate, element)();
342
308
  }
343
- $.proxy(settings.onDeactivate, element)();
344
309
  },
345
310
 
346
311
  sync: function() {
@@ -371,16 +336,18 @@ $.fn.state = function(parameters) {
371
336
  },
372
337
 
373
338
  flash: {
374
- text: function(text, duration) {
339
+ text: function(text, duration, callback) {
375
340
  var
376
341
  previousText = module.get.text()
377
342
  ;
378
343
  module.debug('Flashing text message', text, duration);
379
344
  text = text || settings.text.flash;
380
345
  duration = duration || settings.flashDuration;
346
+ callback = callback || function() {};
381
347
  module.update.text(text);
382
348
  setTimeout(function(){
383
349
  module.update.text(previousText);
350
+ $.proxy(callback, element)();
384
351
  }, duration);
385
352
  }
386
353
  },
@@ -434,27 +401,22 @@ $.fn.state = function(parameters) {
434
401
 
435
402
  setting: function(name, value) {
436
403
  module.debug('Changing setting', name, value);
437
- if(value !== undefined) {
438
- if( $.isPlainObject(name) ) {
439
- $.extend(true, settings, name);
440
- }
441
- else {
442
- settings[name] = value;
443
- }
404
+ if( $.isPlainObject(name) ) {
405
+ $.extend(true, settings, name);
406
+ }
407
+ else if(value !== undefined) {
408
+ settings[name] = value;
444
409
  }
445
410
  else {
446
411
  return settings[name];
447
412
  }
448
413
  },
449
414
  internal: function(name, value) {
450
- module.debug('Changing internal', name, value);
451
- if(value !== undefined) {
452
- if( $.isPlainObject(name) ) {
453
- $.extend(true, module, name);
454
- }
455
- else {
456
- module[name] = value;
457
- }
415
+ if( $.isPlainObject(name) ) {
416
+ $.extend(true, module, name);
417
+ }
418
+ else if(value !== undefined) {
419
+ module[name] = value;
458
420
  }
459
421
  else {
460
422
  return module[name];
@@ -499,9 +461,9 @@ $.fn.state = function(parameters) {
499
461
  executionTime = currentTime - previousTime;
500
462
  time = currentTime;
501
463
  performance.push({
502
- 'Element' : element,
503
464
  'Name' : message[0],
504
465
  'Arguments' : [].slice.call(message, 1) || '',
466
+ 'Element' : element,
505
467
  'Execution Time' : executionTime
506
468
  });
507
469
  }
@@ -522,9 +484,6 @@ $.fn.state = function(parameters) {
522
484
  if(moduleSelector) {
523
485
  title += ' \'' + moduleSelector + '\'';
524
486
  }
525
- if($allModules.size() > 1) {
526
- title += ' ' + '(' + $allModules.size() + ')';
527
- }
528
487
  if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
529
488
  console.groupCollapsed(title);
530
489
  if(console.table) {
@@ -572,6 +531,7 @@ $.fn.state = function(parameters) {
572
531
  return false;
573
532
  }
574
533
  else {
534
+ module.error(error.method, query);
575
535
  return false;
576
536
  }
577
537
  });
@@ -594,6 +554,7 @@ $.fn.state = function(parameters) {
594
554
  return found;
595
555
  }
596
556
  };
557
+
597
558
  if(methodInvoked) {
598
559
  if(instance === undefined) {
599
560
  module.initialize();
@@ -606,7 +567,6 @@ $.fn.state = function(parameters) {
606
567
  }
607
568
  module.initialize();
608
569
  }
609
-
610
570
  })
611
571
  ;
612
572
 
@@ -622,7 +582,7 @@ $.fn.state.settings = {
622
582
  name : 'State',
623
583
 
624
584
  // debug output
625
- debug : true,
585
+ debug : false,
626
586
 
627
587
  // verbose debug output
628
588
  verbose : true,
@@ -649,7 +609,7 @@ $.fn.state.settings = {
649
609
  sync : false,
650
610
 
651
611
  // default flash text duration, used for temporarily changing text of an element
652
- flashDuration : 3000,
612
+ flashDuration : 1000,
653
613
 
654
614
  // selector filter
655
615
  filter : {
@@ -672,11 +632,12 @@ $.fn.state.settings = {
672
632
 
673
633
  // change class on state
674
634
  className: {
675
- focus : 'focus',
676
- hover : 'hover',
677
- down : 'down',
678
- active : 'active',
679
- loading : 'loading'
635
+ active : 'active',
636
+ disabled : 'disabled',
637
+ error : 'error',
638
+ loading : 'loading',
639
+ success : 'success',
640
+ warning : 'warning'
680
641
  },
681
642
 
682
643
  selector: {
@@ -686,36 +647,40 @@ $.fn.state.settings = {
686
647
 
687
648
  defaults : {
688
649
  input: {
689
- hover : true,
690
- focus : true,
691
- down : true,
692
- loading : false,
693
- active : false
650
+ disabled : true,
651
+ loading : true,
652
+ active : true
694
653
  },
695
654
  button: {
696
- hover : true,
697
- focus : false,
698
- down : true,
699
- active : true,
700
- loading : true
655
+ disabled : true,
656
+ loading : true,
657
+ active : true,
658
+ },
659
+ progress: {
660
+ active : true,
661
+ success : true,
662
+ warning : true,
663
+ error : true
701
664
  }
702
665
  },
703
666
 
704
667
  states : {
705
- hover : true,
706
- focus : true,
707
- down : true,
708
- loading : false,
709
- active : false
668
+ active : true,
669
+ disabled : true,
670
+ error : true,
671
+ loading : true,
672
+ success : true,
673
+ warning : true
710
674
  },
711
675
 
712
676
  text : {
713
- flash : false,
714
- hover : false,
715
- active : false,
716
- inactive : false,
717
- enable : false,
718
- disable : false
677
+ disabled : false,
678
+ flash : false,
679
+ hover : false,
680
+ active : false,
681
+ inactive : false,
682
+ activate : false,
683
+ deactivate : false
719
684
  }
720
685
 
721
686
  };