diff --git a/dist/css/mui.css b/dist/css/mui.css
index be9b81d9..a5ca9b48 100644
--- a/dist/css/mui.css
+++ b/dist/css/mui.css
@@ -1,6 +1,6 @@
/*!
* =====================================================
- * Mui v0.9.0 (https://github.com/dcloudio/mui)
+ * Mui v1.0.0 (https://github.com/dcloudio/mui)
* =====================================================
*/
@@ -621,24 +621,26 @@ p {
width: auto;
}
-.mui-off-canvas-height-fixed {
- height: 100% !important;
-}
-
-.mui-android .mui-off-canvas-wrap .mui-inner-wrap .mui-bar {
- position: absolute;
+.mui-off-canvas-wrap .mui-bar {
+ position: absolute !important;
}
.mui-off-canvas-wrap {
position: relative;
+ z-index: 1;
width: 100%;
+ height: 100%;
+ overflow: hidden;
}
.mui-off-canvas-wrap .mui-inner-wrap {
position: relative;
+ z-index: 1;
width: 100%;
height: 100%;
- -webkit-transition: -webkit-transform 400ms ease;
- transition: transform 400ms ease;
+}
+.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
+ -webkit-transition: -webkit-transform 200ms ease;
+ transition: transform 200ms ease;
}
.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
-webkit-transform: translate3d(-100%, 0, 0);
@@ -648,14 +650,11 @@ p {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
-.mui-off-canvas-wrap.mui-sliding, .mui-off-canvas-wrap.mui-left, .mui-off-canvas-wrap.mui-right {
+.mui-off-canvas-wrap.mui-active {
height: 100%;
overflow: hidden;
}
-.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-left, .mui-off-canvas-wrap.mui-sliding .mui-off-canvas-right, .mui-off-canvas-wrap.mui-left .mui-off-canvas-left, .mui-off-canvas-wrap.mui-left .mui-off-canvas-right, .mui-off-canvas-wrap.mui-right .mui-off-canvas-left, .mui-off-canvas-wrap.mui-right .mui-off-canvas-right {
- display: block;
-}
-.mui-off-canvas-wrap.mui-left .mui-off-canvas-backdrop, .mui-off-canvas-wrap.mui-right .mui-off-canvas-backdrop {
+.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
position: absolute;
top: 0;
right: 0;
@@ -665,33 +664,38 @@ p {
display: block;
background: rgba(255, 255, 255, .2);
box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
- transition: background 300ms ease;
+ transition: background 200ms ease;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
}
-.mui-off-canvas-wrap.mui-left .mui-inner-wrap {
- -webkit-transform: translate3d(-80%, 0, 0);
- transform: translate3d(-80%, 0, 0);
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
+ z-index: 10000 !important;
+ -webkit-transform: translate3d(100%, 0px, 0px);
}
-.mui-off-canvas-wrap.mui-right .mui-inner-wrap {
- -webkit-transform: translate3d(80%, 0, 0);
- transform: translate3d(80%, 0, 0);
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
+ z-index: 10000 !important;
+ -webkit-transform: translate3d(-100%, 0px, 0px);
}
.mui-off-canvas-left, .mui-off-canvas-right {
position: absolute;
top: 0;
bottom: 0;
- display: none;
- width: 80%;
+ z-index: -1;
+ width: 70%;
min-height: 100%;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
+ visibility: hidden;
background: #333;
-webkit-backface-visibility: hidden;
}
+.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning {
+ -webkit-transition: -webkit-transform 200ms ease;
+ transition: transform 200ms ease;
+}
.mui-off-canvas-left {
left: 0;
@@ -2745,6 +2749,10 @@ select:focus {
transform: translate3d(0, 0, 0);
}
+.mui-android .mui-modal .mui-bar {
+ position: static;
+}
+
.mui-slider {
position: relative;
width: 100%;
@@ -2864,6 +2872,8 @@ select:focus {
background-clip: padding-box;
border: 2px solid #ddd;
border-radius: 20px;
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: background-color, border;
@@ -2881,10 +2891,10 @@ select:focus {
border-radius: 16px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
- -webkit-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-property: -webkit-transform, width;
- transition-property: transform, width;
+ -webkit-transition: .2s ease-in-out;
+ transition: .2s ease-in-out;
+ -webkit-transition-property: -webkit-transform, width,left;
+ transition-property: transform, width,left;
}
.mui-switch:before {
position: absolute;
@@ -2895,13 +2905,24 @@ select:focus {
text-transform: uppercase;
content: "Off";
}
+.mui-switch.mui-dragging {
+ background-color: rgba(247, 247, 247, .98);
+ border-color: rgba(247, 247, 247, .98);
+}
+.mui-switch.mui-dragging .mui-switch-handle {
+ width: 38px;
+}
+.mui-switch.mui-dragging.mui-active .mui-switch-handle {
+ left: -11px;
+ width: 38px;
+}
.mui-switch.mui-active {
background-color: #4cd964;
border-color: #4cd964;
}
.mui-switch.mui-active .mui-switch-handle {
- -webkit-transform: translate3d(45px, 0, 0);
- transform: translate3d(45px, 0, 0);
+ -webkit-transform: translate3d(43px, 0, 0);
+ transform: translate3d(43px, 0, 0);
}
.mui-switch.mui-active:before {
right: auto;
@@ -2920,8 +2941,8 @@ select:focus {
display: none;
}
.mui-switch-mini.mui-active .mui-switch-handle {
- -webkit-transform: translate3d(18px, 0, 0);
- transform: translate3d(18px, 0, 0);
+ -webkit-transform: translate3d(16px, 0, 0);
+ transform: translate3d(16px, 0, 0);
}
.mui-switch-blue.mui-active {
@@ -3456,5 +3477,6 @@ select:focus {
}
.mui-fullscreen .mui-slider-item > a {
top: 50%;
- transform: translateY(-50%);
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
}
diff --git a/dist/css/mui.min.css b/dist/css/mui.min.css
index c6c62215..888918c2 100644
--- a/dist/css/mui.min.css
+++ b/dist/css/mui.min.css
@@ -1,5 +1,5 @@
/*!
* =====================================================
- * Mui v0.9.0 (https://github.com/dcloudio/mui)
+ * Mui v1.0.0 (https://github.com/dcloudio/mui)
* =====================================================
- *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#007aff;text-decoration:none}a:active{color:#0062cc}.mui-content{-webkit-overflow-scrolling:touch;background-color:#efeff4}.mui-bar-nav~.mui-content{padding-top:44px}.mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{top:44px}.mui-bar-header-secondary~.mui-content{padding-top:88px}.mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{top:88px}.mui-bar-footer~.mui-content{padding-bottom:44px}.mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:44px}.mui-bar-footer-secondary~.mui-content{padding-bottom:88px}.mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:88px}.mui-bar-tab~.mui-content{padding-bottom:50px}.mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:50px}.mui-bar-footer-secondary-tab~.mui-content{padding-bottom:94px}.mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:94px}.mui-content-padded{margin:10px}.mui-inline{display:inline-block;vertical-align:top}.mui-block{display:block!important}.mui-visibility{visibility:visible!important}.mui-hidden{display:none!important}.mui-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mui-table{display:table;width:100%;table-layout:fixed}.mui-table-cell{position:relative;display:table-cell}.mui-text-left{text-align:left!important}.mui-text-center{text-align:center!important}.mui-text-justify{text-align:justify!important}.mui-text-right{text-align:right!important}.mui-pull-left{float:left}.mui-pull-right{float:right}.mui-list-unstyled{padding-left:0;list-style:none}.mui-list-inline{padding-left:0;margin-left:-5px;list-style:none}.mui-list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.mui-clearfix:after,.mui-clearfix:before{display:table;content:" "}.mui-clearfix:after{clear:both}.mui-bg-primary{background-color:#007aff}.mui-bg-positive{background-color:#4cd964}.mui-bg-negative{background-color:#dd524d}.mui-error{padding:10px;margin:88px 35px;background-color:#bbb;border-radius:6px}h1,h2,h3,h4,h5,h6{margin-top:5px;margin-bottom:5px;line-height:1}.mui-h1,h1{font-size:36px}.mui-h2,h2{font-size:30px}.mui-h3,h3{font-size:24px}.mui-h4,h4{font-size:18px}.mui-h5,h5{font-size:14px;font-weight:400;color:#8f8f94}.mui-h6,h6{font-size:12px;font-weight:400;color:#8f8f94}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#8f8f94}.mui-col-xs-12{width:100%}.mui-col-xs-11{width:91.66666667%}.mui-col-xs-10{width:83.33333333%}.mui-col-xs-9{width:75%}.mui-col-xs-8{width:66.66666667%}.mui-col-xs-7{width:58.33333333%}.mui-col-xs-6{width:50%}.mui-col-xs-5{width:41.66666667%}.mui-col-xs-4{width:33.33333333%}.mui-col-xs-3{width:25%}.mui-col-xs-2{width:16.66666667%}.mui-col-xs-1{width:8.33333333%}@media (min-width:400px){.mui-col-sm-12{width:100%}.mui-col-sm-11{width:91.66666667%}.mui-col-sm-10{width:83.33333333%}.mui-col-sm-9{width:75%}.mui-col-sm-8{width:66.66666667%}.mui-col-sm-7{width:58.33333333%}.mui-col-sm-6{width:50%}.mui-col-sm-5{width:41.66666667%}.mui-col-sm-4{width:33.33333333%}.mui-col-sm-3{width:25%}.mui-col-sm-2{width:16.66666667%}.mui-col-sm-1{width:8.33333333%}}.mui-scroll-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;overflow:hidden;-webkit-backface-visibility:hidden}.mui-scroll{position:absolute;z-index:1;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-scrollbar{position:absolute;z-index:9998;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:500ms;transition:500ms;transform:translateZ(0px)}.mui-scrollbar-vertical{top:0;right:1px;bottom:2px;width:4px}.mui-scrollbar-vertical .mui-scrollbar-indicator{width:100%}.mui-scrollbar-horizontal{right:2px;bottom:0;left:2px;height:4px}.mui-scrollbar-horizontal .mui-scrollbar-indicator{height:100%}.mui-scrollbar-indicator{position:absolute;display:block;box-sizing:border-box;background:rgba(0,0,0,.39804);border:1px solid rgba(255,255,255,.80196);border-radius:2px;-webkit-transition:.01s cubic-bezier(.1,.57,.1,1);transition:.01s cubic-bezier(.1,.57,.1,1);transform:translate(0px,0) translateZ(0px)}.mui-plus-pullrefresh .mui-scroll-wrapper{position:static;top:auto;bottom:auto;left:auto;width:auto;overflow:auto}.mui-plus-pullrefresh .mui-scroll{position:static;width:auto}.mui-off-canvas-height-fixed{height:100%!important}.mui-android .mui-off-canvas-wrap .mui-inner-wrap .mui-bar{position:absolute}.mui-off-canvas-wrap{position:relative;width:100%}.mui-off-canvas-wrap .mui-inner-wrap{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 400ms ease;transition:transform 400ms ease}.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-off-canvas-wrap.mui-left,.mui-off-canvas-wrap.mui-right,.mui-off-canvas-wrap.mui-sliding{height:100%;overflow:hidden}.mui-off-canvas-wrap.mui-left .mui-off-canvas-left,.mui-off-canvas-wrap.mui-left .mui-off-canvas-right,.mui-off-canvas-wrap.mui-right .mui-off-canvas-left,.mui-off-canvas-wrap.mui-right .mui-off-canvas-right,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-left,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-right{display:block}.mui-off-canvas-wrap.mui-left .mui-off-canvas-backdrop,.mui-off-canvas-wrap.mui-right .mui-off-canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:998;display:block;background:rgba(255,255,255,.2);box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);transition:background 300ms ease;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.mui-off-canvas-wrap.mui-left .mui-inner-wrap{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}.mui-off-canvas-wrap.mui-right .mui-inner-wrap{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}.mui-off-canvas-left,.mui-off-canvas-right{position:absolute;top:0;bottom:0;display:none;width:80%;min-height:100%;box-sizing:content-box;-webkit-overflow-scrolling:touch;background:#333;-webkit-backface-visibility:hidden}.mui-off-canvas-left{left:0}.mui-off-canvas-right{right:0}.mui-loading .mui-spinner{display:block;margin:0 auto}.mui-spinner{display:inline-block;width:24px;height:24px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:spinner-spin 1s step-end infinite;animation:spinner-spin 1s step-end infinite}.mui-spinner:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,");background-repeat:no-repeat;background-position:50%;background-size:100%}.mui-spinner-white:after{background-image:url("data:image/svg+xml;charset=utf-8,")}@-webkit-keyframes spinner-spin{0%{-webkit-transform:rotate(0deg)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-spin{0%{transform:rotate(0deg)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border-radius:3px;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.mui-btn.mui-active,.mui-btn:active,button.mui-active,button:active,input[type=button].mui-active,input[type=button]:active,input[type=reset].mui-active,input[type=reset]:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#929292}.mui-btn.mui-disabled,.mui-btn:disabled,button.mui-disabled,button:disabled,input[type=button].mui-disabled,input[type=button]:disabled,input[type=reset].mui-disabled,input[type=reset]:disabled,input[type=submit].mui-disabled,input[type=submit]:disabled{opacity:.6}.mui-btn-blue,.mui-btn-primary,input[type=submit]{color:#fff;background-color:#007aff;border:1px solid #007aff}.mui-btn-blue.mui-active,.mui-btn-blue:active,.mui-btn-primary.mui-active,.mui-btn-primary:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#0062cc;border:1px solid #0062cc}.mui-btn-green,.mui-btn-positive,.mui-btn-success{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.mui-btn-green.mui-active,.mui-btn-green:active,.mui-btn-positive.mui-active,.mui-btn-positive:active,.mui-btn-success.mui-active,.mui-btn-success:active{color:#fff;background-color:#2ac845;border:1px solid #2ac845}.mui-btn-warning,.mui-btn-yellow{color:#fff;background-color:#f0ad4e;border:1px solid #f0ad4e}.mui-btn-warning.mui-active,.mui-btn-warning:active,.mui-btn-yellow.mui-active,.mui-btn-yellow:active{color:#fff;background-color:#ec971f;border:1px solid #ec971f}.mui-btn-danger,.mui-btn-negative,.mui-btn-red{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.mui-btn-danger.mui-active,.mui-btn-danger:active,.mui-btn-negative.mui-active,.mui-btn-negative:active,.mui-btn-red.mui-active,.mui-btn-red:active{color:#fff;background-color:#cf2d28;border:1px solid #cf2d28}.mui-btn-purple,.mui-btn-royal{color:#fff;background-color:#8a6de9;border:1px solid #8a6de9}.mui-btn-purple.mui-active,.mui-btn-purple:active,.mui-btn-royal.mui-active,.mui-btn-royal:active{color:#fff;background-color:#6641e2;border:1px solid #6641e2}.mui-btn-grey{color:#fff;background-color:#c7c7cc;border:1px solid #c7c7cc}.mui-btn-grey.mui-active,.mui-btn-grey:active{color:#fff;background-color:#acacb4;border:1px solid #acacb4}.mui-btn-outlined{background-color:transparent}.mui-btn-outlined.mui-btn-blue,.mui-btn-outlined.mui-btn-primary{color:#007aff}.mui-btn-outlined.mui-btn-green,.mui-btn-outlined.mui-btn-positive,.mui-btn-outlined.mui-btn-success{color:#4cd964}.mui-btn-outlined.mui-btn-warning,.mui-btn-outlined.mui-btn-yellow{color:#f0ad4e}.mui-btn-outlined.mui-btn-danger,.mui-btn-outlined.mui-btn-negative,.mui-btn-outlined.mui-btn-red{color:#dd524d}.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal{color:#8a6de9}.mui-btn-outlined.mui-btn-blue:active,.mui-btn-outlined.mui-btn-danger:active,.mui-btn-outlined.mui-btn-green:active,.mui-btn-outlined.mui-btn-negative:active,.mui-btn-outlined.mui-btn-positive:active,.mui-btn-outlined.mui-btn-primary:active,.mui-btn-outlined.mui-btn-purple:active,.mui-btn-outlined.mui-btn-red:active,.mui-btn-outlined.mui-btn-royal:active,.mui-btn-outlined.mui-btn-success:active,.mui-btn-outlined.mui-btn-warning:active,.mui-btn-outlined.mui-btn-yellow:active{color:#fff}.mui-btn-link{padding-top:6px;padding-bottom:6px;color:#007aff;background-color:transparent;border:0}.mui-btn-link.mui-active,.mui-btn-link:active{color:#0062cc;background-color:transparent}.mui-btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}.mui-btn .mui-badge{margin:-2px -4px -2px 4px;font-size:14px;background-color:rgba(0,0,0,.15)}.mui-btn .mui-badge-inverted,.mui-btn:active .mui-badge-inverted{background-color:transparent}.mui-btn-negative:active .mui-badge-inverted,.mui-btn-positive:active .mui-badge-inverted,.mui-btn-primary:active .mui-badge-inverted{color:#fff}.mui-btn-block .mui-badge{position:absolute;right:0;margin-right:10px}.mui-btn .mui-icon{font-size:inherit}.mui-btn.mui-icon{font-size:14px;line-height:1.42}.mui-btn.mui-fab{width:56px;height:56px;padding:16px;border-radius:50%;outline:0}.mui-btn.mui-fab.mui-btn-mini{width:40px;height:40px;padding:8px}.mui-btn.mui-fab .mui-icon{width:24px;height:24px;font-size:24px;line-height:24px}.mui-bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mui-bar .mui-title{right:40px;left:40px;width:auto;margin:0;overflow:hidden;text-overflow:ellipsis}.mui-bar .mui-backdrop{background:0 0}.mui-bar-header-secondary{top:44px}.mui-bar-footer{bottom:0}.mui-bar-footer-secondary{bottom:44px}.mui-bar-footer-secondary-tab{bottom:50px}.mui-bar-footer,.mui-bar-footer-secondary,.mui-bar-footer-secondary-tab{border-top:0}.mui-bar-nav{top:0;-webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc}.mui-bar-nav~.mui-content .mui-anchor{display:block;height:45px;margin-top:-45px;visibility:hidden}.mui-bar-nav.mui-bar .mui-icon{padding-right:10px;padding-left:10px;margin-right:-10px;margin-left:-10px}.mui-title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.mui-title a{color:inherit}.mui-bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:0;border-bottom:0;-webkit-touch-callout:none}.mui-bar-tab .mui-tab-item{display:table-cell;width:1%;height:50px;overflow:hidden;color:#929292;text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.mui-bar-tab .mui-tab-item.mui-active{color:#007aff}.mui-bar-tab .mui-tab-item .mui-icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis}.mui-bar-tab .mui-tab-item .mui-icon:active{background:0 0}.mui-focusin>.mui-bar{position:absolute}.mui-focusin>.mui-bar-footer,.mui-focusin>.mui-bar-footer-secondary,.mui-focusin>.mui-bar-footer-secondary-tab,.mui-focusin>.mui-bar-tab{position:static}.mui-bar .mui-btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.mui-bar .mui-btn.mui-pull-right{margin-left:10px}.mui-bar .mui-btn.mui-pull-left{margin-right:10px}.mui-bar .mui-btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#007aff;border:0}.mui-bar .mui-btn-link.mui-active,.mui-bar .mui-btn-link:active{color:#0062cc}.mui-bar .mui-btn-block{top:6px;padding:5px 0;margin-bottom:0;font-size:16px}.mui-bar .mui-btn-nav.mui-pull-left{margin-left:-5px}.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav{margin-right:-3px}.mui-bar .mui-btn-nav.mui-pull-right{margin-right:-5px}.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav{margin-left:-3px}.mui-bar .mui-btn-nav:active{opacity:.3}.mui-bar .mui-icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.mui-bar .mui-icon:active{opacity:.3}.mui-bar .mui-btn .mui-icon{top:3px;padding:0;margin:0}.mui-bar .mui-title .mui-icon{padding:0;margin:0}.mui-bar .mui-title .mui-icon.mui-icon-caret{top:4px;margin-left:-5px}.mui-bar input[type=search]{height:29px;margin:6px 0}.mui-bar .mui-segmented-control{top:7px;width:auto;margin:0 auto}.mui-badge{display:inline-block;padding:3px 6px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.mui-badge.mui-badge-inverted{padding:0 5px 0 0;color:#929292;background-color:transparent}.mui-badge-blue,.mui-badge-primary{color:#fff;background-color:#007aff}.mui-badge-blue.mui-badge-inverted,.mui-badge-primary.mui-badge-inverted{color:#007aff;background-color:transparent}.mui-badge-green,.mui-badge-success{color:#fff;background-color:#4cd964}.mui-badge-green.mui-badge-inverted,.mui-badge-success.mui-badge-inverted{color:#4cd964;background-color:transparent}.mui-badge-warning,.mui-badge-yellow{color:#fff;background-color:#f0ad4e}.mui-badge-warning.mui-badge-inverted,.mui-badge-yellow.mui-badge-inverted{color:#f0ad4e;background-color:transparent}.mui-badge-danger,.mui-badge-red{color:#fff;background-color:#dd524d}.mui-badge-danger.mui-badge-inverted,.mui-badge-red.mui-badge-inverted{color:#dd524d;background-color:transparent}.mui-badge-purple,.mui-badge-royal{color:#fff;background-color:#8a6de9}.mui-badge-purple.mui-badge-inverted,.mui-badge-royal.mui-badge-inverted{color:#8a6de9;background-color:transparent}.mui-icon .mui-badge{position:absolute;top:-2px;left:100%;padding:1px 5px;margin-left:-10px;font-size:10px;line-height:1.4;color:#fff;background:red}.mui-card{margin:0 15px;overflow:hidden;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:6px}.mui-content>.mui-card:first-child{margin-top:15px}.mui-card .mui-input-group .mui-input-row:last-child:after,.mui-card .mui-input-group .mui-input-row:last-child:before,.mui-card .mui-input-group:after,.mui-card .mui-input-group:before{height:0}.mui-card .mui-table-view{margin-bottom:0;border-top:0;border-bottom:0;border-radius:6px}.mui-card .mui-table-view .mui-table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.mui-card .mui-table-view .mui-table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.mui-card .mui-table-view:after,.mui-card .mui-table-view:before,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:after,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:before{height:0}.mui-table-view{position:relative;padding-left:0;margin-top:0;margin-bottom:0;list-style:none;background-color:#fff}.mui-table-view:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-chevron .mui-table-view-cell{padding-right:65px}.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){margin-right:-65px}.mui-table-view-inverted{color:#fff;background:#333}.mui-table-view-inverted:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted .mui-table-view-cell.mui-active,.mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active{background-color:#242424}.mui-table-view-cell{position:relative;padding:11px 15px;overflow:hidden;-webkit-touch-callout:none}.mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-cell.mui-checkbox input[type=checkbox],.mui-table-view-cell.mui-radio input[type=radio]{top:8px}.mui-table-view-cell.mui-checkbox.mui-left,.mui-table-view-cell.mui-radio.mui-left{padding-left:58px}.mui-table-view-cell.mui-active{background-color:#eee}.mui-table-view-cell:last-child:after,.mui-table-view-cell:last-child:before{height:0}.mui-table-view-cell>a:not(.mui-btn){position:relative;display:block;padding:inherit;margin:-11px -15px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.mui-table-view-cell>a:not(.mui-btn).mui-active{background-color:#eee}.mui-table-view-cell p{margin-bottom:0}.mui-table-view-cell.mui-transitioning>.mui-slider-handle,.mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn,.mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn{-webkit-transition:300ms;transition:300ms}.mui-table-view-cell>.mui-slider-handle,.mui-table-view-cell>.mui-slider-left .mui-btn,.mui-table-view-cell>.mui-slider-right .mui-btn{-webkit-transition:0ms;transition:0ms}.mui-table-view-cell>.mui-slider-left,.mui-table-view-cell>.mui-slider-right{position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.mui-table-view-cell>.mui-slider-left>.mui-btn,.mui-table-view-cell>.mui-slider-right>.mui-btn{position:relative;left:0;display:-webkit-box;display:-webkit-flex;display:flex;padding:0 30px;color:#fff;border:0;border-radius:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.mui-table-view-cell>.mui-slider-left>.mui-btn:after,.mui-table-view-cell>.mui-slider-right>.mui-btn:after{position:absolute;top:0;z-index:-1;width:600%;height:100%;content:'';background:inherit}.mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon,.mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon{font-size:30px}.mui-table-view-cell>.mui-slider-right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.mui-table-view-cell>.mui-slider-left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mui-table-view-cell>.mui-slider-left>.mui-btn:after{right:100%;margin-right:-1px}.mui-table-view-divider{position:relative;padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa}.mui-table-view-divider:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-divider:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view .mui-media,.mui-table-view .mui-media-body{overflow:hidden}.mui-table-view .mui-media-object{max-width:42px;height:42px;line-height:42px}.mui-table-view .mui-media-object.mui-pull-left{margin-right:10px}.mui-table-view .mui-media-object.mui-pull-right{margin-left:10px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object{max-width:29px;height:29px;margin:-4px 0;line-height:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img{max-width:29px;height:29px;line-height:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left{margin-right:10px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon{font-size:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after{position:absolute;right:0;bottom:0;left:55px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view .mui-table-view-cell.mui-media-icon:after{height:0!important}.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view{display:block}.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after,.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before{height:0!important}.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after{position:absolute;right:0;bottom:0;left:70px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-cell>.mui-badge,.mui-table-view-cell>.mui-btn,.mui-table-view-cell>.mui-switch,.mui-table-view-cell>a>.mui-badge,.mui-table-view-cell>a>.mui-btn,.mui-table-view-cell>a>.mui-switch{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mui-table-view-cell .mui-navigate-left>.mui-badge,.mui-table-view-cell .mui-navigate-left>.mui-btn,.mui-table-view-cell .mui-navigate-left>.mui-switch,.mui-table-view-cell .mui-navigate-right>.mui-badge,.mui-table-view-cell .mui-navigate-right>.mui-btn,.mui-table-view-cell .mui-navigate-right>.mui-switch,.mui-table-view-cell .mui-push-left>.mui-badge,.mui-table-view-cell .mui-push-left>.mui-btn,.mui-table-view-cell .mui-push-left>.mui-switch,.mui-table-view-cell .mui-push-right>.mui-badge,.mui-table-view-cell .mui-push-right>.mui-btn,.mui-table-view-cell .mui-push-right>.mui-switch,.mui-table-view-cell>a .mui-navigate-left>.mui-badge,.mui-table-view-cell>a .mui-navigate-left>.mui-btn,.mui-table-view-cell>a .mui-navigate-left>.mui-switch,.mui-table-view-cell>a .mui-navigate-right>.mui-badge,.mui-table-view-cell>a .mui-navigate-right>.mui-btn,.mui-table-view-cell>a .mui-navigate-right>.mui-switch,.mui-table-view-cell>a .mui-push-left>.mui-badge,.mui-table-view-cell>a .mui-push-left>.mui-btn,.mui-table-view-cell>a .mui-push-left>.mui-switch,.mui-table-view-cell>a .mui-push-right>.mui-badge,.mui-table-view-cell>a .mui-push-right>.mui-btn,.mui-table-view-cell>a .mui-push-right>.mui-switch{right:35px}.mui-content>.mui-table-view:first-child{margin-top:15px}.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse>.mui-push-right:after{content:'\e581'}.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content,.mui-table-view-cell.mui-collapse.mui-active .mui-table-view{display:block}.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after{content:'\e580'}.mui-table-view-cell.mui-collapse .mui-collapse-content{position:relative;display:none;padding:8px 15px;margin:11px -15px -11px;overflow:hidden;background:#fff;border:1px solid #ddd;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group,.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider{width:auto;height:auto;margin:-8px -15px}.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider{margin:-8px -16px}.mui-table-view-cell.mui-collapse .mui-table-view{display:none;margin-top:11px;margin-right:-15px;margin-bottom:-11px;margin-left:-15px;border:0}.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron{margin-right:-65px}.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{padding-left:31px;background-position:31px 100%}.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:30px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view.mui-grid-view{display:block;width:100%;padding:0 10px 10px 0;font-size:0;white-space:normal}.mui-table-view.mui-grid-view .mui-table-view-cell{display:inline-block;padding:10px 0 0 14px;margin-right:-4px;font-size:17px;text-align:center;vertical-align:middle;background:0 0}.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{width:100%;max-width:100%;height:auto}.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn){margin:-10px 0 0 -14px}.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active,.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active{background:0 0}.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{display:block;width:100%;height:15px;margin-top:8px;font-size:15px;line-height:15px;color:#333;text-overflow:ellipsis}.mui-table-view.mui-grid-view .mui-table-view-cell:after,.mui-table-view.mui-grid-view .mui-table-view-cell:before{height:0}.mui-grid-view.mui-grid-9{padding:1px 0;padding-right:0;background-color:#f2f2f2}.mui-grid-view.mui-grid-9 .mui-table-view-cell{padding:11px 15px;margin:-1px 0 0 -1px;vertical-align:top;border-top:1px solid #eee;border-left:1px solid #eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active{background-color:#eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:15px}.mui-grid-view.mui-grid-9 .mui-media{color:#797979}.mui-grid-view.mui-grid-9 .mui-media .mui-icon{position:relative;font-size:2.4em}.mui-slider-cell{position:relative}.mui-slider-cell>.mui-slider-handle{z-index:1}.mui-slider-cell>.mui-slider-left,.mui-slider-cell>.mui-slider-right{position:absolute;top:0;bottom:0;z-index:0}.mui-slider-cell>.mui-slider-left{left:0}.mui-slider-cell>.mui-slider-right{right:0}input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}input:focus,select:focus,textarea:focus{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-user-modify:read-write-plaintext-only}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:40px;-webkit-appearance:none;padding:10px 15px;margin-bottom:15px;line-height:21px;-webkit-user-select:text;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0}input[type=search]{height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}textarea{height:auto;resize:none}select{height:auto;margin-top:1px;font-size:14px;background-color:#fff;border:0!important}select:focus{-webkit-user-modify:read-only}.mui-input-group{position:relative;padding:0;background-color:#fff;border:0}.mui-input-group:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group input[type=text],.mui-input-group textarea{margin-bottom:0;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.mui-input-group input[type=text]:after,.mui-input-group textarea:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group input[type=search]{background:0 0}.mui-input-group input:last-child{background-image:none}.mui-input-row{overflow:hidden;clear:left}.mui-input-row select{padding:10px 15px 0;font-size:17px}.mui-input-row label+input,.mui-input-row:last-child{background-image:none}.mui-input-group .mui-input-row{height:40px}.mui-input-group .mui-input-row:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.mui-button-row{position:relative;padding-top:5px;text-align:center}.mui-input-group .mui-button-row{height:45px}.mui-input-row{position:relative}.mui-input-row.mui-input-range{padding-right:20px;overflow:visible}.mui-input-row .mui-inline{padding:8px 0}.mui-input-row .mui-input-clear~.mui-icon-clear,.mui-input-row .mui-input-speech~.mui-icon-speech{position:absolute;top:10px;right:0;z-index:1;width:38px;height:38px;font-size:20px;color:#999;text-align:center}.mui-input-row .mui-input-speech~.mui-icon-speech{top:8px;font-size:24px}.mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech{display:none}.mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech{display:inline-block}.mui-input-row .mui-icon-speech~.mui-placeholder{right:38px}.mui-input-row.mui-search .mui-icon-clear{top:7px}.mui-input-row.mui-search .mui-icon-speech{top:5px}.mui-checkbox,.mui-radio{position:relative}.mui-checkbox label,.mui-radio label{display:inline-block;float:none;width:100%}.mui-checkbox.mui-left input[type=checkbox],.mui-radio.mui-left input[type=radio]{left:20px}.mui-checkbox.mui-left label,.mui-radio.mui-left label{padding-left:58px}.mui-checkbox input[type=checkbox],.mui-radio input[type=radio]{position:absolute;top:4px;right:20px;display:inline-block;width:28px;height:26px;-webkit-appearance:none;background-color:transparent;border:0;outline:0!important}.mui-checkbox input[type=checkbox]:before,.mui-radio input[type=radio]:before{font-family:Muiicons;font-size:28px;font-weight:400;line-height:1;color:rgba(170,170,170,.6);text-decoration:none;background:0 0;border-radius:0;-webkit-font-smoothing:antialiased}.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before{color:#007aff}.mui-radio input[type=radio]:before{content:"\e411"}.mui-radio input[type=radio]:checked:before{content:"\e441"}.mui-checkbox input[type=checkbox]:before{content:"\e411"}.mui-checkbox input[type=checkbox]:checked:before{content:"\e442"}.mui-select{position:relative}.mui-select:before{position:absolute;top:8px;right:21px;font-family:Muiicons;color:rgba(170,170,170,.6);content:'\e651'}.mui-input-row .mui-switch{float:right;margin-top:5px;margin-right:20px}.mui-input-range input[type=range]{position:relative;width:100%;height:2px;-webkit-appearance:none!important;padding:0;margin:17px 0;cursor:pointer;background-color:#999;border:0;border-radius:3px;outline:0}.mui-input-range input[type=range]::-webkit-slider-thumb{width:28px;height:28px;-webkit-appearance:none!important;background-color:#007aff;background-clip:padding-box;border-color:#0062cc;border-radius:50%}.mui-input-range label~input[type=range]{width:65%}.mui-input-range .mui-tooltip{position:absolute;top:-70px;z-index:1;width:64px;height:64px;font-size:36px;line-height:64px;color:#333;text-align:center;text-shadow:0 1px 0 #f3f3f3;background-color:#fff;border:1px solid #ddd;border-radius:6px;opacity:.8}.mui-search{position:relative}.mui-search input[type=search]{padding-left:30px}.mui-search .mui-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline-block;height:34px;font-size:16px;line-height:34px;color:#999;text-align:center;background:0 0;border:0;border-radius:6px}.mui-search .mui-placeholder .mui-icon{font-size:20px;color:#333}.mui-search:before{position:absolute;top:50%;right:50%;display:none;margin-top:-18px;margin-right:31px;font-family:Muiicons;font-size:20px;font-weight:400;content:'\e466'}.mui-search.mui-active:before{right:auto;left:5px;display:block;margin-right:0;font-size:20px}.mui-search.mui-active input[type=search]{text-align:left}.mui-search.mui-active .mui-placeholder{display:none}.mui-segmented-control{position:relative;display:table;width:100%;overflow:hidden;font-size:15px;font-weight:400;table-layout:fixed;background-color:transparent;border:1px solid #007aff;border-radius:3px;-webkit-touch-callout:none}.mui-segmented-control .mui-control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#007aff;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-color:#007aff;border-left:1px solid #007aff;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.mui-segmented-control .mui-control-item:first-child{border-left-width:0}.mui-segmented-control .mui-control-item.mui-active{color:#fff;background-color:#007aff}.mui-segmented-control.mui-segmented-control-inverted{width:100%;border:0;border-radius:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:inherit;border:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#007aff;background:0 0;border-bottom:2px solid #007aff}.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#007aff}.mui-segmented-control-positive{border:1px solid #4cd964}.mui-segmented-control-positive .mui-control-item{color:#4cd964;border-color:inherit}.mui-segmented-control-positive .mui-control-item.mui-active{color:#fff;background-color:#4cd964}.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active{color:#4cd964;background:0 0;border-bottom:2px solid #4cd964}.mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#4cd964}.mui-segmented-control-negative{border:1px solid #dd524d}.mui-segmented-control-negative .mui-control-item{color:#dd524d;border-color:inherit}.mui-segmented-control-negative .mui-control-item.mui-active{color:#fff;background-color:#dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active{color:#dd524d;background:0 0;border-bottom:2px solid #dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#dd524d}.mui-control-content{position:relative;display:none}.mui-control-content.mui-active{display:block}.mui-popover{position:absolute;z-index:999;display:none;width:280px;background-color:rgba(247,247,247,.98);border-radius:7px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transform:none;transform:none}.mui-popover .mui-popover-arrow{position:absolute;top:-25px;left:0;z-index:1000;width:26px;height:26px;overflow:hidden}.mui-popover .mui-popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:' ';background:rgba(247,247,247,.98);border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mui-popover .mui-popover-arrow.mui-bottom{top:100%;left:-26px;margin-top:-1px}.mui-popover .mui-popover-arrow.mui-bottom:after{top:-19px;left:0}.mui-popover.mui-popover-action{bottom:0;width:100%;background:0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-popover.mui-popover-action .mui-popover-arrow{display:none}.mui-popover.mui-popover-action.mui-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover.mui-popover-action .mui-table-view{margin:8px;color:#007aff;text-align:center;border-radius:4px}.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-popover.mui-popover-action .mui-table-view small{display:block;font-weight:400;line-height:1.3}.mui-popover.mui-active{display:block;opacity:1}.mui-popover .mui-bar~.mui-table-view{padding-top:44px}.mui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background-color:rgba(0,0,0,.3)}.mui-bar-backdrop.mui-backdrop{bottom:50px;background:0 0}.mui-backdrop-action.mui-backdrop{background-color:rgba(0,0,0,.3)}.mui-backdrop-action.mui-backdrop,.mui-bar-backdrop.mui-backdrop{opacity:0}.mui-backdrop-action.mui-backdrop.mui-active,.mui-bar-backdrop.mui-backdrop.mui-active{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}.mui-popover .mui-btn-block{margin-bottom:5px}.mui-popover .mui-btn-block:last-child{margin-bottom:0}.mui-popover .mui-bar{-webkit-box-shadow:none;box-shadow:none}.mui-popover .mui-bar-nav{border-bottom:1px solid rgba(0,0,0,.15);border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.mui-popover .mui-scroll-wrapper{margin:7px 0;background-clip:padding-box;border-radius:7px}.mui-popover .mui-scroll .mui-table-view{max-height:none}.mui-popover .mui-table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:rgba(247,247,247,.98);background-image:none;border-radius:7px}.mui-popover .mui-table-view:after,.mui-popover .mui-table-view:before{height:0}.mui-popover .mui-table-view .mui-table-view-cell:first-child,.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-top-left-radius:12px;border-top-right-radius:12px}.mui-popover .mui-table-view .mui-table-view-cell:last-child,.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-bottom-right-radius:12px;border-bottom-left-radius:12px}.mui-popover.mui-bar-popover .mui-table-view{width:106px}.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell{padding:11px 15px;background-position:0 100%}.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn){margin:-11px -15px -11px -15px}.mui-pagination{display:inline-block;padding-left:0;margin:0 auto;border-radius:6px}.mui-pagination>li{display:inline}.mui-pagination>li>a,.mui-pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;color:#007aff;text-decoration:none;background-color:#fff;border:1px solid #ddd}.mui-pagination>li:first-child>a,.mui-pagination>li:first-child>span{margin-left:0;background-clip:padding-box;border-top-left-radius:6px;border-bottom-left-radius:6px}.mui-pagination>li:last-child>a,.mui-pagination>li:last-child>span{background-clip:padding-box;border-top-right-radius:6px;border-bottom-right-radius:6px}.mui-pagination>li.mui-active>a,.mui-pagination>li.mui-active>a:active,.mui-pagination>li.mui-active>span,.mui-pagination>li.mui-active>span:active,.mui-pagination>li:active>a,.mui-pagination>li:active>a:active,.mui-pagination>li:active>span,.mui-pagination>li:active>span:active{z-index:2;color:#fff;cursor:default;background-color:#007aff;border-color:#007aff}.mui-pagination>li.mui-disabled>a,.mui-pagination>li.mui-disabled>a:active,.mui-pagination>li.mui-disabled>span,.mui-pagination>li.mui-disabled>span:active{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-pagination-lg>li>a,.mui-pagination-lg>li>span{padding:10px 16px;font-size:18px}.mui-pagination-sm>li>a,.mui-pagination-sm>li>span{padding:5px 10px;font-size:12px}.mui-pager{padding-left:0;text-align:center;list-style:none}.mui-pager:after,.mui-pager:before{display:table;content:" "}.mui-pager:after{clear:both}.mui-pager li{display:inline}.mui-pager li>a,.mui-pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:6px}.mui-pager li.mui-active>a,.mui-pager li.mui-active>span,.mui-pager li:active>a,.mui-pager li:active>span{color:#fff;text-decoration:none;cursor:default;background-color:#007aff;border-color:#007aff}.mui-pager .mui-next>a,.mui-pager .mui-next>span{float:right}.mui-pager .mui-previous>a,.mui-pager .mui-previous>span{float:left}.mui-pager .mui-disabled>a,.mui-pager .mui-disabled>a:active,.mui-pager .mui-disabled>span,.mui-pager .mui-disabled>span:active{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-modal{position:fixed;top:0;z-index:999;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-modal.mui-active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-slider{position:relative;width:100%;overflow:hidden}.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:0}.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-top:1px solid #c8c7cc;border-bottom:1px solid #c8c7cc}.mui-slider .mui-slider-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;transition:all 0s linear}.mui-slider .mui-slider-group .mui-slider-item{position:relative;display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.mui-slider .mui-slider-group .mui-slider-item>a{position:relative;display:block;line-height:0}.mui-slider .mui-slider-group .mui-slider-item img{width:100%}.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after,.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before{height:0}.mui-slider .mui-slider-group.mui-slider-loop{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.mui-slider-title{position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;line-height:30px;text-align:left;text-indent:12px;background-color:#000;opacity:.8}.mui-slider-indicator{position:absolute;bottom:8px;width:100%;text-align:center;background:0 0}.mui-slider-indicator.mui-segmented-control{position:relative;bottom:auto;padding-top:10px}.mui-slider-indicator .mui-indicator{display:inline-block;width:6px;height:6px;margin:1px 6px;cursor:pointer;background:#aaa;border-radius:50%;-webkit-box-shadow:0 0 1px 1px rgba(130,130,130,.7);box-shadow:0 0 1px 1px rgba(130,130,130,.7)}.mui-slider-indicator .mui-active.mui-indicator{background:#fff}.mui-slider-indicator .mui-icon{width:40px;height:30px;margin:3px;font-size:20px;line-height:30px;text-align:center;border:1px solid #ddd}.mui-slider-indicator .mui-number{display:inline-block;width:58px;line-height:32px}.mui-slider-indicator .mui-number span{color:#ff5053}.mui-slider-progress-bar{z-index:1;height:2px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-switch{position:relative;display:block;width:74px;height:30px;background-color:#fff;background-clip:padding-box;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;transition-property:background-color,border}.mui-switch .mui-switch-handle{position:absolute;top:-1px;left:-1px;z-index:1;width:28px;height:28px;background-color:#fff;background-clip:padding-box;border-radius:16px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,width;transition-property:transform,width}.mui-switch:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.mui-switch.mui-active{background-color:#4cd964;border-color:#4cd964}.mui-switch.mui-active .mui-switch-handle{-webkit-transform:translate3d(45px,0,0);transform:translate3d(45px,0,0)}.mui-switch.mui-active:before{right:auto;left:15px;color:#fff;content:"On"}.mui-switch input[type=checkbox]{display:none}.mui-switch-mini{width:47px}.mui-switch-mini:before{display:none}.mui-switch-mini.mui-active .mui-switch-handle{-webkit-transform:translate3d(18px,0,0);transform:translate3d(18px,0,0)}.mui-switch-blue.mui-active{background-color:#007aff;border:2px solid #007aff}.mui-content.mui-fade{left:0;opacity:0}.mui-content.mui-fade.mui-in{opacity:1}.mui-content.mui-sliding{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-content.mui-sliding.mui-left{z-index:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mui-content.mui-sliding.mui-right{z-index:3;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-navigate-left:after,.mui-navigate-right:after,.mui-push-left:after,.mui-push-right:after{position:absolute;top:50%;display:inline-block;font-family:Muiicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.mui-navigate-left:after,.mui-push-left:after{left:15px;content:'\e582'}.mui-navigate-right:after,.mui-push-right:after{right:15px;content:'\e583'}.mui-pull-bottom-pocket,.mui-pull-top-pocket{position:absolute;left:0;display:block;width:100%;height:50px;overflow:hidden;visibility:hidden}.mui-plus-pullrefresh .mui-pull-bottom-pocket,.mui-plus-pullrefresh .mui-pull-top-pocket{display:none;visibility:visible}.mui-pull-top-pocket{top:0}.mui-bar-nav~.mui-content .mui-pull-top-pocket{top:44px}.mui-pull-bottom-pocket{position:relative;bottom:0;height:40px}.mui-pull-bottom-pocket .mui-pull-loading{display:none}.mui-pull-bottom-pocket .mui-pull-loading.mui-in{display:inline-block}.mui-pull{position:absolute;right:0;bottom:10px;left:0;font-weight:700;color:#777;text-align:center}.mui-pull-loading{margin-right:10px;vertical-align:middle;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-backface-visibility:hidden}.mui-pull-loading.mui-reverse{-webkit-transform:rotate(180deg) translateZ(0);transform:rotate(180deg) translateZ(0)}.mui-pull-caption{position:relative;display:inline-block;margin-top:0;overflow:visible;font-size:15px;line-height:24px;vertical-align:middle}.mui-pull-caption span{display:none}.mui-pull-caption span.mui-in{display:inline}.mui-toast-container{position:fixed;bottom:50px;z-index:9999;width:100%}.mui-toast-message{width:270px;padding:5px;margin:5px auto;font-size:14px;color:#000;text-align:center;background-color:#d8d8d8;border-radius:7px}@font-face{font-family:Muiicons;font-style:normal;font-weight:400;src:url(../fonts/mui.ttf) format("truetype")}.mui-icon{display:inline-block;font-family:Muiicons;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.mui-icon.mui-right:before{float:right;padding-left:.2em}.mui-icon-contact:before{content:"\e100"}.mui-icon-person:before{content:"\e101"}.mui-icon-personadd:before{content:"\e102"}.mui-icon-contact-filled:before{content:"\e130"}.mui-icon-person-filled:before{content:"\e131"}.mui-icon-personadd-filled:before{content:"\e132"}.mui-icon-phone:before{content:"\e200"}.mui-icon-email:before{content:"\e201"}.mui-icon-chatbubble:before{content:"\e202"}.mui-icon-chatboxes:before{content:"\e203"}.mui-icon-phone-filled:before{content:"\e230"}.mui-icon-email-filled:before{content:"\e231"}.mui-icon-chatbubble-filled:before{content:"\e232"}.mui-icon-chatboxes-filled:before{content:"\e233"}.mui-icon-weibo:before{content:"\e260"}.mui-icon-weixin:before{content:"\e261"}.mui-icon-pengyouquan:before{content:"\e262"}.mui-icon-chat:before{content:"\e263"}.mui-icon-videocam:before{content:"\e300"}.mui-icon-camera:before{content:"\e301"}.mui-icon-mic:before{content:"\e302"}.mui-icon-location:before{content:"\e303"}.mui-icon-mic-filled:before,.mui-icon-speech:before{content:"\e332"}.mui-icon-location-filled:before{content:"\e333"}.mui-icon-micoff:before{content:"\e360"}.mui-icon-image:before{content:"\e363"}.mui-icon-map:before{content:"\e364"}.mui-icon-compose:before{content:"\e400"}.mui-icon-trash:before{content:"\e401"}.mui-icon-upload:before{content:"\e402"}.mui-icon-download:before{content:"\e403"}.mui-icon-close:before{content:"\e404"}.mui-icon-redo:before{content:"\e405"}.mui-icon-undo:before{content:"\e406"}.mui-icon-refresh:before{content:"\e407"}.mui-icon-star:before{content:"\e408"}.mui-icon-plus:before{content:"\e409"}.mui-icon-minus:before{content:"\e410"}.mui-icon-checkbox:before,.mui-icon-circle:before{content:"\e411"}.mui-icon-clear:before,.mui-icon-close-filled:before{content:"\e434"}.mui-icon-refresh-filled:before{content:"\e437"}.mui-icon-star-filled:before{content:"\e438"}.mui-icon-plus-filled:before{content:"\e439"}.mui-icon-minus-filled:before{content:"\e440"}.mui-icon-circle-filled:before{content:"\e441"}.mui-icon-checkbox-filled:before{content:"\e442"}.mui-icon-closeempty:before{content:"\e460"}.mui-icon-refreshempty:before{content:"\e461"}.mui-icon-reload:before{content:"\e462"}.mui-icon-starhalf:before{content:"\e463"}.mui-icon-spinner:before{content:"\e464"}.mui-icon-spinner-cycle:before{content:"\e465"}.mui-icon-search:before{content:"\e466"}.mui-icon-plusempty:before{content:"\e468"}.mui-icon-forward:before{content:"\e470"}.mui-icon-back:before,.mui-icon-left-nav:before{content:"\e471"}.mui-icon-checkmarkempty:before{content:"\e472"}.mui-icon-home:before{content:"\e500"}.mui-icon-navigate:before{content:"\e501"}.mui-icon-gear:before{content:"\e502"}.mui-icon-paperplane:before{content:"\e503"}.mui-icon-info:before{content:"\e504"}.mui-icon-help:before{content:"\e505"}.mui-icon-locked:before{content:"\e506"}.mui-icon-more:before{content:"\e507"}.mui-icon-flag:before{content:"\e508"}.mui-icon-home-filled:before{content:"\e530"}.mui-icon-gear-filled:before{content:"\e532"}.mui-icon-info-filled:before{content:"\e534"}.mui-icon-help-filled:before{content:"\e535"}.mui-icon-more-filled:before{content:"\e537"}.mui-icon-settings:before{content:"\e560"}.mui-icon-list:before{content:"\e562"}.mui-icon-bars:before{content:"\e563"}.mui-icon-loop:before{content:"\e565"}.mui-icon-paperclip:before{content:"\e567"}.mui-icon-arrowup:before{content:"\e580"}.mui-icon-arrowdown:before{content:"\e581"}.mui-icon-arrowleft:before{content:"\e582"}.mui-icon-arrowright:before{content:"\e583"}.mui-icon-arrowthinup:before{content:"\e584"}.mui-icon-arrowthindown:before{content:"\e585"}.mui-icon-arrowthinleft:before{content:"\e586"}.mui-icon-arrowthinright:before{content:"\e587"}.mui-icon-pulldown:before{content:"\e588"}.mui-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mui-fullscreen .mui-slider-group{height:100%}.mui-fullscreen .mui-slider-item>a{top:50%;transform:translateY(-50%)}
\ No newline at end of file
+ *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#007aff;text-decoration:none}a:active{color:#0062cc}.mui-content{-webkit-overflow-scrolling:touch;background-color:#efeff4}.mui-bar-nav~.mui-content{padding-top:44px}.mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{top:44px}.mui-bar-header-secondary~.mui-content{padding-top:88px}.mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{top:88px}.mui-bar-footer~.mui-content{padding-bottom:44px}.mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:44px}.mui-bar-footer-secondary~.mui-content{padding-bottom:88px}.mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:88px}.mui-bar-tab~.mui-content{padding-bottom:50px}.mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:50px}.mui-bar-footer-secondary-tab~.mui-content{padding-bottom:94px}.mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical{bottom:94px}.mui-content-padded{margin:10px}.mui-inline{display:inline-block;vertical-align:top}.mui-block{display:block!important}.mui-visibility{visibility:visible!important}.mui-hidden{display:none!important}.mui-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mui-table{display:table;width:100%;table-layout:fixed}.mui-table-cell{position:relative;display:table-cell}.mui-text-left{text-align:left!important}.mui-text-center{text-align:center!important}.mui-text-justify{text-align:justify!important}.mui-text-right{text-align:right!important}.mui-pull-left{float:left}.mui-pull-right{float:right}.mui-list-unstyled{padding-left:0;list-style:none}.mui-list-inline{padding-left:0;margin-left:-5px;list-style:none}.mui-list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.mui-clearfix:after,.mui-clearfix:before{display:table;content:" "}.mui-clearfix:after{clear:both}.mui-bg-primary{background-color:#007aff}.mui-bg-positive{background-color:#4cd964}.mui-bg-negative{background-color:#dd524d}.mui-error{padding:10px;margin:88px 35px;background-color:#bbb;border-radius:6px}h1,h2,h3,h4,h5,h6{margin-top:5px;margin-bottom:5px;line-height:1}.mui-h1,h1{font-size:36px}.mui-h2,h2{font-size:30px}.mui-h3,h3{font-size:24px}.mui-h4,h4{font-size:18px}.mui-h5,h5{font-size:14px;font-weight:400;color:#8f8f94}.mui-h6,h6{font-size:12px;font-weight:400;color:#8f8f94}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#8f8f94}.mui-col-xs-12{width:100%}.mui-col-xs-11{width:91.66666667%}.mui-col-xs-10{width:83.33333333%}.mui-col-xs-9{width:75%}.mui-col-xs-8{width:66.66666667%}.mui-col-xs-7{width:58.33333333%}.mui-col-xs-6{width:50%}.mui-col-xs-5{width:41.66666667%}.mui-col-xs-4{width:33.33333333%}.mui-col-xs-3{width:25%}.mui-col-xs-2{width:16.66666667%}.mui-col-xs-1{width:8.33333333%}@media (min-width:400px){.mui-col-sm-12{width:100%}.mui-col-sm-11{width:91.66666667%}.mui-col-sm-10{width:83.33333333%}.mui-col-sm-9{width:75%}.mui-col-sm-8{width:66.66666667%}.mui-col-sm-7{width:58.33333333%}.mui-col-sm-6{width:50%}.mui-col-sm-5{width:41.66666667%}.mui-col-sm-4{width:33.33333333%}.mui-col-sm-3{width:25%}.mui-col-sm-2{width:16.66666667%}.mui-col-sm-1{width:8.33333333%}}.mui-scroll-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;overflow:hidden;-webkit-backface-visibility:hidden}.mui-scroll{position:absolute;z-index:1;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-scrollbar{position:absolute;z-index:9998;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:500ms;transition:500ms;transform:translateZ(0px)}.mui-scrollbar-vertical{top:0;right:1px;bottom:2px;width:4px}.mui-scrollbar-vertical .mui-scrollbar-indicator{width:100%}.mui-scrollbar-horizontal{right:2px;bottom:0;left:2px;height:4px}.mui-scrollbar-horizontal .mui-scrollbar-indicator{height:100%}.mui-scrollbar-indicator{position:absolute;display:block;box-sizing:border-box;background:rgba(0,0,0,.39804);border:1px solid rgba(255,255,255,.80196);border-radius:2px;-webkit-transition:.01s cubic-bezier(.1,.57,.1,1);transition:.01s cubic-bezier(.1,.57,.1,1);transform:translate(0px,0) translateZ(0px)}.mui-plus-pullrefresh .mui-scroll-wrapper{position:static;top:auto;bottom:auto;left:auto;width:auto;overflow:auto}.mui-plus-pullrefresh .mui-scroll{position:static;width:auto}.mui-off-canvas-wrap .mui-bar{position:absolute!important}.mui-off-canvas-wrap{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.mui-off-canvas-wrap .mui-inner-wrap{position:relative;z-index:1;width:100%;height:100%}.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning{-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-off-canvas-wrap.mui-active{height:100%;overflow:hidden}.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:998;display:block;background:rgba(255,255,255,.2);box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);transition:background 200ms ease;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right{z-index:10000!important;-webkit-transform:translate3d(100%,0,0)}.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left{z-index:10000!important;-webkit-transform:translate3d(-100%,0,0)}.mui-off-canvas-left,.mui-off-canvas-right{position:absolute;top:0;bottom:0;z-index:-1;width:70%;min-height:100%;box-sizing:content-box;-webkit-overflow-scrolling:touch;visibility:hidden;background:#333;-webkit-backface-visibility:hidden}.mui-off-canvas-left.mui-transitioning,.mui-off-canvas-right.mui-transitioning{-webkit-transition:-webkit-transform 200ms ease;transition:transform 200ms ease}.mui-off-canvas-left{left:0}.mui-off-canvas-right{right:0}.mui-loading .mui-spinner{display:block;margin:0 auto}.mui-spinner{display:inline-block;width:24px;height:24px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:spinner-spin 1s step-end infinite;animation:spinner-spin 1s step-end infinite}.mui-spinner:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,");background-repeat:no-repeat;background-position:50%;background-size:100%}.mui-spinner-white:after{background-image:url("data:image/svg+xml;charset=utf-8,")}@-webkit-keyframes spinner-spin{0%{-webkit-transform:rotate(0deg)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-spin{0%{transform:rotate(0deg)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border-radius:3px;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.mui-btn.mui-active,.mui-btn:active,button.mui-active,button:active,input[type=button].mui-active,input[type=button]:active,input[type=reset].mui-active,input[type=reset]:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#929292}.mui-btn.mui-disabled,.mui-btn:disabled,button.mui-disabled,button:disabled,input[type=button].mui-disabled,input[type=button]:disabled,input[type=reset].mui-disabled,input[type=reset]:disabled,input[type=submit].mui-disabled,input[type=submit]:disabled{opacity:.6}.mui-btn-blue,.mui-btn-primary,input[type=submit]{color:#fff;background-color:#007aff;border:1px solid #007aff}.mui-btn-blue.mui-active,.mui-btn-blue:active,.mui-btn-primary.mui-active,.mui-btn-primary:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#0062cc;border:1px solid #0062cc}.mui-btn-green,.mui-btn-positive,.mui-btn-success{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.mui-btn-green.mui-active,.mui-btn-green:active,.mui-btn-positive.mui-active,.mui-btn-positive:active,.mui-btn-success.mui-active,.mui-btn-success:active{color:#fff;background-color:#2ac845;border:1px solid #2ac845}.mui-btn-warning,.mui-btn-yellow{color:#fff;background-color:#f0ad4e;border:1px solid #f0ad4e}.mui-btn-warning.mui-active,.mui-btn-warning:active,.mui-btn-yellow.mui-active,.mui-btn-yellow:active{color:#fff;background-color:#ec971f;border:1px solid #ec971f}.mui-btn-danger,.mui-btn-negative,.mui-btn-red{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.mui-btn-danger.mui-active,.mui-btn-danger:active,.mui-btn-negative.mui-active,.mui-btn-negative:active,.mui-btn-red.mui-active,.mui-btn-red:active{color:#fff;background-color:#cf2d28;border:1px solid #cf2d28}.mui-btn-purple,.mui-btn-royal{color:#fff;background-color:#8a6de9;border:1px solid #8a6de9}.mui-btn-purple.mui-active,.mui-btn-purple:active,.mui-btn-royal.mui-active,.mui-btn-royal:active{color:#fff;background-color:#6641e2;border:1px solid #6641e2}.mui-btn-grey{color:#fff;background-color:#c7c7cc;border:1px solid #c7c7cc}.mui-btn-grey.mui-active,.mui-btn-grey:active{color:#fff;background-color:#acacb4;border:1px solid #acacb4}.mui-btn-outlined{background-color:transparent}.mui-btn-outlined.mui-btn-blue,.mui-btn-outlined.mui-btn-primary{color:#007aff}.mui-btn-outlined.mui-btn-green,.mui-btn-outlined.mui-btn-positive,.mui-btn-outlined.mui-btn-success{color:#4cd964}.mui-btn-outlined.mui-btn-warning,.mui-btn-outlined.mui-btn-yellow{color:#f0ad4e}.mui-btn-outlined.mui-btn-danger,.mui-btn-outlined.mui-btn-negative,.mui-btn-outlined.mui-btn-red{color:#dd524d}.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal{color:#8a6de9}.mui-btn-outlined.mui-btn-blue:active,.mui-btn-outlined.mui-btn-danger:active,.mui-btn-outlined.mui-btn-green:active,.mui-btn-outlined.mui-btn-negative:active,.mui-btn-outlined.mui-btn-positive:active,.mui-btn-outlined.mui-btn-primary:active,.mui-btn-outlined.mui-btn-purple:active,.mui-btn-outlined.mui-btn-red:active,.mui-btn-outlined.mui-btn-royal:active,.mui-btn-outlined.mui-btn-success:active,.mui-btn-outlined.mui-btn-warning:active,.mui-btn-outlined.mui-btn-yellow:active{color:#fff}.mui-btn-link{padding-top:6px;padding-bottom:6px;color:#007aff;background-color:transparent;border:0}.mui-btn-link.mui-active,.mui-btn-link:active{color:#0062cc;background-color:transparent}.mui-btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}.mui-btn .mui-badge{margin:-2px -4px -2px 4px;font-size:14px;background-color:rgba(0,0,0,.15)}.mui-btn .mui-badge-inverted,.mui-btn:active .mui-badge-inverted{background-color:transparent}.mui-btn-negative:active .mui-badge-inverted,.mui-btn-positive:active .mui-badge-inverted,.mui-btn-primary:active .mui-badge-inverted{color:#fff}.mui-btn-block .mui-badge{position:absolute;right:0;margin-right:10px}.mui-btn .mui-icon{font-size:inherit}.mui-btn.mui-icon{font-size:14px;line-height:1.42}.mui-btn.mui-fab{width:56px;height:56px;padding:16px;border-radius:50%;outline:0}.mui-btn.mui-fab.mui-btn-mini{width:40px;height:40px;padding:8px}.mui-btn.mui-fab .mui-icon{width:24px;height:24px;font-size:24px;line-height:24px}.mui-bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mui-bar .mui-title{right:40px;left:40px;width:auto;margin:0;overflow:hidden;text-overflow:ellipsis}.mui-bar .mui-backdrop{background:0 0}.mui-bar-header-secondary{top:44px}.mui-bar-footer{bottom:0}.mui-bar-footer-secondary{bottom:44px}.mui-bar-footer-secondary-tab{bottom:50px}.mui-bar-footer,.mui-bar-footer-secondary,.mui-bar-footer-secondary-tab{border-top:0}.mui-bar-nav{top:0;-webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc}.mui-bar-nav~.mui-content .mui-anchor{display:block;height:45px;margin-top:-45px;visibility:hidden}.mui-bar-nav.mui-bar .mui-icon{padding-right:10px;padding-left:10px;margin-right:-10px;margin-left:-10px}.mui-title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.mui-title a{color:inherit}.mui-bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:0;border-bottom:0;-webkit-touch-callout:none}.mui-bar-tab .mui-tab-item{display:table-cell;width:1%;height:50px;overflow:hidden;color:#929292;text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.mui-bar-tab .mui-tab-item.mui-active{color:#007aff}.mui-bar-tab .mui-tab-item .mui-icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis}.mui-bar-tab .mui-tab-item .mui-icon:active{background:0 0}.mui-focusin>.mui-bar{position:absolute}.mui-focusin>.mui-bar-footer,.mui-focusin>.mui-bar-footer-secondary,.mui-focusin>.mui-bar-footer-secondary-tab,.mui-focusin>.mui-bar-tab{position:static}.mui-bar .mui-btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.mui-bar .mui-btn.mui-pull-right{margin-left:10px}.mui-bar .mui-btn.mui-pull-left{margin-right:10px}.mui-bar .mui-btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#007aff;border:0}.mui-bar .mui-btn-link.mui-active,.mui-bar .mui-btn-link:active{color:#0062cc}.mui-bar .mui-btn-block{top:6px;padding:5px 0;margin-bottom:0;font-size:16px}.mui-bar .mui-btn-nav.mui-pull-left{margin-left:-5px}.mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav{margin-right:-3px}.mui-bar .mui-btn-nav.mui-pull-right{margin-right:-5px}.mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav{margin-left:-3px}.mui-bar .mui-btn-nav:active{opacity:.3}.mui-bar .mui-icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.mui-bar .mui-icon:active{opacity:.3}.mui-bar .mui-btn .mui-icon{top:3px;padding:0;margin:0}.mui-bar .mui-title .mui-icon{padding:0;margin:0}.mui-bar .mui-title .mui-icon.mui-icon-caret{top:4px;margin-left:-5px}.mui-bar input[type=search]{height:29px;margin:6px 0}.mui-bar .mui-segmented-control{top:7px;width:auto;margin:0 auto}.mui-badge{display:inline-block;padding:3px 6px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.mui-badge.mui-badge-inverted{padding:0 5px 0 0;color:#929292;background-color:transparent}.mui-badge-blue,.mui-badge-primary{color:#fff;background-color:#007aff}.mui-badge-blue.mui-badge-inverted,.mui-badge-primary.mui-badge-inverted{color:#007aff;background-color:transparent}.mui-badge-green,.mui-badge-success{color:#fff;background-color:#4cd964}.mui-badge-green.mui-badge-inverted,.mui-badge-success.mui-badge-inverted{color:#4cd964;background-color:transparent}.mui-badge-warning,.mui-badge-yellow{color:#fff;background-color:#f0ad4e}.mui-badge-warning.mui-badge-inverted,.mui-badge-yellow.mui-badge-inverted{color:#f0ad4e;background-color:transparent}.mui-badge-danger,.mui-badge-red{color:#fff;background-color:#dd524d}.mui-badge-danger.mui-badge-inverted,.mui-badge-red.mui-badge-inverted{color:#dd524d;background-color:transparent}.mui-badge-purple,.mui-badge-royal{color:#fff;background-color:#8a6de9}.mui-badge-purple.mui-badge-inverted,.mui-badge-royal.mui-badge-inverted{color:#8a6de9;background-color:transparent}.mui-icon .mui-badge{position:absolute;top:-2px;left:100%;padding:1px 5px;margin-left:-10px;font-size:10px;line-height:1.4;color:#fff;background:red}.mui-card{margin:0 15px;overflow:hidden;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:6px}.mui-content>.mui-card:first-child{margin-top:15px}.mui-card .mui-input-group .mui-input-row:last-child:after,.mui-card .mui-input-group .mui-input-row:last-child:before,.mui-card .mui-input-group:after,.mui-card .mui-input-group:before{height:0}.mui-card .mui-table-view{margin-bottom:0;border-top:0;border-bottom:0;border-radius:6px}.mui-card .mui-table-view .mui-table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.mui-card .mui-table-view .mui-table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.mui-card .mui-table-view:after,.mui-card .mui-table-view:before,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:after,.mui-card>.mui-table-view>.mui-table-view-cell:last-child:before{height:0}.mui-table-view{position:relative;padding-left:0;margin-top:0;margin-bottom:0;list-style:none;background-color:#fff}.mui-table-view:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-chevron .mui-table-view-cell{padding-right:65px}.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){margin-right:-65px}.mui-table-view-inverted{color:#fff;background:#333}.mui-table-view-inverted:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#222;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-inverted .mui-table-view-cell.mui-active,.mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active{background-color:#242424}.mui-table-view-cell{position:relative;padding:11px 15px;overflow:hidden;-webkit-touch-callout:none}.mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-cell.mui-checkbox input[type=checkbox],.mui-table-view-cell.mui-radio input[type=radio]{top:8px}.mui-table-view-cell.mui-checkbox.mui-left,.mui-table-view-cell.mui-radio.mui-left{padding-left:58px}.mui-table-view-cell.mui-active{background-color:#eee}.mui-table-view-cell:last-child:after,.mui-table-view-cell:last-child:before{height:0}.mui-table-view-cell>a:not(.mui-btn){position:relative;display:block;padding:inherit;margin:-11px -15px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.mui-table-view-cell>a:not(.mui-btn).mui-active{background-color:#eee}.mui-table-view-cell p{margin-bottom:0}.mui-table-view-cell.mui-transitioning>.mui-slider-handle,.mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn,.mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn{-webkit-transition:300ms;transition:300ms}.mui-table-view-cell>.mui-slider-handle,.mui-table-view-cell>.mui-slider-left .mui-btn,.mui-table-view-cell>.mui-slider-right .mui-btn{-webkit-transition:0ms;transition:0ms}.mui-table-view-cell>.mui-slider-left,.mui-table-view-cell>.mui-slider-right{position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.mui-table-view-cell>.mui-slider-left>.mui-btn,.mui-table-view-cell>.mui-slider-right>.mui-btn{position:relative;left:0;display:-webkit-box;display:-webkit-flex;display:flex;padding:0 30px;color:#fff;border:0;border-radius:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.mui-table-view-cell>.mui-slider-left>.mui-btn:after,.mui-table-view-cell>.mui-slider-right>.mui-btn:after{position:absolute;top:0;z-index:-1;width:600%;height:100%;content:'';background:inherit}.mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon,.mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon{font-size:30px}.mui-table-view-cell>.mui-slider-right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.mui-table-view-cell>.mui-slider-left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mui-table-view-cell>.mui-slider-left>.mui-btn:after{right:100%;margin-right:-1px}.mui-table-view-divider{position:relative;padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa}.mui-table-view-divider:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-divider:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view .mui-media,.mui-table-view .mui-media-body{overflow:hidden}.mui-table-view .mui-media-object{max-width:42px;height:42px;line-height:42px}.mui-table-view .mui-media-object.mui-pull-left{margin-right:10px}.mui-table-view .mui-media-object.mui-pull-right{margin-left:10px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object{max-width:29px;height:29px;margin:-4px 0;line-height:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img{max-width:29px;height:29px;line-height:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left{margin-right:10px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon{font-size:29px}.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after{position:absolute;right:0;bottom:0;left:55px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view .mui-table-view-cell.mui-media-icon:after{height:0!important}.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view{display:block}.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after,.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before{height:0!important}.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after{position:absolute;right:0;bottom:0;left:70px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view-cell>.mui-badge,.mui-table-view-cell>.mui-btn,.mui-table-view-cell>.mui-switch,.mui-table-view-cell>a>.mui-badge,.mui-table-view-cell>a>.mui-btn,.mui-table-view-cell>a>.mui-switch{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mui-table-view-cell .mui-navigate-left>.mui-badge,.mui-table-view-cell .mui-navigate-left>.mui-btn,.mui-table-view-cell .mui-navigate-left>.mui-switch,.mui-table-view-cell .mui-navigate-right>.mui-badge,.mui-table-view-cell .mui-navigate-right>.mui-btn,.mui-table-view-cell .mui-navigate-right>.mui-switch,.mui-table-view-cell .mui-push-left>.mui-badge,.mui-table-view-cell .mui-push-left>.mui-btn,.mui-table-view-cell .mui-push-left>.mui-switch,.mui-table-view-cell .mui-push-right>.mui-badge,.mui-table-view-cell .mui-push-right>.mui-btn,.mui-table-view-cell .mui-push-right>.mui-switch,.mui-table-view-cell>a .mui-navigate-left>.mui-badge,.mui-table-view-cell>a .mui-navigate-left>.mui-btn,.mui-table-view-cell>a .mui-navigate-left>.mui-switch,.mui-table-view-cell>a .mui-navigate-right>.mui-badge,.mui-table-view-cell>a .mui-navigate-right>.mui-btn,.mui-table-view-cell>a .mui-navigate-right>.mui-switch,.mui-table-view-cell>a .mui-push-left>.mui-badge,.mui-table-view-cell>a .mui-push-left>.mui-btn,.mui-table-view-cell>a .mui-push-left>.mui-switch,.mui-table-view-cell>a .mui-push-right>.mui-badge,.mui-table-view-cell>a .mui-push-right>.mui-btn,.mui-table-view-cell>a .mui-push-right>.mui-switch{right:35px}.mui-content>.mui-table-view:first-child{margin-top:15px}.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse>.mui-push-right:after{content:'\e581'}.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content,.mui-table-view-cell.mui-collapse.mui-active .mui-table-view{display:block}.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after,.mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after{content:'\e580'}.mui-table-view-cell.mui-collapse .mui-collapse-content{position:relative;display:none;padding:8px 15px;margin:11px -15px -11px;overflow:hidden;background:#fff;border:1px solid #ddd;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group,.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider{width:auto;height:auto;margin:-8px -15px}.mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider{margin:-8px -16px}.mui-table-view-cell.mui-collapse .mui-table-view{display:none;margin-top:11px;margin-right:-15px;margin-bottom:-11px;margin-left:-15px;border:0}.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron{margin-right:-65px}.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{padding-left:31px;background-position:31px 100%}.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:30px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-table-view.mui-grid-view{display:block;width:100%;padding:0 10px 10px 0;font-size:0;white-space:normal}.mui-table-view.mui-grid-view .mui-table-view-cell{display:inline-block;padding:10px 0 0 14px;margin-right:-4px;font-size:17px;text-align:center;vertical-align:middle;background:0 0}.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{width:100%;max-width:100%;height:auto}.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn){margin:-10px 0 0 -14px}.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active,.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active{background:0 0}.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{display:block;width:100%;height:15px;margin-top:8px;font-size:15px;line-height:15px;color:#333;text-overflow:ellipsis}.mui-table-view.mui-grid-view .mui-table-view-cell:after,.mui-table-view.mui-grid-view .mui-table-view-cell:before{height:0}.mui-grid-view.mui-grid-9{padding:1px 0;padding-right:0;background-color:#f2f2f2}.mui-grid-view.mui-grid-9 .mui-table-view-cell{padding:11px 15px;margin:-1px 0 0 -1px;vertical-align:top;border-top:1px solid #eee;border-left:1px solid #eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active{background-color:#eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:15px}.mui-grid-view.mui-grid-9 .mui-media{color:#797979}.mui-grid-view.mui-grid-9 .mui-media .mui-icon{position:relative;font-size:2.4em}.mui-slider-cell{position:relative}.mui-slider-cell>.mui-slider-handle{z-index:1}.mui-slider-cell>.mui-slider-left,.mui-slider-cell>.mui-slider-right{position:absolute;top:0;bottom:0;z-index:0}.mui-slider-cell>.mui-slider-left{left:0}.mui-slider-cell>.mui-slider-right{right:0}input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}input:focus,select:focus,textarea:focus{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-user-modify:read-write-plaintext-only}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:40px;-webkit-appearance:none;padding:10px 15px;margin-bottom:15px;line-height:21px;-webkit-user-select:text;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0}input[type=search]{height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}textarea{height:auto;resize:none}select{height:auto;margin-top:1px;font-size:14px;background-color:#fff;border:0!important}select:focus{-webkit-user-modify:read-only}.mui-input-group{position:relative;padding:0;background-color:#fff;border:0}.mui-input-group:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group:before{position:absolute;top:0;right:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group input[type=text],.mui-input-group textarea{margin-bottom:0;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.mui-input-group input[type=text]:after,.mui-input-group textarea:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-group input[type=search]{background:0 0}.mui-input-group input:last-child{background-image:none}.mui-input-row{overflow:hidden;clear:left}.mui-input-row select{padding:10px 15px 0;font-size:17px}.mui-input-row label+input,.mui-input-row:last-child{background-image:none}.mui-input-group .mui-input-row{height:40px}.mui-input-group .mui-input-row:after{position:absolute;right:0;bottom:0;left:15px;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-input-row label{float:left;width:35%;padding:10px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.mui-button-row{position:relative;padding-top:5px;text-align:center}.mui-input-group .mui-button-row{height:45px}.mui-input-row{position:relative}.mui-input-row.mui-input-range{padding-right:20px;overflow:visible}.mui-input-row .mui-inline{padding:8px 0}.mui-input-row .mui-input-clear~.mui-icon-clear,.mui-input-row .mui-input-speech~.mui-icon-speech{position:absolute;top:10px;right:0;z-index:1;width:38px;height:38px;font-size:20px;color:#999;text-align:center}.mui-input-row .mui-input-speech~.mui-icon-speech{top:8px;font-size:24px}.mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech{display:none}.mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech{display:inline-block}.mui-input-row .mui-icon-speech~.mui-placeholder{right:38px}.mui-input-row.mui-search .mui-icon-clear{top:7px}.mui-input-row.mui-search .mui-icon-speech{top:5px}.mui-checkbox,.mui-radio{position:relative}.mui-checkbox label,.mui-radio label{display:inline-block;float:none;width:100%}.mui-checkbox.mui-left input[type=checkbox],.mui-radio.mui-left input[type=radio]{left:20px}.mui-checkbox.mui-left label,.mui-radio.mui-left label{padding-left:58px}.mui-checkbox input[type=checkbox],.mui-radio input[type=radio]{position:absolute;top:4px;right:20px;display:inline-block;width:28px;height:26px;-webkit-appearance:none;background-color:transparent;border:0;outline:0!important}.mui-checkbox input[type=checkbox]:before,.mui-radio input[type=radio]:before{font-family:Muiicons;font-size:28px;font-weight:400;line-height:1;color:rgba(170,170,170,.6);text-decoration:none;background:0 0;border-radius:0;-webkit-font-smoothing:antialiased}.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before{color:#007aff}.mui-radio input[type=radio]:before{content:"\e411"}.mui-radio input[type=radio]:checked:before{content:"\e441"}.mui-checkbox input[type=checkbox]:before{content:"\e411"}.mui-checkbox input[type=checkbox]:checked:before{content:"\e442"}.mui-select{position:relative}.mui-select:before{position:absolute;top:8px;right:21px;font-family:Muiicons;color:rgba(170,170,170,.6);content:'\e651'}.mui-input-row .mui-switch{float:right;margin-top:5px;margin-right:20px}.mui-input-range input[type=range]{position:relative;width:100%;height:2px;-webkit-appearance:none!important;padding:0;margin:17px 0;cursor:pointer;background-color:#999;border:0;border-radius:3px;outline:0}.mui-input-range input[type=range]::-webkit-slider-thumb{width:28px;height:28px;-webkit-appearance:none!important;background-color:#007aff;background-clip:padding-box;border-color:#0062cc;border-radius:50%}.mui-input-range label~input[type=range]{width:65%}.mui-input-range .mui-tooltip{position:absolute;top:-70px;z-index:1;width:64px;height:64px;font-size:36px;line-height:64px;color:#333;text-align:center;text-shadow:0 1px 0 #f3f3f3;background-color:#fff;border:1px solid #ddd;border-radius:6px;opacity:.8}.mui-search{position:relative}.mui-search input[type=search]{padding-left:30px}.mui-search .mui-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline-block;height:34px;font-size:16px;line-height:34px;color:#999;text-align:center;background:0 0;border:0;border-radius:6px}.mui-search .mui-placeholder .mui-icon{font-size:20px;color:#333}.mui-search:before{position:absolute;top:50%;right:50%;display:none;margin-top:-18px;margin-right:31px;font-family:Muiicons;font-size:20px;font-weight:400;content:'\e466'}.mui-search.mui-active:before{right:auto;left:5px;display:block;margin-right:0;font-size:20px}.mui-search.mui-active input[type=search]{text-align:left}.mui-search.mui-active .mui-placeholder{display:none}.mui-segmented-control{position:relative;display:table;width:100%;overflow:hidden;font-size:15px;font-weight:400;table-layout:fixed;background-color:transparent;border:1px solid #007aff;border-radius:3px;-webkit-touch-callout:none}.mui-segmented-control .mui-control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#007aff;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-color:#007aff;border-left:1px solid #007aff;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.mui-segmented-control .mui-control-item:first-child{border-left-width:0}.mui-segmented-control .mui-control-item.mui-active{color:#fff;background-color:#007aff}.mui-segmented-control.mui-segmented-control-inverted{width:100%;border:0;border-radius:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:inherit;border:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#007aff;background:0 0;border-bottom:2px solid #007aff}.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#007aff}.mui-segmented-control-positive{border:1px solid #4cd964}.mui-segmented-control-positive .mui-control-item{color:#4cd964;border-color:inherit}.mui-segmented-control-positive .mui-control-item.mui-active{color:#fff;background-color:#4cd964}.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active{color:#4cd964;background:0 0;border-bottom:2px solid #4cd964}.mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#4cd964}.mui-segmented-control-negative{border:1px solid #dd524d}.mui-segmented-control-negative .mui-control-item{color:#dd524d;border-color:inherit}.mui-segmented-control-negative .mui-control-item.mui-active{color:#fff;background-color:#dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active{color:#dd524d;background:0 0;border-bottom:2px solid #dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#dd524d}.mui-control-content{position:relative;display:none}.mui-control-content.mui-active{display:block}.mui-popover{position:absolute;z-index:999;display:none;width:280px;background-color:rgba(247,247,247,.98);border-radius:7px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transform:none;transform:none}.mui-popover .mui-popover-arrow{position:absolute;top:-25px;left:0;z-index:1000;width:26px;height:26px;overflow:hidden}.mui-popover .mui-popover-arrow:after{position:absolute;top:19px;left:0;width:26px;height:26px;content:' ';background:rgba(247,247,247,.98);border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mui-popover .mui-popover-arrow.mui-bottom{top:100%;left:-26px;margin-top:-1px}.mui-popover .mui-popover-arrow.mui-bottom:after{top:-19px;left:0}.mui-popover.mui-popover-action{bottom:0;width:100%;background:0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-popover.mui-popover-action .mui-popover-arrow{display:none}.mui-popover.mui-popover-action.mui-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover.mui-popover-action .mui-table-view{margin:8px;color:#007aff;text-align:center;border-radius:4px}.mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';background-color:#c8c7cc;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.mui-popover.mui-popover-action .mui-table-view small{display:block;font-weight:400;line-height:1.3}.mui-popover.mui-active{display:block;opacity:1}.mui-popover .mui-bar~.mui-table-view{padding-top:44px}.mui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background-color:rgba(0,0,0,.3)}.mui-bar-backdrop.mui-backdrop{bottom:50px;background:0 0}.mui-backdrop-action.mui-backdrop{background-color:rgba(0,0,0,.3)}.mui-backdrop-action.mui-backdrop,.mui-bar-backdrop.mui-backdrop{opacity:0}.mui-backdrop-action.mui-backdrop.mui-active,.mui-bar-backdrop.mui-backdrop.mui-active{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease}.mui-popover .mui-btn-block{margin-bottom:5px}.mui-popover .mui-btn-block:last-child{margin-bottom:0}.mui-popover .mui-bar{-webkit-box-shadow:none;box-shadow:none}.mui-popover .mui-bar-nav{border-bottom:1px solid rgba(0,0,0,.15);border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.mui-popover .mui-scroll-wrapper{margin:7px 0;background-clip:padding-box;border-radius:7px}.mui-popover .mui-scroll .mui-table-view{max-height:none}.mui-popover .mui-table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:rgba(247,247,247,.98);background-image:none;border-radius:7px}.mui-popover .mui-table-view:after,.mui-popover .mui-table-view:before{height:0}.mui-popover .mui-table-view .mui-table-view-cell:first-child,.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-top-left-radius:12px;border-top-right-radius:12px}.mui-popover .mui-table-view .mui-table-view-cell:last-child,.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-bottom-right-radius:12px;border-bottom-left-radius:12px}.mui-popover.mui-bar-popover .mui-table-view{width:106px}.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell{padding:11px 15px;background-position:0 100%}.mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn){margin:-11px -15px -11px -15px}.mui-pagination{display:inline-block;padding-left:0;margin:0 auto;border-radius:6px}.mui-pagination>li{display:inline}.mui-pagination>li>a,.mui-pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;color:#007aff;text-decoration:none;background-color:#fff;border:1px solid #ddd}.mui-pagination>li:first-child>a,.mui-pagination>li:first-child>span{margin-left:0;background-clip:padding-box;border-top-left-radius:6px;border-bottom-left-radius:6px}.mui-pagination>li:last-child>a,.mui-pagination>li:last-child>span{background-clip:padding-box;border-top-right-radius:6px;border-bottom-right-radius:6px}.mui-pagination>li.mui-active>a,.mui-pagination>li.mui-active>a:active,.mui-pagination>li.mui-active>span,.mui-pagination>li.mui-active>span:active,.mui-pagination>li:active>a,.mui-pagination>li:active>a:active,.mui-pagination>li:active>span,.mui-pagination>li:active>span:active{z-index:2;color:#fff;cursor:default;background-color:#007aff;border-color:#007aff}.mui-pagination>li.mui-disabled>a,.mui-pagination>li.mui-disabled>a:active,.mui-pagination>li.mui-disabled>span,.mui-pagination>li.mui-disabled>span:active{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-pagination-lg>li>a,.mui-pagination-lg>li>span{padding:10px 16px;font-size:18px}.mui-pagination-sm>li>a,.mui-pagination-sm>li>span{padding:5px 10px;font-size:12px}.mui-pager{padding-left:0;text-align:center;list-style:none}.mui-pager:after,.mui-pager:before{display:table;content:" "}.mui-pager:after{clear:both}.mui-pager li{display:inline}.mui-pager li>a,.mui-pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:6px}.mui-pager li.mui-active>a,.mui-pager li.mui-active>span,.mui-pager li:active>a,.mui-pager li:active>span{color:#fff;text-decoration:none;cursor:default;background-color:#007aff;border-color:#007aff}.mui-pager .mui-next>a,.mui-pager .mui-next>span{float:right}.mui-pager .mui-previous>a,.mui-pager .mui-previous>span{float:left}.mui-pager .mui-disabled>a,.mui-pager .mui-disabled>a:active,.mui-pager .mui-disabled>span,.mui-pager .mui-disabled>span:active{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-modal{position:fixed;top:0;z-index:999;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-modal.mui-active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-android .mui-modal .mui-bar{position:static}.mui-slider{position:relative;width:100%;overflow:hidden}.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:0}.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-top:1px solid #c8c7cc;border-bottom:1px solid #c8c7cc}.mui-slider .mui-slider-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;transition:all 0s linear}.mui-slider .mui-slider-group .mui-slider-item{position:relative;display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.mui-slider .mui-slider-group .mui-slider-item>a{position:relative;display:block;line-height:0}.mui-slider .mui-slider-group .mui-slider-item img{width:100%}.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after,.mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before{height:0}.mui-slider .mui-slider-group.mui-slider-loop{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.mui-slider-title{position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;line-height:30px;text-align:left;text-indent:12px;background-color:#000;opacity:.8}.mui-slider-indicator{position:absolute;bottom:8px;width:100%;text-align:center;background:0 0}.mui-slider-indicator.mui-segmented-control{position:relative;bottom:auto;padding-top:10px}.mui-slider-indicator .mui-indicator{display:inline-block;width:6px;height:6px;margin:1px 6px;cursor:pointer;background:#aaa;border-radius:50%;-webkit-box-shadow:0 0 1px 1px rgba(130,130,130,.7);box-shadow:0 0 1px 1px rgba(130,130,130,.7)}.mui-slider-indicator .mui-active.mui-indicator{background:#fff}.mui-slider-indicator .mui-icon{width:40px;height:30px;margin:3px;font-size:20px;line-height:30px;text-align:center;border:1px solid #ddd}.mui-slider-indicator .mui-number{display:inline-block;width:58px;line-height:32px}.mui-slider-indicator .mui-number span{color:#ff5053}.mui-slider-progress-bar{z-index:1;height:2px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-switch{position:relative;display:block;width:74px;height:30px;background-color:#fff;background-clip:padding-box;border:2px solid #ddd;border-radius:20px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;transition-property:background-color,border}.mui-switch .mui-switch-handle{position:absolute;top:-1px;left:-1px;z-index:1;width:28px;height:28px;background-color:#fff;background-clip:padding-box;border-radius:16px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transition-property:-webkit-transform,width,left;transition-property:transform,width,left}.mui-switch:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.mui-switch.mui-dragging{background-color:rgba(247,247,247,.98);border-color:rgba(247,247,247,.98)}.mui-switch.mui-dragging .mui-switch-handle{width:38px}.mui-switch.mui-dragging.mui-active .mui-switch-handle{left:-11px;width:38px}.mui-switch.mui-active{background-color:#4cd964;border-color:#4cd964}.mui-switch.mui-active .mui-switch-handle{-webkit-transform:translate3d(43px,0,0);transform:translate3d(43px,0,0)}.mui-switch.mui-active:before{right:auto;left:15px;color:#fff;content:"On"}.mui-switch input[type=checkbox]{display:none}.mui-switch-mini{width:47px}.mui-switch-mini:before{display:none}.mui-switch-mini.mui-active .mui-switch-handle{-webkit-transform:translate3d(16px,0,0);transform:translate3d(16px,0,0)}.mui-switch-blue.mui-active{background-color:#007aff;border:2px solid #007aff}.mui-content.mui-fade{left:0;opacity:0}.mui-content.mui-fade.mui-in{opacity:1}.mui-content.mui-sliding{z-index:2;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-content.mui-sliding.mui-left{z-index:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mui-content.mui-sliding.mui-right{z-index:3;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-navigate-left:after,.mui-navigate-right:after,.mui-push-left:after,.mui-push-right:after{position:absolute;top:50%;display:inline-block;font-family:Muiicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.mui-navigate-left:after,.mui-push-left:after{left:15px;content:'\e582'}.mui-navigate-right:after,.mui-push-right:after{right:15px;content:'\e583'}.mui-pull-bottom-pocket,.mui-pull-top-pocket{position:absolute;left:0;display:block;width:100%;height:50px;overflow:hidden;visibility:hidden}.mui-plus-pullrefresh .mui-pull-bottom-pocket,.mui-plus-pullrefresh .mui-pull-top-pocket{display:none;visibility:visible}.mui-pull-top-pocket{top:0}.mui-bar-nav~.mui-content .mui-pull-top-pocket{top:44px}.mui-pull-bottom-pocket{position:relative;bottom:0;height:40px}.mui-pull-bottom-pocket .mui-pull-loading{display:none}.mui-pull-bottom-pocket .mui-pull-loading.mui-in{display:inline-block}.mui-pull{position:absolute;right:0;bottom:10px;left:0;font-weight:700;color:#777;text-align:center}.mui-pull-loading{margin-right:10px;vertical-align:middle;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-backface-visibility:hidden}.mui-pull-loading.mui-reverse{-webkit-transform:rotate(180deg) translateZ(0);transform:rotate(180deg) translateZ(0)}.mui-pull-caption{position:relative;display:inline-block;margin-top:0;overflow:visible;font-size:15px;line-height:24px;vertical-align:middle}.mui-pull-caption span{display:none}.mui-pull-caption span.mui-in{display:inline}.mui-toast-container{position:fixed;bottom:50px;z-index:9999;width:100%}.mui-toast-message{width:270px;padding:5px;margin:5px auto;font-size:14px;color:#000;text-align:center;background-color:#d8d8d8;border-radius:7px}@font-face{font-family:Muiicons;font-style:normal;font-weight:400;src:url(../fonts/mui.ttf) format("truetype")}.mui-icon{display:inline-block;font-family:Muiicons;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.mui-icon.mui-right:before{float:right;padding-left:.2em}.mui-icon-contact:before{content:"\e100"}.mui-icon-person:before{content:"\e101"}.mui-icon-personadd:before{content:"\e102"}.mui-icon-contact-filled:before{content:"\e130"}.mui-icon-person-filled:before{content:"\e131"}.mui-icon-personadd-filled:before{content:"\e132"}.mui-icon-phone:before{content:"\e200"}.mui-icon-email:before{content:"\e201"}.mui-icon-chatbubble:before{content:"\e202"}.mui-icon-chatboxes:before{content:"\e203"}.mui-icon-phone-filled:before{content:"\e230"}.mui-icon-email-filled:before{content:"\e231"}.mui-icon-chatbubble-filled:before{content:"\e232"}.mui-icon-chatboxes-filled:before{content:"\e233"}.mui-icon-weibo:before{content:"\e260"}.mui-icon-weixin:before{content:"\e261"}.mui-icon-pengyouquan:before{content:"\e262"}.mui-icon-chat:before{content:"\e263"}.mui-icon-videocam:before{content:"\e300"}.mui-icon-camera:before{content:"\e301"}.mui-icon-mic:before{content:"\e302"}.mui-icon-location:before{content:"\e303"}.mui-icon-mic-filled:before,.mui-icon-speech:before{content:"\e332"}.mui-icon-location-filled:before{content:"\e333"}.mui-icon-micoff:before{content:"\e360"}.mui-icon-image:before{content:"\e363"}.mui-icon-map:before{content:"\e364"}.mui-icon-compose:before{content:"\e400"}.mui-icon-trash:before{content:"\e401"}.mui-icon-upload:before{content:"\e402"}.mui-icon-download:before{content:"\e403"}.mui-icon-close:before{content:"\e404"}.mui-icon-redo:before{content:"\e405"}.mui-icon-undo:before{content:"\e406"}.mui-icon-refresh:before{content:"\e407"}.mui-icon-star:before{content:"\e408"}.mui-icon-plus:before{content:"\e409"}.mui-icon-minus:before{content:"\e410"}.mui-icon-checkbox:before,.mui-icon-circle:before{content:"\e411"}.mui-icon-clear:before,.mui-icon-close-filled:before{content:"\e434"}.mui-icon-refresh-filled:before{content:"\e437"}.mui-icon-star-filled:before{content:"\e438"}.mui-icon-plus-filled:before{content:"\e439"}.mui-icon-minus-filled:before{content:"\e440"}.mui-icon-circle-filled:before{content:"\e441"}.mui-icon-checkbox-filled:before{content:"\e442"}.mui-icon-closeempty:before{content:"\e460"}.mui-icon-refreshempty:before{content:"\e461"}.mui-icon-reload:before{content:"\e462"}.mui-icon-starhalf:before{content:"\e463"}.mui-icon-spinner:before{content:"\e464"}.mui-icon-spinner-cycle:before{content:"\e465"}.mui-icon-search:before{content:"\e466"}.mui-icon-plusempty:before{content:"\e468"}.mui-icon-forward:before{content:"\e470"}.mui-icon-back:before,.mui-icon-left-nav:before{content:"\e471"}.mui-icon-checkmarkempty:before{content:"\e472"}.mui-icon-home:before{content:"\e500"}.mui-icon-navigate:before{content:"\e501"}.mui-icon-gear:before{content:"\e502"}.mui-icon-paperplane:before{content:"\e503"}.mui-icon-info:before{content:"\e504"}.mui-icon-help:before{content:"\e505"}.mui-icon-locked:before{content:"\e506"}.mui-icon-more:before{content:"\e507"}.mui-icon-flag:before{content:"\e508"}.mui-icon-home-filled:before{content:"\e530"}.mui-icon-gear-filled:before{content:"\e532"}.mui-icon-info-filled:before{content:"\e534"}.mui-icon-help-filled:before{content:"\e535"}.mui-icon-more-filled:before{content:"\e537"}.mui-icon-settings:before{content:"\e560"}.mui-icon-list:before{content:"\e562"}.mui-icon-bars:before{content:"\e563"}.mui-icon-loop:before{content:"\e565"}.mui-icon-paperclip:before{content:"\e567"}.mui-icon-arrowup:before{content:"\e580"}.mui-icon-arrowdown:before{content:"\e581"}.mui-icon-arrowleft:before{content:"\e582"}.mui-icon-arrowright:before{content:"\e583"}.mui-icon-arrowthinup:before{content:"\e584"}.mui-icon-arrowthindown:before{content:"\e585"}.mui-icon-arrowthinleft:before{content:"\e586"}.mui-icon-arrowthinright:before{content:"\e587"}.mui-icon-pulldown:before{content:"\e588"}.mui-fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mui-fullscreen .mui-slider-group{height:100%}.mui-fullscreen .mui-slider-item>a{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
\ No newline at end of file
diff --git a/dist/js/mui.js b/dist/js/mui.js
index c7d237fd..0c187b13 100644
--- a/dist/js/mui.js
+++ b/dist/js/mui.js
@@ -1,6 +1,6 @@
/*!
* =====================================================
- * Mui v0.9.0 (https://github.com/dcloudio/mui)
+ * Mui v1.0.0 (https://github.com/dcloudio/mui)
* =====================================================
*/
/**
@@ -175,6 +175,15 @@ var mui = (function(document, undefined) {
}
return this;
};
+ $.focus = function(element) {
+ if ($.os.ios) {
+ setTimeout(function() {
+ element.focus();
+ }, 10);
+ } else {
+ element.focus();
+ }
+ };
/**
* trigger event
* @param {type} element
@@ -291,6 +300,63 @@ var mui = (function(document, undefined) {
})(document);
//window.mui = mui;
//'$' in window || (window.$ = mui);
+/**
+ * $.os
+ * @param {type} $
+ * @returns {undefined}
+ */
+(function($, window) {
+ function detect(ua) {
+ this.os = {};
+ var funcs = [
+
+ function() { //android
+ var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
+ if (android) {
+ this.os.android = true;
+ this.os.version = android[2];
+
+ this.os.isBadAndroid = !(/Chrome\/\d/.test(window.navigator.appVersion));
+ }
+ return this.os.android === true;
+ },
+ function() { //ios
+ var iphone = ua.match(/(iPhone\sOS)\s([\d_]+)/);
+ if (iphone) { //iphone
+ this.os.ios = this.os.iphone = true;
+ this.os.version = iphone[2].replace(/_/g, '.');
+ } else {
+ var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
+ if (ipad) { //ipad
+ this.os.ios = this.os.ipad = true;
+ this.os.version = ipad[2].replace(/_/g, '.');
+ }
+ }
+ return this.os.ios === true;
+ }
+ ];
+ [].every.call(funcs, function(func) {
+ return !func.call($);
+ });
+ }
+ detect.call($, navigator.userAgent);
+})(mui, window);
+/**
+ * $.os.plus
+ * @param {type} $
+ * @returns {undefined}
+ */
+(function($) {
+ function detect(ua) {
+ this.os = this.os || {};
+ var plus = ua.match(/Html5Plus/i);//TODO 5\+Browser?
+ if (plus) {
+ this.os.plus = true;
+ }
+ }
+ detect.call($, navigator.userAgent);
+})(mui);
+
/**
* mui target(action>popover>modal>tab>toggle)
*/
@@ -796,7 +862,8 @@ var mui = (function(document, undefined) {
window.addEventListener($.EVENT_CANCEL, detectTouchEnd);
//fixed hashchange(android)
window.addEventListener($.EVENT_CLICK, function(e) {
- if ($.targets.popover || ($.targets.tab && $.targets.tab.hash) || $.targets.offcanvas || $.targets.modal) {
+ //TODO 应该判断当前target是不是在targets.popover内部,而不是非要相等
+ if (($.targets.popover && e.target === $.targets.popover) || ($.targets.tab && $.targets.tab.hash && e.target === $.targets.tab) || $.targets.offcanvas || $.targets.modal) {
e.preventDefault();
}
});
@@ -910,37 +977,48 @@ var mui = (function(document, undefined) {
* @returns {undefined}
*/
(function($, name) {
-
- var handle = function(event, touch) {
- switch (event.type) {
- case $.EVENT_MOVE:
- if (touch.direction) {//drag
- if (!touch.drag) {
- touch.drag = true;
- $.trigger(event.target, name + 'start', touch);
- }
- $.trigger(event.target, name, touch);
- $.trigger(event.target, name + touch.direction, touch);
- }
- break;
- case $.EVENT_END:
- case $.EVENT_CANCEL:
- if (touch.drag) {
- $.trigger(event.target, name + 'end', touch);
- }
- break;
- }
- };
- /**
- * mui gesture drag
- */
- $.registerGesture({
- name: name,
- index: 20,
- handle: handle,
- options: {
- }
- });
+ var last_direction = false;
+ var handle = function(event, touch) {
+ switch (event.type) {
+ case $.EVENT_MOVE:
+ if (touch.direction) { //drag
+ //修正direction
+ //默认锁定单向drag(后续可能需要额外配置支持)
+ if (!last_direction) {
+ last_direction = touch.direction;
+ } else if (last_direction && last_direction !== touch.direction) {
+ if (last_direction === 'up' || last_direction === 'down') {
+ touch.direction = touch.deltaY < 0 ? 'up' : 'down';
+ } else {
+ touch.direction = touch.deltaX < 0 ? 'left' : 'right';
+ }
+ }
+ if (!touch.drag) {
+ touch.drag = true;
+ $.trigger(event.target, name + 'start', touch);
+ }
+ $.trigger(event.target, name, touch);
+ $.trigger(event.target, name + touch.direction, touch);
+ }
+ break;
+ case $.EVENT_END:
+ case $.EVENT_CANCEL:
+ if (touch.drag) {
+ $.trigger(event.target, name + 'end', touch);
+ }
+ last_direction = false;
+ break;
+ }
+ };
+ /**
+ * mui gesture drag
+ */
+ $.registerGesture({
+ name: name,
+ index: 20,
+ handle: handle,
+ options: {}
+ });
})(mui, 'drag');
/**
* mui gesture tap and doubleTap
@@ -1025,63 +1103,6 @@ var mui = (function(document, undefined) {
}
});
})(mui, 'longtap');
-/**
- * $.os
- * @param {type} $
- * @returns {undefined}
- */
-(function($, window) {
- function detect(ua) {
- this.os = {};
- var funcs = [
-
- function() { //android
- var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
- if (android) {
- this.os.android = true;
- this.os.version = android[2];
-
- this.os.isBadAndroid = !(/Chrome\/\d/.test(window.navigator.appVersion));
- }
- return this.os.android === true;
- },
- function() { //ios
- var iphone = ua.match(/(iPhone\sOS)\s([\d_]+)/);
- if (iphone) { //iphone
- this.os.ios = this.os.iphone = true;
- this.os.version = iphone[2].replace(/_/g, '.');
- } else {
- var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
- if (ipad) { //ipad
- this.os.ios = this.os.ipad = true;
- this.os.version = ipad[2].replace(/_/g, '.');
- }
- }
- return this.os.ios === true;
- }
- ];
- [].every.call(funcs, function(func) {
- return !func.call($);
- });
- }
- detect.call($, navigator.userAgent);
-})(mui, window);
-/**
- * $.os.plus
- * @param {type} $
- * @returns {undefined}
- */
-(function($) {
- function detect(ua) {
- this.os = this.os || {};
- var plus = ua.match(/Html5Plus/i);//TODO 5\+Browser?
- if (plus) {
- this.os.plus = true;
- }
- }
- detect.call($, navigator.userAgent);
-})(mui);
-
/**
* mui.init
* @param {type} $
@@ -1108,11 +1129,22 @@ var mui = (function(document, undefined) {
return this;
};
var inits = {};
+
+ var isInitialized = false;
+ //TODO 自动调用init?因为用户自己调用init的时机可能不确定,如果晚于自动init,则会有潜在问题
+ // $.ready(function() {
+ // setTimeout(function() {
+ // if (!isInitialized) {
+ // $.init();
+ // }
+ // }, 300);
+ // });
/**
* 单页配置 初始化
* @param {object} options
*/
$.init = function(options) {
+ isInitialized = true;
$.options = $.extend($.global, options || {}, true);
$.ready(function() {
$.each($.inits, function(index, init) {
@@ -1631,13 +1663,20 @@ var mui = (function(document, undefined) {
(function($, window) {
if ($.os.plus && $.os.android) {
$.registerBack({
- name: 'popover',
+ name: 'mui',
index: 5,
handle: function() {
+ //popover
if ($.targets._popover) {
$($.targets._popover).popover('hide');
return true;
}
+ //offcanvas
+ var offCanvas = document.querySelector('.mui-off-canvas-wrap.mui-active');
+ if (offCanvas) {
+ $(offCanvas).offCanvas('close');
+ return true;
+ }
}
});
}
@@ -1654,37 +1693,29 @@ var mui = (function(document, undefined) {
var wobj = $.currentWebview;
var parent = wobj.parent();
if (parent) {
- wobj = parent;
- }
- wobj.canBack(function(e) {
- //by chb 暂时注释,在碰到类似popover之类的锚点的时候,需多次点击才能返回;
- if (e.canBack) { //webview history back
- window.history.back();
- } else { //webview close or hide
- //TODO 会不会存在多层嵌套?如果存在需要递归找到最顶层
-
- var opener = wobj.opener();
- if (opener) {
- //by chb 暂不自动处理老页面的隐藏;
- // var openerParent = opener.parent();
- // if (openerParent) {
- // opener = openerParent;
- // }
- if (wobj.preload) {
- wobj.hide("auto");
+ parent.evalJS('mui.back();');
+ }else{
+ wobj.canBack(function(e) {
+ //by chb 暂时注释,在碰到类似popover之类的锚点的时候,需多次点击才能返回;
+ if (e.canBack) { //webview history back
+ window.history.back();
+ } else { //webview close or hide
+ var opener = wobj.opener();
+ if (opener) {
+ if (wobj.preload) {
+ wobj.hide("auto");
+ } else {
+ //关闭页面时,需要将其打开的所有子页面全部关闭;
+ $.closeAll(wobj);
+ }
} else {
- //关闭页面时,需要将其打开的所有子页面全部关闭;
- $.closeAll(wobj);
+ //首页不存在opener的情况下,后退实际上应该是退出应用;
+ //这个交给项目具体实现,框架暂不处理;
+ //plus.runtime.quit();
}
- //TODO 暂时屏蔽父窗口的隐藏与显示,与预加载一起使用时太多bug
- //opener.show();
- } else {
- //首页不存在opener的情况下,后退实际上应该是退出应用;
- //这个交给项目具体实现,框架暂不处理;
- //plus.runtime.quit();
}
- }
- });
+ });
+ }
return true;
}
});
@@ -1693,6 +1724,7 @@ var mui = (function(document, undefined) {
$.menu = function() {
var menu = document.querySelector('.mui-action-menu');
if (menu) {
+ $.trigger(menu, 'touchstart');//临时处理menu无touchstart的话,找不到当前targets的问题
$.trigger(menu, 'tap');
} else { //执行父窗口的menu
if (window.plus) {
@@ -1741,18 +1773,21 @@ var mui = (function(document, undefined) {
if ($container.length === 1) {
if ($.os.plus && $.os.android) { //android 5+
$.plusReady(function() {
+ var webview = plus.webview.currentWebview();
if (hasPullup) {
//当前页面初始化pullup
var upOptions = {};
upOptions.up = pullRefreshOptions.up;
+ upOptions.webviewId = webview.id;
$container.pullRefresh(upOptions);
}
if (hasPulldown) {
- var webview = plus.webview.currentWebview();
var parent = webview.parent();
if (parent) {
if (!hasPullup) { //如果没有上拉加载,需要手动初始化一个默认的pullRefresh,以便当前页面容器可以调用endPulldownToRefresh等方法
- $container.pullRefresh();
+ $container.pullRefresh({
+ webviewId: webview.id
+ });
}
var downOptions = {
webviewId: webview.id
@@ -2101,9 +2136,22 @@ var mui = (function(document, undefined) {
};
scroll(duration);
};
+ $.animationFrame = function(cb) {
+ var args, isQueued, context;
+ return function() {
+ args = arguments;
+ context = this;
+ if (!isQueued) {
+ isQueued = true;
+ requestAnimationFrame(function() {
+ cb.apply(context, args);
+ isQueued = false;
+ });
+ }
+ };
+ };
})(mui, window);
-
(function($) {
var initializing = false,
fnTest = /xyz/.test(function() {
@@ -2213,20 +2261,18 @@ var mui = (function(document, undefined) {
if (!this.topPocket) {
this.topPocket = this._createPocket(CLASS_PULL_TOP_POCKET, options.down, CLASS_LOADING_DOWN);
this.wrapper.insertBefore(this.topPocket, this.wrapper.firstChild);
-
- this.topLoading = this.topPocket.querySelector('.' + CLASS_PULL_LOADING);
- this.topCaption = this.topPocket.querySelector('.' + CLASS_PULL_CAPTION);
}
+ this.topLoading = this.topPocket.querySelector('.' + CLASS_PULL_LOADING);
+ this.topCaption = this.topPocket.querySelector('.' + CLASS_PULL_CAPTION);
}
if (options.up && options.up.hasOwnProperty('callback')) {
this.bottomPocket = this.scroller.querySelector('.' + CLASS_PULL_BOTTOM_POCKET);
if (!this.bottomPocket) {
this.bottomPocket = this._createPocket(CLASS_PULL_BOTTOM_POCKET, options.up, CLASS_LOADING);
this.scroller.appendChild(this.bottomPocket);
-
- this.bottomLoading = this.bottomPocket.querySelector('.' + CLASS_PULL_LOADING);
- this.bottomCaption = this.bottomPocket.querySelector('.' + CLASS_PULL_CAPTION);
}
+ this.bottomLoading = this.bottomPocket.querySelector('.' + CLASS_PULL_LOADING);
+ this.bottomCaption = this.bottomPocket.querySelector('.' + CLASS_PULL_CAPTION);
//TODO only for h5
this.wrapper.addEventListener('scrollbottom', this);
}
@@ -2357,7 +2403,9 @@ var mui = (function(document, undefined) {
this._init();
if (this.scroller) {
this.refresh();
+ // if (this.options.startX !== 0 || this.options.startY !== 0) { //需要判断吗?后续根据实际情况再看看
this.scrollTo(this.options.startX, this.options.startY);
+ // }
}
},
_init: function() {
@@ -2823,7 +2871,7 @@ var mui = (function(document, undefined) {
},
scrollTo: function(x, y, time, easing) {
var easing = easing || ease.circular;
- this.isInTransition = time > 0;
+ this.isInTransition = time > 0 && (this.lastX != x || this.lastY != y);
if (this.isInTransition) {
this._clearRequestAnimationFrame();
this._transitionTimingFunction(easing.style);
@@ -3082,9 +3130,7 @@ var mui = (function(document, undefined) {
if (this.loading) {
return;
}
- if (this.pulldown !== false) {
- this._initPullupRefresh();
- }
+ this._initPullupRefresh();
this._setCaption(this.options.up.contentrefresh);
this.indicators.map(function(indicator) {
indicator.fade(0);
@@ -3154,6 +3200,8 @@ var mui = (function(document, undefined) {
var CLASS_ACTION_NEXT = 'mui-action-next';
var CLASS_SLIDER_ITEM = 'mui-slider-item';
+ var CLASS_ACTIVE = 'mui-active';
+
var SELECTOR_SLIDER_ITEM = '.' + CLASS_SLIDER_ITEM;
var SELECTOR_SLIDER_INDICATOR = '.' + CLASS_SLIDER_INDICATOR;
var SELECTOR_SLIDER_PROGRESS_BAR = '.mui-slider-progress-bar';
@@ -3169,6 +3217,9 @@ var mui = (function(document, undefined) {
bounceTime: 200,
startX: false
}, options, true));
+ if (this.options.startX) {
+ $.trigger(this.wrapper, 'scrollend', this);
+ }
},
_init: function() {
this.scroller = this.wrapper.querySelector('.' + CLASS_SLIDER_GROUP);
@@ -3179,11 +3230,13 @@ var mui = (function(document, undefined) {
this.progressBarWidth = this.progressBar.offsetWidth;
this.progressBarStyle = this.progressBar.style;
}
+ //忘记这个代码是干什么的了?
+ // this.x = this._getScroll();
+ // if (this.options.startX === false) {
+ // this.options.startX = this.x;
+ // }
+ //根据active修正startX
- this.x = this._getScroll();
- if (this.options.startX === false) {
- this.options.startX = this.x;
- }
this._super();
this._initTimer();
}
@@ -3216,12 +3269,27 @@ var mui = (function(document, undefined) {
}
var detail = e.detail;
detail.slideNumber = detail.slideNumber || 0;
+ var items = self.wrapper.querySelectorAll(SELECTOR_SLIDER_ITEM);
+ var _slideNumber = detail.slideNumber;
+ if (self.loop) {
+ _slideNumber += 1;
+ }
+ for (var i = 0, len = items.length; i < len; i++) {
+ var item = items[i];
+ if (item.parentNode === self.scroller) {
+ if (i === _slideNumber) {
+ item.classList.add(CLASS_ACTIVE);
+ } else {
+ item.classList.remove(CLASS_ACTIVE);
+ }
+ }
+ }
var indicatorWrap = self.wrapper.querySelector('.mui-slider-indicator');
if (indicatorWrap) {
var indicators = indicatorWrap.querySelectorAll('.mui-indicator');
if (indicators.length > 0) { //图片轮播
for (var i = 0, len = indicators.length; i < len; i++) {
- indicators[i].classList[i === detail.slideNumber ? 'add' : 'remove']('mui-active');
+ indicators[i].classList[i === detail.slideNumber ? 'add' : 'remove'](CLASS_ACTIVE);
}
} else {
var number = indicatorWrap.querySelector('.mui-number span');
@@ -3230,7 +3298,7 @@ var mui = (function(document, undefined) {
} else { //segmented controls
var controlItems = self.wrapper.querySelectorAll('.mui-control-item');
for (var i = 0, len = controlItems.length; i < len; i++) {
- controlItems[i].classList[i === detail.slideNumber ? 'add' : 'remove']('mui-active');
+ controlItems[i].classList[i === detail.slideNumber ? 'add' : 'remove'](CLASS_ACTIVE);
}
}
}
@@ -3287,11 +3355,18 @@ var mui = (function(document, undefined) {
//以防slider类嵌套使用
var items = this.scroller.querySelectorAll(SELECTOR_SLIDER_ITEM);
this.itemLength = 0;
+ var current = 0;
for (var i = 0, len = items.length; i < len; i++) {
if (items[i].parentNode === this.scroller) {
+ if (items[i].classList.contains(CLASS_ACTIVE)) {
+ current = this.itemLength;
+ }
this.itemLength++;
}
}
+ current = current === 0 ? (this.loop ? 1 : 0) : current;
+ //根据active修正startX
+ this.options.startX = current ? -this.scrollerWidth * current : 0;
this.scrollerWidth = this.itemLength * this.scrollerWidth;
this.maxScrollX = Math.min(this.wrapperWidth - this.scrollerWidth, 0);
this.slideNumber = this._getSlideNumber();
@@ -3419,9 +3494,9 @@ var mui = (function(document, undefined) {
return slider;
};
$.ready(function() {
- setTimeout(function() {
- $('.mui-slider').slider();
- }, 500); //临时处理slider宽度计算不正确的问题(初步确认是scrollbar导致的)
+ // setTimeout(function() {
+ $('.mui-slider').slider();
+ // }, 500); //临时处理slider宽度计算不正确的问题(初步确认是scrollbar导致的)
});
})(mui, window);
@@ -3448,7 +3523,8 @@ var mui = (function(document, undefined) {
this._initPulldownRefreshEvent();
},
_init: function() {
- document.addEventListener('plusscrollbottom', this);
+ // document.addEventListener('plusscrollbottom', this);
+ window.addEventListener('dragup', this);
},
_initPulldownRefreshEvent: function() {
var self = this;
@@ -3495,13 +3571,29 @@ var mui = (function(document, undefined) {
}
},
handleEvent: function(e) {
- if (this.stopped) {
+ var self = this;
+ if (self.stopped) {
return;
}
- if (e.type === 'plusscrollbottom') {
- if (this.bottomPocket) {
- this.pullupLoading();
+ //5+的plusscrollbottom当页面内容较少时,不触发
+ // if (e.type === 'plusscrollbottom') {
+ // if (this.bottomPocket) {
+ // this.pullupLoading();
+ // }
+ // }
+ var isScroll = false;
+ setInterval(function() {
+ if (isScroll) {
+ if (window.pageYOffset + window.innerHeight + 10 >= document.documentElement.scrollHeight) {
+ isScroll = false; //放在这里是因为快速滚动的话,有可能检测时,还没到底,所以只要有滚动,没到底之前一直检测高度变化
+ if (self.bottomPocket) {
+ self.pullupLoading();
+ }
+ }
}
+ }, 100);
+ if (e.type === 'dragup') {
+ isScroll = true;
}
}
}).extend($.extend({
@@ -3538,7 +3630,10 @@ var mui = (function(document, undefined) {
throw new Error('暂不支持');
},
endPulldownToRefresh: function() { //该方法是子页面调用的
- plus.webview.currentWebview().parent().evalJS("mui(document.querySelector('.mui-content')).pullRefresh()._endPulldownToRefresh()");
+ var webview = plus.webview.currentWebview();
+ webview.parent().evalJS("mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify({
+ webviewId: webview.id
+ }) + "')._endPulldownToRefresh()");
},
_endPulldownToRefresh: function() { //该方法是父页面调用的
var self = this;
@@ -3577,7 +3672,8 @@ var mui = (function(document, undefined) {
self.pullCaption.innerHTML = self.options.up.contentnomore;
// self.bottomPocket.classList.remove(CLASS_BLOCK);
// self.bottomPocket.classList.add(CLASS_HIDDEN);
- document.removeEventListener('plusscrollbottom', self);
+ // document.removeEventListener('plusscrollbottom', self);
+ window.removeEventListener('dragup', self);
} else { //初始化时隐藏,后续不再隐藏
self.pullCaption.innerHTML = self.options.up.contentdown;
// setTimeout(function() {
@@ -3591,7 +3687,8 @@ var mui = (function(document, undefined) {
// var classList = this.bottomPocket.classList;
// if (classList.contains(CLASS_HIDDEN)) {
// classList.remove(CLASS_HIDDEN);
- document.addEventListener('plusscrollbottom', this);
+ // document.addEventListener('plusscrollbottom', this);
+ window.addEventListener('dragup', this);
// }
}
}
@@ -3607,16 +3704,21 @@ var mui = (function(document, undefined) {
} else {
self = this[0];
}
+ //一个父需要支持多个子下拉刷新
+ options = options || {
+ webviewId: plus.webview.currentWebview().id
+ }
if (typeof options === 'string') {
options = $.parseJSON(options);
}
var pullRefreshApi = null;
- var id = self.getAttribute('data-pullrefresh-plus');
+
+ var id = self.getAttribute('data-pullrefresh-plus-' + options.webviewId);
if (!id) { //避免重复初始化5+ pullrefresh
- document.body.classList.add(CLASS_PLUS_PULLREFRESH);
id = ++$.uuid;
+ self.setAttribute('data-pullrefresh-plus-' + options.webviewId, id);
+ document.body.classList.add(CLASS_PLUS_PULLREFRESH);
$.data[id] = pullRefreshApi = new PlusPullRefresh(self, options);
- self.setAttribute('data-pullrefresh-plus', id);
} else {
pullRefreshApi = $.data[id];
}
@@ -3636,14 +3738,376 @@ var mui = (function(document, undefined) {
var CLASS_OFF_CANVAS_RIGHT = 'mui-off-canvas-right';
var CLASS_ACTION_BACKDEOP = 'mui-off-canvas-backdrop';
var CLASS_OFF_CANVAS_WRAP = 'mui-off-canvas-wrap';
- var CLASS_OFF_CANVAS_HEIGHT_FIXED = 'mui-off-canvas-height-fixed';
- var CLASS_LEFT = 'mui-left';
- var CLASS_RIGHT = 'mui-right';
- var CLASS_SLIDING = 'mui-sliding';
+ var CLASS_SLIDE_IN = 'mui-slide-in';
+ var CLASS_ACTIVE = 'mui-active';
+
+
+ var CLASS_TRANSITIONING = 'mui-transitioning';
var SELECTOR_INNER_WRAP = '.mui-inner-wrap';
+
+ var OffCanvas = $.Class.extend({
+ init: function(element, options) {
+ this.wrapper = this.element = element;
+ this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
+ this.classList = this.wrapper.classList;
+ if (this.scroller) {
+ this.options = $.extend({
+ dragThresholdX: 10
+ }, options, true);
+ document.body.classList.add('mui-fullscreen'); //fullscreen
+ this.refresh();
+ this.initEvent();
+ }
+ },
+ refresh: function() {
+ this.classList.remove(CLASS_ACTIVE);
+ this.slideIn = this.classList.contains(CLASS_SLIDE_IN);
+ this.scroller = this.wrapper.querySelector(SELECTOR_INNER_WRAP);
+ this.scroller.classList.remove(CLASS_TRANSITIONING);
+ this.scroller.setAttribute('style', '');
+ this.offCanvasRight = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT);
+ this.offCanvasLeft = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_LEFT);
+ this.offCanvasRightWidth = this.offCanvasLeftWidth = 0;
+ this.offCanvasLeftSlideIn = this.offCanvasRightSlideIn = false;
+ if (this.offCanvasRight) {
+ this.offCanvasRightWidth = this.offCanvasRight.offsetWidth;
+ this.offCanvasRightSlideIn = this.slideIn && (this.offCanvasRight.parentNode === this.wrapper);
+ this.offCanvasRight.classList.remove(CLASS_TRANSITIONING);
+ this.offCanvasRight.classList.remove(CLASS_ACTIVE);
+ this.offCanvasRight.setAttribute('style', '');
+ }
+ if (this.offCanvasLeft) {
+ this.offCanvasLeftWidth = this.offCanvasLeft.offsetWidth;
+ this.offCanvasLeftSlideIn = this.slideIn && (this.offCanvasLeft.parentNode === this.wrapper);
+ this.offCanvasLeft.classList.remove(CLASS_TRANSITIONING);
+ this.offCanvasLeft.classList.remove(CLASS_ACTIVE);
+ this.offCanvasLeft.setAttribute('style', '');
+ }
+ this.backdrop = this.scroller.querySelector('.' + CLASS_ACTION_BACKDEOP);
+
+ this.options.dragThresholdX = this.options.dragThresholdX || 10;
+
+ this.visible = false;
+ this.startX = null;
+ this.lastX = null;
+ this.offsetX = null;
+ this.lastTranslateX = null;
+ },
+ handleEvent: function(e) {
+ switch (e.type) {
+ case 'touchstart':
+ e.preventDefault();
+ break;
+ case 'webkitTransitionEnd': //有个bug需要处理,需要考虑假设没有触发webkitTransitionEnd的情况
+ if (e.target === this.scroller) {
+ this._dispatchEvent();
+ }
+ break;
+ case 'drag':
+ var detail = e.detail;
+ if (!this.startX) {
+ this.startX = detail.move.x;
+ this.lastX = this.startX;
+ } else {
+ this.lastX = detail.move.x;
+ }
+ if (!this.isDragging && Math.abs(this.lastX - this.startX) > this.options.dragThresholdX && (detail.direction === 'left' || (detail.direction === 'right'))) {
+ if (this.slideIn) {
+ if (this.classList.contains(CLASS_ACTIVE)) {
+ this.scroller = this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE) ? this.offCanvasRight : this.offCanvasLeft;
+ } else {
+ if (detail.direction === 'left' && this.offCanvasRight) {
+ this.scroller = this.offCanvasRight;
+ } else if (detail.direction === 'right' && this.offCanvasLeft) {
+ this.scroller = this.offCanvasLeft;
+ }
+ }
+ }
+ if (this.scroller) {
+ this.startX = this.lastX;
+ this.isDragging = true;
+ this.scroller.classList.remove(CLASS_TRANSITIONING);
+ this.offsetX = this.getTranslateX();
+ this._initOffCanvasVisible();
+ }
+ }
+ if (this.isDragging) {
+ this.updateTranslate(this.offsetX + (this.lastX - this.startX));
+ detail.gesture.preventDefault();
+ e.stopPropagation();
+ }
+ break;
+ case 'dragend':
+ if (this.isDragging) {
+ var detail = e.detail;
+ var direction = detail.direction;
+ this.isDragging = false;
+ this.scroller.classList.add(CLASS_TRANSITIONING);
+ var ratio = 0;
+ var x = this.getTranslateX();
+
+ if (!this.slideIn) {
+ if (x >= 0) {
+ ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
+ } else {
+ ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
+ }
+ if (ratio === 0) {
+ this.openPercentage(0);
+ this._dispatchEvent(); //此处不触发webkitTransitionEnd,所以手动dispatch
+ return;
+ }
+ if (ratio > 0 && ratio < 0.5 && direction === 'right') {
+ this.openPercentage(0);
+ } else if (ratio > 0.5 && direction === 'left') {
+ this.openPercentage(100);
+ } else if (ratio < 0 && ratio > -0.5 && direction === 'left') {
+ this.openPercentage(0);
+ } else if (direction === 'right' && ratio < 0 && ratio > -0.5) {
+ this.openPercentage(0);
+ } else if (ratio < 0.5 && direction === 'right') {
+ this.openPercentage(-100);
+ } else if (direction === 'right' && ratio >= 0 && (ratio >= 0.5 || detail.flick)) {
+ this.openPercentage(100);
+ } else if (direction === 'left' && ratio <= 0 && (ratio <= -0.5 || detail.flick)) {
+ this.openPercentage(-100);
+ } else {
+ this.openPercentage(0);
+ }
+ if (ratio === 1 || ratio === -1) { //此处不触发webkitTransitionEnd,所以手动dispatch
+ this._dispatchEvent();
+ }
+ } else {
+ if (x >= 0) {
+ ratio = (this.offCanvasRightWidth && (x / this.offCanvasRightWidth)) || 0;
+ } else {
+ ratio = (this.offCanvasLeftWidth && (x / this.offCanvasLeftWidth)) || 0;
+ }
+ if (ratio === 1 || ratio === -1) {
+ this._dispatchEvent();
+ return;
+ }
+ if (ratio >= 0.5 && direction === 'left') {
+ this.openPercentage(0);
+ } else if (ratio > 0 && ratio <= 0.5 && direction === 'left') {
+ this.openPercentage(-100);
+ } else if (ratio >= 0.5 && direction === 'right') {
+ this.openPercentage(0);
+ } else if (ratio > 0 && ratio <= 0.5 && direction === 'right') {
+ this.openPercentage(-100);
+ } else if (ratio <= -0.5 && direction === 'right') {
+ this.openPercentage(0);
+ } else if (ratio >= -0.5 && direction === 'right') {
+ this.openPercentage(100);
+ } else if (ratio <= -0.5 && direction === 'left') {
+ this.openPercentage(0);
+ } else if (ratio >= -0.5 && direction === 'left') {
+ this.openPercentage(100);
+ } else {
+ this.openPercentage(0);
+ }
+ if (ratio === 1 || ratio === -1) { //此处不触发webkitTransitionEnd,所以手动dispatch
+ this._dispatchEvent();
+ }
+
+ }
+ }
+ break;
+ }
+ },
+ _dispatchEvent: function() {
+ if (this.classList.contains(CLASS_ACTIVE)) {
+ $.trigger(this.wrapper, 'shown', this);
+ } else {
+ $.trigger(this.wrapper, 'hidden', this);
+ }
+ },
+ _initOffCanvasVisible: function() {
+ if (!this.visible) {
+ this.visible = true;
+ if (this.offCanvasLeft) {
+ this.offCanvasLeft.style.visibility = 'visible';
+ }
+ if (this.offCanvasRight) {
+ this.offCanvasRight.style.visibility = 'visible';
+ }
+ }
+ },
+ initEvent: function() {
+ var self = this;
+ if (self.backdrop) {
+ self.backdrop.addEventListener('tap', function(e) {
+ self.close();
+ e.detail.gesture.preventDefault();
+ });
+ }
+ if (this.classList.contains('mui-draggable')) {
+ this.wrapper.addEventListener('touchstart', this); //临时处理
+ this.wrapper.addEventListener('drag', this);
+ this.wrapper.addEventListener('dragend', this);
+ }
+ this.wrapper.addEventListener('webkitTransitionEnd', this);
+ },
+ openPercentage: function(percentage) {
+ var p = percentage / 100;
+ if (!this.slideIn) {
+ if (this.offCanvasLeft && percentage >= 0) {
+ this.updateTranslate(this.offCanvasLeftWidth * p);
+ this.offCanvasLeft.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ } else if (this.offCanvasRight && percentage <= 0) {
+ this.updateTranslate(this.offCanvasRightWidth * p);
+ this.offCanvasRight.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ }
+ this.classList[p !== 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ } else {
+ if (this.offCanvasLeft && percentage >= 0) {
+ p = p === 0 ? -1 : 0;
+ this.updateTranslate(this.offCanvasLeftWidth * p);
+ this.offCanvasLeft.classList[p === 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ } else if (this.offCanvasRight && percentage <= 0) {
+ p = p === 0 ? 1 : 0;
+ this.updateTranslate(this.offCanvasRightWidth * p);
+ this.offCanvasRight.classList[p === 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ }
+ this.classList[p === 0 ? 'add' : 'remove'](CLASS_ACTIVE);
+ }
+
+ },
+ updateTranslate: function(x) {
+ if (x !== this.lastTranslateX) {
+ if (!this.slideIn) {
+ if ((!this.offCanvasLeft && x > 0) || (!this.offCanvasRight && x < 0)) {
+ this.setTranslateX(0);
+ return;
+ }
+ if (this.leftShowing && x > this.offCanvasLeftWidth) {
+ this.setTranslateX(this.offCanvasLeftWidth);
+ return;
+ }
+ if (this.rightShowing && x < -this.offCanvasRightWidth) {
+ this.setTranslateX(-this.offCanvasRightWidth);
+ return;
+ }
+ this.setTranslateX(x);
+ if (x >= 0) {
+ this.leftShowing = true;
+ this.rightShowing = false;
+ if (x > 0) {
+ if (this.offCanvasLeft) {
+ this.offCanvasLeft.style.zIndex = 0;
+ }
+ if (this.offCanvasRight) {
+ this.offCanvasRight.style.zIndex = -1;
+ }
+ }
+ } else {
+ this.rightShowing = true;
+ this.leftShowing = false;
+ if (this.offCanvasRight) {
+ this.offCanvasRight.style.zIndex = 0;
+ }
+ if (this.offCanvasLeft) {
+ this.offCanvasLeft.style.zIndex = -1;
+ }
+ }
+ } else {
+ if (this.scroller.classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
+ if (x < 0) {
+ this.setTranslateX(0);
+ return;
+ }
+ if (x > this.offCanvasRightWidth) {
+ this.setTranslateX(this.offCanvasRightWidth);
+ return;
+ }
+ } else {
+ if (x > 0) {
+ this.setTranslateX(0);
+ return;
+ }
+ if (x < -this.offCanvasLeftWidth) {
+ this.setTranslateX(-this.offCanvasLeftWidth);
+ return;
+ }
+ }
+ this.setTranslateX(x);
+ }
+ this.lastTranslateX = x;
+ }
+ },
+ setTranslateX: $.animationFrame(function(x) {
+ if (this.scroller) {
+ this.scroller.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';
+ }
+ }),
+ getTranslateX: function() {
+ if (this.scroller) {
+ var result = $.parseTranslateMatrix($.getStyles(this.scroller, 'webkitTransform'));
+ return (result && result.x) || 0;
+ }
+ return 0;
+ },
+ isShown: function(direction) {
+ var shown = false;
+ if (!this.slideIn) {
+ var x = this.getTranslateX();
+ if (direction === 'right') {
+ shown = this.classList.contains(CLASS_ACTIVE) && x < 0;
+ } else if (direction === 'left') {
+ shown = this.classList.contains(CLASS_ACTIVE) && x > 0;
+ } else {
+ shown = this.classList.contains(CLASS_ACTIVE) && x !== 0;
+ }
+ } else {
+ if (direction === 'left') {
+ shown = this.offCanvasLeft && this.offCanvasLeft.classList.contains(CLASS_ACTIVE);
+ } else if (direction === 'right') {
+ shown = this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE);
+ } else {
+ shown = (this.offCanvasLeft && this.offCanvasLeft.classList.contains(CLASS_ACTIVE)) || (this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE));
+ }
+ }
+ return shown;
+ },
+ close: function() {
+ this._initOffCanvasVisible();
+ if (this.slideIn) {
+ this.scroller = this.offCanvasRight && this.offCanvasRight.classList.contains(CLASS_ACTIVE) ? this.offCanvasRight : this.offCanvasLeft;
+ }
+ if (this.scroller) {
+ this.scroller.classList.add(CLASS_TRANSITIONING);
+ this.openPercentage(0);
+ }
+ },
+ show: function(direction) {
+ this._initOffCanvasVisible();
+ if (this.isShown(direction)) {
+ return;
+ }
+ if (!direction) {
+ direction = this.wrapper.querySelector('.' + CLASS_OFF_CANVAS_RIGHT) ? 'right' : 'left';
+ }
+ if (this.slideIn) {
+ this.scroller = direction === 'right' ? this.offCanvasRight : this.offCanvasLeft;
+ }
+ if (this.scroller) {
+ this.scroller.classList.add(CLASS_TRANSITIONING);
+ this.openPercentage(direction === 'left' ? 100 : -100);
+ }
+ },
+ toggle: function(direction) {
+ if (this.isShown(direction)) {
+ this.close();
+ } else {
+ this.show(direction);
+ }
+ }
+ });
+
+ //hash to offcanvas
var findOffCanvasContainer = function(target) {
parentNode = target.parentNode;
if (parentNode) {
@@ -3658,13 +4122,7 @@ var mui = (function(document, undefined) {
}
};
var handle = function(event, target) {
- if (target.classList && target.classList.contains(CLASS_ACTION_BACKDEOP)) { //backdrop
- var container = findOffCanvasContainer(target);
- if (container) {
- $.targets._container = container;
- return target;
- }
- } else if (target.tagName === 'A' && target.hash) {
+ if (target.tagName === 'A' && target.hash) {
var offcanvas = document.getElementById(target.hash.replace('#', ''));
if (offcanvas) {
var container = findOffCanvasContainer(offcanvas);
@@ -3687,294 +4145,75 @@ var mui = (function(document, undefined) {
isContinue: true
});
- var fixedHeight = function(container, isShown) {
- var content = container.querySelector('.mui-content');
- var html = document.getElementsByTagName('html')[0];
- var body = document.body;
- if (isShown) {
- html.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- body.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- content && (content.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED));
- } else {
- html.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- body.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- content && (content.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED));
- }
- };
- var offCanvasTransitionEnd = function(e) {
- var container = this.parentNode;
- container.classList.remove(CLASS_SLIDING);
- this.removeEventListener('webkitTransitionEnd', offCanvasTransitionEnd);
- if (!container.classList.contains(CLASS_RIGHT) && !container.classList.contains(CLASS_LEFT)) {
- fixedHeight(container, false);
- }
- };
- var toggleOffCanvas = function(container, anchor) {
- if (container && anchor) {
- var type;
- var classList = anchor.classList;
- container.querySelector(SELECTOR_INNER_WRAP).addEventListener('webkitTransitionEnd', offCanvasTransitionEnd);
-
- if (!container.classList.contains(CLASS_RIGHT) && !container.classList.contains(CLASS_LEFT)) {
- fixedHeight(container, true);
- }
- if (classList.contains(CLASS_OFF_CANVAS_LEFT)) {
- container.classList.toggle(CLASS_RIGHT);
- } else if (classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
- container.classList.toggle(CLASS_LEFT);
- } else if (classList.contains(CLASS_ACTION_BACKDEOP)) {
- container.classList.remove(CLASS_RIGHT);
- container.classList.remove(CLASS_LEFT);
- }
- container.classList.add(CLASS_SLIDING);
- }
- };
- window.addEventListener('tap', function(event) {
+ window.addEventListener('tap', function(e) {
if (!$.targets.offcanvas) {
return;
}
- toggleOffCanvas($.targets._container, $.targets.offcanvas);
- });
-
- $.fn.offCanvas = function() {
- var args = arguments;
- this.each(function() {
- if (args[0] === 'show' || args[0] === 'hide' || args[0] === 'toggle') {
- var classList = this.classList;
- if (classList.contains(CLASS_OFF_CANVAS_LEFT) || classList.contains(CLASS_OFF_CANVAS_RIGHT)) {
- var container = findOffCanvasContainer(this);
- if (container) {
- toggleOffCanvas(container, this);
- }
- }
- }
- });
- };
-})(mui, window, document, 'offcanvas');
-/**
- * off-canvas drag
- * @param {type} $
- * @param {type} window
- * @param {type} document
- * @returns {undefined}
- */
-(function($, window, document, undefined) {
- //仅android平台不支持拖拽,滑动
- if ($.os.android) {
- return;
- }
- var CLASS_OFF_CANVAS_LEFT = 'mui-off-canvas-left';
- var CLASS_OFF_CANVAS_RIGHT = 'mui-off-canvas-right';
- var CLASS_OFF_CANVAS_WRAP = 'mui-off-canvas-wrap';
- var CLASS_OFF_CANVAS_HEIGHT_FIXED = 'mui-off-canvas-height-fixed';
-
- var CLASS_LEFT = 'mui-left';
- var CLASS_RIGHT = 'mui-right';
- var CLASS_SLIDING = 'mui-sliding';
- var CLASS_DRAGGABLE = 'mui-draggable';
-
-
- var SELECTOR_INNER_WRAP = '.mui-inner-wrap';
- var SELECTOR_OFF_CANVAS_LEFT = '.' + CLASS_OFF_CANVAS_LEFT;
- var SELECTOR_OFF_CANVAS_RIGHT = '.' + CLASS_OFF_CANVAS_RIGHT;
- var isDragable = false;
- var container;
- var innerContainer;
- var factor = 1;
- var translateX = 0;
- var lastTranslateX = 0;
- var offCanvasRequestAnimationFrame;
- var offCanvasTranslateX = 0,
- maxOffCanvasWidth = 0;
- var direction;
-
- var updateTranslate = function() {
- if (translateX !== lastTranslateX) {
- innerContainer.style['-webkit-transition-duration'] = '0s';
- if (direction === 'right' && translateX > 0) { //dragRight
- translateX = Math.min(translateX, maxOffCanvasWidth);
- if (offCanvasTranslateX < 0) {
- setTranslate(innerContainer, offCanvasTranslateX + translateX);
- } else {
- setTranslate(innerContainer, translateX);
- }
- } else if (direction === 'left' && translateX < 0) { //dragLeft
- translateX = Math.max(translateX, -maxOffCanvasWidth);
- if (offCanvasTranslateX > 0) {
- setTranslate(innerContainer, offCanvasTranslateX + translateX);
- } else {
- setTranslate(innerContainer, translateX);
- }
- }
- lastTranslateX = translateX;
- }
- offCanvasRequestAnimationFrame = requestAnimationFrame(function() {
- updateTranslate();
- });
- };
- var setTranslate = function(element, x) {
- if (element) {
- element.style.webkitTransform = 'translate3d(' + x + 'px,0,0)';
- }
- };
- /**
- * TODO repeat with mui.offcanvas.js
- */
- var fixedHeight = function(container, isShown) {
- var content = container.querySelector('.mui-content');
- var html = document.getElementsByTagName('html')[0];
- var body = document.body;
- if (isShown) {
- html.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- body.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- content && (content.classList.add(CLASS_OFF_CANVAS_HEIGHT_FIXED));
- } else {
- html.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- body.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED);
- content && (content.classList.remove(CLASS_OFF_CANVAS_HEIGHT_FIXED));
- }
- };
- /**
- * TODO repeat with mui.offcanvas.js
- */
- var offCanvasTransitionEnd = function() {
- var container = this.parentNode;
- var classList = container.classList;
- classList.remove(CLASS_SLIDING);
- this.removeEventListener('webkitTransitionEnd', offCanvasTransitionEnd);
- if (!classList.contains(CLASS_RIGHT) && !classList.contains(CLASS_LEFT)) {
- fixedHeight(container, false);
- }
- };
-
- window.addEventListener('touchstart', function(event) {
- var target = event.target;
- isDragable = false;
- container = innerContainer = null;
+ //TODO 此处类型的代码后续考虑统一优化(target机制),现在的实现费力不讨好
+ var target = e.target;
for (; target && target !== document; target = target.parentNode) {
- var classList = target.classList;
- if (classList) {
- if (classList.contains(CLASS_OFF_CANVAS_WRAP) && classList.contains(CLASS_DRAGGABLE)) {
- container = target;
- innerContainer = container.querySelector(SELECTOR_INNER_WRAP);
- if (!innerContainer) {
- return;
- }
- break;
- }
+ if (target.tagName === 'A' && target.hash && target.hash === ('#' + $.targets.offcanvas.id)) {
+ $($.targets._container).offCanvas('toggle');
+ $.targets.offcanvas = $.targets._container = null;
+ break;
}
}
});
- window.addEventListener('dragstart', function(event) {
- if (container) {
- var detail = event.detail;
- if (detail.direction === 'left') {
- //off-canvas-left is showed OR off-canvas-right is hidden
- if (container.classList.contains(CLASS_RIGHT)) {
- isDragable = true;
- } else if (container.querySelector(SELECTOR_OFF_CANVAS_RIGHT) && !container.classList.contains(CLASS_LEFT)) {
- isDragable = true;
- }
- } else if (detail.direction === 'right') {
- //off-canvas-left is hidden OR off-canvas-right is showed
- if (container.classList.contains(CLASS_LEFT)) {
- isDragable = true;
- } else if (container.querySelector(SELECTOR_OFF_CANVAS_LEFT) && !container.classList.contains(CLASS_RIGHT)) {
- isDragable = true;
- }
- }
- if (isDragable) {
- direction = detail.direction;
- maxOffCanvasWidth = container.offsetWidth * 0.8;
-
- var matrix = $.getStyles(innerContainer, 'webkitTransform');
- var result = $.parseTranslateMatrix(matrix);
- offCanvasTranslateX = translateX = result ? result.x : 0;
-
- var classList = container.classList;
- classList.add(CLASS_SLIDING);
-
- if (!classList.contains(CLASS_RIGHT) && !classList.contains(CLASS_LEFT)) {
- fixedHeight(container, true);
- }
- detail.gesture.preventDefault();
+ $.fn.offCanvas = function(options) {
+ var offCanvasApis = [];
+ this.each(function() {
+ var offCanvasApi = null;
+ var self = this;
+ //hack old version
+ if (!self.classList.contains(CLASS_OFF_CANVAS_WRAP)) {
+ self = findOffCanvasContainer(self);
}
- }
- });
- window.addEventListener('drag', function(event) {
- if (isDragable) {
- var detail = event.detail;
- if (!offCanvasRequestAnimationFrame) {
- updateTranslate();
+ var id = self.getAttribute('data-offCanvas');
+ if (!id) {
+ id = ++$.uuid;
+ $.data[id] = offCanvasApi = new OffCanvas(self, options);
+ self.setAttribute('data-offCanvas', id);
+ } else {
+ offCanvasApi = $.data[id];
}
- translateX = detail.deltaX * factor;
- }
- });
- window.addEventListener('dragend', function(event) {
- if (isDragable) {
- if (offCanvasRequestAnimationFrame) {
- cancelAnimationFrame(offCanvasRequestAnimationFrame);
- offCanvasRequestAnimationFrame = null;
- }
- innerContainer.setAttribute('style', '');
- innerContainer.addEventListener('webkitTransitionEnd', offCanvasTransitionEnd);
- var classList = container.classList;
- var action = ['add', 'remove'];
- var clazz;
- if (direction === 'right' && translateX > 0) { //dragRight
- clazz = CLASS_RIGHT;
- if (offCanvasTranslateX < 0) { //showed
- action.reverse();
- clazz = CLASS_LEFT;
- }
- if (translateX > (maxOffCanvasWidth / 2)) {
- classList[action[0]](clazz);
- } else {
- classList[action[1]](clazz);
- }
- } else if (direction === 'left' && translateX < 0) { //dragLeft
- clazz = CLASS_LEFT;
- if (offCanvasTranslateX > 0) { //showed
- action.reverse();
- clazz = CLASS_RIGHT;
- }
- if ((-translateX) > (maxOffCanvasWidth / 2)) {
- classList[action[0]](clazz);
- } else {
- classList[action[1]](clazz);
- }
+ if (options === 'show' || options === 'close' || options === 'toggle') {
+ offCanvasApi.toggle();
}
- }
+ offCanvasApis.push(offCanvasApi);
+ });
+ return offCanvasApis.length === 1 ? offCanvasApis[0] : offCanvasApis;
+ };
+ $.ready(function() {
+ $('.mui-off-canvas-wrap').offCanvas();
});
-
-})(mui, window, document);
+})(mui, window, document, 'offcanvas');
/**
* actions
* @param {type} $
* @param {type} name
* @returns {undefined}
*/
-(function ($, name) {
- var CLASS_ACTION = 'mui-action';
+(function($, name) {
+ var CLASS_ACTION = 'mui-action';
- var handle = function (event, target) {
- if (target.className && ~target.className.indexOf(CLASS_ACTION)) {
- return target;
- }
- return false;
- };
+ var handle = function(event, target) {
+ if (target.className && ~target.className.indexOf(CLASS_ACTION)) {
+ event.preventDefault();
+ return target;
+ }
+ return false;
+ };
- $.registerTarget({
- name: name,
- index: 50,
- handle: handle,
- target: false,
- isContinue: true
- });
+ $.registerTarget({
+ name: name,
+ index: 50,
+ handle: handle,
+ target: false,
+ isContinue: true
+ });
})(mui, 'action');
-
/**
* Modals
* @param {type} $
@@ -4064,10 +4303,17 @@ var mui = (function(document, undefined) {
// document.body.setAttribute('style', '');
// }
};
+ var onPopoverShown = function(e) {
+ this.removeEventListener('webkitTransitionEnd', onPopoverShown);
+ this.addEventListener('touchmove', $.preventDefault);
+ $.trigger(this, 'shown', this);
+ }
var onPopoverHidden = function(e) {
this.setAttribute('style', '');
this.removeEventListener('webkitTransitionEnd', onPopoverHidden);
+ this.removeEventListener('touchmove', $.preventDefault);
fixedPopoverScroll(false);
+ $.trigger(this, 'hidden', this);
};
var backdrop = (function() {
@@ -4099,7 +4345,17 @@ var mui = (function(document, undefined) {
if (!$.targets.popover) {
return;
}
- togglePopover($.targets._popover, $.targets.popover);
+ var toggle = false;
+ var target = e.target;
+ for (; target && target !== document; target = target.parentNode) {
+ if (target === $.targets.popover) {
+ toggle = true;
+ }
+ }
+ if (toggle) {
+ togglePopover($.targets._popover, $.targets.popover);
+ }
+
});
var togglePopover = function(popover, anchor) {
@@ -4145,6 +4401,7 @@ var mui = (function(document, undefined) {
fixedPopoverScroll(true);
calPosition(popover, anchor, isActionSheet); //position
backdrop.classList.add(CLASS_ACTIVE);
+ popover.addEventListener('webkitTransitionEnd', onPopoverShown);
};
var calPosition = function(popover, anchor, isActionSheet) {
if (!popover || !anchor) {
@@ -4355,6 +4612,7 @@ var mui = (function(document, undefined) {
var CLASS_SWITCH = 'mui-switch';
var CLASS_SWITCH_HANDLE = 'mui-switch-handle';
var CLASS_ACTIVE = 'mui-active';
+ var CLASS_DRAGGING = 'mui-dragging';
var SELECTOR_SWITCH_HANDLE = '.' + CLASS_SWITCH_HANDLE;
@@ -4371,68 +4629,130 @@ var mui = (function(document, undefined) {
handle: handle,
target: false
});
- var toggle, handle, toggleWidth, handleWidth, offset;
- var switchToggle = function(event) {
- if (!toggle) {
- return;
- }
- var detail = event.detail;
- $.gestures.stoped = true;
- //stop the dragEnd
- var slideOn = (!detail.drag && !toggle.classList.contains(CLASS_ACTIVE)) || (detail.drag && (detail.deltaX > (toggleWidth / 2 - handleWidth / 2)));
- //拖拽过程中,动画时间已经设置为0s了,这里需要恢复回来;
- handle.style['-webkit-transition-duration'] = '.2s';
- if (slideOn) {
- handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)';
- toggle.classList['add'](CLASS_ACTIVE);
+ var Toggle = function(element) {
+ this.element = element;
+ this.classList = this.element.classList;
+ this.handle = this.element.querySelector(SELECTOR_SWITCH_HANDLE);
+ this.toggleWidth = this.element.offsetWidth;
+ this.handleWidth = this.handle.offsetWidth;
+ this.handleX = this.toggleWidth - this.handleWidth - 3;
+ this.initEvent();
+ };
+ Toggle.prototype.initEvent = function() {
+ this.element.addEventListener('touchstart', this);
+ this.element.addEventListener('drag', this);
+ this.element.addEventListener('swiperight', this);
+ this.element.addEventListener('touchend', this);
+ this.element.addEventListener('touchcancel', this);
+
+ };
+ Toggle.prototype.handleEvent = function(e) {
+ switch (e.type) {
+ case 'touchstart':
+ this.start(e);
+ break;
+ case 'drag':
+ this.drag(e);
+ break;
+ case 'swiperight':
+ this.swiperight();
+ break;
+ case 'touchend':
+ case 'touchcancel':
+ this.end(e);
+ break;
+ }
+ };
+ Toggle.prototype.start = function(e) {
+ this.classList.add(CLASS_DRAGGING);
+ };
+ Toggle.prototype.drag = function(e) {
+ var detail = e.detail;
+ if (!this.isDragging) {
+ if (detail.direction === 'left' || detail.direction === 'right') {
+ this.isDragging = true;
+ this.lastChanged = undefined;
+ this.initialState = this.classList.contains(CLASS_ACTIVE);
+ }
+ }
+ if (this.isDragging) {
+ this.setTranslateX(detail.deltaX);
+ e.stopPropagation();
+ detail.gesture.preventDefault();
+ }
+ };
+ Toggle.prototype.swiperight = function(e) {
+ if (this.isDragging) {
+ e.stopPropagation();
+ }
+ };
+ Toggle.prototype.end = function(e) {
+ this.classList.remove(CLASS_DRAGGING);
+ if (this.isDragging) {
+ this.isDragging = false;
+ e.stopPropagation();
+ $.trigger(this.element, 'toggle', {
+ isActive: this.classList.contains(CLASS_ACTIVE)
+ });
} else {
- handle.style.webkitTransform = 'translate3d(0,0,0)';
- toggle.classList['remove'](CLASS_ACTIVE);
+ this.toggle();
}
-
- $.trigger(toggle, 'toggle', {
- isActive: slideOn
+ };
+ Toggle.prototype.toggle = function() {
+ var classList = this.classList;
+ if (classList.contains(CLASS_ACTIVE)) {
+ classList.remove(CLASS_ACTIVE);
+ this.handle.style.webkitTransform = 'translate3d(0,0,0)';
+ } else {
+ classList.add(CLASS_ACTIVE);
+ this.handle.style.webkitTransform = 'translate3d(' + this.handleX + 'px,0,0)';
+ }
+ $.trigger(this.element, 'toggle', {
+ isActive: this.classList.contains(CLASS_ACTIVE)
});
- toggle.removeEventListener('dragstart', $.stopPropagation);
- toggle.removeEventListener('swiperight', $.stopPropagation);
- event.stopPropagation();
};
- var dragToggle = function(event) {
- if (!toggle) {
+ Toggle.prototype.setTranslateX = $.animationFrame(function(x) {
+ if (!this.isDragging) {
return;
}
- var deltaX = event.detail.deltaX;
- if (deltaX < 0) {
- return (handle.style.webkitTransform = 'translate3d(0,0,0)');
+ var isChanged = false;
+ if ((this.initialState && -x > (this.handleX / 2)) || (!this.initialState && x > (this.handleX / 2))) {
+ isChanged = true;
}
- if (deltaX > offset) {
- return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)');
+ if (this.lastChanged !== isChanged) {
+ if (isChanged) {
+ this.handle.style.webkitTransform = 'translate3d(' + (this.initialState ? 0 : this.handleX) + 'px,0,0)';
+ this.classList[this.initialState ? 'remove' : 'add'](CLASS_ACTIVE);
+ } else {
+ this.handle.style.webkitTransform = 'translate3d(' + (this.initialState ? this.handleX : 0) + 'px,0,0)';
+ this.classList[this.initialState ? 'add' : 'remove'](CLASS_ACTIVE);
+ }
+ this.lastChanged = isChanged;
}
- handle.style['-webkit-transition-duration'] = '0s';
- handle.style.webkitTransform = 'translate3d(' + deltaX + 'px,0,0)';
- toggle.classList[(deltaX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove'](CLASS_ACTIVE);
- event.stopPropagation();
- };
- window.addEventListener($.EVENT_START, function(e) {
- toggle = $.targets.toggle;
- if (toggle) {
- toggle.addEventListener('dragstart', $.stopPropagation);
- toggle.addEventListener('swiperight', $.stopPropagation);
- handle = toggle.querySelector(SELECTOR_SWITCH_HANDLE);
- toggleWidth = toggle.clientWidth;
- handleWidth = handle.clientWidth;
- offset = (toggleWidth - handleWidth + 3);
- e.preventDefault();
- }
});
- window.addEventListener('tap', switchToggle);
-
- window.addEventListener('drag', dragToggle);
- window.addEventListener('dragend', switchToggle);
+ $.fn.switch = function(options) {
+ var switchApis = [];
+ this.each(function() {
+ var switchApi = null;
+ var id = this.getAttribute('data-switch');
+ if (!id) {
+ id = ++$.uuid;
+ $.data[id] = new Toggle(this);
+ this.setAttribute('data-switch', id);
+ } else {
+ switchApi = $.data[id];
+ }
+ switchApis.push(switchApi);
+ });
+ return switchApis.length > 1 ? switchApis : switchApis[0];
+ };
+ $.ready(function() {
+ $('.' + CLASS_SWITCH).switch();
+ });
})(mui, window, 'toggle');
/**
* Tableviews
@@ -4540,7 +4860,6 @@ var mui = (function(document, undefined) {
}
cell = a = false;
isMoved = isOpened = openedActions = false;
-
var target = event.target;
var isDisabled = false;
for (; target && target !== document; target = target.parentNode) {
@@ -4572,7 +4891,9 @@ var mui = (function(document, undefined) {
event.stopPropagation();
}
if (!isDisabled) {
- toggleActive(true);
+ if (!(cell.querySelector('input') || cell.querySelector(SELECTOR_BUTTON) || cell.querySelector('.' + CLASS_TOGGLE))) {
+ toggleActive(true);
+ }
}
break;
}
@@ -5088,13 +5409,7 @@ var mui = (function(document, undefined) {
if (self.searchActionClass) {
self.searchAction = self.createAction(row, self.searchActionClass, self.searchActionSelector);
self.searchAction.addEventListener('tap', function(e) {
- if($.os.ios){
- setTimeout(function(){
- self.element.focus();
- },10);
- }else{
- self.element.focus();
- }
+ $.focus(self.element);
e.stopPropagation();
});
}
@@ -5187,9 +5502,7 @@ var mui = (function(document, undefined) {
Input.prototype.clearActionClick = function(event) {
var self = this;
self.element.value = '';
- setTimeout(function() {
- self.element.focus();
- }, 0);
+ $.focus(self.element);
self.clearAction.classList.add(CLASS_HIDDEN);
event.preventDefault();
};
@@ -5202,9 +5515,7 @@ var mui = (function(document, undefined) {
engine: 'iFly'
}, function(s) {
self.element.value += s;
- setTimeout(function() {
- self.element.focus();
- }, 0);
+ $.focus(self.element);
plus.speech.stopRecognize();
$.trigger(self.element, 'recognized', {
value: self.element.value
@@ -5221,6 +5532,17 @@ var mui = (function(document, undefined) {
this.each(function() {
var actions = [];
var row = findRow(this.parentNode);
+ var label = row.querySelector('label');
+ if (label) { //该处理方案有点临时,暂不支持动态添加的元素
+ var self = this;
+ label.addEventListener('tap', function() {
+ if (self.type === 'text') {
+ //$.focus(self);//暂时不处理text
+ } else {
+ self.click();
+ }
+ });
+ }
if (this.type === 'range' && row.classList.contains('mui-input-range')) {
actions.push('slider');
} else {
diff --git a/dist/js/mui.min.js b/dist/js/mui.min.js
index 3b2f7bea..b5a3fbf5 100644
--- a/dist/js/mui.min.js
+++ b/dist/js/mui.min.js
@@ -1,8 +1,8 @@
/*!
* =====================================================
- * Mui v0.9.0 (https://github.com/dcloudio/mui)
+ * Mui v1.0.0 (https://github.com/dcloudio/mui)
* =====================================================
*/
-var mui=function(a,b){var c=/complete|loaded|interactive/,d=/^#([\w-]*)$/,e=/^\.([\w-]+)$/,f=/^[\w-]+$/,g=/translate(?:3d)?\((.+?)\)/,h=/matrix(3d)?\((.+?)\)/,i=function(b,c){if(c=c||a,!b)return j();if("object"==typeof b)return j([b],null);if("function"==typeof b)return i.ready(b);try{if(d.test(b)){var e=a.getElementById(RegExp.$1);return j(e?[e]:[])}return j(i.qsa(b,c),b)}catch(f){}return j()},j=function(a,b){return a=a||[],Object.setPrototypeOf(a,i.fn),a.selector=b||"",a};i.uuid=0,i.data={},i.extend=function(a,c,d){a||(a={}),c||(c={});for(var e in c)c[e]!==b&&(d&&"object"==typeof a[e]?i.extend(a[e],c[e],d):a[e]=c[e]);return a},i.noop=function(){},i.slice=[].slice,i.type=function(a){return null===a?String(a):k[{}.toString.call(a)]||"object"},i.isArray=Array.isArray||function(a){return a instanceof Array},i.isWindow=function(a){return null!==a&&a===a.window},i.isObject=function(a){return"object"===i.type(a)},i.isPlainObject=function(a){return i.isObject(a)&&!i.isWindow(a)&&Object.getPrototypeOf(a)===Object.prototype},i.isFunction=function(a){return"function"===i.type(a)},i.qsa=function(b,c){return c=c||a,i.slice.call(e.test(b)?c.getElementsByClassName(RegExp.$1):f.test(b)?c.getElementsByTagName(b):c.querySelectorAll(b))},i.ready=function(b){return c.test(a.readyState)?b(i):a.addEventListener("DOMContentLoaded",function(){b(i)},!1),this},i.map=function(a,b){var c,d,e,f=[];if("number"==typeof a.length)for(d=0,len=a.length;len>d;d++)c=b(a[d],d),null!==c&&f.push(c);else for(e in a)c=b(a[e],e),null!==c&&f.push(c);return f.length>0?[].concat.apply([],f):f},i.each=function(a,b){if("number"==typeof a.length)[].every.call(a,function(a,c){return b.call(a,c,a)!==!1});else for(var c in a)if(b.call(a[c],c,a[c])===!1)return a;return this},i.trigger=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,cancelable:!0})),this},i.getStyles=function(a,b){var c=a.ownerDocument.defaultView.getComputedStyle(a,null);return b?c.getPropertyValue(b)||c[b]:c},i.parseTranslate=function(a,b){var c=a.match(g||"");return c&&c[1]||(c=["","0,0,0"]),c=c[1].split(","),c={x:parseFloat(c[0]),y:parseFloat(c[1]),z:parseFloat(c[2])},b&&c.hasOwnProperty(b)?c[b]:c},i.parseTranslateMatrix=function(a,b){var c=a.match(h),d=c&&c[1];c?(c=c[2].split(","),"3d"===d?c=c.slice(12,15):(c.push(0),c=c.slice(4,7))):c=[0,0,0];var e={x:parseFloat(c[0]),y:parseFloat(c[1]),z:parseFloat(c[2])};return b&&e.hasOwnProperty(b)?e[b]:e},i.regesterHandler=function(a,b){var c=i[a];return c||(c=[]),b.index=b.index||1e3,c.push(b),c.sort(function(a,b){return a.index-b.index}),i[a]=c,i[a]};var k={};return i.each(["Boolean","Number","String","Function","Array","Date","RegExp","Object","Error"],function(a,b){k["[object "+b+"]"]=b.toLowerCase()}),window.JSON&&(i.parseJSON=JSON.parse),i.fn={each:function(a){return[].every.call(this,function(b,c){return a.call(b,c,b)!==!1}),this}},i}(document);!function(a,b,c){a.targets={},a.targetHandles=[],a.registerTarget=function(b){return b.index=b.index||1e3,a.targetHandles.push(b),a.targetHandles.sort(function(a,b){return a.index-b.index}),a.targetHandles},b.addEventListener("touchstart",function(b){for(var d=b.target,e={};d&&d!==c;d=d.parentNode){var f=!1;if(a.each(a.targetHandles,function(c,g){var h=g.name;f||e[h]||!g.hasOwnProperty("handle")?e[h]||g.isReset!==!1&&(a.targets[h]=!1):(a.targets[h]=g.handle(b,d),a.targets[h]&&(e[h]=!0,g.isContinue!==!0&&(f=!0)))}),f)break}})}(mui,window,document),function(a){String.prototype.trim===a&&(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")}),Object.setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a}}(),function(){function a(a,b){b=b||{bubbles:!1,cancelable:!1,detail:void 0};var c=document.createEvent("Events"),d=!0;if(b)for(var e in b)"bubbles"===e?d=!!b[e]:c[e]=b[e];return c.initEvent(a,d,!0),c}"undefined"==typeof window.CustomEvent&&(a.prototype=window.Event.prototype,window.CustomEvent=a)}(),function(a){"classList"in a.documentElement||!Object.defineProperty||"undefined"==typeof HTMLElement||Object.defineProperty(HTMLElement.prototype,"classList",{get:function(){function a(a){return function(c){var d=b.className.split(/\s+/),e=d.indexOf(c);a(d,e,c),b.className=d.join(" ")}}var b=this,c={add:a(function(a,b,c){~b||a.push(c)}),remove:a(function(a,b){~b&&a.splice(b,1)}),toggle:a(function(a,b,c){~b?a.splice(b,1):a.push(c)}),contains:function(a){return!!~b.className.split(/\s+/).indexOf(a)},item:function(a){return b.className.split(/\s+/)[a]||null}};return Object.defineProperty(c,"length",{get:function(){return b.className.split(/\s+/).length}}),c}})}(document),function(a){var b=0;a.requestAnimationFrame||(a.requestAnimationFrame=a.webkitRequestAnimationFrame,a.cancelAnimationFrame=a.webkitCancelAnimationFrame||a.webkitCancelRequestAnimationFrame),a.requestAnimationFrame||(a.requestAnimationFrame=function(c){var d=(new Date).getTime(),e=Math.max(0,16.7-(d-b)),f=a.setTimeout(function(){c(d+e)},e);return b=d+e,f}),a.cancelAnimationFrame||(a.cancelAnimationFrame=function(a){clearTimeout(a)})}(window),function(a,b,c){if(!b.FastClick){var d=function(a,b){return!b.type||"radio"!==b.type&&"checkbox"!==b.type?!1:b};a.registerTarget({name:c,index:40,handle:d,target:!1});var e=function(c){var d=a.targets.click;if(d){var e,f;document.activeElement&&document.activeElement!==d&&document.activeElement.blur(),f=c.detail.gesture.changedTouches[0],e=document.createEvent("MouseEvents"),e.initMouseEvent("click",!0,!0,b,1,f.screenX,f.screenY,f.clientX,f.clientY,!1,!1,!1,!1,0,null),e.forwardedTouchEvent=!0,d.dispatchEvent(e)}};b.addEventListener("tap",e),b.addEventListener("doubletap",e),b.addEventListener("click",function(b){return a.targets.click&&!b.forwardedTouchEvent?(b.stopImmediatePropagation?b.stopImmediatePropagation():b.propagationStopped=!0,b.stopPropagation(),b.preventDefault(),!1):void 0},!0)}}(mui,window,"click"),function(a,b){a(function(){if(a.os.ios){var c="mui-focusin",d="mui-bar-tab",e="mui-bar-footer",f="mui-bar-footer-secondary",g="mui-bar-footer-secondary-tab";b.addEventListener("focusin",function(a){var h=a.target;if(!h.tagName||"INPUT"===h.tagName){b.body.classList.add(c);for(var i=!1;h&&h!==b;h=h.parentNode){var j=h.classList;if(j&&j.contains(d)||j.contains(e)||j.contains(f)||j.contains(g)){i=!0;break}}if(i){var k=b.body.scrollHeight,l=b.body.scrollLeft;setTimeout(function(){window.scrollTo(l,k)},20)}}}),b.addEventListener("focusout",function(){var a=b.body.classList;a.contains(c)&&(a.remove(c),setTimeout(function(){window.scrollTo(b.body.scrollLeft,b.body.scrollTop)},20))})}})}(mui,document),function(a){a.namespace="mui",a.classNamePrefix=a.namespace+"-",a.classSelectorPrefix="."+a.classNamePrefix,a.className=function(b){return a.classNamePrefix+b},a.classSelector=function(b){return b.replace(/\./g,a.classSelectorPrefix)},a.eventName=function(b,c){return b+(a.namespace?"."+a.namespace:"")+(c?"."+c:"")}}(mui),function(a,b){a.EVENT_START="touchstart",a.EVENT_MOVE="touchmove",a.EVENT_END="touchend",a.EVENT_CANCEL="touchcancel",a.EVENT_CLICK="click",a.preventDefault=function(a){a.preventDefault()},a.stopPropagation=function(a){a.stopPropagation()},a.registerGesture=function(b){return a.regesterHandler("gestures",b)};var c=function(a,b){var c=b.x-a.x,d=b.y-a.y;return Math.sqrt(c*c+d*d)},d=function(a,b){return 180*Math.atan2(b.y-a.y,b.x-a.x)/Math.PI},e=function(a){return-45>a&&a>-135?"up":a>=45&&135>a?"down":a>=135||-135>=a?"left":a>=-45&&45>=a?"right":null},f=function(b,c){a.gestures.stoped||a.each(a.gestures,function(d,e){a.gestures.stoped||a.options.gestureConfig[e.name]!==!1&&e.handle(b,c)})},g={},h=function(b){a.gestures.stoped=!1;var c=Date.now(),d=b.touches?b.touches[0]:b;g={target:b.target,lastTarget:g.lastTarget?g.lastTarget:null,startTime:c,touchTime:0,flickStartTime:c,lastTapTime:g.lastTapTime?g.lastTapTime:0,start:{x:d.pageX,y:d.pageY},flickStart:{x:d.pageX,y:d.pageY},flickDistanceX:0,flickDistanceY:0,move:{x:0,y:0},deltaX:0,deltaY:0,lastDeltaX:0,lastDeltaY:0,angle:"",direction:"",distance:0,drag:!1,swipe:!1,gesture:b},f(b,g)},i=function(b){if(!a.gestures.stoped&&b.target==g.target){var h=Date.now(),i=b.touches?b.touches[0]:b;g.touchTime=h-g.startTime,g.move={x:i.pageX,y:i.pageY},h-g.flickStartTime>300&&(g.flickStartTime=h,g.flickStart=g.move),g.distance=c(g.start,g.move),g.angle=d(g.start,g.move),g.direction=e(g.angle),g.lastDeltaX=g.deltaX,g.lastDeltaY=g.deltaY,g.deltaX=g.move.x-g.start.x,g.deltaY=g.move.y-g.start.y,g.gesture=b,f(b,g)}},j=function(b){if(!a.gestures.stoped&&b.target==g.target){var c=Date.now();g.touchTime=c-g.startTime,g.flickTime=c-g.flickStartTime,g.flickDistanceX=g.move.x-g.flickStart.x,g.flickDistanceY=g.move.y-g.flickStart.y,g.gesture=b,f(b,g)}};b.addEventListener(a.EVENT_START,h),b.addEventListener(a.EVENT_MOVE,i),b.addEventListener(a.EVENT_END,j),b.addEventListener(a.EVENT_CANCEL,j),b.addEventListener(a.EVENT_CLICK,function(b){(a.targets.popover||a.targets.tab&&a.targets.tab.hash||a.targets.offcanvas||a.targets.modal)&&b.preventDefault()}),a.fn.on=function(b,c,d){this.each(function(){var e=this;e.addEventListener(b,function(b){var f=a.qsa(c,e),g=b.target;if(f&&f.length>0)for(;g&&g!==document&&g!==e;g=g.parentNode)g&&~f.indexOf(g)&&(b.detail?b.detail.currentTarget=g:b.detail={currentTarget:g},d.call(g,b))}),e.removeEventListener(a.EVENT_CLICK,k),e.addEventListener(a.EVENT_CLICK,k)})};var k=function(a){a.target&&"INPUT"!==a.target.tagName&&a.preventDefault()}}(mui,window),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;d.direction&&e.flickMaxTime>d.flickTime&&d.distance>e.flickMinDistince&&(d.flick=!0,a.trigger(c.target,b,d),a.trigger(c.target,b+d.direction,d))}};a.registerGesture({name:b,index:5,handle:c,options:{flickMaxTime:200,flickMinDistince:10}})}(mui,"flick"),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;d.direction&&e.swipeMaxTime>d.touchTime&&d.distance>e.swipeMinDistince&&(d.swipe=!0,a.trigger(c.target,b+d.direction,d))}};a.registerGesture({name:b,index:10,handle:c,options:{swipeMaxTime:300,swipeMinDistince:18}})}(mui,"swipe"),function(a,b){var c=function(c,d){switch(c.type){case a.EVENT_MOVE:d.direction&&(d.drag||(d.drag=!0,a.trigger(c.target,b+"start",d)),a.trigger(c.target,b,d),a.trigger(c.target,b+d.direction,d));break;case a.EVENT_END:case a.EVENT_CANCEL:d.drag&&a.trigger(c.target,b+"end",d)}};a.registerGesture({name:b,index:20,handle:c,options:{}})}(mui,"drag"),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END){var e=this.options;if(d.distancef.holdThreshold&&clearTimeout(c);break;case a.EVENT_END:case a.EVENT_CANCEL:clearTimeout(c)}};a.registerGesture({name:b,index:10,handle:d,options:{holdTimeout:500,holdThreshold:2}})}(mui,"longtap"),function(a,b){function c(c){this.os={};var d=[function(){var a=c.match(/(Android);?[\s\/]+([\d.]+)?/);return a&&(this.os.android=!0,this.os.version=a[2],this.os.isBadAndroid=!/Chrome\/\d/.test(b.navigator.appVersion)),this.os.android===!0},function(){var a=c.match(/(iPhone\sOS)\s([\d_]+)/);if(a)this.os.ios=this.os.iphone=!0,this.os.version=a[2].replace(/_/g,".");else{var b=c.match(/(iPad).*OS\s([\d_]+)/);b&&(this.os.ios=this.os.ipad=!0,this.os.version=b[2].replace(/_/g,"."))}return this.os.ios===!0}];[].every.call(d,function(b){return!b.call(a)})}c.call(a,navigator.userAgent)}(mui,window),function(a){function b(a){this.os=this.os||{};var b=a.match(/Html5Plus/i);b&&(this.os.plus=!0)}b.call(a,navigator.userAgent)}(mui),function(a){a.global=a.options={gestureConfig:{tap:!0,doubletap:!1,longtap:!1,flick:!0,swipe:!0,drag:!0}},a.initGlobal=function(b){return a.options=a.extend(a.global,b,!0),this};var b={};a.init=function(c){return a.options=a.extend(a.global,c||{},!0),a.ready(function(){a.each(a.inits,function(c,d){var e=!(b[d.name]&&!d.repeat);e&&(d.handle.call(a),b[d.name]=!0)})}),this},a.registerInit=function(b){return a.regesterHandler("inits",b)},a(function(){a.os.ios?document.body.classList.add("mui-ios"):a.os.android&&document.body.classList.add("mui-android")})}(mui),function(a){var b={swipeBack:!1,preloadPages:[],preloadLimit:10,keyEventBind:{backbutton:!0,menubutton:!0}},c={autoShow:!0,duration:a.os.ios?200:100,aniShow:"slide-in-right"};a.options.show&&(c=a.extend(c,a.options.show,!0)),a.currentWebview=null,a.isHomePage=!1,a.extend(a.global,b,!0),a.extend(a.options,b,!0),a.waitingOptions=function(b){return a.extend({autoShow:!0,title:""},b)},a.showOptions=function(b){return a.extend(c,b)},a.windowOptions=function(b){return a.extend({scalable:!1,bounce:""},b)},a.plusReady=function(a){return window.plus?a():document.addEventListener("plusready",function(){a()},!1),this},a.fire=function(a,b,c){a&&a.evalJS("mui&&mui.receive('"+b+"','"+JSON.stringify(c||{})+"')")},a.receive=function(b,c){b&&(c=JSON.parse(c),a.trigger(document,b,c))};var d=function(b){if(!b.preloaded){a.fire(b,"preload");for(var c=b.children(),d=0;da.options.preloadLimit){var h=a.data.preloads.shift(),i=a.webviews[h];i&&i.webview&&a.closeAll(i.webview),delete a.webviews[h]}}else c!==!1&&(d=plus.webview.create(b.url,e,a.windowOptions(b.styles),b.extras),b.subpages&&a.each(b.subpages,function(b,c){var e=plus.webview.create(c.url,c.id||c.url,a.windowOptions(c.styles),c.extras);d.append(e)}));return d}},a.preload=function(b){return b.preload||(b.preload=!0),a.createWindow(b)},a.closeOpened=function(b){var c=b.opened();if(c)for(var d=0,e=c.length;e>d;d++){var f=c[d],g=f.opened();g&&g.length>0?a.closeOpened(f):f.parent()!==b&&f.close("none")}},a.closeAll=function(b,c){a.closeOpened(b),c?b.close(c):b.close()},a.createWindows=function(b){a.each(b,function(b,c){a.createWindow(c,!1)})},a.appendWebview=function(b){if(window.plus){var c,d=b.id||b.url;return a.webviews[d]||(c=plus.webview.create(b.url,d,b.styles,b.extras),c.addEventListener("loaded",function(){a.currentWebview.append(c)}),a.webviews[d]=b),c}},a.webviews={},a.data.preloads=[],a.plusReady(function(){a.currentWebview=plus.webview.currentWebview()}),a.registerInit({name:"5+",index:100,handle:function(){var b=a.options,c=b.subpages||[];if(a.os.plus)a.plusReady(function(){a.each(c,function(b,c){a.appendWebview(c)}),a.currentWebview===plus.webview.getWebviewById(plus.runtime.appid)&&(a.isHomePage=!0,setTimeout(function(){d(a.currentWebview)},300)),a.os.ios&&a.options.statusBarBackground&&plus.navigator.setStatusBarBackground(a.options.statusBarBackground)});else if(c.length>0){var e=document.createElement("div");e.className="mui-error";var f=document.createElement("span");f.innerHTML="在该浏览器下,不支持创建子页面,具体参考",e.appendChild(f);var g=document.createElement("a");g.innerHTML='"mui框架适用场景"',g.href="http://ask.dcloud.net.cn/article/113",e.appendChild(g),document.body.appendChild(e),console.log("在该浏览器下,不支持创建子页面")}}}),window.addEventListener("preload",function(){var b=a.options.preloadPages||[];a.plusReady(function(){a.each(b,function(b,c){a.createWindow(a.extend(c,{preload:!0}))})})})}(mui),function(a,b){a.registerBack=function(b){return a.regesterHandler("backs",b)},a.registerBack({name:"browser",index:100,handle:function(){return b.history.length>1?(b.history.back(),!0):!1}}),a.back=function(){("function"!=typeof a.options.back||a.options.back()!==!1)&&a.each(a.backs,function(a,b){return!b.handle()})},b.addEventListener("tap",function(){var b=a.targets.action;b&&b.classList.contains("mui-action-back")&&a.back()}),b.addEventListener("swiperight",function(b){var c=b.detail;a.options.swipeBack===!0&&Math.abs(c.angle)<3&&a.back()})}(mui,window),function(a,b){a.os.plus&&a.os.android&&a.registerBack({name:"popover",index:5,handle:function(){return a.targets._popover?(a(a.targets._popover).popover("hide"),!0):void 0}}),a.registerBack({name:"5+",index:10,handle:function(){if(!b.plus)return!1;var c=a.currentWebview,d=c.parent();return d&&(c=d),c.canBack(function(d){if(d.canBack)b.history.back();else{var e=c.opener();e&&(c.preload?c.hide("auto"):a.closeAll(c))}}),!0}}),a.menu=function(){var c=document.querySelector(".mui-action-menu");if(c)a.trigger(c,"tap");else if(b.plus){var d=a.currentWebview,e=d.parent();e&&e.evalJS("mui&&mui.menu();")}},a.registerInit({name:"keyEventBind",index:1e3,handle:function(){a.plusReady(function(){a.options.keyEventBind.backbutton&&plus.key.addEventListener("backbutton",a.back,!1),a.options.keyEventBind.menubutton&&plus.key.addEventListener("menubutton",a.menu,!1)})}})}(mui,window),function(a){a.registerInit({name:"pullrefresh",index:1e3,handle:function(){var b=a.options,c=b.pullRefresh||{},d=c.down&&c.down.hasOwnProperty("callback"),e=c.up&&c.up.hasOwnProperty("callback");if(d||e){var f=c.container;if(f){var g=a(f);1===g.length&&(a.os.plus&&a.os.android?a.plusReady(function(){if(e){var b={};b.up=c.up,g.pullRefresh(b)}if(d){var f=plus.webview.currentWebview(),h=f.parent();if(h){e||g.pullRefresh();var i={webviewId:f.id};i.down=a.extend({},c.down),i.down.callback="_CALLBACK",h.evalJS("mui(document.querySelector('.mui-content')).pullRefresh('"+JSON.stringify(i)+"')")}}}):g.pullRefresh(c))}}}})}(mui),function(a,b,c){var d="application/json",e="text/html",f=/