material_design_lite-rails 1.2.1 → 1.3.0
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
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c5035a7efea133caaa8f50a46937b7a9e3e5cc23
|
4
|
+
data.tar.gz: 2b4a6e2c0f63f4dcf8a6849d511a5341cfdd928e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4bbe41c8e477d884d73c872003a147da4c1758538cacd43eea64e0a6fdcb3f85d46b43600fe17f962bab19e892c24d50f5e201d93b2929d880393a025f169db2
|
7
|
+
data.tar.gz: 4a05d67ec55f3d155597c15f67be078ba9de19434838d5bc1af7baf3ee3cd66ee8cd2584535742e93621cc49dad169d9b7ab15543b06b701a83cba696aafa9e1
|
@@ -144,6 +144,27 @@ componentHandler = (function() {
|
|
144
144
|
return upgradedList.indexOf(jsClass) !== -1;
|
145
145
|
}
|
146
146
|
|
147
|
+
/**
|
148
|
+
* Create an event object.
|
149
|
+
*
|
150
|
+
* @param {string} eventType The type name of the event.
|
151
|
+
* @param {boolean} bubbles Whether the event should bubble up the DOM.
|
152
|
+
* @param {boolean} cancelable Whether the event can be canceled.
|
153
|
+
* @returns {!Event}
|
154
|
+
*/
|
155
|
+
function createEvent_(eventType, bubbles, cancelable) {
|
156
|
+
if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
|
157
|
+
return new CustomEvent(eventType, {
|
158
|
+
bubbles: bubbles,
|
159
|
+
cancelable: cancelable
|
160
|
+
});
|
161
|
+
} else {
|
162
|
+
var ev = document.createEvent('Events');
|
163
|
+
ev.initEvent(eventType, bubbles, cancelable);
|
164
|
+
return ev;
|
165
|
+
}
|
166
|
+
}
|
167
|
+
|
147
168
|
/**
|
148
169
|
* Searches existing DOM for elements of our component type and upgrades them
|
149
170
|
* if they have not already been upgraded.
|
@@ -188,6 +209,13 @@ componentHandler = (function() {
|
|
188
209
|
if (!(typeof element === 'object' && element instanceof Element)) {
|
189
210
|
throw new Error('Invalid argument provided to upgrade MDL element.');
|
190
211
|
}
|
212
|
+
// Allow upgrade to be canceled by canceling emitted event.
|
213
|
+
var upgradingEv = createEvent_('mdl-componentupgrading', true, true);
|
214
|
+
element.dispatchEvent(upgradingEv);
|
215
|
+
if (upgradingEv.defaultPrevented) {
|
216
|
+
return;
|
217
|
+
}
|
218
|
+
|
191
219
|
var upgradedList = getUpgradedListOfElement_(element);
|
192
220
|
var classesToUpgrade = [];
|
193
221
|
// If jsClass is not provided scan the registered components to find the
|
@@ -230,16 +258,8 @@ componentHandler = (function() {
|
|
230
258
|
'Unable to find a registered component for the given class.');
|
231
259
|
}
|
232
260
|
|
233
|
-
var
|
234
|
-
|
235
|
-
ev = new CustomEvent('mdl-componentupgraded', {
|
236
|
-
bubbles: true, cancelable: false
|
237
|
-
});
|
238
|
-
} else {
|
239
|
-
ev = document.createEvent('Events');
|
240
|
-
ev.initEvent('mdl-componentupgraded', true, true);
|
241
|
-
}
|
242
|
-
element.dispatchEvent(ev);
|
261
|
+
var upgradedEv = createEvent_('mdl-componentupgraded', true, false);
|
262
|
+
element.dispatchEvent(upgradedEv);
|
243
263
|
}
|
244
264
|
}
|
245
265
|
|
@@ -361,15 +381,7 @@ componentHandler = (function() {
|
|
361
381
|
upgrades.splice(componentPlace, 1);
|
362
382
|
component.element_.setAttribute('data-upgraded', upgrades.join(','));
|
363
383
|
|
364
|
-
var ev;
|
365
|
-
if ('CustomEvent' in window && typeof window.CustomEvent === 'function') {
|
366
|
-
ev = new CustomEvent('mdl-componentdowngraded', {
|
367
|
-
bubbles: true, cancelable: false
|
368
|
-
});
|
369
|
-
} else {
|
370
|
-
ev = document.createEvent('Events');
|
371
|
-
ev.initEvent('mdl-componentdowngraded', true, true);
|
372
|
-
}
|
384
|
+
var ev = createEvent_('mdl-componentdowngraded', true, false);
|
373
385
|
component.element_.dispatchEvent(ev);
|
374
386
|
}
|
375
387
|
}
|
@@ -502,9 +514,9 @@ window.addEventListener('load', function() {
|
|
502
514
|
// MIT license
|
503
515
|
if (!Date.now) {
|
504
516
|
/**
|
505
|
-
|
506
|
-
|
507
|
-
|
517
|
+
* Date.now polyfill.
|
518
|
+
* @return {number} the current Date
|
519
|
+
*/
|
508
520
|
Date.now = function () {
|
509
521
|
return new Date().getTime();
|
510
522
|
};
|
@@ -524,9 +536,9 @@ for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
|
|
524
536
|
if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
|
525
537
|
var lastTime = 0;
|
526
538
|
/**
|
527
|
-
|
528
|
-
|
529
|
-
|
539
|
+
* requestAnimationFrame polyfill.
|
540
|
+
* @param {!Function} callback the callback function.
|
541
|
+
*/
|
530
542
|
window.requestAnimationFrame = function (callback) {
|
531
543
|
var now = Date.now();
|
532
544
|
var nextTime = Math.max(lastTime + 16, now);
|
@@ -1688,7 +1700,9 @@ MaterialRadio.prototype.onChange_ = function (event) {
|
|
1688
1700
|
var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);
|
1689
1701
|
// Different name == different group, so no point updating those.
|
1690
1702
|
if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {
|
1691
|
-
radios[i]['MaterialRadio']
|
1703
|
+
if (typeof radios[i]['MaterialRadio'] !== 'undefined') {
|
1704
|
+
radios[i]['MaterialRadio'].updateClasses_();
|
1705
|
+
}
|
1692
1706
|
}
|
1693
1707
|
}
|
1694
1708
|
};
|
@@ -2717,13 +2731,15 @@ function MaterialTab(tab, ctx) {
|
|
2717
2731
|
tab.appendChild(rippleContainer);
|
2718
2732
|
}
|
2719
2733
|
tab.addEventListener('click', function (e) {
|
2720
|
-
|
2721
|
-
|
2722
|
-
|
2723
|
-
|
2724
|
-
|
2725
|
-
|
2726
|
-
|
2734
|
+
if (tab.getAttribute('href').charAt(0) === '#') {
|
2735
|
+
e.preventDefault();
|
2736
|
+
var href = tab.href.split('#')[1];
|
2737
|
+
var panel = ctx.element_.querySelector('#' + href);
|
2738
|
+
ctx.resetTabState_();
|
2739
|
+
ctx.resetPanelState_();
|
2740
|
+
tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
|
2741
|
+
panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
|
2742
|
+
}
|
2727
2743
|
});
|
2728
2744
|
}
|
2729
2745
|
}
|
@@ -3212,6 +3228,7 @@ MaterialLayout.prototype.CssClasses_ = {
|
|
3212
3228
|
TAB_BAR_BUTTON: 'mdl-layout__tab-bar-button',
|
3213
3229
|
TAB_BAR_LEFT_BUTTON: 'mdl-layout__tab-bar-left-button',
|
3214
3230
|
TAB_BAR_RIGHT_BUTTON: 'mdl-layout__tab-bar-right-button',
|
3231
|
+
TAB_MANUAL_SWITCH: 'mdl-layout__tab-manual-switch',
|
3215
3232
|
PANEL: 'mdl-layout__tab-panel',
|
3216
3233
|
HAS_DRAWER: 'has-drawer',
|
3217
3234
|
HAS_TABS: 'has-tabs',
|
@@ -3575,12 +3592,14 @@ function MaterialLayoutTab(tab, tabs, panels, layout) {
|
|
3575
3592
|
rippleContainer.appendChild(ripple);
|
3576
3593
|
tab.appendChild(rippleContainer);
|
3577
3594
|
}
|
3578
|
-
|
3579
|
-
|
3580
|
-
|
3581
|
-
|
3582
|
-
|
3583
|
-
|
3595
|
+
if (!layout.tabBar_.classList.contains(layout.CssClasses_.TAB_MANUAL_SWITCH)) {
|
3596
|
+
tab.addEventListener('click', function (e) {
|
3597
|
+
if (tab.getAttribute('href').charAt(0) === '#') {
|
3598
|
+
e.preventDefault();
|
3599
|
+
selectTab();
|
3600
|
+
}
|
3601
|
+
});
|
3602
|
+
}
|
3584
3603
|
tab.show = selectTab;
|
3585
3604
|
}
|
3586
3605
|
window['MaterialLayoutTab'] = MaterialLayoutTab;
|
@@ -3841,8 +3860,8 @@ MaterialRipple.prototype.downHandler_ = function (event) {
|
|
3841
3860
|
x = Math.round(bound.width / 2);
|
3842
3861
|
y = Math.round(bound.height / 2);
|
3843
3862
|
} else {
|
3844
|
-
var clientX = event.clientX ? event.clientX : event.touches[0].clientX;
|
3845
|
-
var clientY = event.clientY ? event.clientY : event.touches[0].clientY;
|
3863
|
+
var clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;
|
3864
|
+
var clientY = event.clientY !== undefined ? event.clientY : event.touches[0].clientY;
|
3846
3865
|
x = Math.round(clientX - bound.left);
|
3847
3866
|
y = Math.round(clientY - bound.top);
|
3848
3867
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/**
|
2
2
|
* material-design-lite - Material Design Components in CSS, JS and HTML
|
3
|
-
* @version v1.
|
3
|
+
* @version v1.3.0
|
4
4
|
* @license Apache-2.0
|
5
5
|
* @copyright 2015 Google, Inc.
|
6
6
|
* @link https://github.com/google/material-design-lite
|
@@ -4275,6 +4275,8 @@ input.mdl-button[type="submit"] {
|
|
4275
4275
|
overflow: hidden;
|
4276
4276
|
padding: 16px 16px;
|
4277
4277
|
width: 90%; }
|
4278
|
+
.mdl-card__supporting-text.mdl-card--border {
|
4279
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
4278
4280
|
|
4279
4281
|
.mdl-card__actions {
|
4280
4282
|
font-size: 16px;
|
@@ -7471,7 +7473,6 @@ input.mdl-button[type="submit"] {
|
|
7471
7473
|
flex-direction: column;
|
7472
7474
|
-webkit-align-items: stretch;
|
7473
7475
|
-ms-flex-align: stretch;
|
7474
|
-
-ms-grid-row-align: stretch;
|
7475
7476
|
align-items: stretch;
|
7476
7477
|
padding-top: 16px; }
|
7477
7478
|
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
|
@@ -7675,7 +7676,6 @@ input.mdl-button[type="submit"] {
|
|
7675
7676
|
flex-direction: row;
|
7676
7677
|
-webkit-align-items: center;
|
7677
7678
|
-ms-flex-align: center;
|
7678
|
-
-ms-grid-row-align: center;
|
7679
7679
|
align-items: center; }
|
7680
7680
|
@media screen and (max-width: 1024px) {
|
7681
7681
|
.mdl-layout__header-row .mdl-navigation {
|
@@ -8083,7 +8083,9 @@ input.mdl-button[type="submit"] {
|
|
8083
8083
|
font-size: 16px;
|
8084
8084
|
line-height: 24px;
|
8085
8085
|
display: inline-block;
|
8086
|
+
vertical-align: middle;
|
8086
8087
|
box-sizing: border-box;
|
8088
|
+
height: 24px;
|
8087
8089
|
margin: 0;
|
8088
8090
|
padding-left: 0; }
|
8089
8091
|
.mdl-radio.is-upgraded {
|
@@ -8139,13 +8141,13 @@ input.mdl-button[type="submit"] {
|
|
8139
8141
|
transition-property: -webkit-transform;
|
8140
8142
|
transition-property: transform;
|
8141
8143
|
transition-property: transform, -webkit-transform;
|
8142
|
-
-webkit-transform:
|
8143
|
-
transform:
|
8144
|
+
-webkit-transform: scale(0, 0);
|
8145
|
+
transform: scale(0, 0);
|
8144
8146
|
border-radius: 50%;
|
8145
8147
|
background: rgb(63,81,181); }
|
8146
8148
|
.mdl-radio.is-checked .mdl-radio__inner-circle {
|
8147
|
-
-webkit-transform:
|
8148
|
-
transform:
|
8149
|
+
-webkit-transform: scale(1, 1);
|
8150
|
+
transform: scale(1, 1); }
|
8149
8151
|
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
|
8150
8152
|
.mdl-radio.is-disabled .mdl-radio__inner-circle {
|
8151
8153
|
background: rgba(0,0,0, 0.26);
|
@@ -8372,6 +8374,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
8372
8374
|
color: rgb(63,81,181);
|
8373
8375
|
-webkit-align-self: center;
|
8374
8376
|
-ms-flex-item-align: center;
|
8377
|
+
-ms-grid-row-align: center;
|
8375
8378
|
align-self: center;
|
8376
8379
|
z-index: 1;
|
8377
8380
|
cursor: pointer;
|
@@ -8842,6 +8845,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
8842
8845
|
text-align: center;
|
8843
8846
|
-webkit-align-self: center;
|
8844
8847
|
-ms-flex-item-align: center;
|
8848
|
+
-ms-grid-row-align: center;
|
8845
8849
|
align-self: center; }
|
8846
8850
|
.mdl-snackbar__action::-moz-focus-inner {
|
8847
8851
|
border: 0; }
|
@@ -9264,6 +9268,10 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
9264
9268
|
height: 100%;
|
9265
9269
|
overflow: hidden;
|
9266
9270
|
border-color: inherit; }
|
9271
|
+
.mdl-spinner__circle-clipper.mdl-spinner__left {
|
9272
|
+
float: left; }
|
9273
|
+
.mdl-spinner__circle-clipper.mdl-spinner__right {
|
9274
|
+
float: right; }
|
9267
9275
|
.mdl-spinner__circle-clipper .mdl-spinner__circle {
|
9268
9276
|
width: 200%; }
|
9269
9277
|
|
@@ -10871,6 +10879,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
10871
10879
|
.mdl-cell--middle {
|
10872
10880
|
-webkit-align-self: center;
|
10873
10881
|
-ms-flex-item-align: center;
|
10882
|
+
-ms-grid-row-align: center;
|
10874
10883
|
align-self: center; }
|
10875
10884
|
|
10876
10885
|
.mdl-cell--bottom {
|
@@ -10881,6 +10890,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
|
|
10881
10890
|
.mdl-cell--stretch {
|
10882
10891
|
-webkit-align-self: stretch;
|
10883
10892
|
-ms-flex-item-align: stretch;
|
10893
|
+
-ms-grid-row-align: stretch;
|
10884
10894
|
align-self: stretch; }
|
10885
10895
|
|
10886
10896
|
.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: material_design_lite-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Sean Collins
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-
|
11
|
+
date: 2016-12-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: railties
|