materialize-sass 1.0.0.alpha2 → 1.0.0.alpha3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/assets/javascripts/materialize-sprockets.js +1 -0
- data/assets/javascripts/materialize.js +1337 -1281
- data/assets/javascripts/materialize/autocomplete.js +27 -27
- data/assets/javascripts/materialize/buttons.js +58 -58
- data/assets/javascripts/materialize/carousel.js +47 -49
- data/assets/javascripts/materialize/cash.js +4 -4
- data/assets/javascripts/materialize/characterCounter.js +20 -20
- data/assets/javascripts/materialize/chips.js +42 -38
- data/assets/javascripts/materialize/collapsible.js +27 -27
- data/assets/javascripts/materialize/component.js +57 -0
- data/assets/javascripts/materialize/datepicker.js +59 -53
- data/assets/javascripts/materialize/dropdown.js +43 -43
- data/assets/javascripts/materialize/extras/nouislider.js +1 -1
- data/assets/javascripts/materialize/extras/nouislider.min.js +1 -1
- data/assets/javascripts/materialize/forms.js +8 -2
- data/assets/javascripts/materialize/global.js +11 -13
- data/assets/javascripts/materialize/materialbox.js +72 -44
- data/assets/javascripts/materialize/modal.js +55 -38
- data/assets/javascripts/materialize/parallax.js +61 -24
- data/assets/javascripts/materialize/pushpin.js +37 -21
- data/assets/javascripts/materialize/range.js +19 -21
- data/assets/javascripts/materialize/scrollspy.js +23 -23
- data/assets/javascripts/materialize/select.js +42 -36
- data/assets/javascripts/materialize/sidenav.js +34 -34
- data/assets/javascripts/materialize/slider.js +37 -39
- data/assets/javascripts/materialize/tabs.js +42 -49
- data/assets/javascripts/materialize/tapTarget.js +39 -22
- data/assets/javascripts/materialize/timepicker.js +579 -579
- data/assets/javascripts/materialize/tooltip.js +34 -31
- data/assets/stylesheets/materialize/components/_cards.scss +0 -2
- data/assets/stylesheets/materialize/components/_global.scss +4 -14
- data/assets/stylesheets/materialize/components/_typography.scss +0 -1
- data/assets/stylesheets/materialize/components/_variables.scss +1 -1
- data/assets/stylesheets/materialize/components/forms/_checkboxes.scss +0 -10
- data/assets/stylesheets/materialize/extras/nouislider.css +1 -1
- data/lib/materialize-sass/version.rb +1 -1
- 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
|
-
|
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
|
-
|
40
|
-
|
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
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
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
|
-
|
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
|
129
|
+
var _this2 = this;
|
126
130
|
|
127
131
|
clearTimeout(this._exitDelayTimeout);
|
128
132
|
|
129
133
|
this._exitDelayTimeout = setTimeout(function () {
|
130
|
-
if (
|
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
|
149
|
+
var _this3 = this;
|
146
150
|
|
147
151
|
clearTimeout(this._enterDelayTimeout);
|
148
152
|
|
149
153
|
this._enterDelayTimeout = setTimeout(function () {
|
150
|
-
if (!
|
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 {
|
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(
|
291
|
-
|
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 {
|
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
|
}
|
@@ -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:
|
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 {
|
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.
|
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-
|
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.
|
180
|
+
rubygems_version: 2.7.3
|
180
181
|
signing_key:
|
181
182
|
specification_version: 4
|
182
183
|
summary: Materialzecss sass for rails.
|