materialize-sass 1.0.0.alpha2 → 1.0.0.alpha3

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 (38) hide show
  1. checksums.yaml +5 -5
  2. data/assets/javascripts/materialize-sprockets.js +1 -0
  3. data/assets/javascripts/materialize.js +1337 -1281
  4. data/assets/javascripts/materialize/autocomplete.js +27 -27
  5. data/assets/javascripts/materialize/buttons.js +58 -58
  6. data/assets/javascripts/materialize/carousel.js +47 -49
  7. data/assets/javascripts/materialize/cash.js +4 -4
  8. data/assets/javascripts/materialize/characterCounter.js +20 -20
  9. data/assets/javascripts/materialize/chips.js +42 -38
  10. data/assets/javascripts/materialize/collapsible.js +27 -27
  11. data/assets/javascripts/materialize/component.js +57 -0
  12. data/assets/javascripts/materialize/datepicker.js +59 -53
  13. data/assets/javascripts/materialize/dropdown.js +43 -43
  14. data/assets/javascripts/materialize/extras/nouislider.js +1 -1
  15. data/assets/javascripts/materialize/extras/nouislider.min.js +1 -1
  16. data/assets/javascripts/materialize/forms.js +8 -2
  17. data/assets/javascripts/materialize/global.js +11 -13
  18. data/assets/javascripts/materialize/materialbox.js +72 -44
  19. data/assets/javascripts/materialize/modal.js +55 -38
  20. data/assets/javascripts/materialize/parallax.js +61 -24
  21. data/assets/javascripts/materialize/pushpin.js +37 -21
  22. data/assets/javascripts/materialize/range.js +19 -21
  23. data/assets/javascripts/materialize/scrollspy.js +23 -23
  24. data/assets/javascripts/materialize/select.js +42 -36
  25. data/assets/javascripts/materialize/sidenav.js +34 -34
  26. data/assets/javascripts/materialize/slider.js +37 -39
  27. data/assets/javascripts/materialize/tabs.js +42 -49
  28. data/assets/javascripts/materialize/tapTarget.js +39 -22
  29. data/assets/javascripts/materialize/timepicker.js +579 -579
  30. data/assets/javascripts/materialize/tooltip.js +34 -31
  31. data/assets/stylesheets/materialize/components/_cards.scss +0 -2
  32. data/assets/stylesheets/materialize/components/_global.scss +4 -14
  33. data/assets/stylesheets/materialize/components/_typography.scss +0 -1
  34. data/assets/stylesheets/materialize/components/_variables.scss +1 -1
  35. data/assets/stylesheets/materialize/components/forms/_checkboxes.scss +0 -10
  36. data/assets/stylesheets/materialize/extras/nouislider.css +1 -1
  37. data/lib/materialize-sass/version.rb +1 -1
  38. metadata +4 -3
@@ -1,7 +1,13 @@
1
1
  var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
2
2
 
3
+ var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
4
+
3
5
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
4
6
 
