material-sass 4.0.0.beta3 → 4.0.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 +4 -4
- data/Rakefile +11 -10
- data/assets/javascripts/material-sprockets.js +1 -5
- data/assets/javascripts/material.js +155 -109
- data/assets/javascripts/material.min.js +4 -5
- data/assets/javascripts/material/addons/pickadate.js +0 -1
- data/assets/javascripts/material/components/expansion-panel.js +4 -5
- data/assets/javascripts/material/components/floating-label.js +10 -10
- data/assets/javascripts/material/components/nav-drawer.js +94 -68
- data/assets/javascripts/material/components/selection-control-focus.js +4 -5
- data/assets/javascripts/material/components/tab-switch.js +22 -11
- data/assets/javascripts/material/components/util.js +4 -14
- data/assets/stylesheets/material/{_colours.scss → _colors.scss} +414 -6
- data/assets/stylesheets/material/_functions.scss +17 -5
- data/assets/stylesheets/material/base/_base.scss +24 -0
- data/assets/stylesheets/material/bootstrap/_alert.scss +2 -2
- data/assets/stylesheets/material/bootstrap/_badge.scss +4 -4
- data/assets/stylesheets/material/bootstrap/_carousel.scss +36 -0
- data/assets/stylesheets/material/bootstrap/_close.scss +1 -1
- data/assets/stylesheets/material/bootstrap/_form.scss +26 -25
- data/assets/stylesheets/material/bootstrap/_pagination.scss +1 -1
- data/assets/stylesheets/material/material.scss +1 -1
- data/assets/stylesheets/material/material/_button-flat.scss +1 -1
- data/assets/stylesheets/material/material/_button-float.scss +22 -0
- data/assets/stylesheets/material/material/_button-group.scss +2 -2
- data/assets/stylesheets/material/material/_button.scss +6 -6
- data/assets/stylesheets/material/material/_card.scss +4 -4
- data/assets/stylesheets/material/material/_chip.scss +2 -2
- data/assets/stylesheets/material/material/_data-table.scss +62 -35
- data/assets/stylesheets/material/material/_dialog.scss +1 -1
- data/assets/stylesheets/material/material/_expansion-panel.scss +6 -6
- data/assets/stylesheets/material/material/_menu.scss +14 -0
- data/assets/stylesheets/material/material/_navdrawer.scss +99 -90
- data/assets/stylesheets/material/material/_picker.scss +69 -10
- data/assets/stylesheets/material/material/_progress-circular.scss +3 -3
- data/assets/stylesheets/material/material/_progress.scss +7 -7
- data/assets/stylesheets/material/material/_tab.scss +4 -0
- data/assets/stylesheets/material/material/_text-field-box.scss +19 -19
- data/assets/stylesheets/material/material/_text-field-floating-label.scss +8 -8
- data/assets/stylesheets/material/material/_text-field-input-group.scss +3 -3
- data/assets/stylesheets/material/material/_text-field.scss +3 -3
- data/assets/stylesheets/material/material/_toolbar.scss +48 -65
- data/assets/stylesheets/material/mixins/_breakpoint.scss +40 -22
- data/assets/stylesheets/material/mixins/_grid-framework.scss +6 -2
- data/assets/stylesheets/material/mixins/_grid.scss +10 -19
- data/assets/stylesheets/material/utilities/_background.scss +1 -1
- data/assets/stylesheets/material/utilities/_border.scss +1 -2
- data/assets/stylesheets/material/utilities/_display.scss +24 -16
- data/assets/stylesheets/material/utilities/_flex.scss +4 -0
- data/assets/stylesheets/material/utilities/_text.scss +1 -1
- data/assets/stylesheets/material/variables/_elevation-shadow.scss +0 -6
- data/assets/stylesheets/material/variables/_grid.scss +10 -19
- data/assets/stylesheets/material/variables/_palette.scss +26 -25
- data/assets/stylesheets/material/variables/_spacer.scss +24 -21
- data/assets/stylesheets/material/variables/_typography.scss +0 -1
- data/assets/stylesheets/material/variables/_variable-bootstrap.scss +7 -9
- data/assets/stylesheets/material/variables/_variable-material.scss +34 -29
- data/lib/material-sass/version.rb +1 -1
- metadata +5 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1ab9eb66a89bb88c010b5e5d0aabc6cfca4324d5915034c77306159f2b17dc67
|
4
|
+
data.tar.gz: 12a569451a59060b49c20776e90abde9d2195ce459ef8edc65183c58eb48a97a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 890c2028bf72e347a313627d250bbbfa7e1ccafb4a9d5758e702ccc6954a9924bee59e83ca7e6716e1c6353f7f614bd6f460aa382b33b04115d1d61b16616465
|
7
|
+
data.tar.gz: f31621d65045fb90b1f89d61ee365730b246de3d53f38be238f52835dfdbdacf4ade1ab8ebe0343c62c966a350c2368cb3853aa54d4fbd7a0dc8d13f6a86aff7
|
data/Rakefile
CHANGED
@@ -23,12 +23,20 @@ namespace :javascripts do
|
|
23
23
|
tgt_dir = "assets/javascripts/material/addons"
|
24
24
|
mkdir_p tgt_dir
|
25
25
|
cp_r src_dir, tgt_dir
|
26
|
-
|
27
26
|
end
|
28
|
-
|
27
|
+
|
28
|
+
desc "Remove map"
|
29
|
+
task :tidy do
|
30
|
+
Dir.glob('assets/javascripts/**/*.js').each do |tgt_file|
|
31
|
+
content = File.read(tgt_file)
|
32
|
+
removed_map_content = content.sub(%r{^//# sourceMappingURL=.*\n?\z}, '')
|
33
|
+
File.open(tgt_file, "w") { |f| f.puts removed_map_content}
|
34
|
+
end
|
35
|
+
end
|
36
|
+
|
29
37
|
|
30
38
|
desc "Setup javascript assets"
|
31
|
-
task setup: [:clean, :copy]
|
39
|
+
task setup: [:clean, :copy, :tidy]
|
32
40
|
end
|
33
41
|
|
34
42
|
namespace :stylesheets do
|
@@ -69,10 +77,3 @@ end
|
|
69
77
|
|
70
78
|
desc "Setup or update assets files"
|
71
79
|
task setup: ["javascripts:setup", "stylesheets:setup"]
|
72
|
-
|
73
|
-
desc 'Update material from upstream'
|
74
|
-
task :update, :branch do |t, args|
|
75
|
-
require './tasks/updater'
|
76
|
-
Updater.new(branch: args[:branch]).update_material
|
77
|
-
end
|
78
|
-
|
@@ -1,6 +1,2 @@
|
|
1
1
|
//= require_tree ./material/components
|
2
|
-
//= require ./material/addons/
|
3
|
-
//= require ./material/addons/picker.date
|
4
|
-
//= require ./material/addons/textarea-autosize
|
5
|
-
//= require ./material/addons/waves
|
6
|
-
//= require_tree ./material/initializers
|
2
|
+
//= require ./material/addons/pickadate
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Daemonite Material v4.0.0
|
2
|
+
* Daemonite Material v4.0.0 (http://daemonite.github.io/material/)
|
3
3
|
* Copyright 2011-2018 Daemon Pty Ltd
|
4
4
|
* Licensed under MIT (https://github.com/Daemonite/material/blob/master/LICENSE)
|
5
5
|
*/
|
@@ -2541,6 +2541,24 @@ function _createClass(Constructor, protoProps, staticProps) {
|
|
2541
2541
|
return Constructor;
|
2542
2542
|
}
|
2543
2543
|
|
2544
|
+
function _extends() {
|
2545
|
+
_extends = Object.assign || function (target) {
|
2546
|
+
for (var i = 1; i < arguments.length; i++) {
|
2547
|
+
var source = arguments[i];
|
2548
|
+
|
2549
|
+
for (var key in source) {
|
2550
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
2551
|
+
target[key] = source[key];
|
2552
|
+
}
|
2553
|
+
}
|
2554
|
+
}
|
2555
|
+
|
2556
|
+
return target;
|
2557
|
+
};
|
2558
|
+
|
2559
|
+
return _extends.apply(this, arguments);
|
2560
|
+
}
|
2561
|
+
|
2544
2562
|
/*
|
2545
2563
|
* Customise pickadate JavaScript for Material
|
2546
2564
|
*/
|
@@ -2715,16 +2733,16 @@ var ExpansionPanel = function ($$$1) {
|
|
2715
2733
|
PANEL_BODY: '.expansion-panel .collapse' // <<< constants
|
2716
2734
|
|
2717
2735
|
};
|
2718
|
-
$$$1(document).on("" + Event.HIDE, Selector.PANEL_BODY, function (
|
2719
|
-
var target = $$$1(
|
2736
|
+
$$$1(document).on("" + Event.HIDE, Selector.PANEL_BODY, function () {
|
2737
|
+
var target = $$$1(this).closest(Selector.PANEL);
|
2720
2738
|
target.removeClass(ClassName.SHOW);
|
2721
2739
|
var predecessor = target.prev(Selector.PANEL);
|
2722
2740
|
|
2723
2741
|
if (predecessor.length) {
|
2724
2742
|
predecessor.removeClass(ClassName.SHOW_PREDECESSOR);
|
2725
2743
|
}
|
2726
|
-
}).on("" + Event.SHOW, Selector.PANEL_BODY, function (
|
2727
|
-
var target = $$$1(
|
2744
|
+
}).on("" + Event.SHOW, Selector.PANEL_BODY, function () {
|
2745
|
+
var target = $$$1(this).closest(Selector.PANEL);
|
2728
2746
|
target.addClass(ClassName.SHOW);
|
2729
2747
|
var predecessor = target.prev(Selector.PANEL);
|
2730
2748
|
|
@@ -2766,24 +2784,25 @@ var FloatingLabel = function ($$$1) {
|
|
2766
2784
|
function () {
|
2767
2785
|
function FloatingLabel(element) {
|
2768
2786
|
this._element = element;
|
2787
|
+
this._parent = $$$1(element).closest(Selector.DATA_PARENT)[0];
|
2769
2788
|
}
|
2770
2789
|
|
2771
2790
|
var _proto = FloatingLabel.prototype;
|
2772
2791
|
|
2773
|
-
_proto.change = function change(
|
2792
|
+
_proto.change = function change() {
|
2774
2793
|
if ($$$1(this._element).val() || $$$1(this._element).is('select') && $$$1('option:first-child', $$$1(this._element)).html().replace(' ', '') !== '') {
|
2775
|
-
$$$1(
|
2794
|
+
$$$1(this._parent).addClass(ClassName.HAS_VALUE);
|
2776
2795
|
} else {
|
2777
|
-
$$$1(
|
2796
|
+
$$$1(this._parent).removeClass(ClassName.HAS_VALUE);
|
2778
2797
|
}
|
2779
2798
|
};
|
2780
2799
|
|
2781
|
-
_proto.focusin = function focusin(
|
2782
|
-
$$$1(
|
2800
|
+
_proto.focusin = function focusin() {
|
2801
|
+
$$$1(this._parent).addClass(ClassName.IS_FOCUSED);
|
2783
2802
|
};
|
2784
2803
|
|
2785
|
-
_proto.focusout = function focusout(
|
2786
|
-
$$$1(
|
2804
|
+
_proto.focusout = function focusout() {
|
2805
|
+
$$$1(this._parent).removeClass(ClassName.IS_FOCUSED);
|
2787
2806
|
};
|
2788
2807
|
|
2789
2808
|
FloatingLabel._jQueryInterface = function _jQueryInterface(event) {
|
@@ -2798,11 +2817,11 @@ var FloatingLabel = function ($$$1) {
|
|
2798
2817
|
}
|
2799
2818
|
|
2800
2819
|
if (typeof _event === 'string') {
|
2801
|
-
if (data[_event] === 'undefined') {
|
2820
|
+
if (typeof data[_event] === 'undefined') {
|
2802
2821
|
throw new Error("No method named \"" + _event + "\"");
|
2803
2822
|
}
|
2804
2823
|
|
2805
|
-
data[_event](
|
2824
|
+
data[_event]();
|
2806
2825
|
}
|
2807
2826
|
});
|
2808
2827
|
};
|
@@ -2825,19 +2844,14 @@ var FloatingLabel = function ($$$1) {
|
|
2825
2844
|
}($);
|
2826
2845
|
|
2827
2846
|
/*
|
2828
|
-
*
|
2829
|
-
*
|
2847
|
+
* Global util js
|
2848
|
+
* Based on Bootstrap's (v4.0.0) `util.js`
|
2830
2849
|
*/
|
2831
2850
|
|
2832
2851
|
var Util = function ($$$1) {
|
2833
2852
|
var MAX_UID = 1000000;
|
2834
2853
|
var transition = false;
|
2835
2854
|
|
2836
|
-
function escapeId(selector) {
|
2837
|
-
selector = typeof $$$1.escapeSelector === 'function' ? $$$1.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
|
2838
|
-
return selector;
|
2839
|
-
}
|
2840
|
-
|
2841
2855
|
function getSpecialTransitionEndEvent() {
|
2842
2856
|
return {
|
2843
2857
|
bindType: transition.end,
|
@@ -2862,7 +2876,7 @@ var Util = function ($$$1) {
|
|
2862
2876
|
}
|
2863
2877
|
|
2864
2878
|
function toType(obj) {
|
2865
|
-
return {}.toString.call(obj).match(/\s([a-
|
2879
|
+
return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
|
2866
2880
|
}
|
2867
2881
|
|
2868
2882
|
function transitionEndEmulator(duration) {
|
@@ -2881,7 +2895,7 @@ var Util = function ($$$1) {
|
|
2881
2895
|
}
|
2882
2896
|
|
2883
2897
|
function transitionEndTest() {
|
2884
|
-
if (window.QUnit) {
|
2898
|
+
if (typeof window !== 'undefined' && window.QUnit) {
|
2885
2899
|
return false;
|
2886
2900
|
}
|
2887
2901
|
|
@@ -2899,10 +2913,6 @@ var Util = function ($$$1) {
|
|
2899
2913
|
selector = element.getAttribute('href') || '';
|
2900
2914
|
}
|
2901
2915
|
|
2902
|
-
if (selector.charAt(0) === '#') {
|
2903
|
-
selector = escapeId(selector);
|
2904
|
-
}
|
2905
|
-
|
2906
2916
|
try {
|
2907
2917
|
var $selector = $$$1(document).find(selector);
|
2908
2918
|
return $selector.length > 0 ? selector : null;
|
@@ -2949,8 +2959,8 @@ var Util = function ($$$1) {
|
|
2949
2959
|
}($);
|
2950
2960
|
|
2951
2961
|
/*
|
2952
|
-
*
|
2953
|
-
*
|
2962
|
+
* Navigation drawer
|
2963
|
+
* Based on Bootstrap's (v4.0.0) `modal.js`
|
2954
2964
|
*/
|
2955
2965
|
|
2956
2966
|
var NavDrawer = function ($$$1) {
|
@@ -2961,15 +2971,17 @@ var NavDrawer = function ($$$1) {
|
|
2961
2971
|
var EVENT_KEY = "." + DATA_KEY;
|
2962
2972
|
var NAME = 'navdrawer';
|
2963
2973
|
var NO_CONFLICT = $$$1.fn[NAME];
|
2964
|
-
var
|
2965
|
-
|
2974
|
+
var Breakpoints = {
|
2975
|
+
DESKTOP: 992,
|
2976
|
+
TABLET: 576
|
2977
|
+
};
|
2966
2978
|
var ClassName = {
|
2967
2979
|
BACKDROP: 'navdrawer-backdrop',
|
2968
2980
|
OPEN: 'navdrawer-open',
|
2969
2981
|
SHOW: 'show'
|
2970
2982
|
};
|
2971
2983
|
var Default = {
|
2972
|
-
breakpoint:
|
2984
|
+
breakpoint: '',
|
2973
2985
|
keyboard: true,
|
2974
2986
|
show: true,
|
2975
2987
|
type: 'default'
|
@@ -2994,7 +3006,17 @@ var NavDrawer = function ($$$1) {
|
|
2994
3006
|
var Selector = {
|
2995
3007
|
CONTENT: '.navdrawer-content',
|
2996
3008
|
DATA_DISMISS: '[data-dismiss="navdrawer"]',
|
2997
|
-
DATA_TOGGLE: '[data-toggle="navdrawer"]'
|
3009
|
+
DATA_TOGGLE: '[data-toggle="navdrawer"]'
|
3010
|
+
};
|
3011
|
+
var TransitionDurationEntering = {
|
3012
|
+
DESKTOP: 150,
|
3013
|
+
MOBILE: 225,
|
3014
|
+
TABLET: 292.5
|
3015
|
+
};
|
3016
|
+
var TransitionDurationLeaving = {
|
3017
|
+
DESKTOP: 130,
|
3018
|
+
MOBILE: 195,
|
3019
|
+
TABLET: 253.5 // <<< constants
|
2998
3020
|
|
2999
3021
|
};
|
3000
3022
|
|
@@ -3008,16 +3030,22 @@ var NavDrawer = function ($$$1) {
|
|
3008
3030
|
this._element = element;
|
3009
3031
|
this._ignoreBackdropClick = false;
|
3010
3032
|
this._isShown = false;
|
3033
|
+
this._typeBreakpoint = this._config.breakpoint === '' ? '' : "-" + this._config.breakpoint;
|
3011
3034
|
}
|
3012
3035
|
|
3013
3036
|
var _proto = NavDrawer.prototype;
|
3014
3037
|
|
3015
3038
|
_proto.hide = function hide(event) {
|
3039
|
+
var _this = this;
|
3040
|
+
|
3016
3041
|
if (event) {
|
3017
3042
|
event.preventDefault();
|
3018
3043
|
}
|
3019
3044
|
|
3020
|
-
|
3045
|
+
if (this._isTransitioning || !this._isShown) {
|
3046
|
+
return;
|
3047
|
+
}
|
3048
|
+
|
3021
3049
|
var hideEvent = $$$1.Event(Event.HIDE);
|
3022
3050
|
$$$1(this._element).trigger(hideEvent);
|
3023
3051
|
|
@@ -3026,18 +3054,40 @@ var NavDrawer = function ($$$1) {
|
|
3026
3054
|
}
|
3027
3055
|
|
3028
3056
|
this._isShown = false;
|
3057
|
+
var supportsTransition = Util.supportsTransitionEnd();
|
3058
|
+
|
3059
|
+
if (supportsTransition) {
|
3060
|
+
this._isTransitioning = true;
|
3061
|
+
}
|
3029
3062
|
|
3030
3063
|
this._setEscapeEvent();
|
3031
3064
|
|
3032
3065
|
$$$1(document).off(Event.FOCUSIN);
|
3066
|
+
$$$1(this._element).removeClass(ClassName.SHOW);
|
3067
|
+
$$$1(this._element).off(Event.CLICK_DISMISS);
|
3033
3068
|
$$$1(this._content).off(Event.MOUSEDOWN_DISMISS);
|
3034
|
-
$$$1(this._element).off(Event.CLICK_DISMISS).removeClass(ClassName.SHOW);
|
3035
3069
|
|
3036
|
-
|
3070
|
+
if (supportsTransition) {
|
3071
|
+
$$$1(this._element).one(Util.TRANSITION_END, function (event) {
|
3072
|
+
return _this._hideNavdrawer(event);
|
3073
|
+
}).emulateTransitionEnd(this._getTransitionDuration(TransitionDurationLeaving));
|
3074
|
+
} else {
|
3075
|
+
this._hideNavdrawer();
|
3076
|
+
}
|
3077
|
+
|
3078
|
+
this._showBackdrop();
|
3037
3079
|
};
|
3038
3080
|
|
3039
3081
|
_proto.show = function show(relatedTarget) {
|
3040
|
-
var
|
3082
|
+
var _this2 = this;
|
3083
|
+
|
3084
|
+
if (this._isTransitioning || this._isShown) {
|
3085
|
+
return;
|
3086
|
+
}
|
3087
|
+
|
3088
|
+
if (Util.supportsTransitionEnd()) {
|
3089
|
+
this._isTransitioning = true;
|
3090
|
+
}
|
3041
3091
|
|
3042
3092
|
var showEvent = $$$1.Event(Event.SHOW, {
|
3043
3093
|
relatedTarget: relatedTarget
|
@@ -3049,16 +3099,18 @@ var NavDrawer = function ($$$1) {
|
|
3049
3099
|
}
|
3050
3100
|
|
3051
3101
|
this._isShown = true;
|
3052
|
-
$$$1(document.body).addClass(ClassName.OPEN + "-" + this._config.type);
|
3102
|
+
$$$1(document.body).addClass(ClassName.OPEN + "-" + this._config.type + this._typeBreakpoint);
|
3053
3103
|
|
3054
3104
|
this._setEscapeEvent();
|
3055
3105
|
|
3056
|
-
$$$1(this._element).addClass(NAME + "-" + this._config.type);
|
3057
|
-
$$$1(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS,
|
3106
|
+
$$$1(this._element).addClass(NAME + "-" + this._config.type + this._typeBreakpoint);
|
3107
|
+
$$$1(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) {
|
3108
|
+
return _this2.hide(event);
|
3109
|
+
});
|
3058
3110
|
$$$1(this._content).on(Event.MOUSEDOWN_DISMISS, function () {
|
3059
|
-
$$$1(
|
3060
|
-
if ($$$1(event.target).is(
|
3061
|
-
|
3111
|
+
$$$1(_this2._element).one(Event.MOUSEUP_DISMISS, function (event) {
|
3112
|
+
if ($$$1(event.target).is(_this2._element)) {
|
3113
|
+
_this2._ignoreBackdropClick = true;
|
3062
3114
|
}
|
3063
3115
|
});
|
3064
3116
|
});
|
@@ -3073,34 +3125,39 @@ var NavDrawer = function ($$$1) {
|
|
3073
3125
|
};
|
3074
3126
|
|
3075
3127
|
_proto._enforceFocus = function _enforceFocus() {
|
3076
|
-
var
|
3128
|
+
var _this3 = this;
|
3077
3129
|
|
3078
3130
|
$$$1(document).off(Event.FOCUSIN).on(Event.FOCUSIN, function (event) {
|
3079
|
-
if (
|
3080
|
-
|
3081
|
-
_this2._element.focus();
|
3082
|
-
}
|
3131
|
+
if (document !== event.target && _this3._element !== event.target && $$$1(_this3._element).has(event.target).length === 0) {
|
3132
|
+
_this3._element.focus();
|
3083
3133
|
}
|
3084
3134
|
});
|
3085
3135
|
};
|
3086
3136
|
|
3087
3137
|
_proto._getConfig = function _getConfig(config) {
|
3088
|
-
config =
|
3138
|
+
config = _extends({}, Default, config);
|
3089
3139
|
Util.typeCheckConfig(NAME, config, DefaultType);
|
3090
3140
|
return config;
|
3091
3141
|
};
|
3092
3142
|
|
3093
|
-
_proto.
|
3094
|
-
|
3143
|
+
_proto._getTransitionDuration = function _getTransitionDuration(duration) {
|
3144
|
+
if (window.innerWidth >= Breakpoints.DESKTOP) {
|
3145
|
+
return duration.DESKTOP;
|
3146
|
+
} else if (window.innerWidth >= Breakpoints.TABLET) {
|
3147
|
+
return duration.TABLET;
|
3148
|
+
}
|
3095
3149
|
|
3096
|
-
|
3097
|
-
|
3150
|
+
return duration.MOBILE;
|
3151
|
+
};
|
3098
3152
|
|
3099
|
-
|
3153
|
+
_proto._hideNavdrawer = function _hideNavdrawer() {
|
3154
|
+
this._element.style.display = 'none';
|
3100
3155
|
|
3101
|
-
|
3102
|
-
|
3103
|
-
|
3156
|
+
this._element.setAttribute('aria-hidden', true);
|
3157
|
+
|
3158
|
+
this._isTransitioning = false;
|
3159
|
+
$$$1(document.body).removeClass(ClassName.OPEN + "-" + this._config.type + this._typeBreakpoint);
|
3160
|
+
$$$1(this._element).trigger(Event.HIDDEN);
|
3104
3161
|
};
|
3105
3162
|
|
3106
3163
|
_proto._removeBackdrop = function _removeBackdrop() {
|
@@ -3116,6 +3173,8 @@ var NavDrawer = function ($$$1) {
|
|
3116
3173
|
if (this._isShown && this._config.keyboard) {
|
3117
3174
|
$$$1(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
|
3118
3175
|
if (event.which === ESCAPE_KEYCODE) {
|
3176
|
+
event.preventDefault();
|
3177
|
+
|
3119
3178
|
_this4.hide();
|
3120
3179
|
}
|
3121
3180
|
});
|
@@ -3124,14 +3183,14 @@ var NavDrawer = function ($$$1) {
|
|
3124
3183
|
}
|
3125
3184
|
};
|
3126
3185
|
|
3127
|
-
_proto._showBackdrop = function _showBackdrop(
|
3186
|
+
_proto._showBackdrop = function _showBackdrop() {
|
3128
3187
|
var _this5 = this;
|
3129
3188
|
|
3130
3189
|
var supportsTransition = Util.supportsTransitionEnd();
|
3131
3190
|
|
3132
3191
|
if (this._isShown) {
|
3133
3192
|
this._backdrop = document.createElement('div');
|
3134
|
-
$$$1(this._backdrop).addClass(ClassName.BACKDROP).addClass(ClassName.BACKDROP + "-" + this._config.type).appendTo(document.body);
|
3193
|
+
$$$1(this._backdrop).addClass(ClassName.BACKDROP).addClass(ClassName.BACKDROP + "-" + this._config.type + this._typeBreakpoint).appendTo(document.body);
|
3135
3194
|
$$$1(this._element).on(Event.CLICK_DISMISS, function (event) {
|
3136
3195
|
if (_this5._ignoreBackdropClick) {
|
3137
3196
|
_this5._ignoreBackdropClick = false;
|
@@ -3150,35 +3209,10 @@ var NavDrawer = function ($$$1) {
|
|
3150
3209
|
}
|
3151
3210
|
|
3152
3211
|
$$$1(this._backdrop).addClass(ClassName.SHOW);
|
3153
|
-
|
3154
|
-
if (!callback) {
|
3155
|
-
return;
|
3156
|
-
}
|
3157
|
-
|
3158
|
-
if (!supportsTransition) {
|
3159
|
-
callback();
|
3160
|
-
return;
|
3161
|
-
}
|
3162
|
-
|
3163
|
-
$$$1(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(TRANSITION_DURATION_BACKDROP);
|
3164
|
-
} else if (this._backdrop && !this._isShown) {
|
3212
|
+
} else if (!this._isShown && this._backdrop) {
|
3165
3213
|
$$$1(this._backdrop).removeClass(ClassName.SHOW);
|
3166
3214
|
|
3167
|
-
|
3168
|
-
_this5._removeBackdrop();
|
3169
|
-
|
3170
|
-
if (callback) {
|
3171
|
-
callback();
|
3172
|
-
}
|
3173
|
-
};
|
3174
|
-
|
3175
|
-
if (supportsTransition) {
|
3176
|
-
$$$1(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(TRANSITION_DURATION_BACKDROP);
|
3177
|
-
} else {
|
3178
|
-
callbackRemove();
|
3179
|
-
}
|
3180
|
-
} else if (callback) {
|
3181
|
-
callback();
|
3215
|
+
this._removeBackdrop();
|
3182
3216
|
}
|
3183
3217
|
};
|
3184
3218
|
|
@@ -3191,10 +3225,10 @@ var NavDrawer = function ($$$1) {
|
|
3191
3225
|
document.body.appendChild(this._element);
|
3192
3226
|
}
|
3193
3227
|
|
3194
|
-
this._element.removeAttribute('aria-hidden');
|
3195
|
-
|
3196
3228
|
this._element.style.display = 'block';
|
3197
3229
|
|
3230
|
+
this._element.removeAttribute('aria-hidden');
|
3231
|
+
|
3198
3232
|
if (supportsTransition) {
|
3199
3233
|
Util.reflow(this._element);
|
3200
3234
|
}
|
@@ -3210,11 +3244,12 @@ var NavDrawer = function ($$$1) {
|
|
3210
3244
|
var transitionComplete = function transitionComplete() {
|
3211
3245
|
_this6._element.focus();
|
3212
3246
|
|
3247
|
+
_this6._isTransitioning = false;
|
3213
3248
|
$$$1(_this6._element).trigger(shownEvent);
|
3214
3249
|
};
|
3215
3250
|
|
3216
3251
|
if (supportsTransition) {
|
3217
|
-
$$$1(this._content).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(
|
3252
|
+
$$$1(this._content).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(this._getTransitionDuration(TransitionDurationEntering));
|
3218
3253
|
} else {
|
3219
3254
|
transitionComplete();
|
3220
3255
|
}
|
@@ -3222,7 +3257,7 @@ var NavDrawer = function ($$$1) {
|
|
3222
3257
|
|
3223
3258
|
NavDrawer._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
|
3224
3259
|
return this.each(function () {
|
3225
|
-
var _config =
|
3260
|
+
var _config = _extends({}, NavDrawer.Default, $$$1(this).data(), typeof config === 'object' && config);
|
3226
3261
|
|
3227
3262
|
var data = $$$1(this).data(DATA_KEY);
|
3228
3263
|
|
@@ -3232,8 +3267,8 @@ var NavDrawer = function ($$$1) {
|
|
3232
3267
|
}
|
3233
3268
|
|
3234
3269
|
if (typeof config === 'string') {
|
3235
|
-
if (data[config] === 'undefined') {
|
3236
|
-
throw new
|
3270
|
+
if (typeof data[config] === 'undefined') {
|
3271
|
+
throw new TypeError("No method named \"" + config + "\"");
|
3237
3272
|
}
|
3238
3273
|
|
3239
3274
|
data[config](relatedTarget);
|
@@ -3262,9 +3297,9 @@ var NavDrawer = function ($$$1) {
|
|
3262
3297
|
target = $$$1(selector)[0];
|
3263
3298
|
}
|
3264
3299
|
|
3265
|
-
var config = $$$1(target).data(DATA_KEY) ? 'toggle' :
|
3300
|
+
var config = $$$1(target).data(DATA_KEY) ? 'toggle' : _extends({}, $$$1(target).data(), $$$1(this).data());
|
3266
3301
|
|
3267
|
-
if (this.tagName === 'A') {
|
3302
|
+
if (this.tagName === 'A' || this.tagName === 'AREA') {
|
3268
3303
|
event.preventDefault();
|
3269
3304
|
}
|
3270
3305
|
|
@@ -3319,11 +3354,11 @@ var SelectionControlFocus = function ($$$1) {
|
|
3319
3354
|
INPUT: '.custom-control-input' // <<< constants
|
3320
3355
|
|
3321
3356
|
};
|
3322
|
-
$$$1(document).on("" + Event.BLUR, Selector.INPUT, function (
|
3323
|
-
$$$1(
|
3324
|
-
}).on("" + Event.FOCUS, Selector.INPUT, function (
|
3357
|
+
$$$1(document).on("" + Event.BLUR, Selector.INPUT, function () {
|
3358
|
+
$$$1(this).removeClass(ClassName.FOCUS);
|
3359
|
+
}).on("" + Event.FOCUS, Selector.INPUT, function () {
|
3325
3360
|
if (LastInteraction.IS_MOUSEDOWN === false) {
|
3326
|
-
$$$1(
|
3361
|
+
$$$1(this).addClass(ClassName.FOCUS);
|
3327
3362
|
}
|
3328
3363
|
}).on("" + Event.MOUSEDOWN, Selector.CONTROL, function () {
|
3329
3364
|
LastInteraction.IS_MOUSEDOWN = true;
|
@@ -3335,8 +3370,8 @@ var SelectionControlFocus = function ($$$1) {
|
|
3335
3370
|
}($);
|
3336
3371
|
|
3337
3372
|
/*
|
3338
|
-
*
|
3339
|
-
*
|
3373
|
+
* Tab indicator animation
|
3374
|
+
* Requires Bootstrap's (v4.0.0) `tab.js`
|
3340
3375
|
*/
|
3341
3376
|
|
3342
3377
|
var TabSwitch = function ($$$1) {
|
@@ -3344,7 +3379,10 @@ var TabSwitch = function ($$$1) {
|
|
3344
3379
|
var DATA_KEY = 'md.tabswitch';
|
3345
3380
|
var NAME = 'tabswitch';
|
3346
3381
|
var NO_CONFLICT = $$$1.fn[NAME];
|
3347
|
-
var
|
3382
|
+
var Breakpoints = {
|
3383
|
+
DESKTOP: 992,
|
3384
|
+
TABLET: 576
|
3385
|
+
};
|
3348
3386
|
var ClassName = {
|
3349
3387
|
ANIMATE: 'animate',
|
3350
3388
|
DROPDOWN_ITEM: 'dropdown-item',
|
@@ -3359,7 +3397,12 @@ var TabSwitch = function ($$$1) {
|
|
3359
3397
|
var Selector = {
|
3360
3398
|
DATA_TOGGLE: '.nav-tabs [data-toggle="tab"]',
|
3361
3399
|
DROPDOWN: '.dropdown',
|
3362
|
-
NAV: '.nav-tabs'
|
3400
|
+
NAV: '.nav-tabs'
|
3401
|
+
};
|
3402
|
+
var TransitionDuration = {
|
3403
|
+
DESKTOP: 200,
|
3404
|
+
MOBILE: 300,
|
3405
|
+
TABLET: 390 // <<< constants
|
3363
3406
|
|
3364
3407
|
};
|
3365
3408
|
|
@@ -3367,10 +3410,6 @@ var TabSwitch = function ($$$1) {
|
|
3367
3410
|
/*#__PURE__*/
|
3368
3411
|
function () {
|
3369
3412
|
function TabSwitch(nav) {
|
3370
|
-
if (typeof $$$1.fn.tab === 'undefined') {
|
3371
|
-
throw new Error('Material\'s JavaScript requires Bootstrap\'s tab.js');
|
3372
|
-
}
|
3373
|
-
|
3374
3413
|
this._nav = nav;
|
3375
3414
|
this._navindicator = null;
|
3376
3415
|
}
|
@@ -3417,7 +3456,15 @@ var TabSwitch = function ($$$1) {
|
|
3417
3456
|
return;
|
3418
3457
|
}
|
3419
3458
|
|
3420
|
-
|
3459
|
+
var transitionDuration = TransitionDuration.MOBILE;
|
3460
|
+
|
3461
|
+
if (window.innerWidth >= Breakpoints.DESKTOP) {
|
3462
|
+
transitionDuration = TransitionDuration.DESKTOP;
|
3463
|
+
} else if (window.innerWidth >= Breakpoints.TABLET) {
|
3464
|
+
transitionDuration = TransitionDuration.TABLET;
|
3465
|
+
}
|
3466
|
+
|
3467
|
+
$$$1(this._navindicator).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
3421
3468
|
};
|
3422
3469
|
|
3423
3470
|
_proto._createIndicator = function _createIndicator(navLeft, navScrollLeft, navWidth, relatedTarget) {
|
@@ -3463,7 +3510,7 @@ var TabSwitch = function ($$$1) {
|
|
3463
3510
|
}();
|
3464
3511
|
|
3465
3512
|
$$$1(document).on(Event.SHOW_BS_TAB, Selector.DATA_TOGGLE, function (event) {
|
3466
|
-
TabSwitch._jQueryInterface.call($$$1(
|
3513
|
+
TabSwitch._jQueryInterface.call($$$1(this), event.relatedTarget);
|
3467
3514
|
});
|
3468
3515
|
$$$1.fn[NAME] = TabSwitch._jQueryInterface;
|
3469
3516
|
$$$1.fn[NAME].Constructor = TabSwitch;
|
@@ -3488,4 +3535,3 @@ exports.TabSwitch = TabSwitch;
|
|
3488
3535
|
Object.defineProperty(exports, '__esModule', { value: true });
|
3489
3536
|
|
3490
3537
|
})));
|
3491
|
-
//# sourceMappingURL=material.js.map
|