7
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
8
+
9
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
10
+
5
11
  (function ($, anim) {
6
12
  'use strict';
7
13
 
@@ -21,7 +27,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
21
27
  *
22
28
  */
23
29
 
24
- var Tooltip = function () {
30
+ var Tooltip = function (_Component) {
31
+ _inherits(Tooltip, _Component);
32
+
25
33
  /**
26
34
  * Construct Tooltip instance
27
35
  * @constructor
@@ -31,20 +39,16 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
31
39
  function Tooltip(el, options) {
32
40
  _classCallCheck(this, Tooltip);
33
41
 
34
- // If exists, destroy and reinitialize
35
- if (!!el.M_Tooltip) {
36
- el.M_Tooltip.destroy();
37
- }
42
+ var _this = _possibleConstructorReturn(this, (Tooltip.__proto__ || Object.getPrototypeOf(Tooltip)).call(this, Tooltip, el, options));
38
43
 
39
- this.el = el;
40
- this.$el = $(el);
41
- this.el.M_Tooltip = this;
42
- this.options = $.extend({}, Tooltip.defaults, options);
44
+ _this.el.M_Tooltip = _this;
45
+ _this.options = $.extend({}, Tooltip.defaults, options);
43
46
 
44
- this.isOpen = false;
45
- this.isHovered = false;
46
- this._appendTooltipEl();
47
- this._setupEventHandlers();
47
+ _this.isOpen = false;
48
+ _this.isHovered = false;
49
+ _this._appendTooltipEl();
50
+ _this._setupEventHandlers();
51
+ return _this;
48
52
  }
49
53
 
50
54
  _createClass(Tooltip, [{
@@ -116,22 +120,22 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
116
120
  }
117
121
 
118
122
  /**
119
- * Create timeout which delays when the tooltip closes
120
- */
123
+ * Create timeout which delays when the tooltip closes
124
+ */
121
125
 
122
126
  }, {
123
127
  key: '_setExitDelayTimeout',
124
128
  value: function _setExitDelayTimeout() {
125
- var _this = this;
129
+ var _this2 = this;
126
130
 
127
131
  clearTimeout(this._exitDelayTimeout);
128
132
 
129
133
  this._exitDelayTimeout = setTimeout(function () {
130
- if (_this.isHovered) {
134
+ if (_this2.isHovered) {
131
135
  return;
132
- } else {
133
- _this._animateOut();
134
136
  }
137
+
138
+ _this2._animateOut();
135
139
  }, this.options.exitDelay);
136
140
  }
137
141
 
@@ -142,16 +146,16 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
142
146
  }, {
143
147
  key: '_setEnterDelayTimeout',
144
148
  value: function _setEnterDelayTimeout() {
145
- var _this2 = this;
149
+ var _this3 = this;
146
150
 
147
151
  clearTimeout(this._enterDelayTimeout);
148
152
 
149
153
  this._enterDelayTimeout = setTimeout(function () {
150
- if (!_this2.isHovered) {
154
+ if (!_this3.isHovered) {
151
155
  return;
152
- } else {
153
- _this2._animateIn();
154
156
  }
157
+
158
+ _this3._animateIn();
155
159
  }, this.options.enterDelay);
156
160
  }
157
161
  }, {
@@ -227,7 +231,10 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
227
231
  newY -= newY + height - window.innerHeight;
228
232
  }
229
233
 
230
- return { x: newX + scrollLeft, y: newY + scrollTop };
234
+ return {
235
+ x: newX + scrollLeft,
236
+ y: newY + scrollTop
237
+ };
231
238
  }
232
239
  }, {
233
240
  key: '_animateIn',
@@ -287,12 +294,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
287
294
  }
288
295
  }], [{
289
296
  key: 'init',
290
- value: function init($els, options) {
291
- var arr = [];
292
- $els.each(function () {
293
- arr.push(new Tooltip(this, options));
294
- });
295
- return arr;
297
+ value: function init(els, options) {
298
+ return _get(Tooltip.__proto__ || Object.getPrototypeOf(Tooltip), 'init', this).call(this, this, els, options);
296
299
  }
297
300
 
298
301
  /**
@@ -313,7 +316,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
313
316
  }]);
314
317
 
315
318
  return Tooltip;
316
- }();
319
+ }(Component);
317
320
 
318
321
  M.Tooltip = Tooltip;
319
322
 
@@ -144,7 +144,6 @@
144
144
 
145
145
  p {
146
146
  margin: 0;
147
- color: inherit;
148
147
  }
149
148
  .card-title {
150
149
  display: block;
@@ -162,7 +161,6 @@
162
161
  border-radius: 0 0 2px 2px;
163
162
  }
164
163
  position: relative;
165
- background-color: inherit;
166
164
  border-top: 1px solid rgba(160,160,160,.2);
167
165
  padding: 16px $card-padding;
168
166
 
@@ -392,11 +392,6 @@ table {
392
392
  border-collapse: collapse;
393
393
  border-spacing: 0;
394
394
 
395
- &.bordered > thead > tr,
396
- &.bordered > tbody > tr {
397
- border-bottom: 1px solid $table-border-color;
398
- }
399
-
400
395
  &.striped {
401
396
  tr {
402
397
  border-bottom: none;
@@ -494,21 +489,16 @@ td, th{
494
489
  min-height: 1.25em;
495
490
  text-align: left;
496
491
  }
497
- tr { padding: 0 10px; }
492
+ tr {
493
+ border-bottom: none;
494
+ padding: 0 10px;
495
+ }
498
496
 
499
497
  /* sort out borders */
500
498
  thead {
501
499
  border: 0;
502
500
  border-right: 1px solid $table-border-color;
503
501
  }
504
-
505
- &.bordered {
506
- th { border-bottom: 0; border-left: 0; }
507
- td { border-left: 0; border-right: 0; border-bottom: 0; }
508
- tr { border: 0; }
509
- tbody tr { border-right: 1px solid $table-border-color; }
510
- }
511
-
512
502
  }
513
503
 
514
504
  }
@@ -45,7 +45,6 @@ small { font-size: 75%; }
45
45
 
46
46
 
47
47
  .flow-text{
48
- font-weight: 300;
49
48
  $i: 0;
50
49
  @while $i <= $intervals {
51
50
  @media only screen and (min-width : 360 + ($i * $interval-size)) {
@@ -163,7 +163,7 @@ $input-background: #fff !default;
163
163
  $input-error-color: $error-color !default;
164
164
  $input-success-color: $success-color !default;
165
165
  $input-focus-color: $secondary-color !default;
166
- $input-font-size: 1rem !default;
166
+ $input-font-size: 16px !default;
167
167
  $input-margin-bottom: 8px;
168
168
  $input-margin: 0 0 $input-margin-bottom 0 !default;
169
169
  $input-padding: 0 !default;
@@ -1,16 +1,6 @@
1
1
  /* Checkboxes
2
2
  ========================================================================== */
3
3
 
4
- /* CUSTOM CSS CHECKBOXES */
5
- form p {
6
- margin-bottom: 10px;
7
- text-align: left;
8
- }
9
-
10
- form p:last-child {
11
- margin-bottom: 0;
12
- }
13
-
14
4
  /* Remove default checkbox */
15
5
  [type="checkbox"]:not(:checked),
16
6
  [type="checkbox"]:checked {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Materialize v1.0.0-alpha.2 (http://materializecss.com)
2
+ * Materialize v1.0.0-alpha.3 (http://materializecss.com)
3
3
  * Copyright 2014-2015 Materialize
4
4
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
5
5
  */
@@ -1,6 +1,6 @@
1
1
  module Materialize
2
2
  module Sass
3
- VERSION = "1.0.0.alpha2"
3
+ VERSION = "1.0.0.alpha3"
4
4
  end
5
5
  end
6
6
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: materialize-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0.alpha2
4
+ version: 1.0.0.alpha3
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-12-07 00:00:00.000000000 Z
11
+ date: 2017-12-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -89,6 +89,7 @@ files:
89
89
  - assets/javascripts/materialize/characterCounter.js
90
90
  - assets/javascripts/materialize/chips.js
91
91
  - assets/javascripts/materialize/collapsible.js
92
+ - assets/javascripts/materialize/component.js
92
93
  - assets/javascripts/materialize/datepicker.js
93
94
  - assets/javascripts/materialize/dropdown.js
94
95
  - assets/javascripts/materialize/extras/nouislider.js
@@ -176,7 +177,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
176
177
  version: 1.3.1
177
178
  requirements: []
178
179
  rubyforge_project:
179
- rubygems_version: 2.6.13
180
+ rubygems_version: 2.7.3
180
181
  signing_key:
181
182
  specification_version: 4
182
183
  summary: Materialzecss sass for rails.